/*  
Theme Name: Demeter 2008
*/



/* --- STRUCTURE --- */

html, body {
	margin:0;
	padding:0;
	font-size: 83%;
	font-family: verdana, arial, sans-serif;
	} /* Font-sizing in EMs | http://www.thenoodleincident.com/tutorials/typography */


body {
	background: #68823B;

	}




#content {
	margin-right:175px;
}



#container {
	width:100%;
	float:left;
	margin-right:-175px;
	}



#sidebar {
	margin:0;
	padding:5px 10px;
	float:right;
	width:155px;
	}


#sidebar img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


#top {
	margin: 0 auto;
	width:70%;
	height:20px;
	line-height:20px;
	}


#wrapper {
	width:706px;
	margin: 0 auto;
	font-size:1.2em;
	background-color: transparent;
	border-top:2px solid #000;
	border-left:2px solid #000;
	border-right:2px solid #000;
	}








/* --- ELEMENTS --- */


a {
	color:#68823B;
	font-size:1em;
	text-decoration:none;
	}


a:hover {
	color: #fff;
	background: #68823B;
	text-decoration:none;
	}





blockquote {
	color:#000;
	margin:0 5%;
	padding:0 5px 0 15px;
	border-top:1px dotted #B34522;
	border-bottom:1px dotted #B34522;
	font-weight:550;	
	}



.clear {
	margin:0;
	padding:0;
	clear:both;
	height:0;
	}



h1 {
	font-size:2em;
	padding:0;
	margin:0;
	}


h4 {
	font-size:1.2em;
        color:#B34522;
	}


li {
	list-style-type: none;
	list-style-image:none;
	}


#mylist li {
	list-style-type: disc;
	list-style-image:none;
	padding:0 0 15px 0; 
	}



/* --- HEADER --- */

#header {
        background: url('images/header.jpg') no-repeat;
	height:339px;	
	width:706px;	
	font-family: Trebuchet MS, verdana, arial, sans-serif;
	}


#date {
	margin:0;
	padding:0;
	float:left;
        color:#C9B5A7;
	}


#search {
	margin:0;
	padding:0;
	float:left;
	}


#search form {
	padding:0;
	margin:0;
	}


#search input {
	font-size:1.05em;
	padding:0 2px;
	margin:0 0 0 0;
	border:1px solid #000;
	background: #CCDAB3;
	}



/* --- MENU --- */

#menu a {
	font-size:0.9em;
	color:#000;
	text-align:center;
	text-decoration:none;
	text-transform:lowercase;
	}


#menu ul {
	position:relative;
	top:-16px;
	padding:0;
	margin:0 0 0 5%;
	}


#menu ul li {
	display:inline;
	margin:0 1px;
	}


#menu li {
	padding:2px 10px;
	background-color:#D3D3D3;
	border:1px solid #000;
	}


#menu li:hover {
	padding:2px 10px;
	background-color:#fff;
	border:1px solid #000;
	}


#menu #current { 
	background:#fff url("images/menu_current.gif") top right no-repeat; 
	border-bottom:1px solid #fff; 
	border-left:1px solid #383838;	
	}



/* --- CONTENT --- */


p  {
	padding:5px 5px 5px 60px;
	color:#2C235C;
	font-weight:550;
	font-size:1.1em;
	line-height:1.3em;
	font-family: georgia, times, serif;	
	}


h3 {
	padding:5px 5px 5px 60px;
	font-size:1.4em;
	color:#68823B;
	font-weight:500;
	font-family: verdana, Trebuchet MS, arial, sans-serif;
	}



.post ul {
	margin:0;
	padding:0 0 0 5px;
	}




.commentnum {
	padding-left:15px;
	}


.post .commentnum a {
	color:#7D72C1;
	}



#contentbg { 
	background: #fff; 
	}


.post {
	padding:5px 20px 5px 0px;
	color:#2C235C;
	font-weight:550;
	font-size:1.1em;
	line-height:1.3em;
	}


