/*
Theme Name: Best of the Best
Theme URI: http://www.botbnews.com/
Description: Best of the Best blog theme, version 2.
Version: 2.0
Author: Thomas Joy
Author URI: http://www.botbnews.com/
Tags: white, fixed width, three columns.

	TOC
	---
	1.	site structure
	2.	sections	
	
	FROM botb.com
	--------------
	3.  top navigation
	
*/



span#nav-toggle:hover {
	cursor: pointer;
}

.current-cat { color: #000; }

div.botb-feature {
	width: 208px;
	border: 1px solid #ddd;
	margin-bottom: 16px;
}

a:hover {
	text-decoration: none;
	color:red !important;
}

p {
	font-size: 12px;
	line-height: 1.6em;
}



h2.view-header {
	margin-left: 16px;
         text-indent: 0px;
         text-transform: none;
	position:relative;
}

/************************************************* site structure */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	margin: 0;
	padding: 0;
	width: 100%;
	padding: 0;
	margin: 0 0 0 0px;	
	background-color: #f6f6f6;
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif;
}

p { color: #484f62 !important; }

/* everything lives inside here */

div.wrapper {
	width: 984px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

div.fullwidth {
	width: 100%;
	padding: 0;
	margin: 0;
}

div#header {
	margin: 0 auto;
	padding: 0;
	height: 96px;
	width: 984px;
	clear: both;
}
	#header h1 {
		width: 206px;
		height: 96px;
		
		float: left;
	}
	
	#header h1 a {
		width: 100%;
		height: 100%;
		
		background: transparent url('images/bb-logo.png') 0 0 no-repeat;
		display: block;
	}
	
	p#header-links {
		width: 460px;
		float: left;
		margin-top: 41px;
		margin-left: -24px;
		display: none;
	}
	
	a.rss-link {
		padding-left: 18px;
		background: transparent url('images/icons/rss-icon-combo.gif') 0 0px no-repeat;
	}
	
	.rss-link:hover {
		background: transparent url('images/icons/rss-icon-combo.gif') 0 -15px no-repeat;
	}

	
	/*---------------------------------------
		
		Category navigation
		- move into sidebar
	
	*--------------------------------------*/
	div#cat_nav {
		margin-top:5px;
		margin-left: 16px;
		margin-right: 16px;
		padding-bottom: 8px;
		overflow: hidden;
	}
	
	#cat_nav p {
		margin-bottom: 2px;
	}
		
	ul#cat_list {
		list-style-type: none;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	
	#cat_list li {
		width: auto;
		float: left;
		margin-right: 8px;
	}
	
	#cat_list ul {
		list-style-type: none;
	}
	
	#cat_list ul li {
		width: auto;
		float: left;
		margin-right: 4px;
	}
	
	div#search {
		width: 960px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin-bottom: 16px;
		margin-top: 8px;
		padding-left: 16px;
		padding-top: 8px;
		padding-bottom: 8px;
		
		background-color: #eee;
		
		overflow: hidden;
	}
		#search form {
			overflow: hidden;
		}
		
		#search form label {
			display: block;
		}
		
		#search form input[type="text"] {
			padding: 4px;
			color: #333;
			height: 20px;
			width: 248px;
			margin-top: 2px;
			margin-right: 8px;
			font-size: 14px;
			display: block;
			float: left;
		}

		#searchsubmit {
			background: transparent url('images/btn-search-combo.png') 0 0 no-repeat;
			width: 111px;
			height: 34px;
			text-indent: -9999px;
			display: block;
			float: left;
			border: medium none;
			cursor: pointer;
			
			font-size: 0;
			line-height: 0;
			overflow: hidden;
			padding: 0;
		}
		
		#searchsubmit:hover {
			background: transparent url('images/btn-search-combo.png') 0 -34px no-repeat;
		}
		
	/*
	* < older | newer > links
	*/
	div.navigation {
		width: 952px;
		margin-top: 8px;
		margin-bottom: 8px;
	}	
	
	/* used in category, tag view etc */
	h2.view-header {
		margin-bottom: 16px;
		font-size: 28px;
		letter-spacing: -2px;
	}
			
	/* div#content */
	div#content {
		width: 984px;
		overflow: hidden;
		background-color: #f6f6f6;
		/*background: transparent url('images/content-bg.jpg') 0 0 no-repeat;*/
		
		margin-top: 16px; /* temporary */
	}
	
	.category-view {
		width: 984px;
	}
	
	.section-header {
		font-size: 18px;
		margin-bottom: 16px;
	}

		/*
		*	#main_posts_col - most recent posts go here
		*
		*/
		div#main_posts_col {
			width: 462px;
			margin-left: 16px;
			margin-top: 16px;
			
			margin-right: 16px;
			float: left;
		}
	
		#main_posts_col .post {
			width: 428px;
			background-color: #eee;
			border: 1px solid #ccc;
			overflow: hidden;
			padding: 0;
			margin: 0;
			padding: 16px;
			margin-bottom: 20px;
		}
				
		/* rename to post_splashimg */
		#main_posts_col .post img.post_splash {
			width: 412px;
			background-color: #fff;
			padding: 8px;
			border: 1px solid #ccc;
		}

		#main_posts_col .post div.post_header {
			padding-bottom: 10px;
			width: 428px;
			clear: both;
			
			border-bottom: 1px solid #eee;
		}
				
			#main_posts_col .post .post_header h2 {
				letter-spacing: -2px;
				color: #313741;
				width: 428px;
                                     position:relative;
                                     text-indent:0px;
	                            text-transform:none;
                                     margin: 5px 0px 5px 0px;
                                     line-height:normal;
                                     top:0px;
			}
			
			#main_posts_col .post .post_header h2 a {
				color: #313741;
				font-size: 24px;
			}
		
		#main_posts_col .post div.entry {
			width: 428px;
			color: #313741;
		}
		
		/* BOTB column */
		h2#comp-news {
			width: 230px;
			height: 35px;
			background: transparent url('images/h2-comp-news.png') 0 0 no-repeat;
			text-indent: -9999px;
			
			position: absolute;
			margin-right: 984px;
			margin-left: -23px;
			margin-top: -42px;
			
		}
		
		#botb_news_col {
			padding-left: 16px;
			padding-right: 16px;
						
			width: 207px;
			float: left;
			
			border-right: 1px solid #e6e6e6;
			margin-top: 16px;
		}
		
		#botb_news_col .post {
			width: 208px;
			margin-bottom: 16px;
			padding-bottom: 16px;
			border-bottom: 1px solid #ddd;
		}
		
		#botb_news_col .entry {
			width: 208px;
		}
		
		/*#botb_news_col*/
		.post_thumbnail {
			width: 200px;
			padding: 3px;
			background-color: #fff;
			border: 1px solid #ddd;
			margin-bottom: 8px;
		}
		
		#botb_news_col .post .post_header h2 {
				letter-spacing: -1px;
				color: #313741;
				width: 208px;
                                     position:relative;
                                     text-indent:0px;
	                            text-transform:none;
                                     margin: 5px 0px 5px 0px;
	                            line-height:normal;
                                     top:0px;
			}
			
			#botb_news_col .post .post_header h2 a {
				color: #313741;
				font-size: 18px;
			}
		
		/* other col */
		#other_col {
			margin-left: 16px;
			margin-right: 16px;
			
			width: 216px;
			float: left;
			
			margin-top: 16px;
		}
		
		/* <p> for 2 smaller columns */
		#other_col p, #botb_news_col p {
			line-height: 1.3em;
			font-size: 12px;
			color: #4b5564;
		}
		
		#other_col h2 a {
			letter-spacing: -1px;
			font-size: 14px;
			color: #4b5564;
		}
		
		#other_col .post_thumbnail {
			width: 200px;
			padding: 3px;
			background-color: #fff;
			border: 1px solid #ddd;
			margin-bottom: 8px;
		}
		
		#other_col .post {
			width: 216px;
			margin-bottom: 16px;
			padding-bottom: 16px;
			border-bottom: 1px solid #eee;
		}

		.when_posted {
			margin: 0;
			padding: 0;
			margin-top: 2px;
			font-size: 10px;
			color: #666;
			/*padding-left: 17px;*/
			/*background: transparent url('images/date-button.gif') 0 50% no-repeat;*/
		}
		
			.when_posted a {
				font-size: 11px;
			}
	
		.gallery_link {
			margin: 0;
			padding: 0;
			margin-top: 2px;
			font-size: 11px;
			padding-left: 17px;
			background: transparent url('images/media-button-image.gif') 0 50% no-repeat;
		}

	/* #content */
	div.single_post {
		width: 984px;
		padding: 0px;
		margin: 0px;
		/*background: #fff url('images/content-single-post-bg.jpg') 0 0 no-repeat !important;*/
	}
		.single_post { 
			width: 660px;
		}	
		
		/* HACK */
		.single_post .post img {
			width: 640px !important;
		}
	
		.single_post .post {
			width: 640px;
			margin-left: 10px;
			margin-right: 10px;
		
			overflow: hidden;
			float: left;
			padding-bottom: 16px;
		}
		
		.single_post .entry {
			width: 640px;
			
			margin-top: 0px;
			padding: 0;
			padding-bottom: 10px; /* h2 avoidance */
		}
	
		.single_post .post h2 {
			font-size: 24px;
			letter-spacing: -1px;
			width: 640px;
			margin-top: 24px;
			margin-bottom: 0px;
			line-height: 1.1em;
			clear: both;
			color: #313741;
			
			font-family: Helvetica, Arial, sans-serif;
		}
		
		.single_post .post .entry p {
			font-size: 13px !important;
			line-height: 1.5em;
			width: 640px;
			margin-bottom: 16px;
		}
		
		.single_post .entry h3 {
			font-size: 16px;
			color: #484F62;
			font-weight: bold;
			font-family: Helvetica, Arial, sans-serif, sans;
			margin-top: 16px;
			margin-bottom: -8px;
			letter-spacing: -1px !important;
		}
		
		.single_post .postmetadata {
			text-align: left;
			font-size: 11px;
		}
		
		.single_post .post object {
			overflow: hidden;
			z-index: 10;
		}
		
		/* todo: added wrapper around <embed> and make that 640px; */
		.single_post .post embed {
			/*margin-top: 65px; /* this is to 'avoid' the absolute positioned h2.watch_this */
			width: 640px; /* doesn't really work in chrome */
			margin-top: 10px;
			margin-bottom: 10px;
			
			z-index: 20;
			clear: both;
		}
	
		/* post_splash_pic */
		.post .entry .post_splash_pic {
			margin-top: 20px;
			margin-bottom: 10px;

			width: 640px;
		}
		
		.post .entry p img.alignright {
			width: 320px;
			height: 212px;
			padding: 8px;
			border: 1px solid #eee;
			background-color: #fff;
			margin: 8px;
			
			float: right;
		}
		
		.post .entry p img.alignleft {
			width: 320px;
			height: 212px;
			padding: 8px;
			border: 1px solid #eee;
			background-color: #fff;
			
			margin: 8px;
			margin-left: 0px;
			margin-right: 16px;
			
			float: left;
		}

	div.post_sidebar, div#sidebar {
		float: left;
		overflow: hidden;
		padding-left: 16px;
		margin-top: 32px;
		
		width: 208px;
	}
	
	div#sidebar {
		margin-top: 72px;
		border-left: 1px solid #ddd;
	}
	
	div.post_sidebar {
		border-left: 1px solid #ddd;
		width: 300px;
		
		display: none;
	}
	
	#sidebar ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#sidebar ul li {
		margin: 0;
		padding: 0;
	}
	
	.post_sidebar p, #sidebar p {
		font-size: 12px;
		line-height: 1.2em;
		width: 208px;
	}
	
		h2.contribute_title {
			width: 208px;
			clear: both;
			display: none;
			/*background: transparent url('images/contribute_and_share_header_black.jpg') 0 0 no-repeat;*/
		}
	
		.contribute_sidebar {
			text-align: left;
			font-size: 11px;
			clear: both;
			width: 208px;
			height: auto;
			line-height: 1.4em;
			float: left;
			overflow: hidden;
			display: none;
			margin: 0px;
			/*background: transparent url('images/sidebar_item_bg.jpg') 0 0 repeat-y;*/
		}
		
		.contribute_sidebar ul {
			list-style-type: none;
			overflow: hidden;
			width: 208px;
			margin: 0;
			padding: 0;
		}
		
		.contribute_sidebar ul li {
			width: 208px;
			margin: 0px;
			padding: 0px;
		}
		
	li#get-recent-comments {
		margin-top: 48px;
		width: 208px;
		padding: 0;
	}
	
		#get-recent-comments h2 {
			/*background: transparent url('images/recent_comments_header_black.jpg') 0 0 no-repeat;*/
			width: 208px;
			margin-bottom: 8px;
			clear: both;
		}
		
		div#get_recent_comments_wrap {
			width: 208px;
			overflow: hidden;
			padding: 0;
			margin: 0;
			
		}
		
		div#get_recent_comments_wrap ul {
			width: 208px;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		
		li.recentcomments {
			width: 208px;
			margin: 0;
			padding: 0;
			height: auto;
			font-size: 12px !important;
			margin-bottom: 8px;
			float: left;
			
			padding-top: 8px;
			padding-bottom: 8px;
			min-height: 48px;
			
		}

		li.recentcomments img {
			margin-right: 8px;
			float: left;
			width: 32px;
			height: 32px;
			padding: 2px;
			background-color: #fff;
			border: 1px solid #e6e6e6;
		}
		
		li#get-recent-comments li.recentcomments p {
			margin-top: 0px;
			float: left;
			width: 160px;
		}
		
		li.recentcomments img a {
			display: block;
			float: left;
		}
		
		/* story link */
		li.recentcomments a.url a {
			font-size: 12px !important;
			float: left;
		}
	
	div#crp_related {
		width: 208px;
		margin-top: 20px;
		float: left;

		/*background: transparent url('images/sidebar_item_bg.jpg') 0 0 repeat-y;*/
	}
		#crp_related h3 {
			width: 208px;
			/*background: transparent url('images/related_posts_header_black.jpg') 0 0 no-repeat;*/
			clear: both;
		}
		
		#crp_related ul {
			width: 208px;
			padding: 0;
			margin: 0 auto;
			list-style-type: none;
			
			margin-top: 0px;
			float: left;
		}
		
		#crp_related ul li {
			width: 208px;
			padding-top: 4px;
			padding-bottom: 4px;
			float: left;
			/*min-height: 80px;*/
		}
		
		#crp_related ul li a.related_post {
			width: 92px;
			float: right;
		}
	
	/* COLUMNS */
	div.column-sect {
		clear: both;
		display: inline-block;
		overflow: auto;
	}

	div.post-column {
		display: inline;
		float: left;
		margin: 0;
		margin-right: 9px;
		margin-left: 9px;
		text-align: left;
		width: 45%;
	}
	
	/* GALLERY */
	
	div.gallery {
		width: 620px;
		margin: 0;
		padding: 10px;
		margin-bottom: 24px;
		margin-top: 16px;
		
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		background-color: #eee;
		overflow: hidden;
		clear: both;
	}
		h2.gallery_header {
			width: 179px;
			height: 33px;
			background: transparent url('images/h2-gallery.jpg') 0 0 no-repeat;
			margin-bottom: 16px;
			clear: both;
			text-indent: -9999px;
		}
		
		dl.gallery-item {
			margin: 0;
			padding: 0;
			overflow: hidden;
			width: 100%;
		}
			dt.gallery-icon {
				margin: 0;
				padding: 0;
			}
			
			/* width hack - change this */
			#content .post div.gallery dt.gallery-icon img {
				padding: 3px;
				border: 1px solid #ddd;
				width: 60% !important;
				height: 8% !important;
			}
			
	.postmetadata {
		clear: both;
	}

	.clear {
		clear: both;
	}

