/* ems_style.css - stylesheet for Elephant on Main Street  
   This was converted to absolute positioning for IE on 2005-07-25 */

/* General Styles */
body {
	margin: 0;
	padding-left:50%;
	font-family: lucida grande, verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #ffffff;
	line-height: 1.4em; 
	text-align:center;
}

a:link {
	text-decoration: none;
	color: #900;
}

a:hover {
	text-decoration: underline;
	color: #900;
}

a:visited {
	text-decoration: none;
	color: #600;
}


/* Page sections  */
div#container { /* holds the whole page */
	position:relative;
	width:850px;
	left: -425px;
	margin:0px;
	display:table;
	text-align:center;
	/*border: 1px dotted maroon;*/
}

div#header { /* within the container, shows the header */
	position: absolute;
	left: 40px;
	top: 0px;
	width: 752px;
	height: 155px;
	border-color: 1 px solid maroon;
	text-align:center;
	background-image: url('Elements/title.png');
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: top center;
	height: 150px;
	/* border: 1px dotted maroon; */
}

div#leftbar { /* holds the left sidebar */
	position: absolute;
	left: 0px;
	top: 154px;	
	padding: 0px 15px 15px 15px;
	padding-top: 0px;
	text-align: left;
	width: 150px;
	/* border: 1px dotted green; */
}

div.leftline { /* for links in the left navbar */
	padding-left: 5px;
	font-size: 10pt;
	font-weight:bold;
}

div.rightblog { /* for blog entries in the left navbar, but using the listOutline template */	
	padding-left: 5px;
	font-size: 8pt;
	/*border: 1px dotted maroon;*/
}

.rightblog:hover { background-color:#CCC; }

div#rightbar { /* holds the right sidebar */
	position: absolute;
	left: 690px;
	top: 154px;	
	padding: 0px 15px 15px 5px;
	text-align: left;
	width: 175px;
	/*border: 1px dotted green;*/
}

.rightbar p {
	padding-top:0px;
}

div.rightsection {
	padding-left: 10px;
	font-size: 8pt;
	font-weight:bold;
}

div.rightpage {
	padding-left: 10px;
	font-size: 8pt;
	font-weight:normal;
}

.rightpage:hover { background-color:#CCC; }

div#maincontent { /* holds the content of the page */
	position: absolute;
	left: 45px;
	top: 154px;
	padding: 0px 25px 42px 25px;
	/*padding: 0px 3% 5% 3%;*/
	width: 425px;
	margin-bottom: 0px;
	margin-left: 136px;
	margin-right: 187px;
	border-right: #666;
	border-left: #666;
	border-style: none solid none solid;
	border-width: 1px;
	text-align:left;
}


div#footer { /* within the container, shows the footer */
	position: relative;
	text-align: center;
	bottom:5px;
}

#adminStrip {
	display:none;
}

/* ________________ Blog-related Classes __________________ */ 
div.blogList {
	border-bottom: 1px dotted maroon;
	padding: 5px;
}

span.blogListTitle, span.blogPostTitle {
	font-size:10pt;
	padding: 0px;
	font-weight: bold;
}

.blogListTitle a:hover {
	text-decoration: underline;
}

div.blogListSummary {
	font-size: 8pt;
	padding: 0px;
}

div.blogPost {
	border-bottom: 1px dotted maroon;
	padding: 0px 0px 0px 10px;
}

span.blogDate {
	font-size: 10pt;
	font-weight: normal;
}

/* ______________ Special text sections ___________________ */
div.pullout {
	/* sections like quotes that should be boxed and highlighted */
	background-color: #EEE;
	border-color: #AAA #EEE #EEE #AAA;
	border-width: 1px;
	border-style: solid;
	margin: 5px;
	padding:5px;
	font-style:italic;
}

.poetry p {
	/* each paragraph gets only a single line-break */
	margin-top:0px;
	margin-bottom:0px;
}

pre {
	/* pre tags for poetry; styled to fit the rest of the site */
	font-family: lucida grande, verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	color: black;
}

.subhed h3 { /* subhed heading */
}

.subhed p { /* subheds are indented a bit */
	padding-left: 10px;
}

.web {
	padding-right:13px;
	background-image: url('Elements/link-external.png');
	background-repeat: no-repeat;
	background-position: right;
}

.query {
	background-color: #EEE;
	border-color: #AAA #EEE #EEE #AAA;
	border-width: 1px;
	border-style: solid;
	margin: 5px;
	padding:5px;
	font-style:italic;
	
}