/*  

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/



Suppporting Breast Cancer Awareness for the month of October 2006

*/



body {background:#5f5f5f;color:#ddd;font-size:62.5%;line-height:2em;font-family:helvetica,arial,verdana, sans-serif;text-align: center;}

* {margin:0;padding:0;}

ul, ol, p, blockquote {margin:1em 0;}

a {text-decoration: none;}

a img {border: none;}

h1 {font-size: 1.6em;}

h2 {font-size: 1.4em;}

h3 {font-size: 1.2em;}

h4 {font-size: 1.1em;}

#main {} /* apply global rules throughout entire site */



/* +start main structural element rules */

/* base ONLY! no individual element styling */

#header,

#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:20px 30px;text-align:left;width:920px;}



#header {background:#5f5f5f;color:#ddd;}

	#bca_wrapper {background:#6699CC;color:#3c3c3c;}

	#bca_inner {background:#6699CC;}



#content_wrapper {background:#fff;color:#3c3c3c;}

	#content_inner {background:#fff url(images/white-content-wrapper.gif) no-repeat top right;}

	

#bottom_wrapper {background:#5f5f5f;color:#eee;}

	#bottom_inner {background:url(images/archived-wrapper-grey.gif) no-repeat top left;}



#footer_wrapper {background:#5f5f5f;color:#eee;}



/* +start header styling */

#header {}

	#header_inner {padding:0 0 10px;}



	#nav {background:#5f5f5f;width:100%;}

		ul#navigation {background:#5f5f5f;list-style:none;margin:0 auto;text-align:left;width:920px;}

		#navigation li {float:left;}

		#navigation li a {color:#ddd;display:block;font-weight:bold;line-height:2em;padding:0.5em 1em;}

		#navigation li a:hover {background:#555;color:#fff;}

		#navigation li.right {float:right;}



/* +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:#3c3c3c;font-weight:bold;}

		.bca_desc a:hover {color:#4C4C4C;text-decoration:underline;}



/* =start main-content area styling */

#content_inner a {color:#3c3c3c;font-weight:bold;}

	#content_inner a:hover {color:#6699CC;text-decoration:underline;}



.content_left {float:left;margin-top:1em;width:600px;}

	.content_left h2 {border-top:1px solid #aaa;margin-bottom:7px;padding:7px 0 0 166px;}

	.content_left h2 a {color:#3c3c3c;}

	.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;}

		.entry ul, 

		.entry ol, 

		blockquote {margin-left:2em;}

		.entry li {margin-bottom:7px;}

		

.content_right {float:right;font-size:0.97em;margin-top:1.2em;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; margin-bottom:10px;}

	.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;line-height:2em;}

	.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;line-height:2em;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;font-family:helvetica,arial,verdana,sans-serif;}

#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 4px;}

	.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 */





/* ******** GALLERY *********** */



.photobox {background:#5f5f5f url(images/photobox.jpg) no-repeat top left; height:280px; width:345px; float:left; padding-left:22px; padding-top:22px;}



.photoboxwhite {background:#ffffff url(images/photoboxwhite.gif) no-repeat top left; height:183px; width:231px; float:left; padding-left:15px; padding-top:15px;}



.photoboxportfolio {background:#5f5f5f url(images/photobox.jpg) no-repeat top left; height:183px; width:231px; padding-left:15px; padding-top:15px;}





	

/* ---------- CONTACT ME FORM ------------ */





#commentform form,#contactform form {

padding:0;

}



#commentform,#contactform {

margin-bottom:0;

}



form fieldset {

border:0;

margin:0;

}



form p {

padding:0;

margin:0 0 8px 0;

}



form textarea {

overflow:auto;

}



#commentform input, #contactform input {

border:1px solid #cccccc;

font-family:Verdana,Tahoma,Arial,Sans-Serif;

font-size:1em;

margin:0;

padding:3px;

}



#commentform textarea, #contactform textarea {

width:400px;

border:1px solid #cccccc;

font-family:Verdana,Tahoma,Arial,Sans-Serif;

font-size:1em;

margin:0;

padding:3px;

}



form .button {

background:#ffffff;

border:1px solid #cccccc;

color:#505050;

font-size:0.9em;

padding:4px;

text-align:center;

width:140px;

margin:0;

}



form .hiddenfield {

display:none;

}



form .info {

padding-left:20px;

}







/* ---------- CALENDAR ------------ */





#calendar {

	width: 141px;

	padding: 0;

	margin: 0;

	border-left: 1px solid #A2ADBC;

	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #616B76;

	text-align: center;

	background-color: #fff;

}



.nav, .nav a {

	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #fff;	

	text-align: center;

	text-decoration: none;

}	





caption {

	margin: 0;

	padding: 0;

	width: 141px;

	background: #A2ADBC;

	color: #fff;	 

	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

}



th {

	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #616B76;

	background: #D9E2E1;

	border-right: 1px solid #A2ADBC;

	border-bottom: 1px solid #A2ADBC;

	border-top: 1px solid #A2ADBC;

}



.today, td.today a, td.today a:link, td.today a:visited {

	color: #F6F4DA;

	font-weight: bold;

	background: #DF9496;

}



.free, td.free a, td.free a:link, td.free a:visited {

	color: #F6F4DA;

	font-weight: bold;

	background: #33cc33;

}



td {

	border-right: 1px solid #A2ADBC;

	border-bottom: 1px solid #A2ADBC;

	width: 20px;

	height: 20px;

	text-align: center;

	background: url(images/bg_calendar.gif) no-repeat right bottom;

}



td a {

	text-decoration: none;

	font-weight: bold;

	display: block;

}



td a:link, td a:visited {	

	color: #608194;

	background: url(images/bg_calendar.gif) no-repeat;

}



td a:hover, td a:active {

	color: #6aa3ae;

	background: url(images/bg_calendar.gif) no-repeat right top;

}





.personbutton {

	border-right: 1px solid #A2ADBC;

	border-bottom: 1px solid #A2ADBC;

	width: 20px;

	height: 20px;

	text-align: center;

	background: url(images/bg_calendar.gif) no-repeat right bottom;

}



.personbuttongreen {

	border-right: 1px solid #A2ADBC;

	border-bottom: 1px solid #A2ADBC;

	width: 20px;

	height: 20px;

	text-align: center;

	background: url(images/bg_calendar.gif) no-repeat right bottom;

		color: #F6F4DA;

	font-weight: bold;

	background: #33cc33;

}