#footer {
	padding: 0;
	width: 952px;
	margin-left: 16px;
	margin-right: 16px;
	margin: 0 auto;
	clear: both;
	border-top: 1px solid #ddd;
}

#footer p {
	margin: 0;
	padding: 0;
	width: 920px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
/************************************************* end structure */


/************************************************************ headers */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #333945;
	letter-spacing: -1px;
	font-family: Helvetica, Arial, sans-serif, sans;
}

.entry h4 {
	font-size: 14px;
	color: #484F62;
}

h2.most_recent_post {
	text-indent: -9999px;
	width: 232px;
	height: 51px;
	padding: 0;
	margin: 0;
	clear: both;
	
         position:relative;
         top: 0px;
	background: transparent url('images/h2-latest.png') 0 0 no-repeat;
}

h2#watch_this {
	text-indent: -9999px;
	width: 232px;
	height: 48px;
	padding: 0;
	margin: 0;
	background: transparent url('images/h2-watch-this2.png') 0 0 no-repeat;
	clear: both;
	
	position: absolute;
	margin-right: 984px;
	margin-left: -16px;
	margin-top: 0px;
	
	display: none;
}

h2#comments {
	text-indent: -9999px;
	width: 279px;
	height: 51px;
	padding: 0;
	margin: 0;
	background: transparent url('images/h2-comments2.png') 0 0 no-repeat;
	clear: both;
	
	position: relative;
	margin-right: 984px;
	margin-left: -15px;
	margin-top: -38px;
         top:0px;
}

