/*------------------------------------------------------------------------------
 snews.ca, site styles only (navigation excluded) based on prosimii-screen.css
------------------------------------------------------------------------------*/


/* --------- Common styles ----------- */

body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
  background-color: #f6ef84;/* new */
  background-image: url(http://sujataandmeera.com/templates/dropdowns/images/paper-bg-yel.jpg);
  color: #6c1c1c;
}
#page {
margin:0px auto;
padding-left: 80px;
padding-right: 40px;
width:860px;
background: url(http://sujataandmeera.com/templates/dropdowns/images/paper-tear-yel.png) top left repeat-y;
}
html > body { font-size: 9pt; }

a {
  color: rgb(61,92,122);
  background-color: transparent;
  text-decoration: underline;
  margin: 0;
  padding: 0 1px 2px 1px;
}

a:hover {
  color: rgb(117,144,174);
  text-decoration: none;
}

/* Use only to add styling to info-line under article title when using
   jlabaw's function center mod stored in jlabaw_center.php in snews.ca2/spare_parts folder.
.date {
	padding: 3px 0 5px 0;
	border-top: 1px solid brown;
	border-bottom: 1px solid brown;
	background-color: #ff9435;
	color: brown;
	}
	*/

/* ---------- Header styles ----------- */

.superHeader {
  text-align: right;
  margin: 0;
  padding: 0.5ex 10px;
}

/* Added for horizontal display of pages in header, top-right, Aug.20.07 */
.superHeader li { display: inline; margin-right: 10px; }

.superHeader a {
  color: rgb(195,196,210);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}

.superHeader a:hover {
  color: #ff9435;
  background-color: transparent;
  text-decoration: none;
}

.midHeader {
  margin: 0;
  padding: 0.26ex 10px;         
}

.headerTitle {
  display: block;
  margin-left: -999px;
}

.headerSubTitle {
  font-size: 151%;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 1ex 0;
  padding: 0;
}

.headerLinks {
  text-align: right;
  margin: 0;
  padding: 0 0 2ex 0;
  position: absolute;
  right: 1.5em;
  top: 3.5em;
}

.headerLinks a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0 0.5ex 0;
  display: block;
}

.headerLinks a:hover {
  color: rgb(195,196,210);
  background-color: transparent;
  text-decoration: underline;
}

/* ---- SUB-HEADER - underlay for horizontal nav menu bar ---- */
.subHeader {
  color: white;
  height: 30px; /* new, control underlay depth */
  margin: 0;
  padding: 0;
  }


.subHeader a, .subHeader .highlight {
  color: white;
  background-color: transparent;
  font-size: 110%;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}

.subHeader a:hover, .subHeader .highlight {
  color: #ffcc00;
  background-color: transparent;
  text-decoration: none;
}

/* ---------- Main Copy ----------- */

#main-copy {
  margin: 0;
  padding: 0.5em 10px;
  clear: left;
  z-index: 20
}

#main-copy h1 {         
  color: #6c1c1c; /* maroon - #6c1c1c */
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 200%;
  margin: 0;
  padding: 0;
}

#main-copy h2 {
  color: #6c1c1c; /* maroon */
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 151%;
  margin: 0;
  padding: 1ex 0 5px 0;
  border-top: 1px dotted #a39b9b;
}

#main-copy h5 { /* titles in bottom quarter boxes only */
  color: #6c1c1c; 
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 151%;
  margin: 0;
  padding: 1ex 0 5px 0;
  border-bottom: 1px dotted #a39b9b;
}

#main-copy h4 { /* titles in right-side, one-third block only */
  color: #6c1c1c; /* maroon */
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 151%;
  margin: 0;
  padding: 1ex 0 5px 0;
}

#main-copy p {
  line-height: 1.4em;
  margin: 1em 0 1.5em 0;
  padding: 0;
}

.newsHeading {
  color: rgb(61,92,122);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 145%;
  text-decoration: none;
  margin: 0;
  padding: 0; /* was 1ex top padding */
  display: block;
}

.newsHeading:hover {
  color: rgb(117,144,174);
  background-color: transparent;
  text-decoration: underline;
}

.newsDate {
  font-style: italic;
  margin: 0 !important;
  padding: 0;
}

