/*  
Theme Name: Uncommon Descent
Theme URI: http://www.uncommondescent.com/
Description: Design for Uncommon Descent by Zeit Studios.
Version: 1.0
Author: Peter Wagenet
Author URI: http://www.zeitstudios.com/

	Uncommon Descent v 1.0
	http://www.zeitstudios.com/
*/

body{
  margin: 0;
  padding: 0;
  font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
  font-size: 11px;
  line-height: 16px;
background: url(images/background.png) top center white;
}

img{
  margin: 0;
  padding: 0;
  border: 0;
}

a{
  color: rgb(183,144,27);
  text-decoration: none;
  font-weight: bold;
}
a:hover{
  text-decoration: underline;
}

h1{
  font-family: Georgia, Times, "Times New Roman", serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

h1 a{
	color: #555;
	font-weight: normal;
}

h2{
	color: rgb(153,179,84);
	font-size: 12px;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
}

h3{
	color: rgb(106,106,106);
	font-size: 12px;
	letter-spacing: -.75px;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	margin-top: 0;
}

h3 .day{
  color: rgb(49,49,49);
}
h3 .month{
  color: rgb(106,106,106);
}
h3 .year{
  color: rgb(154,154,154);
  font-weight: normal;
}

h3 .dark{
  color: rgb(49,49,49);	
}
h3 .light{
  color: rgb(154,154,154);	
}

h4{
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 15px 0;
  color: black;
  font-family: "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif;
}
h4 .focus{
  color: #75805c;
  font-weight: bold;
}

h5{
  font-size: 11px;
  line-height: 12px;
  color: white;
  font-family: "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif;
	font-weight: bold;
}

h6{
	font-size: 12px;
	line-height: 13px;
	color: #4f4e3d;
	font-family: "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

blockquote {
	margin-left: 2em;
	margin-right: 0;
	color: #888;
}


ul.inline{
    padding: 0;
	margin: 0;
    list-style:none;
}

ul.inline li{
    display: block;
    float: left;
    padding: 0 4px 0 0;
    border-right: 1px solid #B7901B;
    margin: 1px 4px 1px 0;
}

ul.clean{
    padding: 0;
	margin: 0;
    list-style:none;
}

.alignleft{
	float: left;
	text-align: left;
}

.alignright{
	float: left;
	text-align: right;
}



#page_container{
	margin: 0 auto;
	width: 872px;
	background-image: url(images/background-3col.png);
}

#header, #subheader, #menucontainer{
  margin: 0;
  padding: 0;
  line-height: 0;
}

#subheader{
  width: 500px;
  float: left;
}

#menucontainer{
	width: 372px;
	float: right;
	position: relative;
	height: 115px;
	overflow: hidden;
}

#searchcontainer{
	position: relative;
	width: 372px;
	height: 0;
	line-height: 15px;
	z-index: 2;
	background-color: transparent;
}

html>body #searchcontainer{
	height: 60px;
}

#search{
	background-color: rgb(185,183,114);
	padding: 0 20px;
	height: 60px;
	width: 332px;
}

#search h6{
	padding: 10px 0 3px 0;
}

#sidebar{
  margin: 0;
  padding: 0;
  width: 372px;
  float: right;
}

#post_nav{
	background-color: #f1f3f2;
	margin: 0;
	padding: 15px 10px 7px;
	color: #666;
}

#post_nav .alignleft, #post_nav .alignright{
	width: 240px;
}

#post_nav a{
	color: #aaaaaa;
}

#content{
	margin: 25px 19px 19px;
	width: 450px;
	overflow-x: auto; /* Fixes wide image problem in IE */
	float: left;
}

html>body #content{
	overflow: visible;
}

#content_nopad{
	width: 500px;
	float: left;
}

.post{
  margin-bottom: 50px
}

.body{
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 12px;
  line-height: 23px;
}

.body a{
  font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
}












/******* MENU & COLUMNS *******/

#menu{
  list-style:none;
  margin: 0;
  padding: 0;
	position: relative;
	z-index: 1;
	top: -60px;
}

#menu li{
  display: inline;
  margin: 0;
  padding: 0;
	line-height: 21px;
}
#menu li a{
  display: block;
  float: left;
  width: 83px;
  height: 26px;
  margin: 0;
  padding: 84px 0 5px 10px;
  color: #dcd5ca;
  background-color: #7f815c;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}
#menu li a:hover {
  color: white;
  background-color: rgb(185,183,114);
}


#about_box{
	clear: both;
	margin: 0;
	padding: 25px 20px;
	background-color: #f1f1e4;
	width: 331px;
	color: #595959;
	border-left: solid 1px #cbcbbd;
	text-align: justify;
}

#column1, #column2{
	width: 186px;
	float: left;
}
#column1 h5, #column2 h5{
	width: 176px;
	margin: 0 0 7px 0;
	padding: 14px 0 14px 10px;
}

#column1{
/* 	border-left: solid 1px #f2f2e6;	*/
}

#column1 h5{
  background-color: #4f4e3d;
}
#column1 h5 .focus{
  color: rgb(185,183,114);
}