h2#reply {
	text-indent: -9999px;
	width: 279px;
	height: 51px;
	padding: 0;
	margin: 0;
	background: transparent url('images/h2-reply2.png') 0 0 no-repeat;
	clear: both;
	
	position: relative;
	margin-right: 984px;
	margin-left: -15px;
	margin-top: -20px;
}

/************************************************************ headers */

/************************************************************ rss */

.rss_link {
	padding-left: 16px;
	height: 14px;
	display: block;
	margin-left: 3px;
	margin-top: 5px;
	background: transparent url('images/icons/icon_rss_small.png') 0 50% no-repeat;
}

.comment_sidebar_link {
	height: 14px;
	display: block;
}

/************************************************* type, colours etc... */

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
	border: 1px solid #ddd;
}

.even, .alt {
	border-left: 1px solid #ddd;
}

a:hover {
	color: #900000;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
}

#sidebar h2 {
         position:relative;
         top:0px;
         margin:5px 0px 5px 0px;
         line-height:normal;
         font-size:15px;
         text-indent:0px;
         text-transform:none;
}
.entry p a:visited {
	color: #b85b5a;
}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
}
.sticky h2 {
	padding-top: 10px;
}


	div#comment_wrapper {
		width: 640px;
		margin-left: 16px;
		margin-right: 16px;
		clear: both;
		background-color: #999;
		/* background-color: #ddd; */

		padding-top: 45px;
		margin-top: 30px;
		/*margin-right: 30px;*/
	}

