/*
Theme Name: Have You Met Brandon
Theme URI: http://www.worldofb.com/
Description: This site is suited up to look similar to the Have You Met Ted blog.
Version: 1.0
Author: Dylan Wiek
Author URI: http://www.roughkat.com
Tags: three columns, widgets, fixed width, gray, green
*/

/*Common*/

*{
	margin: 0 ;
	padding: 0 ;
	border-width: 0 ;
	text-decoration: none ;
	list-style-type: none ;
}

.clearfix:after,
#wrap:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.p_w2{ width: 49%; }
.fr{float: right}
.fl{float: left}
.clear{clear:both;display:block;overflow:hidden;width:0;height:0}
.sponsortext,.footnote{
  line-height: 1.2;
  font-size:10px;
  color:#999;
}

/*Body*/

body {
	font-family: Verdana, Helvetica, Arial, Sans-Serif ;
	font-size: 12px ;
	background: #ebebeb url(images/bg.jpg) repeat top left ;
	color: #505050 ;
	line-height: 1.8 ;
	border-top: 3px solid #333 ;
}

#wrap {
	width: 1100px ;
	margin: 18px auto ;
}

#wrap .content #header, #wrap .content #main-nav-alt, #archive-title {
	margin-bottom: 9px ;
	background: #fff ;
	border: 1px solid #ccc ;
}

#wrap .content #header, #archive-title {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	
#wrap .content #header h1 a{
	display: block ;
	width: 524px ;
	height: 113px ;
	text-indent: -9000px ;
	overflow: hidden ;
	background: transparent url(./images/WoB_logo.png) no-repeat 15px 0px ;
}

.content {
	width: 538px ;
	float: left ;
	margin-right: 20px ;
	padding-bottom: 18px ;
	text-align: left;
}


/*Links*/
a{
	color: #B02A27;
}

a:hover, #sidebar a:hover{ color: #C00; }

.postinfo a {
	color: #B02A27;
}

.postinfo a:visited {
	color:#B02A27;
}

.post2 a:visited {
	color: #B02A27;
}

h2, h2 a { color: #B02A27; }

.infopost a {
	font-size: 11px ;
	color: #B02A27;
	background-color: #fff ;
	border-bottom: 1px dotted ;
}

/*Headers*/
h1,h2,h3 {
	text-align: left ;
	font-family: Cambria, Georgia, serif ;
	font-weight: normal ;
	font-size: 24px ;
	letter-spacing: -1.3px ;
	line-height: 1 ;
}

h1{ font-size: 34px ; }
h2{ font-size: 30px ; }
h3{ font-size: 14px ; }

.post h2 {
        font-family: Arial, Helvetica, Sans-Serif ;
        font-size: 24px ;
        font-style: italic;
        font-weight: bold;
	padding-bottom: 4px ;
	margin-bottom: 18px ;
	border-bottom:1px solid #eee;
	line-height: 1.1 ;
}

.post h3{
	margin-top: 18px ;
}

#sidebar h3, #adbar h3 {
	border-bottom: 1px solid #e0e0e0 ;
	background-color: transparent ;
	color: #777 ;
}

/*Post*/
.infopost {
	padding: 10px 0 0 ;
	background-color: #fff ;
	font-size: 11px ;
	color: #666 ;
}

blockquote {
	border-top: 1px dotted #ddd ;
	border-right: 1px dotted #ddd ;
	border-bottom: 1px dotted #ddd ;
	border-left: 5px solid #B85B5A ;
	background-color: #fff ;
	color: #707070 ;
	text-align: left ;
	margin: 18px 0 18px 15px ;
	padding: 0 15px 9px ;
}

blockquote cite {
	display:block;
	margin: 18px 0 18px 15px ;
}

p strong{ color: #333 ; }

p.subscribe{ font-size: 12px ; }

.postinfo {
	clear: both ;
	margin: 18px 0 ;
	padding: 3px 6px ;
	font-size: 12px ;
	background: #f6f6f6 ;
	color: #505050 ;
	border: 1px solid #e5e5e5 ;
}

.post, #archive-title {
	font-size: 12px;
	padding: 18px ;
	margin-bottom: 18px ;
	background: #fff ;
	border: 1px solid #ccc ;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.post ul {
	list-style: url('./images/li.gif') ;
}

.post p, .post ul, .post ol{
	margin-top: 18px ;
}

.post ul, .post ol{
	margin-left: 20px ;
}

.post ol li{
	list-style: none ;
}

.post li {
	margin: 0 0 8px ;
}

.post s{ text-decoration: line-through ; }

.post abbr{ border-bottom: 1px dotted #505050 ; cursor: help ; }

.post table td{ padding: 3px ; }
.post table th{ text-align: center ; }

.nav {
	font-size: 14px ;
	font-weight: 700 ;
	padding: 20px ;
}

.justify {
	text-align: justify ;
}

.right {
	float: right ;
	margin: 0 2px 0 13px ;
}

.left {
	float: left ;
	margin: 0 13px 0 2px ;
}

.border{
	border: 1px solid #eee ;
	padding: 5px ;
}

.inline{ display: inline ; }




/*Search*/
.inse, body#archives #sidebar .inse{
	width: 110px ;
	margin: 9px 0 ;
	padding-right: 20px ;
	background: #fff url(./images/search_bg.png) no-repeat 112px 0px ;
	border: 1px solid #ccc ;
	color: #888 ;
}

