/*
Theme Name: Ferret 2008
Theme URI: http://redferret.net/
Description: Custom Layout for The Red Ferret Journal
Version: 1.0
Author:  Teli Design Studio
Author URI: http://telidesign.com/
*/

* {margin: 0; padding: 0;}
p {margin: 5px auto 15px;}
body {background: #FCF7DF /*#FAE99B*/; color: #fff; padding: 0; margin: 0; font-family: Verdana, Arial, Geneva, sans-serif; font-size: small; text-align: center; /* IE centering fix*/}
a {text-decoration: none; color: #8D1E15;}
a:hover {color: #A45014;}
a img {text-decoration: none; border: none;}

#wrap {color: #000; text-align: center;}
#centerwrap {text-align: left; margin: 0 auto; width: 940px;}

textarea, input {font-family: Verdana, Arial, Geneva, sans-serif; padding: 2px;}

/***HEADER****/
.header_wrap {background: #8F2015 url(images/banner-bg-tall_mod_3.jpg) repeat-x 0 100%; width: 100%; position: relative; height: 204px; overflow: hidden; padding: 0; margin: 0 0  10px;}
#header {background: transparent url(images/ferret_header_mod_3.jpg) no-repeat center bottom; height: 204px; margin: 0 auto; text-align: left; width: 960px;}
.top_advert {text-align: center; margin: 10px auto;}
	#searchform, #cse-search-box {width: 250px; float: right;}
	#search{
	border: 1px solid #ccc;
	background: url(images/content-bg.jpg) repeat-x;
	height: 22px;
	margin: 2px 0;
}
#search input{
	background: transparent !important;
	border: 0 !important;
	color: #000;
	float: left;
	font-size: 1em;
	margin: 2px 0 0 0;
	width: 178px;
	padding:1px;
}
#search .btn{
	margin: 0;
	padding: 0;
	width: auto;
	float: right;
}
#cse-search-results {font-size: 85% !important; width: 460px!important;}
#main_top_nav {height: 30px; font-size: 0.85em; list-style: none; margin: 0 auto; /*width: 850px;*/ padding-left: 100px;}
#main_top_nav li {float: left; margin: 2px 5px;}
	h1.site_title a {display: block; height: 140px; width: 340px; text-indent: -99999px; outline: 0;}
	#header h1, #header p {margin: 0; padding: 0; line-height: 0.1;}
	p.tagline {display: none;}
	#top_nav {position: absolute; bottom: 0px; left: 250px; list-style: none; height: 30px; font-size: .85em; padding: 0; margin: 0;}
	#top_nav li {float: left; margin: 2px 5px; border-left: 1px solid #FFFEF2; padding-left: 5px;}
	#top_nav li.noborder {border: 0 !important;}
	#main_top_nav a,#top_nav li a {display: block; width: auto; color: #FFFEF2; text-decoration: none;}
	
/***CONTENT***/
#content {color: #543018; width: 580px; float: left; font-size: 85%;}
	.thumb_view {float: left; margin: 3px; padding: 3px; border: 1px solid #eee;}
	.featured_post, .boxed_post, .single_post {background: #fff url(images/content-bg_white.jpg) repeat-x; border: 1px solid #FAEAA3; padding: 20px; margin: 5px auto 20px;}
	.post_date, .post_comments, .post_comments a, .post_cats, .post_cats a {margin: 0; padding: 0; color: #888;}
	.post_date {float: left;}
	.post_comments, .post_cats {float: right;}
	hr {clear: both; border: 1px solid #FAEAA3; margin: 2px auto;}
	h2.post_title {font-family: Arial, Verdana, Geneva, sans-serif; font-size:155%; margin: 4px auto;}
	.boxed_post {border: 1px solid #F7EDB6; width: 238px; float: left; margin-right: 10px; display: block; height: 325px;}
	.boxed_post h2.post_title {font-size: 145%;}
	.boxed_post .post_content {height: 180px; overflow: hidden;}
	
	.more_posts {clear: both; font-size: 1.5em; text-align: right; font-family: Arial, Verdana, Geneva, sans-serif; font-weight:bold;}
	.advert {text-align: center;}
	.single_post .author_box {font-weight: bold; padding: 10px; background: #FFF6CF; border: 1px solid #FAE99B;}
	.author_box {margin: 10px auto 30px;}
	.author_box .attribution {text-align: left; float: left; width: 48%;}
	.author_box .right {text-align: right; float: right; width: 48%;}
	
	.post_content {line-height: 160%;}
	.post_content a {text-decoration: underline;}
	
#related ul, #related ol, .archive-list{margin: 5px 10px;}

/***COMMENTS***/
.comment_wrap {margin: 0; padding: 10px; background: #FFF6CF; border: 1px solid #FAE99B;}
#commentform {overflow:hidden;}
#commentform textarea {width: 98%; font-size: 100%;}
#comments {font-family: Georgia, "Times New Roman", serif; font-weight: normal; font-size: 1.75em; margin-bottom: 15px;}
.commentlist cite {font-style: normal; font-weight: bold;}
.commentmetadata {font-size: 0.85em;}
.commentmetadata a {color: #000;}
img.avatar {padding: 3px; border: 1px solid #FAE99B;}
.commentlist {list-style: none;}
.commentlist .even {border: 1px solid #FAE99B; margin-bottom: 25px; padding: 10px; background: #fff;}
.commentlist .odd {margin-bottom: 25px; padding: 10px;}
#respond h3 {font-family: Georgia, "Times New Roman", serif; font-weight: normal; font-size: 1.75em; margin-bottom: 15px;}

#sidewrap {width: 350px; float: right; padding-top: 5px; margin-bottom: 25px; font-size: 85%}
#sidewrap ul {list-style: none;}
#sidewrap h4 {background: #AD2C0C; color: #fff; font-size: 1em; font-family: Arial, Verdana, Geneva, sans-serif; font-weight: normal; padding: 3px; text-align: center; margin-top: 15px; margin-bottom: 10px; font-size: 110%;}
	#sidewrap h4 a {color: #fff; font-size: 80%; text-decoration: underline;}
.side_box {margin-bottom: 25px; padding: 10px; border: 1px solid #FAEAA3; background: #fff; text-align: center; overflow: hidden;}
#side_1, #side_2 {border: 1px solid #FAEAA3; background: #fff; text-align: left; color: #000; padding: 10px; width: 150px;}
#side_1 {float: left;}
#side_2 {float: right;}

.bottom_advert {text-align: center; margin: 10px auto;}

#footer {padding: 5px 10px 30px; color: #fff; background: #952414; clear: both; text-align: center; font-size: 0.9em; list-style: none;}
#footer a {color: #fff; font-weight: bold;}
#footer h4 {display: none;}
#footer ul {list-style: none; width: 900px; margin: 5px auto;}
#footer li {/*float: left;*/ margin: 2px 5px; display: inline;}

.navigation {text-align: center; font-size: 1.4em; font-weight: bold; margin-bottom: 25px;}
.previouslink {float: left; width: 45%; text-align: left; margin-bottom: 25px;}
.nextlink {float: right; width: 45%; text-align: right; margin-bottom: 25px;}

/* Technorati Tag Cloud Code */
.tr_tagcloud_t_js h3, .tr_tagcloud_t_js h4, .idw-container h3, .idw-container h4, .idw-container h2, .idw-container h1 {display: none;}
.tr-blog-top-tags {
width: 150px!important;
border: none;
font-size: 10px!important;}
.tags a { color:  #8D1E15!important; }

/***MISC***/
.clear {clear:both;}
img.alignleft {float: left; margin: 0 8px 8px 0;}
img.alignright {float: right; margin: 0 0 8px 8px;}
img.aligncenter {display: block; text-align: center; margin: 5px auto;}
img.border {padding: 5px; border: 1px solid #ddd;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}	

/* hide the overflow */
#content, #side_1, #side_2 {overflow: hidden;}