@charset "utf-8";


/*   
Theme Name: What the L
Author: Kelly Meath
Version: 1.0
/vweb/whatthel.sierrabravo.net/docs/wordpress/
*/
#branding{
	display:block;
	height:75px;
	width:250px;
	text-indent:-9999px;
	overflow:hidden;
}
#rssFeedHolder{
	display:block;
	height:30px;
	width:30px;
	text-indent:-9999px;
	overflow:hidden;	
}
body{
	margin-top:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#header{
	width:734px;
	height:149px;
	background:url(images/header_bg.png) no-repeat;
}
#header div{
	float:left;
}
#mainNav{
	width:396px;
}
#blogDesc{
	width:235px;
	height:149px;
}
#blogDesc p{
	font-size:12px;
	line-height:125%;
}
#run{
	margin-top:43px;
	margin-bottom:10px;
}
#rssFeed{
	margin-left:71px;
	margin-top:119px;
}
#mainNav ul,
.commentsNav ul{
	height:14px;
	margin:50px 0 0 14px;
}
.commentsNav ul{
	margin:10px 0 5px 0 !important;
}
#mainNav .nav_item{
	font-size:9px;
	text-transform:uppercase;
	display:inline;
	list-style-type:none;
	font-weight:bold;
	padding:0 14px;
	border-right:1px solid black;
}
.commentsNav .nav_item,
.commentsNavFirst,
.commentsNavLast{
	font-size:9px;
	display:inline;
	list-style-type:none;
	font-weight:bold;
	padding:0 10px 5px 10px;
	border-right:1px solid #999;
}
#mainNavFirst,
.commentsNavFirst{
	padding-left:0 !important;
}
#mainNavLast,
.commentsNavLast{
	border-right:none !important;
}
#mainNav .nav_item a{
	text-decoration:none;
	color:black;
	font-weight:bold;	
}
.commentsNav .nav_item a,
.commentsNavFirst a,
.commentsNavLast a{
	color:#00aeef;
	font-weight:bold;
	text-decoration:none;	
}
#mainNav .nav_item a:hover{
	text-decoration:none;
	color:#ff256c;
	font-weight:bold;	
}
.blogPost{
	width:732px;
}
.blogPostTop{
	width:732px;
	height:13px;
	background:url(images/post_top.png) no-repeat;
	overflow:hidden;
}
.blogPostBody{
	width:732px;
	background-color:white;
}
.blogPostBottom{
	width:732px;
	height:13px;
	background:url(images/post_bottom.png) no-repeat;
}
.blogPostContent{
	font-size:11px;
	width:706px;
	margin:0 13px;
	line-height:145%;
}
.blogPostContent a{
	color:black;
}
.blogPostContent a:hover{
	color:#00aeef;
}
.blogPostContent object,
.blogPostContent embed,
.blogPostContent p{
	padding-bottom:20px;
}
.blogPostContent p{
	line-height:145%;
}
.mainVidImg{
	display:block;
	width:487px;
	height:294px;
	margin-bottom:20px;	
}
.mainVidImg img{
	height:100% !important;
	width:auto !important;
	padding:0 !important;
}
.vidSmall img{
	height:auto;
	width:100%;
	padding:0 !important;	
}
.mainVidImg object,
.mainVidImg embed,
.vidSmall object,
.vidSmall embed{
	padding:0 !important;
	width:100%;
	height:100% !important;
}
.vidMedium img{
	height:auto;
}
.vidMedium object,
.vidMedium embed,
.vidMedium img{
	padding:0 !important;
	height:263px;
	width:460px;
	margin-bottom:16px;	
}
.blogPostContent object,
.blogPostContent embed{
	padding:9px;
}
.blogPostContent h6 a,
.blogPostContent h5 a,
.blogPostContent h4 a,
.blogPostContent h3 a,
.blogPostContent h2 a,
.blogPostContent h1 a{
	text-decoration:none;
	color:black;
}
.blogPostContent h6 a:hover,
.blogPostContent h5 a:hover,
.blogPostContent h4 a:hover,
.blogPostContent h3 a:hover,
.blogPostContent h2 a:hover,
.blogPostContent h1 a:hover{
	text-decoration:none;
	color:#00aeef;
}
.blogPostContent h6{
	font-size:1.1em;
	padding-bottom:2px;
}
.blogPostContent h5{
	font-size:1.3em;
	padding-bottom:2px !important;	
}
.blogPostContent h4{
	font-size:1.5em;
	padding-bottom:3px;	
}
.blogPostContent h3{
	font-size:1.7em;
	padding-bottom:4px;	
}
.blogPostContent h2{
	font-size:1.9em;
	padding-bottom:5px;	
}
.blogPostContent h1{
	font-size:2.1em;
	padding-bottom:6px;	
}
.blogPostContentTitle{
	padding:20px 0 20px 0 !important;	
}
.mediumPostContentTitle{
	padding:12px 0 6px 0 !important;	
}
.blogPostContent ol{
	list-style:inside decimal;
}
.blogPostContent ul{
	list-style:inside disc;
}
.blogPostContent img{
	padding:9px;
	max-width:686px;
	height:auto;
}
.blogPostContentTitle,
.blogPostContentTitle a,
.mediumPostContentTitle a{
	color:black;
	text-decoration:none;
	font-size:16px !important;
	font-weight:bold;
}
.blogPostContentTitle a:hover,
.mediumPostContentTitle a:hover{
	color:#00aeef;
}
.blogPostVideo{
	width:559px;
}
.blogPostMeta{
	width:155px;
}
.blogPostContent ul li,
.blogPostContent ol li{
	font-size:11px;
	line-height:1.4em;
	list-style-position:inside;
}
.blogPostContent p a{
	color:black;
}
.blogPostContent p a:hover{
	color:#00aeef;
}
.postMeta{
	float:right !important;
	display:inline;
	width:155px;
	padding-bottom:60px;
	padding-left:60px;
	margin-top:-5px;
}
.tagTitle{
	margin-top:9px;
	margin-bottom:8px;
	font-weight:bold;
	font-size:12px !important;		
}
.more-link{
	color:black;
	font-weight:bold;
	font-size:10px;
}
.more-link:hover{
	color:#00aeef;
}
#authorTitle{
	width:732px;
	height:30px;
	line-height:30px;
	background:url(images/authorTitle.png) no-repeat;
}
#authorTitle h2{
	margin-left:13px;
}
#authorTitle h2,
#authorTitle h2 a{
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#00aeef;
}
.tagList ul li,
.tagList ul li a{
	list-style-type:none;
	font-size:9px;
	text-decoration:none;
	color:black;
}
.tagList ul li a:hover{
	color:#00aeef;	
}
.metaDate{
	font-size:10px;
	font-weight:bold !important;
	color:#00aeef;
	margin-bottom:2px !important;
}
.authorData .metaDate{
	margin-left:5px;
}
.mediumTitleDate{
	width:450px;
	margin-bottom: 22px;
}
.mediumTitleDate h2,
.mediumTitleDate div,
.smallPostTitle h2,
.smallPostTitle div{
	display:inline-block;
}
.mediumPostExcerpt{
}
.mediumPostExcerpt p,
.mediumPostExcerpt p a{
	font-size:11px;
	line-height:145%;
	color:black;
}
.mediumPostExcerpt p a:hover{
	color:#00aeef;
}
.mediumTitleDate div,
.smallPostTitle div{
	float:right !important;
	margin-right:7px;
}
.metaComments,
.mediumMetaComments{
	height:13px;
}
.mediumMetaComments{
	padding:12px 0 6px 0;
}
.mediumMetaComments a{
	text-align:right;
}
.metaComments{
	border-bottom:1px solid black;
	padding-bottom:19px;
	width:155px;	
}
.metaComments img,
.mediumMetaComments img{
	float:left;
	padding:0 4px 0 0;
	margin-top:2px;
}
.metaComments a,
.mediumMetaComments a{
	font-size:10px;
	color:black;
	text-decoration:none;
}
.metaComments a:hover,
.mediumMetaComments a:hover{
	color:#00aeef;
}
.mediumPostFooter p{
	color:#666;
	font-size:9px;
}
.medMore{
	height:13px;
	overflow:hidden;
}
.medMore a{
	color:black;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	float:right;
}
.medMore a:hover{
	color:#00aeef;	
}
.medTags{
	height:10px;
	line-height:10px;
	overflow:hidden;
	float:left;
	width:180px;
}
.medTags,
.medTags a{
	color:#666;
	font-size:9px;
	text-decoration:none;
}
.medTags a:hover{
	color:#00aeef;	
}
.mediumPostFooter{
	width:450px;
	border-top:1px #999 solid;
	margin-top:16px;
	padding:17px 0 7px 0;
}
.mediumPostFooter ul li{
	display:inline;
}
.smallPostFooter{
	width:202px;
	border-top:1px #999 solid;
	margin-top:16px;
	padding:14px 0 3px 0;	
}
.smallPostFooter ul li{
	display:inline;
}
.smallPostFooter p{
	color:#666;
	font-size:9px;
}
#searchBar{
	width:229px;
	padding-left:10px;
	background:url(images/searchBar.png) no-repeat;
	padding-top:4px;
	color:#666;
}
#searchButton, #searchBar{
	border:none;
	height:20px;
	overflow:hidden;	
	float:left;
	display:inline;
	font-size:10px;
}
#sideBarSearch{
	height:20px;
	overflow:hidden;	
}
.sidebarTop{
	background:url(images/sidebar_top.png) no-repeat;
	height:13px;
	width:238px;
}
.sidebarBody{
	background-color:white;
	width:238px;
}
.sidebarBottom{
	background:url(images/sidebar_bottom.png) no-repeat;
	height:13px;
	width:238px;
}
.sidebarWidget{
	width:238px;
}
.widgetContent,
.authorContent,
.shuffleContent,
.authorBio{
	width:213px;
	margin:0 13px;
}
.widgetContent{
	border-top:3px solid #0f9;
}
.widgetContent h3{
	font-size:14px;
	margin-top:13px;
	padding-bottom:17px;
}
.authorBio h4{
	margin:0 0 9px 0;
	font-size:12px;
}
.authorContent{
	padding-bottom:15px;
}
.authorContent div{
	float:left;
}
.authorBio p{
	margin:0;
	padding-bottom:8px;
	font-size:11px;
	line-height:127%;	
}
.authorContent h3{
	height:25px;
	line-height:25px;
	margin:20px 0 0 0;	
}
.authorContent h3 a{
	font-size:14px;
	text-decoration:none;
	color:black;
}
.authorContent h3 a:hover{
	color:#00aeef;
}
.shuffleContent h3{
	font-size:14px;
	text-decoration:none;
	color:black;
	padding-bottom:17px;	
}
#tagCloudObject a{
	color:#00aeef;
	text-decoration:none;
}
.widgetContent ul li,
.widgetContent ul li a{
	list-style-type:none;
	color:#00aeef;
	font-weight:bold;
	font-size:10px;
	padding-bottom:10px;
	text-decoration:none;
}
.widgetContent ul li a:hover{
	color:black;
}
.authorContent .photo{
	float:left;
	display:inline;
	padding-right:10px;
}
.autRole{
	font-size:11px;
	height:15px;
}
.SNicons{
	position:relative;
	bottom:-20px;
}
.SNicons img{
	padding-left:4px;
}
.widgetContent a{
	color:#00aeef;
	font-size:10px;
	text-decoration:none;
}
#FavLinks li{
	padding-bottom:10px;
}
#FavLinks a{
	font-weight:bold;
}
#FavLinks a:hover{
	color:black;
}
#tweets{
	margin-bottom:10px;
}
#followOnT{
	padding-top:10px;
}
#followOnT a{
	color:#00aeef;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}
