/*
Theme Name: Prepare
Theme URI: http://example.com
Author: Twenty3design
Author URI: http://twenty3design.co.uk
version: 2.1
*/

@import url("extra_styles.css");

body{
	padding: 0;
	margin: 0;
	background: url(images/bg.gif);
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 21px;
	color: #000;
}

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

img{border: none;}

.float_right{float: right;}
.float_left{float: left;}

strong{font-weight: 500;}


h1, h2, h3, h4 {
	font-weight: 300;
	text-transform: uppercase;
}

h1{
	font-size: 28px;
	color: #5a7f1d;
	line-height: 32px;
}

h2{
	font-size: 21px;
	color: #5a7f1d;
}

h3{
	font-size: 18px;
	color: #171717;
}

h4{
	font-size: 15px;
	color: #474747;
}

#container{
	margin: 0 auto;
	width: 962px;
}

#header{
	margin-bottom: 14px;
}

#branding{
	width: 100%;
	margin-top: 42px;
	height: 34px;
}

#branding img{
	float: left;
	margin-left: 10px;
}

#branding form{
	float: right;
	width: 230px;
	text-align: right;
}

#branding form #search_input{
	width: 200px;
	height: 26px;
	color: #fff;
	border: none;
	padding: 1px 10px;
	margin-top: 2px;
	font-size: 13px;
	background: url(images/search_bg.gif) no-repeat;
}
#searchsubmit { float: right; margin: -24px 5px 0 0; position: relative; }

#breadcrumbs{
	font-size: 11px;
	text-shadow: 1px 1px 0 #fff;
	margin-left: 15px;
}

#social{
	float: right;
	text-shadow: 1px 1px 0 #fff;
}

#social img{
	vertical-align: middle;
	margin-right: 12px;
}

#social a {text-decoration: none;}
#social a:hover{color: #000;}


/* CONTENT */

#content{
	float: left;
	padding-bottom: 30px;
}

.post {
	clear: right;
}

#page #content{
	width: 689px;
	padding: 0 16px 16px 16px;
	border-top: 7px solid #cecece;
	background: url(images/page_bg.gif);
	text-shadow: 1px 1px 0 #fff;
	overflow: visible;
}


#featured{
	height: 279px;
	width: 693px;
	padding: 14px;
	background: url(images/featured_bg.gif) no-repeat;
}

#featured h2{
	color: #fff;
	margin: 0;
	font-size: 22px;
	line-height: 28px;
}


#featured .featured_info{margin: 0;font-size: 11px;}

#featured p{
	color: #fff;
	font-size: 13px;
	margin-top: 5px;
}

#featured img.feat_img{
	float: right;
	margin: 0 0 0 15px;
	height: 274px;
	width: 293px;
	border: 1px solid #e6e6e6;
}

#featured_article {
	margin-top: 41px;
	margin-left: 16px;
	width: 693px;
	height: 250px;
	text-shadow: 1px 1px 0 #fff;
}

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

#featured_article h3{
	margin: 0;
	font-size: 18px;
	text-transform: none;
}
#featured_article img.feat_img{
	float: left;
	margin: 0 24px 0 0;
	height: 197px;
	width: 209px;
	border: 1px solid #e6e6e6;
}

#featured_article h2, #recent_articles h2, #partners h2 {
	font-size: 16px;
	color: #000;
	text-shadow: 1px 1px 0 #fff;
}

#featured_article p { margin: 5px 0; }


#recent_articles{
	margin-top: 21px;
	margin-left: 16px;
	width: 693px;
	height: 250px;
	text-shadow: 1px 1px 0 #fff;
}
#recent_articles a { text-decoration: none; }
#recent_articles a:hover { text-decoration: none; }

#recent_articles h3{
	margin: 0;
	font-size: 16px;
	text-transform: none;
}

#article_1, #article_2, #article_3{
	width: 206px;
	float: left;
	margin-right: 28px;
}

#article_3{margin-right: 0;}


#site_information{
	margin-top: 26px;
	text-shadow: 1px 1px 0 #fff;
}

#contact{
	float: left;
	width: 235px;
	margin-left: 16px;
}

#contact a { font-weight: 500; text-decoration: none; }
#contact a:hover { text-decoration: underline; }

/*
h3.information, h3.about{
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding-bottom: 5px; 
	padding-left: 30px;
}

h3.information{background: url(images/icon_info.gif) 0 2px no-repeat;}
h3.about{background: url(images/icon_prep.gif) 0 2px no-repeat;}


#about{float: left;width: 427px;height: 380px;}
#about img{float: right; padding: 0 0 5px 5px; }
*/

#partners {
	margin-top: 35px;
	padding-left: 16px;
}

#partners img { float: left; padding: 0 8px 5px 0; }


/* MORE INFO */

#more_info{
	margin-top: 40px;
}

#author_info{
	width: 346px;
	height: 139px;
	background-color: #76a017;
	padding: 10px 17px 15px 17px;
	float: left;
	margin: 0 20px 30px 0;
	line-height: 18px;
}

#author_info h3{
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #fff;
	text-shadow: 1px 1px 0 #5b7f0c;
}

#author_info p{
	padding: 0;
	margin: 0;
	color: #fff;
	text-shadow: none;
}

#author_info img{
	float: left;
	margin-right: 12px;
	border: 2px solid #fff;
}

#author_info a{
	color: #fff;
}


#related{
	width: 235px;
	height: 139px;
	background-color: #d6d6d6;
	padding: 10px 17px 5px 17px;
	float: left;
	margin: 0 20px 30px 0;
	line-height: 18px;
}

#related h3{
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #5a7f1d;
	text-shadow: 1px 1px 0 #fff;
}

#related ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#related ul li a { color: #000; text-decoration: none; }
#related ul li a:hover { text-decoration: underline; }

.bibtex {
	margin-bottom: 10px;
}

/* SIDEBAR */

#sidebar{
	width: 191px;
	min-height: 870px;
	float: left;
	background: #749e16 url(images/sidebar_bg.gif) no-repeat;
	border-bottom: 5px solid #cecece;
	color: #fff;
	padding: 30px 23px 20px 26px;
	margin-bottom: 30px;
}

#sidebar a{color: #fff;text-decoration: none;}
#sidebar a:hover{color: #fff;text-decoration: none;}

#sidebar h2{
	text-transform: uppercase;
	font-weight: 300;
	font-size: 16px;
	text-shadow: 1px 1px 0 #5b7f0c;
	margin: 0;
	color: #fff;
}

.entry_author_image img {
	width: 80px;
}
#sidebar .entry_author_image img {
	width: 70px;
}

h2.featured_author { background: url(images/icon_ft_author.gif) 0 0 no-repeat; padding: 0 0 2px 26px; }
h2.twitter { background: url(images/icon_twitter.gif) 0 2px no-repeat; padding-left: 26px; }

h2.quick_poll { background: url(images/icon_poll.gif) 0 2px no-repeat; padding-left: 26px; }
h2.more_articles { background: url(images/icon_articles.gif) 2px 0 no-repeat; padding-left: 26px; }

#featured_author_container { height: 280px; margin-bottom: 38px; }
/* IE6 Only */ * html #featured_author_container { margin-bottom: 0; }

#featured_author_container a { text-decoration: underline; }
#featured_author_container img { float: left; margin: 0 12px 12px 0; border: 2px solid #fff; }

#twitter_container{ height: 240px; width: 191px; margin-bottom: 35px; overflow: hidden;}
/* IE6 Only */ * html #twitter_container{ margin-top: 30px;}

/* IE6 Only */ * html #twitter_container p {
	margin: 0;
	margin-top: 5px; padding-top: 0;
}
/* IE7 Only */ *:first-child+html #twitter_container p {
	margin: 0;
	margin-top: 5px; padding-top: 0;
}

#twitter_container .twitter-message a { text-decoration: underline; }
#twitter_container .twitter-message a:hover { text-decoration: none; }

#twitter_container .twitter-timestamp { border-bottom: none; }

#more_articles_list{
	list-style: none;
	margin: 8px 0 15px 0;
	padding: 0;
	line-height: 18px;
}


#more_articles_list li a { text-decoration: none; }
#more_articles_list li a:hover { text-decoration: underline; }

/* BUTTONS */
.green_button, .more-link{
	background: url(images/button_sprite.png) no-repeat top right;
	text-decoration: none;
	float:right;
	color: #fff;
	cursor: pointer;
	outline: none;
	text-shadow: 1px 1px 0 #648513;
	display: block;
	margin-top: 5px;
	font-size: 12px;
}
/* IE7 Only */ *:first-child+html .green_button{
	margin-top: 0;
}
/* IE6 Only */ * html .green_button{
	margin-top: 0;
}
/* IE7 Only */ *:first-child+html .more-link{
	margin-top: 0;
}
/* IE6 Only */ * html .more-link{
	margin-top: 0;
}

.green_button span, .more-link span {
	background: url(images/button_sprite.png) no-repeat top left;
	margin: 0 14px 0 -14px;
	padding: 6px 0 5px 14px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}

.green_button:hover, .more-link:hover {background-position: right -35px;text-decoration: none;}
.green_button:hover span, .more-link:hover span {background-position: left -35px;}

.green_button:active, .more-link:active {background-position: right -70px;text-decoration: none;}
.green_button:active span, .more-link:active span {background-position: left -70px;}


.green_button span img {
	margin: 4px 0 0 5px;
	float: right;
}


.vote_btn {
	margin-right: 20px;
}
.vote_btn span {
	padding-left: 15px;
}

.alignright { float: right; }
.alignleft { float: left; }

/* FOOTER */

#footer{
	clear: both;
	
	height: 200px;
	background-color: #1e1e23;
	padding-top: 15px;
}

#copyright{
	width: 944px;
	margin: 0 auto;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	padding-left: 16px;
}

#copyright a{color: #fff;}


/* COMMENTS */

#respond, #comments {
	clear: left;
}