div#respond {
	clear: both;
	background-color: #eee;
	padding-top: 30px;
	padding-bottom: 10px;
	width: 640px;
	/*margin-left: 16px;
	margin-right: 16px;*/
	border-top: 1px solid #eee;
	
}
	div#respond #commentform {
		width: 640px;
		/*margin-left: 30px;
		margin-right: 20px;*/
	}

ol.commentlist {
	width: 924px;
	width: 640px;
	margin: 0;
	
	margin-top: 20px;
	margin-left: 30px;
	padding: 0;
	overflow: hidden;
}
	li.comment {
		padding: 0;
		margin: 0;
		border: none;
		padding-top: 0px;
		padding-bottom: 20px;

		width: 640px;
		overflow: hidden;
		float: left;
		background-color: transparent;
	}
	
	li.comment .left_col {
		width: 100px;
		margin-right: 0px;
		float: left;
	}
	
		li.comment .avatar { 
			border: 1px solid #aaa;
			border-bottom: 1px solid #fff;
			padding: 2px;
			background-color: #fff;
			
			clear: both;
		}
	
		.vcard {
			width: 80px;
			/*border: 1px solid #aaa;*/
			border-top: none;
			padding: 2px;
			background-color: #fff;
		}
		
		li.comment .left_col .vcard p {
			width: 176px;
			padding-left: 2px;
			padding-right: 2px;
			margin-bottom: 2px;
			vertical-align: top;
		}
		
		.vcard cite {
			text-align: left;
			font-size: 14px;
			font-weight: bold;
			color: #222;
			letter-spacing: -0.05px;
		}
		
		li.comment p.comment_date {
			margin: 0;
			padding: 0;
			
			width: 400px;
			padding-top: 2px;

			font-size: 11px;
			padding-left: 0px;
			padding-left: 17px;
			background: transparent url('images/date-button.gif') 0 50% no-repeat;
			float: none;
		}
		
		.commentmetadata {
			font-weight: normal;
		}
		
		.commentlist cite, .commentlist cite a {
			font-style: normal;
			font-size: 11px;
			text-align: center;
		}
	
		.commentlist li ul li {
			font-size: 1em;
		}
		
	.arrow {
		width: 20px;
		height: 23px;
		padding-top: 50px;
		float: left;
		background: url('images/comment_speech_arrow.png') 0 25% no-repeat;
	
	}

	.comment-body {
		width: 460px;
		padding-top: 5px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
		
		margin-left: -1px;
		
		overflow: hidden;
		float: left;
	
		background-color: #fff;
		/*url('images/comment_speech_arrow.png') 0 0 no-repeat;*/
	}
	
	li.comment-author-admin .comment_body {
		background-color: red;
	}
	
	.comment-author-admin .comment_date {
		color: #222;
	}
	
		/* change */
		.comment-body p {
			font-weight: normal;
			line-height: 1.5em;
			text-transform: none;
			font-size: 12px;
		}
		
		p.comment_moderation {
			font-size: 11px;
			background-color: #54ac1e;
			color: #fff;
			padding: 2px;
			margin-bottom: 2px;
		}
		
	li.thread-odd {
		background-color: transparent;
	}

		

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
	color: #900;
	text-decoration: none;
}

