/*

/*







Theme Name: twbe (inspired by Grid Focus Public)







Theme URI: http://5thirtyone.com/







Description: Grid aligned left w/ full content + images







Version: 1.0







Author: Derek Punsalan







Author URI: http://is.derekpunsalan.com/















*/















*{margin:0;padding:0;}







html,body{background:#ffffff;color:#333333;text-align:center;
	/*background-image: url(images/twbe_logo.gif);
	/*background-repeat: repeat-y;*/} 







body{font:12px arial,helvetica,verdana,sans-serif;}







h1{font-size:32px;}







h2{font-size:24px; text-transform:uppercase; letter-spacing: -1px;}







h3{font-size:12px;
	font-style:bold;
	text-align:left;}







h4{font-size:12px;}







a{color:#333;text-decoration:none;}







a:hover{color:#666666; text-decoration:underline;}







#wrapper{border-top:3px solid #000;margin:0px auto;text-align:left;width:1100px;} 







/* masthead / footer - navigation and categories */







#masthead{background:#ffffff;padding:5px 0;}







#masthead h1 a{background: url(images/twbe_logo.gif) no-repeat; no-repeat 0px 50%; text-transform:uppercase;width:530px; height:60; float:left;margin:10px 0px 10px 0px; height: 60px; width: 530px;







		text-decoration: none;







		color: #fff;}







#masthead h1 a em{font-style:normal;color:#eee;} 































ul.nav{list-style:none;background:#000;}







.nav li{border-right:1px solid #666;float:left;display:block;width:110px;}







.nav li a{font-size:11px; font-weight:bold; outline:none;color:#fff;text-decoration:none;display:block;padding:5px 0px 10px 5px;width:99px;text-transform:uppercase;}







.nav li a span{font-size:11px;color:#777;text-transform:lowercase;}







.nav li a:hover{background:#333;color:#eee!important;width:105px;}







* html .nav li a:hover{background:#333;width:109px;}







.nav li.skip{border-left:1px solid #666;float:right;display:block width:100px;}







.nav li.skip a{width:95px;}







li.top {border-left:1px solid #DDD;float:right;display:block width:100px;}







li.top a{width:100px;}







.nav li.skip a:hover, li.top a:hover { background: #333333;color: #ffffff !important;}







#archives{background:#ffffff; border:4px solid #dadada;padding:1px 2px;}







#archives ul{list-style:none;padding:5px 0 3px 0; font-size:11px;font-style:normal;}







#archives li{float:left;display:block;width:100px;}







#archives li a{color:#7F7F7F;width:99px;display:block;padding:2px 0px 4px 5px; }







#archives li a:hover{color:#7F7F7F;text-decoration:underline; }







#searchWrap,







.search{float:right; margin-top:50px;}







#searchWrap input{vertical-align:bottom;}







#searchWrap #s{ font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:250px;}











/* #########################  tag page - middle content and columns  #################### */



#mid{}#tagCol{float:left;margin:26px 0 0 0;width:610px;}




/* #########################  store page - middle content and columns  #################### */


#mid{}#storCol{float:left;margin:26px 0 0 0;width:730px;}







/* #########################  main - middle content and columns  #################### */






#mid{background:#ffffff;}
#mainCol{float:left;margin:26px 0 0 5px;width:515px;}















/* style individual sidebars */



#sidebar{

	float:left;

	width:320px;

	margin:0px 0px 0px 0px;

}





#sponsorAd{padding:5px 0px 5px 0px

	

}



#midCol a{font-weight:normal; text-decoration: none; }







#midCol{color:#444;float:left;margin:28px 0 30px 30px;width:155px;line-height:1.3em;}



* html #midCol{width: 145px; overflow: hidden; margin-left: 5px;}



#midCol p{color:#777;}















.middle_links h4 {margin-bottom:12px;}







#midCol ul{list-style:none;margin:8px 0 4px;}















.middle_links ul li{
color:#7F7F7F;line-height:1.2em;
border-top:1px solid #e1e1e1;
padding:3px 0 3px 0px;
text-transform:lowercase;
font-size: 11px;}



#middle_links ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}



	#middle_links ul ul li, #sidebar ul.children {
		margin-left: 10px;
		}



#middle_links ul.children{margin-left: 10px;}



















#elseWhere{margin:0px 0px 50px 0px;}







#elseWhere h4{margin-bottom:2px;}















ul#imgLinks{list-style:none;margin:0px 0;}







#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0 0px 0px 0px;}







#imgLinks li a img{border:0px solid #EEE; color:#FFF;font-weight:normal;}







#imgLinks li a:hover img{border-color:#DDD;}























ul#adRail1{list-style:none;margin:0px 0;}







#adRail1 li{color:#7F7F7F;line-height:1.2em;padding:0 0px 0px 0px;}







#adRail1 li a img{border:0px solid #EEE;color:#FFF;font-weight:normal;}







#adRail1 li a:hover img{border-color:#DDD;}















.tert_links h4 {margin-bottom:12px;}







#tertCol ul{list-style:none;margin:0px 0px 0px 0px;}







.tert_links ul li{color:#7F7F7F;line-height:1.2em;border-top:1px solid #e1e1e1;padding:0px 0px 0px 0px;}







#tertCol{/*float:left;*/width:325px;margin:26px 0 100px 20px;}







#tertCol p{color:#777;}























/* #########################  most recent box #########################  */





#recent_links {

float:left

background: #ffffff;

/*border:6px solid #dadada;*/

width:320px;

margin: 0px 0px 0px 0px;

/*padding: 6px 6px 6px 6px;*/

overflow: hidden;

font-size: 11px;

/*height: 1%; */   

/* stupid IE6 */

}

.recent_links h4 {margin-bottom:12px;}

.recent_links ul{<!--border:4px solid #EEE;-->}















.recent_links ul li{

font-size: 11px;
font-weight:normal;
text-transform:lowercase;
color:#7F7F7F;
line-height:1.2em;
border-top:1px solid #e1e1e1;
padding:3px 0px 3px 0px;}


p.rss {

display: block;

background: url(../11/11/blog/wp-content/themes/twbe/images/feed_ico.jpg) no-repeat top left;

padding: 1px 0 0 20px;

height: 16px;

width: 130px;

}



/*############################## poll style guide #####################################*/

#twbe_polls{margin:0 0 20px 0;}





/*##############################sidebar ad style#####################################*/





#oioStyle{padding:20px 0 0px 0px; }





/*#googleAds{padding:10px 0px 0px 0px;
	width:300px;
	height:280px;
	margin:5px 0px 0px 0px;
	padding:10px;

	border: solid; border-width: 3px; width: 100%;	border-color:#f2f2f2;
	
	
	
	
	
	
	}
*/


#bestOf{padding:10px 0px 0px 0px;}









/*NEW AD RAIL*/



#dividerLine h1 {

color:#FFFFFF;

/*float:left;*/

height:1px;

padding:10px 0px 10px 0px;

width:300px;

}



#holidayAd{

	border:0px solid #ffffff;

}




.holidayAd li a{outline:none;display:block;

	}






/*############################## end sidebar ad style#####################################*/











#supportSec{padding:10px 20px 0px 0px;}



#supportSec li a img{border:1px solid #EEE;color:#FFF;font-weight:normal;}







#supportSec li{color:#7F7F7F;line-height:1.2em;padding:0 0px 0px 0px;}







#supportSec li a:hover img{border-color:#DDD;}







/* wordpress entries styling - main content column */







.postMeta{background:url(../11/11/images/dot.gif) repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}


.postMeta_SA{text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}

#mainCol_SA{float:left;margin:2px 0 0 5px;width:290px;}



.feedback 







{







font-family: 'arial', sans-serif;







font-size: 10px;







line-height: 14px;







text-transform: uppercase;







margin-top: 10px;
margin-bottom: 40px;







border-top: 1px solid #dadada;







border-bottom: 2px solid #232323;







padding-top: 10px;







padding-bottom: 10px;







padding-left: 1px;







padding-right: 1px;







}







.postMeta span.date{background:#FFF;color:#7F7F7F;padding:0 2px 0 4px;}







.postMeta span.comments{background:#FFF url(../11/11/images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}







.postMeta span.comments a,







.postMeta span.date a{color:#555;}







.post{margin:0 0 15px 0;}







.post h2{line-height:1em;margin-bottom:1px; }







.post h2 a{display:block;outline:none;}







.entry h3{margin:1em 0;}







.post .entry{line-height:1.4em;overflow:hidden;}







.post .entry p{margin:0.5em 0;}







.post .entry p a{background:url(../11/11/images/dot.gif) repeat-x bottom left;font-weight:bold;}







.entry blockquote{margin:0 1.3em 0;}







.entry ul{margin:0 1.3em 0;list-style:none;}







.entry li a{color:#333;font-weight:bold;background:url(../11/11/images/dot.gif) repeat-x bottom left;}







.entry ul li{padding-left:18px;margin-bottom:7px;}







.entry ol{margin:0 1em 0 3em;}







.entry ol li{margin:0 0 7px 0;}







.entry img,.entry a img{border:0px solid #EEE;}







.entry a:hover img{border-color:#DFDFDF;}







.entry table tr { padding: 10px 0; }







.entry table tr.alt { background: #eee; }























/* style pagination buttons */







#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: left; }







#more_reading p, #more_reading img { vertical-align: middle; }







#more_reading a img { border: none; margin:0 0 3px 2px; }















/* style me some comments and inputs */







#comments{width:435px;padding:12px 0 0 0;}







#comments h3,







h3#respond{color:#555;margin-bottom:7px;}







ol.commentslist{list-style:none;margin:5px 0 12px;}







.commentslist li{background:#FFF url(../11/11/images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}







.commentslist li a{font-weight:bold;background:url(../11/11/images/dot.gif) repeat-x bottom left;}











.commentslist li.alt{background:#FFF;}







.commentslist li:hover{border-color:#888;}







.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}







.comment_text p,







.comment_text ul,









.comment_text ol,







.comment_text blockquote{margin:1em 0;}







.comment_text ul,







.comment_text ol,







.comment_text blockquote{margin:0 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}







p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}







.commentslist li.author{background:#333;color:#CCC;}







.commentslist li.author a{color:#DDD;}







.commentslist li.author a:hover{color:#FFF;}







#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}







p.nocomments{margin:0 12px 0 7px;}







p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}







p.nocomments a:hover{color:#FFF;}







ol.pingslist{margin:1.5em 2em;font-size:12px;}







.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}







.pingslist li a{font-weight:bold;background:url(../11/11/images/dot.gif) repeat-x bottom left;}







#commentform p{margin:1em 0;}







#commentform p a{font-weight:bold;background:url(../11/11/images/dot.gif) repeat-x bottom left;}







#author,







#email,







#url,







#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}







#comment{width:429px;overflow:auto;}







#commentform p small{font-size:10px;color:#7F7F7F;}







.commentslist code{background:transparent;}







































#socialBookmarks{

margin: 0;

padding-top: 7px;

padding-bottom: 12px;







font-size: 11px;







}







#socialBookmarks ul{







list-style-type: none;







display: inline;







font-size: 11px;







font-weight:bold;color:#333;







}

/*############################## SOUND ADVICE CSS ##############################*/


.sound_advice {
clear:left;
float:left;
margin-top:20px;
margin-bottom:20px;
position:relative;
width:316px;
line-height:1.2em;
border-bottom:1px solid #e1e1e1;
}


#promos{
width:320px;
/*margin-right:16px;
*/float:left;
height:1600px;
position:relative;
}



.promo {
/*clear:left;
*/float:left;
clear: both;
margin-bottom:20px;
position:relative;
width:320px;
	padding-bottom:10px;
}


#latest_promo_1 {
	margin-bottom:10px;
          }

.promo .promo_txt {
	text-align:left;
	float:left;
	height:90px;
	padding-left:8px;
	padding-top:5px;
	position:relative;
	width:200px;
	}

	
			
				.promo .promo_img a img {
				/*border:medium none;
								*/	
							/*	border: medium thin rgb(250,0,255)
															border: solid color:#0000FF

								*/
								border: solid thin #333333
								position: relative; 
								float:left;
																height:100px;
																width:100px;
				}
			

				.promo .promo_txt h5 {
				-x-system-font:none;
				color:#999999;
				font-family:"Arial",sans-serif;
				font-size:11px;
				font-size-adjust:none;
				font-stretch:normal;
				font-style:normal;
				font-variant:normal;
				font-weight:normal;
				line-height:16px;
				text-transform:lowercase;
				}
				.promo .promo_txt h3 a {
				color:#333;
				text-decoration:none;
				}
				
				.promo .promo_txt h3 a:hover{color:#666666; text-decoration:underline;}
				
				
				.promo .promo_txt h4 a:hover{color:#666666; text-decoration:underline;}
				
				.promo .promo_txt ul {
				text-transform:lowercase;
				
				}
			
				
				.promo .promo_txt h4 a {
				color:#333;
				background:transparent url(../11/11/images/dot.gif) 				repeat-x scroll left bottom;
				font-weight:bold;

				}


			


					.promoT {
						float:left;
					clear: both;
					position:relative;
					width:320px;
					margin-bottom:10px;

					}
  		.promoT .promo_txt_line {
  			text-align:left;
  		
  			height:12px;
  			padding-left:8px;
  			position:relative;
  			width:320px;
  			}


						.promo_txt_line ul li {
						border-top:1px solid #E1E1E1;
						color:#7F7F7F;
						font-size:12px;
						line-height:1.2em;
						padding:3px 0 3px 0;
						text-transform:lowercase;
						}			
							.promo_txt_line  h4 a {
							color:#d33;
							background:transparent url(../11/11/images/dot.gif) 							repeat-x scroll left bottom;
							font-weight:bold;
							}




/* footer - text string and links */





#footer{
padding-top: 0px;	
}

#footer p {padding-top: 10px;







padding-bottom: 12px;







font-size: 10px;







 }







#footer p a{font-weight:bold;color:#333;}















/* float rules */







.floatleft{float:left;margin:3px 7px 0 0;}







.floatright{float:right;margin:3px 0 0 7px;}







.right{float:right;}







.left{float:left;}







.clear{clear:both;}







.fix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}







.fix{display:inline-block;} 







* html .fix{height:1%;}







.fix{display:block;}







#storeCopy{



	width:400px;



	height:auto;



	margin:0px  0px 0px 0px;



	background:#ffffff;



	



}











#storeCopy ul li{



	border-top:1px solid #e1e1e1;



	width:auto;



		height:17px;



	text-decoration: none;	



	list-style-type: none;



	padding:0px 0px 0px 0px;



}



#paypalStyle  ul li{



	margin:0px  20px 0px 0px;



	text-decoration: none;	



	list-style-type: none;



	padding:5px 0px 0px 0px;




	width:200px;



		height:14px;	



}













.pullquote {

width:500px;

text-align:left;

float: left;

font-family:times,"times new roman",georgia,serif;

font-weight:bold;

font-style: normal;

padding-left:5px;

padding-top:10px;

padding-right:5px;

padding-bottom:5px;

font-size:24px;

line-height:28px;

color:#333333;

border: 3px double #aaa;

border-width: 3px 0;

border-top-width: 3px ;

border-bottom-width: 3px;

border-top-color: #ccc;

border-bottom-color: #ccc;



margin-top:15px;

margin-bottom:15px;

}



.pullquote2 {

width:500px;

text-align:left;

float: left;

font-family:times,"times new roman",georgia,serif;

font-weight:bold;

font-style: normal;

padding-left:10px;

padding-top:10px;

padding-right:10px;

padding-bottom:5px;

font-size:18px;

line-height:24px;

color:#333333;

border: 3px double #aaa;

border-width: 3px 0;

border-top-width: 3px ;

border-bottom-width: 3px;

border-top-color: #ccc;

border-bottom-color: #ccc;



margin-top:15px;

margin-bottom:15px;

}
/* =======================================================================================NEW CSS REDISIGN CODE*/





.moduleStyle {
    border: 3px solid #F2F2F2;
    height: 250px;
    margin: 5px 0 0;
    padding: 5px;
    width: 300px;
}



.moduleStyle a{
	width:300px;
	height:250px;
	margin:5px 0px 0px 0px;
	padding:10px 5px 5px 5px;

	
}




.moduleStyle_300x150 {
    border: 3px solid #F2F2F2;
    height: 150px;
    margin: 5px 0 0;
    padding: 5px;
    width: 300px;
}



.moduleStyle_300x600{
	width:300px;
	height:600px;
	margin:5px 0px 0px 0px;
	padding:5px;
	border: 3px solid #F2F2F2;

}

.moduleStyle_300x600 a{
	width:300px;
	height:600px;
	margin:5px 0px 0px 0px;
	padding:10px 5px 5px 5px;
	
}




.moduleStyle_300x50 {
    border: 3px solid #F2F2F2;
    height: 280px;
    margin: 5px 0 0;
    padding: 5px;
    width: 300px;
}


.moduleStyle_300x50_ads{
	width:300px; 
	padding:5px 0px 0px ;
}


.moduleStyle_160x600{
	width:175px;
	height:610px;
	margin:35px 0px 0px 0px;
	padding:10px 0px 0px 0px;

	border: solid; border-width: 3px;	border-color:#f2f2f2;
	
}




.divBar{
border-top:1px solid #E1E1E1;
width:325px;
	height:1px;
margin:5px 5px 10px 2px;
padding:5px 0px 5px 0px;	
	/*border: solid; border-width: 1px; width: 100%;	border-color:#f2f2f2;*/
}
.divBar_twitter{
border-top:1px solid #E1E1E1;
border-bottom:1px solid #E1E1E1;
width:325px;
	height:40px;
margin:5px 5px 10px 2px;
padding:5px 0px 5px 0px;	
	/*border: solid; border-width: 1px; width: 100%;	border-color:#f2f2f2;*/
}


.divBar_twitter a:hover img{border-color:#fff;}
.divBar_twitter a img{border-color:#fff;}






.divBar_facebook{

border-bottom:1px solid #E1E1E1;
width:325px;
	height:40px;
margin:5px 5px 10px 2px;
padding:0px 0px 5px 0px;	
	/*border: solid; border-width: 1px; width: 100%;	border-color:#f2f2f2;*/
}
.divBar_facebook a:hover img{border-color:#fff;}
.divBar_facebook a img{border-color:#fff;}


.newsletterStyle{
	width:300px;
	height:50px;
	margin:0px 0px 0px 0px;
	padding:10px;

	border: solid; border-width: 3px; width: 100%;	border-color:#ffffff;
	
}

.googleAds{
	width:315px;
height:520px;
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;;

border: solid; border-width: 3px; 	border-color:#f2f2f2;
	
	}
	
	
	.footerad{
		width:500px;
	height:250px;
	 margin: 5px 0 0;
	padding:5px;
	/*margin-bottom:20px;*/

	border: solid; border-width: 3px; 	border-color:#f2f2f2;

		}
	
	.spacerdiv{
	margin:10px;	
	border-top:20px solid #ffffff;
	}
	

	.pbs{
		width:310px;
	height:500px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 5px;;

	border: solid; border-width: 3px; 	border-color:#f2f2f2;

		}

		.addthis_toolbox.addthis_pill_combo a {
		    float: left;
		}
		.addthis_button_compact .at15t_compact {
		    float: left;
		}   


#twbe_pushdown_top{
	padding:1px 0px 0px 0px;
height:250px;
	
}