.newsSummary {
  margin: 1.5ex 0 2.5ex 0.75ex !important;
  padding: 0;
}

.rowOfBoxes {
  clear: both;
}

/* NEW, background applied to rowOfBoxes only */
.boxesbody { height: 250px;}

.quarter, .half, .twoThirds, .fullWidth {
  margin: 1em 0;
  float: left;
  border-left: 1px solid #CCC;
}

.oneThird { margin: 1em 0; float: left;}

.quarter {
  width: 21%;
  padding: 0 1.9%;
}
.quarter p { line-height: 1.25em; } /* new */
.quarter li { padding-bottom: 3px; } /* new */

.oneThird {
  width: 28%;
  padding: 0 1.9%;
	height: 700px;
}

.half {
  text-align: justify;
  width: 46%;
  padding: 0 1.9%;
}

.twoThirds {
  text-align: justify;
  width: 63%;
  padding: 0 1.9%;
}

.fullWidth {
  text-align: justify;
  width: 96%;
  padding: 0 1.2em;
  border-left: none;
}
.fullWidthinner{
  text-align: center;
  width:96%;
  padding: 0;
  border: none;
}
.doNotDisplay { display: none !important; }

/* use with an empty <p> element to add padding above or below a text box */
.filler { border: transparent; }

/* Removes border when added to a div-class tag */
.noLeftBorder { border-left: none; }

/* Adds a right border when added to a div-class tag */
.rightborder { border-right: solid 1px #CCC; }

/* Adds a top border when added to a div-class tag */
.topborder { border-top: 1px solid #CCC; }


/* FOOTER =================================================================== */
#footer {
  color: #6e6868;
  border-top: 1px dotted #ccc;
  font-size: 87%;
  text-align: center;
  line-height: 1.25em;
  padding: 1ex 10px;
  clear: left;
  width: 94%;
}

#footer a {
  color: #0044cc; /* links, royal blue */
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}

/* REMOVES BORDERS FROM IMAGES */
img { border: 0; }

/* for textchange.js text re-sizer ----------- */
#textchange { float: right; padding: 0; margin-top: -10px; vertical-align: top; }
	/* use this one if using font change drop-down and a box around it all.
	#textchange { border: 1px solid #ccc; padding: 10px; width: 47%;
	height: 65px; vertical-align: bottom; background-color: #6c1c1c; }
	*/

/* ===== used in older snews.ca2 snews.php editor teg-set button functions =====
   NOTE: These styles must be in all stylesheets that are using the
   extra tag-set buttons in the sNews Editor button sets. */
/* Quote Box - used for quote sections within articles */
.quote {
	font-size: 110%; color: #9c0000;
	padding: 10px; margin-left: 20px; margin-right: 10px;
	background: #f6f0e8 url(../images/quotebg.png) no-repeat top left;
	border-top: 1px solid #b7abab; border-bottom: 1px solid #b7abab; border-left: 5px solid #b7abab;
	margin-bottom: 1em;
	}