a:hover {
	color: #700;
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}

#wp-calendar a {
	text-decoration: none;
}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
/************************************************* end type, colours etc... */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
/* End Images */

/* ARCHIVES - COME BACK TO THIS */

#sidebar ul#archives_list {
	width: 208px;
	list-style-type: none;	
	clear: both;
	overflow: hidden;
}
	#archives_list li {
		width: 48px;
		height: 48px;
		float: left;
		display: block;
		margin-right: 16px;
		background: transparent url('images/calender.jpg') 0 0 no-repeat;
	}

	#archives_list li a {
		font-size: 10px;
		color: #111;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		display: block;
		width: 100%;
		height: 100%;
	}

/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align: center;
}

select {
	width: 130px;
}

#commentform input, #commentform textarea {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	border: 1px solid #ccc;
}

#commentform input {
	width: 242px;
	padding: 8px;
	margin-bottom: 10px ;
	border: 1px solid #aaa;
	font-size: 14px;
}

#commentform {
	margin: 0;
	padding: 0;
	padding-top: 32px;
	
	float: left;
	clear: both;
	overflow: hidden;
	
	width: 618px;
}

#commentform p.form_left {
	width: 260px;
	margin-left: 0px;
	margin-right: 20px;
	
	float: left;
	clear: right;
}