body#archives .inse{
	width: 400px ;
	font-size: 16px ;
	background-position: 400px 2px ;
}





/*Sidebar*/
#sidebar{
	float: left ;
	width: 170px ;
	margin: 0 20px 0 0 ;
}

#adbar{
	float: left ;
	width: 350px ;
}

	#sidebar img.hero{
		margin-bottom: 20px ;
		border: 1px solid #ccc ;
	}
	
#sidebar #main-nav, #sidebar #search-site, #sidebar #subscribe-module, #sidebar #outside-links, #sidebar .ad160x600, #sidebar #comments, #sidebar #rss,
#adbar #post-categories, #adbar #twitter, #adbar .ad300x250,
#sidebar .generic-sidebar-widget, #adbar .generic-sidebar-widget{
	padding: 10px ;
	margin-bottom: 18px ;
	background: #fff ;
	border: 1px solid #ccc ;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#adbar #post-categories li {
	float: left ;
	width: 50% ;
}
	
#sidebar #search-site ul{ margin-top: 10px ; }
	
#sidebar #subscribe-module, #sidebar #outside-links{ font-size: 12px ; }
	
#adbar .ad300x250 div{
	width:300px ;
	margin: 0 auto ;
}

#sidebar .ad160x600{
	padding: 5px ;
}
	
#meta-info p{
	float: left ;
	width: 150px ;
	margin-right: 16px ;
	font-size: 12px ;
	line-height: 1.2 ;
}

#meta-info ul{
	width: 100px ;
	float: left ;
}

#sidebar a {
	color: #B02A27 ;
}

#searchsubmit{
	display: none ;
}

#post-categories h3{ margin-bottom: 8px ; }

ul.archvs li a, ul.archvs li a:hover{
	background: transparent url('./images/folder.gif') no-repeat top left ;
	padding-left: 22px ;
	font-size: 12px ;
}

ul.sdcats li a, ul.sdcats li a:hover{
	background: transparent url('./images/favs.gif') no-repeat top left ;
	padding-left: 22px ;
}

ul.subscribe li.rss-subscribe a img{
	padding: 5px 5px 5px 0 ;
}

ul.subscribe input.email{
	width: 140px ;
	margin: 5px 0 3px ;
	border: 1px solid #ccc ;
	background-color: #fff ;
	color: #888 ;
}

ul.subscribe input.submit{
	margin: 10px 0 ;
	width: 80px ;
}

ul.subscribe li.chicklits a{
	display: block ;
	padding-bottom: 5px ;
}

ul.subscribe li.chicklits a.first{
	padding-top: 5px ;
}

li.archives a, li.music a, li.quotes a, li.episodes a,
li.archives a:hover, li.music a:hover, li.quotes a:hover, li.episodes a:hover {
	background: transparent url('./images/nav_icons.png') no-repeat 3px 0px ;
	padding: 0 0 3px 22px ;
}

li.music a, li.music a:hover{ background-position: 3px -23px ; }
li.quotes a, li.quotes a:hover{ background-position: 3px -46px ; }
li.archives a, li.archives a:hover{ background-position: 3px -70px ; }

li.photos a,li.photos a:hover{
	background: transparent url('./images/pictures.png') no-repeat top left ;
	padding: 0 0 2px 22px ;
}

li.aboutme a, li.aboutme a:hover{
	background: transparent url('./images/favs.gif') no-repeat top left ;
	padding-left: 22px ;
}


#sidebar li {
	border-bottom: 1px solid #eee ;
	padding: 1px ;
	font-family: Verdana, Helvetica, Arial, Sans-Serif ;
	font-size: 11px ;
}

.watchepisode p{
	margin: 5px 0 ;
	font-size: 12px ;
}

.watchepisode .epname{
	display:block;
	font-size:14px;
	font-style: italic;
	line-height:16px;
	margin: 5px 0 10px ;
}

.donate input{ border-width: 0 ; }

/*Footer*/
#footer{
	clear: both ;
	width: 100% ;
	margin: 18px 11px 18px 0 ;
	padding: 5px ;
	border: 1px dotted #e5e5e5 ;
	background-color: #fff ;
	text-align: justify ;
	text-transform: uppercase ;
	line-height: 1.1 ;
	font-size: 11px ;
	font-family: Arial, Helvetica, sans-serif ;
	color: #999 ;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#footer a.icon{
	display: block ;
	float: left ;
	margin-right: 5px ;
	width: 20px ;
	height: 19px ;
	text-indent: -9000px ;
	overflow: hidden ;
	color: #999 ;
}

#footer a:hover.icon{ background-position: 0 -19px ; }

#footer p{ padding-top: 3px ; }
	
/* Comments */
.Comments { margin: 20px 0px 0px 0px;}
.Comments h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#cc0000;}

.Comments .Form { background: #F6F6F6; border: 1px solid #E5E5E5; padding: 10px 15px 20px 15px; position: relative;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#663300; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #c6c4b5; padding: 4px; font-size: 11px; display: block;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #c6c4b5; padding: 4px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 63px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 63px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}

.color1 {
background-color: #DBDBDB;
}
.color2 {
background-color: #EEEEEE;
}

/* Misc */

img#wpstats{ display: none ; }
img.alignright {float: right;margin: 5px 0 0 10px;}