/* generates lower-case text as smaller capitalized text */
.smallCaps { font-size: 110%; font-variant: small-caps; color: #942222; }
/* makes a Q-mark when you hover over a link with the mouse, and shows the title-value as a Tip. */
acronym, .titleTip {
  	border-bottom: 1px dotted #5f4d4d; cursor: help; color: #5b5b5b;
  	margin: 0; padding: 0 0 0.4px 0;
	}
/* Applies to content splitter and sNews Editor buttons */
input.button {
  margin-left: 2px;
  font: bold 11px Arial, Verdana, Helvetica, sans-serif;
  color: #2f4860;
  background: #e4dfdb;
  border: solid 1px #2f4860;
}

/* ================================ end ======================================*/


/* ============ for sNews 160 ME (modular, enhanced) version ================ */

/* indents icons in sitemap, archive & rss_links_sm - this package only. */
.icon_indent { margin-left: 20px; }

/* for the breadcrumbs string */
.breadcrumbs { 
position: relative;
font-size: .8em;
font-style: italic;
margin-bottom: 10px; _margin-bottom: 15px; 
margin-left: 160px;
text-align: left;
color: #bbb;
}
.breadcrumbs a{
color: #bbb;
}
.breadcrumbs a:hover{
color: rgb(117,144,174);
}

/* styled container for inline use in articles */
.guidepanel { width: 95%; padding: 15px; margin-top: 5px; border: 1px solid #C0C0C0; background: #f6f0e8; }

/* for article infoline style only - change values as desired */
.infoline { width: 95%; padding: 5px; margin: 5px 0 10px 0; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; background: #f6f0e8; }

/* For Extra contents (right-side, one-third, container */
.extrabox, .codebox { color: #4e1a1a; background: #f6f0e8; padding: 10px; margin-bottom: 1em; border: 1px solid #C0C0C0; }
/* For Codebox, container only, to space out the code lines a bit */
.codebox { line-height: 1.5em; }

/* For keyrock's custom admin panels mod only */
.admpanel { border: 1px solid #ccc; padding: 10px 8px 10px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
.fieldset { border: 1px solid #ccc; padding: 20px 8px 20px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
legend { font: bold 16px arial; margin: 10px 0 0 0; }
input { padding: 3px; margin: 0; }
textarea { width: 90%; height: 20em; padding: 3px;}

/* span classes used in custom admin panels only */
.redtitle { font: bold 14px Arial; color: #ff0000; text-align: center; }
.bluetitle { font: bold 14px Arial; color: #0054bc; text-align: center; }
.admintitle { font: bold 16px Arial; color: #E23300; text-align: center; }
.buttonmargin { margin-bottom: 10px; }

/* div classes to float images or inserted blocks with text-wrap in articles */
.floatright { position: relative; float: right; padding: 0 0 0 10px; border: none; }
.floatleft { position: relative; float: left; padding: 0 10px 0 0; border: none; }

/* For div=class greybox used within article content textarea */
.greybox {
	border : 1px solid #ccc;
	background : #f5f5f5;
	padding : 10px;
	}
/* For <blockquote> tags used within article content textarea */
blockquote {
	padding: 15px 10px 10px 10px;
	border-left : 8px solid #e4d6d2;
	background : #fff2ef;
	margin : 10px 0 10px 15px;
	}

/* FOR ARTICLE LEADS FUNCTION in mods/lead_articles.php */
	/* division class for article lead */
        .article_lead { border-bottom: 1px solid #eee; margin-bottom: 5px; padding-bottom: 20px; }
	/* span classes for date and text */
	.datelead { font: normal 10px Arial; color: #808080; }
	.leadtext { line-height: 1.2em; }

/* Comments and comment panel styles */
.comment { color: #4e1a1a; background: #f6f0e8; padding: 10px; margin-bottom: 10px; border: 1px solid #C0C0C0; }
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #C0C0C0; }

/* Philmoz, Admin Links mod, May 23.07 */
.New_Admin_Links { font-size:85%; text-align:center; }

/* mattonik's image links panel mod (keyrocks) */
#thumb {position:relative; z-index:100; display: inline;}
#thumb a img {border:0;}
#thumb a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#thumb a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#thumb a.p1:hover .large {display:block; position:absolute; top:-35px; left:400px; width:100px; height:100px; border:1px solid #ccc;}

/* mattonik's internal links mod */
#InterneLinky {
padding: 0.3em;
border: 1px solid #ccc;
}

#ILclanky {
display: block;
width: 20em;
height: 20em;
overflow:auto;
float: left;
}

#ILsites {
display: block;
width: 40%;
height: 20em;
overflow:auto;
padding-left: 0.3em;
float: left;
border-left: 1px solid #ccc;
}

#ILcat {
display: block;
width: 20%;
height: 20em;
overflow:auto;
padding-left: 0.3em;
border-left: 1px solid #ccc;
}


.logo-sujata {
position: absolute;
top: 16px;
margin-left: -53px;
}

.imgleft {
	padding-right: 60px;
}
.imgright {
	padding-left: 60px;
}
#footer-paper {
height: 87px;
width:989px;
margin-left: -90px;
margin-bottom: -20px;
clear: both;
background: url(http://sujataandmeera.com/templates/dropdowns/images/sujata-footer-paper-yel.png) top left no-repeat;
}