/*  
Theme Name: Brown City 1.0
Theme URI: http://www.thepetscity.com
Description: Modified Version of <a href="http://5thirtyone.com/archives/684">Pink October</a> by Derek Punsalan
Modifier: URI: http://www.thepetscity.com
*/

body {
	background: #FFF;
	color: #DDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 2em;
	text-align: center;
	}

a {	text-decoration: none; }
* { margin: 0; padding: 0; }
ul, ol, p { margin: 1em 0; }
br { margin: 0.8em 0; }
blockquote { background: transparent url('wpimages/quo.jpg') left top no-repeat; margin: 25px; padding: 15px 10px 10px 20px; border-left: 2px solid #CCC; }

img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

table { width: 100%; border-spacing: 1px; margin: 1em 0; font-size: 0.95em; }
table th, table td { padding: 0.2em 0.5em }
table th { background: #333; color: #000; text-align: left; }
table td { background: #FFF; color: #333; }
table caption { text-align: left; color: #333; margin-bottom: -1em; margin-top: 1em; font-size: 1.2em; }

h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; margin: 7px 0; }
h3 { font-size: 1.1em; margin: 7px 0; }
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; text-align: left; width: 920px; padding: 20px 30px; }

#header_wrapper { background: #F5F5F5; color: #DDD; }
#bca_wrapper { background: #330000; color: #3C3C3C; }
#bca_inner { background: #330000 url('wpimages/banner.jpg') no-repeat; height: 40px;  padding: 50px 0px 50px 20px; }
#content_wrapper { background: #FFF; color: #3C3C3C; }
#content_inner { background: #FFF; }
#bottom_wrapper { background: #330000; color: #EEE; }
#bottom_inner { background: #330000; }
#footer_wrapper { background: #663300; color: #EEE; }

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

#nav_wrapper { width: 100%; background: #663300; }

ul#navigation { background: #5F5F5F; margin: 0 auto; list-style: none; text-align: left; width: 920px; }
	
#navigation li { float: left; }
#navigation li a { font-weight: bold; color: #FFF; display: block; line-height: 1.5em 1em 1em 1em; padding: 0.8em 1em; }
	
#navigation li a:hover { background: #330000; color: #993300; }
#navigation li.right { float: right; }

/* =start main-content area styling */
#content_inner a { color: #CC6633; }
#content_inner a:hover { color: #993300; text-decoration: none; }

.content_left { float: left; width: 600px; margin-top: 1em; }
.content_left h1 { padding: 7px 0 0 166px; margin-bottom: 7px; border-top: 1px solid #AAA; }
.content_left h1 a { color: #ff3300; }

.post_date { color: #5C5C5C; float: left; width: 153px; font-weight: none; font-size: 0.95em; margin-top: 7px; padding-right: 5px; }
.post { margin-bottom: 1em; }
	
.left_nav { text-align: center; width: 153px; font-size: 0.97em; margin-top: 1.2em; }
.left_nav h3{ color: #3C3C3C; text-align: left; padding: 5px 0 4px 0; border-top: 1px solid #AAA; border-bottom: 1px solid #DDD; }

.entry { border-top: 1px solid #DDD; float: right; width: 432px; padding-top: 2px; }
.entry img.wp-smiley { margin: 0; padding: 0; border: none; }
.entry img, .entry a img { max-width: 428px; padding: 5px; margin: 5px; border: 1px solid #DDD; }
.entry a {}	
		
.entry ul, .entry ol, blockquote { margin: 0 3em; }
.entry li { margin-bottom: 7px; }

#related_posts { margin: 2em 0 0 0; }
#related_posts h3 { border-bottom: 1px solid #DDD; padding: 5px 0 4px 0; border-top: 1px solid #AAA; text-align: right; }
ul#related { margin: 0; list-style: none; }
#related li { margin: 0; line-height: 2em; border-bottom: 1px solid #DDD; }

/* Discard */
.content_right { float: right; width: 275px; margin-top: 1.2em; font-size: 0.97em; }

.content_right h2 { font-size: 1.2em; padding: 5px 0 4px 0; border-top: 1px solid #AAA; color: #3C3C3C; text-align: right; }
.content_right h3 {	padding: 5px 0 4px 0; border-top: 1px solid #AAA; border-bottom: 1px solid #DDD; color: #3C3C3C; text-align: right; }
	
.content_right_sub { color: #6C6C6C; margin-bottom: 2.5em; font-size: 0.95em }
.content_right_sub ul { margin: 0 0 1em 0; list-style: none; }
.content_right_sub ul li { border-bottom: 1px solid #DDD; line-height: 2em; }

#main_nav a { color: #993300; }
#main_nav a:hover { color: #CC6633; }

#bottom_inner a { color: #DDD; }
#bottom_inner a:hover { text-decoration: none; color: #5F5F5F; }	
.bottom_left { width: 600px; float: left; }
		
#bottom_posts { color: #CCC; margin-top: 1em; }
#bottom_posts h3 { border-top: 1px solid #8F8F8F; padding: 5px 0 4px 168px; }
.bottom_posts_date { float: left; width: 160px; font-weight: none; font-size: 0.95em; margin-top: 5px; padding-top: 5px; }

#bottom_main_nav a { color: #993300; }
#bottom_main_nav a:hover { color: #CC6633; }

#bottom_post a { color: #CC6633; }
#bottom_post a:hover { color: #993300; }
	
.bottom_entry { float: right; width: 432px; border-top: 1px solid #7F7F7F; margin: 0 0 35px 0; padding-top: 5px; }
.bottom_right { float: right; width: 275px; font-size: 0.97em; margin-top: 1em; }

.bottom_sub_right a { font-weight: bold; }
.bottom_sub_right h3 { color: #DDD; padding: 5px 0 4px 0; border-top: 1px solid #8F8F8F; border-bottom: 1px solid #7F7F7F; text-align: right; }
.bottom_sub_right { font-size: 0.95em; color: #DDD; margin-bottom: 2.5em; text-align: center; }

.bottom_sub_right_banner { font-size: 0.95em; color: #DDD; margin-bottom: 2.5em; }
.bottom_sub_right_banner a { font-weight: bold; }
.bottom_sub_right_banner h3 {  color: #DDD; padding: 5px 0 4px 0; border-top: 1px solid #8F8F8F; border-bottom: 1px solid #7F7F7F; text-align: right; }

.bottom_sub_right ul { margin: 0 0 1em 0; list-style: none; }
.bottom_sub_right ul li { border-bottom: 1px solid #7F7F7F; line-height: 2em; }
		
#searchthis { margin-top: 1em; color: #DDD; }
#s { width: 208px; padding: 1px; border: 1px solid #DDD; vertical-align: middle; }
#searchsubmit { vertical-align: middle; }

/* Archives Page */

.archives_entry { float: right; width: 432px; border-top: 1px solid #7F7F7F; margin: 0 0 35px 0; padding-top: 2px; font-size: 0.95em; line-height: 0.9em; }
.archives_entry ul, .archived_entry ol { margin: 0.5em 1em }
.archives_entry li { margin-bottom: 7px; }

.archives_content { font-size: 0.97em; float: right; width: 432px; margin-top: 1.2em; }
.archives_content h2 { font-size: 1.2em; color: #3C3C3C; padding: 5px 0 4px 0; border-top: 1px solid #AAA; text-align: right; }
.archives_content h3 { font-size: 1.1em; color: #3C3C3C; }
	
.archives_content_right_sub { color: #6C6C6C; margin-bottom: 2.5em; font-size: 0.95em }
.archives_content_sub ul { margin: 0 3em; list-style: none; }
.archives_content_sub ul li { margin-bottom: 3px; line-height: 1.5em; }

/* +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: none; color: #FFFFFF; }
	
ol.commentlist, ol.pingslist { list-style: none; margin: 0; }

.commentlist li, .pingslist li { border-top: 1px solid #7F7F7F; padding-bottom: 1em; padding-right: 4px; overflow: hidden; }
.commentlist li a, .pingslist li a { color: #993300 !important; }
.commentlist li a:hover, .pingslist li a:hover { color: #0083DA !important; }

li.author .author_highlight { margin-left: 3px; }
li.author { background: url('wpimages/author.gif') top left; }
	
.comment_credentials { width: 155px; float: left; font-size: 0.95em; padding: 12px 0 0 5px; }
.comment_text { width: 434px; float: left; }
.comment_text a{ text-decoration: none; font-weight: bold; }
	
/* +start footer styling */
#footer_inner { font-size: 0.9em; padding: 20px 10px; position: relative; margin: 0 auto; width: 920px; text-align: left; }
#footer_inner a { color: #330000; }
#footer_inner a:hover{ color: #CC6633; font-weight: bold; }
.footer_desc { margin: 0; }
	
/* +start misc */
.floatleft { float: left; margin: 5px 8px 3px 0; }
.floatright { float: right; margin: 5px 0 3px 8px; }
	
.contactform { padding-top: 1em; }
.contactleft { float: left; width: 100px; font-size: 0.95em; }
.contactright { font-size: 0.95em; }
.contacterror { padding:2px; font-size: 0.9em; border: 1px solid #990000 !important; width:208px; }

#wpcf_your_name,
#wpcf_email,
#wpcf_website,
#wpcf_msg {
	font-family: helvetica, arial, verdana, sans-serif;
	padding:3px;
	font-size: 1em;
	border: 1px solid #CCC;
	width:208px;
	overflow: auto;
	margin-bottom: 7px;
	}
	
#contactsubmit { margin: 5px 0 0 100px; }

/* Adsense */
.adblock_468 {text-align: center; margin: 20px 0 20px 0;}
.adbg_120 {width: 150px; margin: 20px 0 0 0; padding: 10px 5px 30px 5px;}

/* Misc */
.feeds { margin-top: 3px; padding: 3px; text-align:center; }
.feeds a img{ border:none; }
.esub { padding: 3px; color: #3C3C3C; text-align: center; }

.techtags {display: none; margin: 0; padding: 0;}
.clicklets {display: none; margin: 0; padding: 0;}

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