#followOnT a:hover{
	color:#00aeef;
}
.twitter-item{
	padding:12px 0 !important;
	border-bottom:1px solid #999;
	line-height:130%;
}
.twitter-timestamp{
	color:#999;
	border:none !important;
}
.commentsForm{
	background-color:white;
	width:732px;
	padding-top:20px;
}
.commentsInner{
	width:698px;
	margin:0 18px;
	border-top:1px solid #999;
}
.commentsInner div{
	float:left;
}
#twitterFeed{
	padding-bottom:5px !important;
}
.readComments{
	height:32px;
	width:50%;	
}
.readComments p{
	text-transform:uppercase;
	padding-left:5px;
	line-height:32px;	
}
.readComments p,
.readComments p a{
	color:#00aeef;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.leaveCommentP1{
	height:32px;
	width:50%;
	float:right;
	display:inline;	
}
.leaveCommentP2{
	line-height:32px;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	padding-right:34px !important;
	color:#00aeef;
}
.allComments{
	border-top:1px solid #999;
	z-index:1000;
}
.theComment{
	width:694px;
	/*padding:16px 0;*/
	border-bottom:1px solid #999;
	height:100%;
}
.theCommentComment{
	width:455px;
}
.theCommentComment a{
	text-decoration:none;
	color:black;
}
.commentMeta{
	margin:16px 0;
	float:right !important;
	display:inline;
	width:220px;
	height:50px;
}
.commentAvatar{
	height:50px;
	width:50px;
	margin-right:5px;
}
.commentUser{
	width:165px;
	height:50px;
	background-color:#e6e6e6;
}
.commentUser p{
	padding:0 0 3px 10px;
	font-size:10px;	
}
.commentAuthor{
	font-weight:bold;
	padding-top:13px !important;
}
.commentDate a{
	text-decoration:none;
	color:black;
}
.theCommentComment p{
	font-size:11px;
	margin:35px 0 16px 0;
	line-height:145%;
}
.respond{
	width:694px;
}
.leftColComs{
	width:300px;
	margin:31px 0 10px 0;
}
.rightColComs{
	width:365px;
	margin:31px 0 10px 29px;
}
.commentform p span{
	display:inline-table;
}
.leftColLables label{
	display:block;
	text-align:right;
	color:#666;
	font-size:10px;
	font-weight:bold;
	height:20px;
	padding:7px 14px 7px 0;
}
.leftColInputs{
	width:237px;
}
.leftColInputs input{
	width:233px;
	height:14px;
	margin:7px 0;	
	font-size:10px;
	border:1px solid #999;
	color:#333;
}
.rightColComs textarea{
	margin-top:7px;
	width:361px;
	border:1px solid #999;
	color:#333;
	font-size:10px;
}
.commentsSubmit{
	width:365px;
	margin-top:10px;
}
.gravatarStuff{
	width:237px;
	margin-top:10px;
}
.gravatarImage{
	width:55px;
	float:left;
	display:inline;
}
.getGravatar{
	width:182px;
	float:right !important;
	display:inline;
}
.getGravatar p{
	font-size:9px;
	font-weight:bold;
	color:#333;
}
.getGravatar p a{
	color:#00aeef;
	text-decoration:none;
	font-weight:bold
}
.commentsSubmit input{
	height:21px;
	padding-bottom:3px;
	width:146px;
	background:url(images/commentSubmit.gif) no-repeat;
	border:none;
	color:white;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
}
.subscribe-to-comments{
	padding:5px 0 0 0;
	font-size:10px;
	color:#333;
	font-weight:bold;
}
.subscribe-to-comments a{
	color:#00aeef;
	font-weight:bold;
	text-decoration:none;
}
.subscribe input{
	padding:0;
	margin:0;
}
.subscribe label{
	line-height:12px;
	vertical-align:top;
}
.leftColComs p{
	color:black;
	font-weight:bold;
	font-size:10px;
}
.leftColComs p a{
	color:#00aeef;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}
.commentsNav{
	background-color:white;
	width:100%;
}

/*homepage video stuff*/
.vidSmall{
	width:212px;
	height:120px;
	overflow:hidden;
	border:1px solid #ccc;
}
.vidMedium{
	width:auto;
	height:280px !important;
	overflow:hidden;
}
.mediumBlogPost{
	width:486px;
}
.mediumPostTop{	
	background:url(images/medium_top.png) no-repeat;
	height:13px;
	width:486px;
}
.mediumPostBody{
	background-color:white;
	width:486px;
	height:486px !important;
}
.mediumPostBottom{	
	background:url(images/medium_bottom.png) no-repeat;
	height:13px;
	width:486px;
}
.mediumPostVidImg{
	width:460px;	
}
.mediumPostVidImg,
.mediumPostContent{
	margin:0 13px;
}
.mediumPostContent{
	padding:0 5px;
	width:450px;	
}
.authorsPortal{
	width:237px;
}
.blogUserTop{
	background:url(images/sidebar_top.png) no-repeat;
	height:13px;
	width:238px;	
}
.blogUserBottom{
	background:url(images/sidebar_bottom.png) no-repeat;
	height:13px;
	width:238px;	
}
.blogUserBody{
	background-color:white;
	width:238px;
}
.blogUserBodyInner{
	width:212px;
	margin:0 13px;
}
.blogUserBodyInner div{
	float:left;
}
.authorImage{
	margin-right:5px;
	width:95px !important;
	height:95px !important;
	overflow:hidden;
}
.authorImage img{
	height:95px;
	width:auto;
}
.authorData{
	width:109px;
}
.authorBlogTitle{
	width:100%;
	background-color:#00aeef;
	color:white;
	font-size:10px;
	padding:3px 0 3px 3px;
	font-weight:bold;
	text-transform:uppercase;
}
.authorBlogTitle a{
	text-decoration:none;
	color:white;	
}
.authorRecentTitle{
	margin:5px 0 2px 5px;
}
.authorRecentTitle a{
	color:black;
	font-size:12px;
	font-weight:bold;
	line-height:125%;
	text-decoration:none;
}
.authorRecentTitle a:hover{
	color:#00aeef;
}
.clear{
	clear:both;
}
.truncatedContent{
	margin-left:5px;
	margin-top:3px;
	width:100%;
}
.truncatedContent p{
	font-size:10px;
	line-height:140%;
}
.truncatedContent span{
	width:100%;
}
.truncatedContent span p{
	width:90%;
	float:left;
}
.truncatedContent span a{
	width:10%;
	padding-top:15px;
}
.truncatedContent span p,
.truncatedContent span a{
	display:inline;
}
.toPost{
	float:right;
	color:black;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;	
}
.truncatedContent p a{
	color:black;
}
.truncatedContent p a:hover{
	color:#00aeef;
}
.smallerPost{
	width:238px;
}
.smallPostContent{
	margin-top:14px;
	width:202px;
	padding:17px 5px 0 5px;
}
#smallerPosts{
}
.smallPostContent h2,
.smallPostContent h2 a{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:black;
}
.smallPostContent h2 a:hover{
	color:#00aeef;	
}
.smallPostTitle{
	width:202px;
	padding-bottom:6px;
}
.smallPostTitle .mediumMetaComments{
	padding:0 !important;
	margin:0 !important;
}
.smallPostContent .truncatedContent{
	margin-left:0 !important;
	margin-top:18px;
}
.smallPostContent .truncatedContent p{
	font-size:11px !important;
	line-height:145%;
}
.mediumMetaComments a img{
	margin-top:0px;
}
.shuffleContent button{
	margin-top:14px;
}
.shuffleContent select{
	width:213px;
}
/* custom select box*/
span.select{
	position: absolute;
	width: 208px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 18px;
	padding: 4px 0 0 5px;
	color:#00aeef;
	font-weight:bold;
	font-size:9px;
	background: url(images/select_field.gif) no-repeat;
	overflow: hidden;
}
span.select option{
	font-weight:normal;
}
#selectSpacer{
	height:10px;
	font-size:10px;
	overflow:hidden;
	display:block;
}
#shuffleBtn{
	width:57px;
	height:16px;
	background:url(images/shuffleBtm.gif) no-repeat;
	color:white;
	font-size:9px;
	font-weight:bold;
	border:none;
	padding-bottom:2px;
}
#relatedPostsHeadline{
	background-color:white;
	width:238px;
	height:15px;
}
#relatedPostsHeadline h3{
	font-size:10px;
	line-height:15px;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:13px;
}
.vidMedium p,
.mainVidImg p,
.vidSmall p{
	visibility:hidden;
	height:0px;
	display:none;
}