.post h3 {
	font-size:1.3em;
	color:#68823B;
	font-weight:500;
	font-family: Trebuchet MS, verdana, arial, sans-serif;	
	}


.post h3 a {
	color:#68823B;
	text-decoration:none;
	}


.post h3 a:hover {
	color:#fff;
	background: #68823B;
	}


.postinfo {	
	font-size:.65em;
	text-transform:lowercase;
	padding-left:5px;
	}



/* --- COMMENTS --- */

#comments {
	width:90%;
	margin:0 auto;
	}


#comments ol {
	padding:0;
	margin:0;
	}


#comments li {
	padding: 3px 6px;
	margin:10px 0;
	}


#comments h4 {
	font-size:1.2em;
	}


.odd {
	border-left:2px solid #B34522;
	border-right:2px solid #B34522;
	background-color:#EAC4B8;
	}


.comnum {
	color:#B34522;
	font-size:3em;
	float:right;
	}


/* --- SIDEBAR --- */

#sidebar {
	color:#2D5B8A;
	line-height:1.3em;
	font-size:1.0em;
	text-align:left;
	}



#sidebar h3 {
	font-size:1.1em;
	color:#2C235C;
	}



#sidebar h2 {
	font-size:1.1em;
	color:#2C235C;
	}



#sidebar h1 {
	font-size:1.1em;
	color:#2C235C;
	}



#sidebar ul {
	margin:0;
	padding:0 0 0 5px;
	}



#sidebar li { 
	background: url("images/li-image.gif") 0% 4px no-repeat;
	padding:0 0 0 10px; 
	color:#B34522;
	}


#sidebarbg { 
	background: #ffffff; 
	}


#sidebar p {
	color:#B34522;
	}


#sidebar i {
	color:#B34522;
	}


#sidebar a:hover {
	color:#fff;
	background: #68823B;
	}




/* --- CREDITS --- */

#footer p  {
	padding:0px 5px 7px 20px;
	color:#fff;
	font-weight:550;
	font-size:1em;
	line-height:1.3em;
	font-family: verdana, Trebuchet MS, arial, sans-serif;
	}

#footer h3 {
	padding:5px 5px 0px 20px;
	font-size:1.3em;
	color:#CCDAB3;
	font-weight:500;
	font-family: Trebuchet MS, verdana, arial, sans-serif;	
	}


#footer a {
	color:#CCDAB3;
	text-decoration:bold;
	}


#footer a:hover {
	color: #fff;
	background: #CCDAB3;
	text-decoration:bold;
	}

cite {
	font-style:normal;
	font-size:1.2em;
	}


#footer { 
	background: #000;
	}



p.post-meta {
	margin:  20px 0 0 0;
	font-size: 11px;
	color: #999;
	text-align: right;
	}


.copyright{
	margin:0;
	padding:5px 0;
	text-align:center;
	font-size:1.2em;
        font-style:normal;
        color:#ffffff;
	}



/* Begin Images */



p img {
	padding: 0;
	max-width: 100%;
	}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

	
img {
        border:none;
     }


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


img.alignright {
	padding: 4px;
	margin: 12px 0 0 7px;
	display: inline;
	}


img.alignleft {
	padding: 4px;
	margin: 12px 7px 0 0;
	display: inline;
	}


img.intropic {
	padding: 0;
	margin: 8px 8px 0 0;
	display: inline;
	float: left
	}


.alignright {
	float: right;
	}


.alignleft {
	float: left
	}



/* End Images */




#books {
	line-height:1.3em;
	font-size:1.0em;
        margin:  20px 0 0 0;
	}



.books h3 {
	padding:5px 20px 5px 30px;
	font-size:1.5em;
	color:#302E39;
	font-weight:500;
	font-family: Trebuchet MS, verdana, arial, sans-serif;	
	}