#column2{
/*	border-left: solid 1px #c7c9b6; */
/* 	background-color: #f1f1e4; */
}
#column2 h5{
  background-color: #7f805c;
}
#column2 h5 .focus{
  color: #3c3b29;
}

#column1 .item, #column2 .item{
	margin:12px 0;
	padding:0 15px;
}












/******* INDIVIDUAL PAGE / COMMENTS *******/


.postmetadata{
	color:#CCC;
}

.postmetadata a{
	color:#BBB;
}

#comments{
	background-color: #d6e4e5;
	clear: left;
}

#comment_head{
	background-color: #f1f3f2;
	border-bottom: solid 2px #a9c8cb;
	margin: 0;
	padding: 15px 0 10px 7px;
	font-weight:bold; 
	color: #777;
}

#comment_head span{
	margin: 10px;
}

#comment_head .comments{
	color:#444;
}

#comment_head .trackbacks{
	color:#BBB;
}

#comment_head .pingbacks{
	color:#BBB;
}

#comments .comment{
	width: 460px;
	padding: 10px;
	border-bottom: solid 2px #a9c8cb;
}


#comments .author, #comments .moderator{
	width: 458px; /* Normal size minus border width */
	background-color: #ffffff;
	border-right: solid 2px #a9c8cb;
}

#comments .last{
	border-bottom-width: 0;
}

#comments .info, #comment_response .info{
	width: 121px;
	float: left;
	margin-right: 10px;
margin-left: 7px;
}

#comments .number{
	margin: 0;
	color: #7d7d7d;
}

#comments .name{
color: #576264;
font-weight: bold;
margin: 0;
}

#comments .name a{
color: #5c6566;
}

#comments .author .name, #comments .moderator .name{
	
}

#comments .author .name a, #comments .moderator .name a{
	color: rgb(183,144,27);
}

#comments .date{
	margin: 0;
	color: #7d7d7d;
}

#comments .date .year{
	color: #aaaaaa;
}

#comments .time{
	color: #7d7d7d;
	margin: 0;
}

#comments .body, #comment_response .form{
	font-family: Verdana, Arial, "Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 11px;
}

#comments .body, #comment_response .form{
	width: 310px;
	float: left;
	line-height: 21px;
}

#comments .body p{
	margin: 0 0 20px 0;
}

#comment_response_head{
	border-top: solid 2px #a9c8cb;
	background-color: #8da5a9;
	padding: 10px 17px;
        color:white; 
        font-weight: bold; 
}

#comment_response{
	background-color: #687a7e;
	padding: 10px;
    color: white;
}

#comment_response a{
	background-color: #687a7e;
        color: #8fe3ee;
}

#comment_response .username{
	margin: 0;
       font-weight: bold; 
}

#comment_response .date{
	margin: 0;
}

#comment_response .logout{
	
}

#comment_response textarea {
	width: 310px;
}

#comment_response .submit{
float: right;
}










/******* FOOTER *******/

#footer{
	background-color: #4f4e3d;
	padding: 10px;
        width: 852px;
        margin: 0px;
	margin-top: 20px;
       color: white;
}

#footer a{
       color: #e5b953;
}

#rss{
	float: left;
}

#copyright{
	float: right;
}

#credits{
	clear:both;
	float: right;
}













/******* 2 Columns *******/

#twocol_sidebar{
	width: 166px;
	float: right;
  	margin: 0;
  	padding: 10px;
/*	border-left: solid 1px #c7c9b6;
 	background-color: #a9c8cb; */
}

#twocol_sidebar.about{
	color:#595959;
}

#twocol_sidebar h1{
	font-size: 12px;
	line-height: 12px;
	color: black;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
}

#twocol_sidebar h1 a{
	color: #7f805c;
	font-weight: bold;
}

#twocol_content{
	margin-right: 10px;
	padding: 20px;
	width: 635px;
	float: left;
}

#twocol_content.nopad{
	padding: 0;
	width: 675px;
}

#twocol_content hr{
	margin: 20px 0;
	clear: both;
}




/******* ABOUT *******/

#twocol_sidebar.contributors{
}

#about_description{
	margin: 30px;
}

/* Styled to match h1 */
#about_description h4{
	font-family: Georgia, Times, "Times New Roman", serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

#about_description h4 .focus{
	font-weight: normal;
	color: black;
}

#contributors, #assistants{
	margin: 0 20px;
	clear: both;
}

#twocol_content .person{
	clear: both;
	padding: 20px 0;
}

#twocol_content .person img{
	width: 200px;
	height: 130px;
	border: solid 8px #4f4e3d;
	float: left;
}

#twocol_content .person .body{
	width: 400px;
	float: right;
	margin: 0px;
}

#twocol_content .person .body h1{
	margin-top: 0;
}




/******* RESOURCES *******/
#twocol_content div.item {
	margin: 20px 0;
}

#twocol_content div.item h1{
	margin-top: 0;
}

#twocol_content div.item img {
	float: left;
	width: 150px;
	border: solid 1px gray;
}

#twocol_content div.item div.with_image {
	width: 465px;
	float: right;
}



/********** CLEAR FIX *********/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */