/*  
Theme Name: October Special
Theme URI: http://5thirtyone.com/
Description: Breast Cancer Awareness special mod
Version: 1.0
Author: Derek Punsalan
Author URI: http://5thirtyone.com/

*/
html {
	background: url(images/repeat.jpg) repeat top left transparent;
}

body {
	background: url(images/bg.jpg) repeat-x 0 0 transparent;
	color:#ddd;
	font-size:62.5%;
	font-family: "Lucida Sans", helvetica,arial,verdana, sans-serif;
	text-align: center;
	line-height: 220%;
}
* {margin:0;padding:0;}
ul, ol, p, blockquote, br {margin:1em 0;}
a {text-decoration: none;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
#main_wrapper {} /* apply global rules throughout entire site */

/* +start main structural element rules */
/* base ONLY! no individual element styling */
#header_wrapper,
#bca_wrapper,
#content_wrapper,
#bottom_wrapper,
#footer_wrapper {width:100%;font-size:1.2em;}

#header_inner,
#bca_inner,
#content_inner,
#bottom_inner {margin:0 auto;padding:10px 20px 10px 20px;text-align:left;width:920px;}

#logo {
	font-weight: normal;
	line-height: 40px;
	color: #96bf55;
	width: 300px;
	float: left;
	font-size: 22px;
}
#header_wrapper {color:#ffffff;}
	#bca_wrapper {color:#3c3c3c;}
	#bca_inner {}

#content_wrapper {background:#fff;color:#3c3c3c;}
	#content_inner {}
	
#bottom_wrapper {background: url(images/bottom.jpg) repeat-x top left transparent;color:#ffffff; }
	#bottom_inner {}

#footer_wrapper {color:#eee;}

/* +start header styling */
#header_wrapper {}
	#header_inner { width: 920px; margin: 0 auto 0 auto;padding: 10px 0 0 0; }

	#nav_wrapper {width:100%;height: 60px;}
		ul#navigation {list-style:none;margin:0 auto;text-align:left;width:550px;height: 30px; float: right;}
		#navigation li {float:left;}
		#navigation li a {color:#ffffff;display:block;font-weight:bold;line-height:30px;;padding:0.5em 1em;}
		#navigation li a:hover {color:#fff; background: url(images/nav.jpg) repeat-x left center transparent;}
		#navigation li.right {float:right; color: #ffffbe;}
		#navigation li.right a, #navigation li.right a:hover {color: #ffffbe; background: none;}