#commentform p.form_right {
	width: 310px;
	margin-left: 10px;
	margin-right: 20px;
	float: left;
}
	#commentform p.guidance {
		width: 250px;
		margin-left: 35px;
		margin-right: 10px;
		float: left;
		
	}

#commentform label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
}

/* required field */
#commentform em {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #951a0b;
	text-transform: lowercase;
}

#commentform textarea {
	width: 300px;
	height: 192px;
	padding: 8px;
	border: 1px solid #aaa;
	font-size: 14px;
}

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	margin-top: 20px;
}

#commentform #submit {
	background: transparent url('images/btn-submit.png') no-repeat scroll 0 0;
	border: medium none;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 0;
	height: 34px;
	line-height: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 111px;
	clear: both;
	margin-left: 0px;
	margin-bottom: 20px;
}

#commentform #submit:hover {
	background-position: 0 -34px;
}

/* End Form Elements */

.children { padding: 0; }

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

/* End Comments */

/**************************************************************** calender */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}
	
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/*************************************************************** end calender */



/*************************************************************** various */
acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
}

a img {
	border: none;
}

/*.navigation {
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}*/
/************************************************************* end various */



/**************************************************************** captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/************************************************************ end captions */

/************************************************************ survey */

div.survey-area {
	
}

.survey-area form {
		
}

.survey-area form textarea {
	margin-top: 15px;
}

.survey-area .survey-question strong {
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 4px;
	display: block;
}

input#survey-next-question {
	margin-bottom: 8px;	
}


@import url('botb-nav.css');