/* +start bca styling */
#bca_inner {}
	.bca_border {border-top:1px solid #83B0DC;padding-top:7px;}
	.bca_title {float:left;padding-right:5px;width:163px;}
	.bca_desc {float:left;width:750px;}
		.bca_desc a {color:#09f;font-weight:bold;}
		.bca_desc a:hover {color:#09f;text-decoration:underline;}

/* =start main-content area styling */
#content_inner a {color:#09f;font-weight:bold;}
	#content_inner a:hover {color:#09f;text-decoration:underline;}

.content_left {float:left;margin-top:15px;width:600px;}
	.content_left h2 {border-top:1px solid #aaa;margin-bottom:7px;padding:7px 0 0 166px;color:#09f;}
	.content_left h2 a {color:#09f;}
	.post_date {color:#5c5c5c;float:left;font-weight:bold;font-size:0.95em;margin-top:7px;padding-right:5px;width:153px;}
	.extra_status {margin:15px 0;}
	
.post {margin-bottom:1em;}
	.entry {border-top:1px solid #ddd;float:right;padding-top:2px;width:432px;}
		.entry a {}
		.entry img, 
		.entry a img {border:1px solid #ddd;max-width:428px;padding:2px; margin: 10px;}
		.entry ul, 
		.entry ol, 
		blockquote {margin-left:2em;}
		.entry li {margin-bottom:7px; list-style-image: url(images/arrow.png);}
		
.content_right {float:right;font-size:0.97em;margin-top:15px;width:275px;}
	.content_right h3 {color:#3c3c3c;border-top:1px solid #aaa;border-bottom:1px solid #ddd;padding:5px 0 4px 0;text-align:right;}
	.content_right_sub {color:#6c6c6c;margin-bottom:2.5em;}
	.content_right_sub ul {list-style:none;margin:0 0 1em 0;}
	.content_right_sub ul li {border-bottom:1px solid #ddd;}
	.more_info {text-align:right;}
		.more_info a {color:#6c6c6c !important;}
		.more_info a:hover {color:#967D93 !important;}

/* =start widgets styling */		
.sidebar_widget {margin:0 0 35px 0;}

#calendar_wrarp {}
	table#wp-calendar {margin:0;padding:0;width:100%;}
	#wp-calendar caption {font-size:1.1em;font-weight:bold;margin:4px 0;text-align:right;}
	#wp-calendar th,#wp-calendar td {padding:0 7px;text-align:center;}
		#wp-calendar td a {border:1px solid transparent;display:block;}


.textwidget {margin:15px 0;}
	
/* =start bottom main styling */		
#bottom_inner {}
	#bottom_inner a {color:#ddd;}
	#bottom_inner a:hover {color:#83B0DC !important;text-decoration:underline !important;}
	
.bottom_left {float:left;width:600px;}	
	#archived_posts {color:#ccc;margin-top:1em;}
		#archived_posts h3 {border-top:1px solid #8f8f8f;margin:0;padding:5px 0 4px 168px;}
		.archived_posts_date {float:left;font-size:0.95em;font-weight:bold;margin-top:6px;width:160px;}
			.archived_posts_date br {margin:0;}
		.archived_entry {float:right;border-top:1px solid #7f7f7f;margin:0 0 35px 0;padding-top:5px;width:432px;}
	
.archived_right {float:right;font-size:0.97em;margin-top:1em;width:275px;}
	.archived_sub_right {color:#6c6c6c;margin-bottom:2.5em;}
	.archived_sub_right h3 {border-top:1px solid #8f8f8f;border-bottom:1px solid #7f7f7f;color:#ddd;padding:5px 0 4px 0;text-align:right;}
	.archived_sub_right a {font-weight:bold;}
	.archived_sub_right ul {list-style:none;margin:0 0 1em 0;}
		.archived_sub_right ul li {color:#CCC;border-bottom:1px solid #7f7f7f;}
		
#searchthis {color:#ddd;margin-top:1em;}
	#s {border:1px solid #ddd;padding:1px;vertical-align:middle;width:208px;}
	#searchsubmit {vertical-align:middle;}
	
/* +start comment styling */
#comments_title {border-top:1px solid #8f8f8f;margin:1em 0 0;padding:5px 0;}
	#comments {float:left;width:160px;}
	#comment_meta {float:left;}
	#comment_meta a {font-weight:bold;}
	
ol.commentlist,
ol.pingslist {list-style:none;margin:0;padding:0;}
	.commentlist li,
	.pingslist li {border-top:1px solid #7f7f7f;margin:0;overflow:auto;padding:0;}
		.comment_credentials {float:left;font-size:0.97em;margin:10px 0;padding-left:3px;width:152px;}
			.comment_credentials .author_highlight {font-weight:bold;}
		.comment_credentials br {margin:0;padding:0;}
		.comment_text {float:right;margin-top:10px;padding-right:3px;width:437px;}
			.comment_text p {margin:0 0 15px;}
		li.author {background:url(images/diag-dark.gif) top left;}
	
small {font-size:0.95em;margin-left:3px;}
#author, 
#email, 
#url, 
#comment {border:1px solid #ddd;padding:3px;font-size:1em;}
#respond {border-top:1px solid #8f8f8f;border-bottom:1px solid #7f7f7f;padding:5px 0 5px 0;}

#author, 
#email, 
#url {width:250px;}
#comment {width:598px;}

/* +start category styling */
#categories {border-top:1px solid #8f8f8f;clear:both;margin-top:10px;}
	#categories h3 {color:#ddd;border-bottom:1px solid #7f7f7f;padding:5px 0 5px 0;}
	#categories ul {list-style:none;margin:5px 0 0 0;}
		#categories li {display: block;float:left;width:101px;}
		#categories li a {display:block;font-weight:bold;padding:2px 5px;}
		#categories li a:hover {background:#666;text-decoration:none !important;}	

/* +start footer styling */
#footer_inner {font-size:0.95em;position:relative;margin:0 auto;padding:20px 10px;text-align:left;width:920px;}
	#footer_inner a {color:#eee;font-weight:bold;}
	.footer_desc {float:left;margin: 0;}
	
/* +start misc */
.floatleft {float:left;margin:5px 8px 3px 0;}
.floatright {float:right;margin:5px 0 3px 8px;}

/* +start clearing fix rules */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

