/*
Theme Name: Boxy Red 1.0
Theme URI: http://localhost/
Description: Boxy Red Theme.
Version: 1.0
Author: Jack Smith
Author URI: http://localhost/
Tags: red, white, gray, silver, fixed width, two columns, custom homepage
*/


body { margin: 0; padding: 0; background: #8d8e90; font: normal 12px Arial, Helvetica, sans-serif; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0; }
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title { margin: 0 0 .5em 0; }
h1 { font-size: 17px; }
h2 { font-size: 15px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; font-weight: bold; }

p { margin: 5px 0 10px 0; }

a { color: #cc0000; }
a:hover { color: #dd0000; }
a:visited { color: #777; }
a:active {  }
a.rss { padding: 0 0 0 18px; background: url(images/icons/rss-16.gif) left center no-repeat; }

.msg { padding: 2px 4px; }
.msg.success { color: #003300; border: 1px solid #339966; background: #ddffdd; }
.msg.error { color: #330000; border: 1px solid #993366; background: #ffdddd; }

form { margin: 0; padding: 0; }
form .text { border: 1p solid #8c8c8a; }
.button { border: 1px solid #9f0306; color: #fff; background: #4f0100 url(images/button.jpg) repeat-x; font-size: 12px; font-weight: bold; line-height: 1em; text-align: center; padding: 2px 4px; }

.important { background: #fee; color: brown; border: 1px solid brown; padding: 10px; }

/* clearing floated elements */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-block; }
.clr { /* Hides from IE-mac \*/ display: block; }

.toRight { float: right; }
.toLeft { float: left; }


.hlinks { margin: 0; padding: 0; list-style: none; }
	.hlinks li { display: inline; margin: 0; padding: 0 4px 0 6px; border-left: 1px solid #bd746e; }
	.hlinks li.first { border-left: none; padding-left: 0; }
	.hlinks li.last { padding-right: 0; }
	
.vlinks { margin: 0; padding: 0; list-style: none; }
	.vlinks li { margin-bottom: 20px; }
	.vlinks ul { margin: 5px 0 5px 15px; padding: 0; list-style: none; }
		.vlinks ul li { margin: 0 0 10px 0; padding: 5px 0 0 0; }
			.vlinks li a { font-weight: bold; }

.panel { background: #fff; margin-bottom: 10px; }
	.panel .title { font-size: 14px; font-weight: bold; margin: 0; padding: 10px 10px 0 10px; }
	.panel .content { padding: 10px; }
	.panel a { font-size: 12px; }
	
.msgError { margin: 5px; padding: 10px; background: #ffdddd; color: #660000; border: 1px solid #880000; }
	.msgError h1 { font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 5px 0; }
	.msgError h2 { font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 5px 0; }
	.msgError p { margin: 0; padding: 5px 0; }

.ui-tabs { background: #fff; }
.ui-tabs-hide { display: none; }
	.ui-tabs .title { padding: 10px; }
	.ui-tabs .title a { text-decoration: none; }
	.ui-tabs .title h1 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; }
	.ui-tabs .title h1 a { color: #000; text-decoration: none; }
	.ui-tabs-panel { padding: 10px; }
	.ui-tabs-nav { list-style: none; margin: 0; padding: 0px 0 0 0; border-bottom: 1px solid #8d8e90; }
		.ui-tabs-nav li { position: relative; bottom: -6px; float: left; margin: 0 0 0 4px; padding: 0px 0 0 0; }
		.ui-tabs-nav li.first { margin-left: 5px; }
		.ui-tabs-nav a, 
		.ui-tabs-nav a:visited,
		.ui-tabs-nav a:hover { color: #d00; display: block; padding: 4px 10px; text-decoration: none; font-weight: bold; background: #e8e8e8; border: 1px solid #d0d0d0; border-bottom: none; }
		.ui-tabs-nav a:hover { color: #d00; background: #fff; }
		.ui-tabs-selected { padding-top: 0px; }
		.ui-tabs-selected a, 
		.ui-tabs-selected a:visited,
		.ui-tabs-selected a:hover,
		.ui-tabs-selected a:active { position: relative; bottom: 5px; background: #fff; color: #000; font-size: 18px; border: 1px solid #8d8e90; border-bottom: none; }

		
.starRating10 { display: block; background: url(images/star12.gif) 0px -12px repeat-x; font-size: 12px; line-height: 12px; height: 12px; width: 120px; }
.starRating10 .rating { display: block; background: url(images/star12.gif) repeat-x; font-size: 1px; line-height: 1px; height: 12px; width: 0; }


/* Layout */
#page { width: 980px; margin: 10px auto; background: #e8e8e8; }
#header { background: #fff; }

	#logo { float: left; }
	#headerAdSpace { float: right; padding: 10px 10px 0 10px; }
	
	#mainNav { clear: both; background: #b11516 url(images/mainNav.jpg) repeat-x; }
		#mainNav ul { float: left; margin: 0; padding: 0; list-style: none; }
		#mainNav ul li ul { position: absolute; display: none; top: 30px; left: 0; width: 150px; background: #fff; border: 1px solid #d00; }
		#mainNav ul li:hover ul { display: block; }
		#mainNav ul li ul li { border-right: none; }
		#mainNav ul li ul li a { display: block; padding: 3px 10px; color: #d00; width: 130px; border-right: none; }
		#mainNav ul li ul li a:visited { color: #d00; }
		#mainNav ul li ul li a:hover { color: #fff; }
			#mainNav li { position: relative; float: left; margin: 0; padding: 0; border-right: 1px solid #bd746e; }
				#mainNav li a { display: block; color: #fff; padding: 8px 10px; text-decoration: none; font-weight: bold; font-size: 12px; }
				#mainNav li a:hover { background: #ba1010; }
				
		.searchForm  .text { width: 230px; }
		#mainNav form { float: right; margin: 0; padding: 4px 10px 0 10px; }
			#mainNav form .text { width: 241px; padding: 1px; margin: 0; }
			#mainNav form .button { width: 70px; padding: 3px 0; border: 1px solid #bd746e; color: #e8e8e8; }
			#mainNav form.narrow .text { width: 191px; }
			
		#subNav { padding: 2px 10px 1px 4px; background: #bdbec0; }
			#subNav .right a { display: block; float: right; color: #000; text-decoration: none; margin: 2px 0 0 29px; }
			#subNav .right a:hover { text-decoration: underline; }
			#subNav .left { float: left; margin: 2px 0 0 0; }
			#subNav .right { float: right; text-align: right; }
		
#body.layout3col { padding: 5px 5px 0 5px; }
	.layout3col #leftCol { float: left; width: 350px; padding: 5px 4px 0 5px; }
	.layout3col #centerCol { float: left; width: 270px; padding: 5px 4px 0 5px; }
	.layout3col #rightCol { float: left; width: 320px; padding: 5px 4px 0 5px; }
	
#body.layout2col { padding: 0 0 0 5px; }
	.layout2col #leftCol { float:left; width: 660px; padding: 10px; margin: 10px 0 0 5px; background: #fff; font-size: 13px; }
		/*.layout2col #leftCol img.main { margin: 20px 15px 15px 0; float: left; }*/
		/*.layout2col #leftCol p.main { margin-left: 170px; }*/
		.layout2col #leftCol h2 { /*clear: both;*/ }
	.layout2col #rightCol { float: left; width: 270px; padding: 0 0 0 10px; margin: 10px 0 0 0; }
	.layout2col #leftCol .rightBox { float: right; margin: 10px; width: 27%; padding: 10px; text-align: center; }
	.layout2col #leftCol .important { background: #FFeeee; color: brown; border: 1px solid brown; }

#body.layoutPage { padding: 10px; }
	.layoutPage #leftCol { padding: 20px; margin: 10px 10px 0 10px; background: #fff; font-size: 13px; }

#footer { padding: 10px; margin-top: 10px; background: #8d1b1b; color: #bbb; }
	#footer a { color: #fff; }
	#footerLeft { float: left; width: 530px; }
		#footerLeft ul { margin-bottom: 6px; }
	#footerRight { float: right; width: 430px; text-align: right; margin: 0; padding: 0; } 
		#footerRight p { margin: 0 0 6px 0; padding: 0; }

#underPage { font-size: 11px; padding: 10px; text-align: center; background: #8D8E90; }
	#underPage .hlinks li { border-left: 1px solid #777; }
	#underPage .hlinks li.first { border-left: none; }
		#underPage .hlinks a { color: #333333; }

/* Top */
#top .item { position: relative; margin-bottom: 10px; padding-top: 7px; border-top: 1px solid #e8e8e8; }
#top .item.first { border-top: none; padding-top: 0; }
	#top .item .data h2 { margin: 0 0 2px 0; padding: 0; font-size: 13px; font-weight: bold; }
		#top .item .data h2 a { display: block; text-decoration: none; }
		#top .item .data h2 a:hover { text-decoration: underline; }
	#top .item .image { display: block; float: left; margin-top: 2px; text-align: center; }
		#top .item .image img { display: block; width: 100px; }
	#top .info { display: none; position: absolute; z-index: 1; top: -30px; left: 330px; border: 1px solid #bcb5ab; border-bottom-width: 2px; border-right-width: 2px; background: #fffcf1; width: 300px; padding: 10px; }
	#top .data { margin: 0 0 0 105px; }
	#top .data table { margin: 0; padding: 0; border: 0; width: 100%; }
		#top .data table td { padding: 2px 0; font-size: 11px; }
	
#sizeLinks { list-style: none; margin: 0; padding: 0; }
#sizeLinks li { margin: 0; padding: 10px; }	
#sizeLinks li a { font-weight: bold; font-size: 14px; }
	
/* Latest Blog Posts */
#latest_blog_posts .content .title { display: block; padding: 2px 0; margin: 0; text-decoration: none; font-size: 12px; }
#latest_blog_posts .content .title:hover { text-decoration: underline; }

/* Mailing List Panel */
.panel#mailing_list { background: #fff url(images/icons/mailing_list.gif) no-repeat top right; }
	.panel#mailing_list p { margin: 0 0 10px 0; }
	.panel#mailing_list #email { width: 135px; }
	.panel#mailing_list .button { width: 67px; padding: 2px 0; text-align: center; }
	
.panel#reviews { text-align: justify; }
	
/* Pool */
.panel#poll { background: #fff url(images/icons/pool.gif) no-repeat top right; }
	.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul { text-align: left; list-style: none; }
	.wp-polls-ul { margin: 0; padding: 0 5px 0 5px; }
	.wp-polls-ul li { margin: 5px 0 0 0; padding: 0; }
	.wp-polls-form { margin: 0; padding: 0; }
	.wp-polls .Buttons { border: 1px solid #9f0306; color: #fff; background: #4f0100 url(images/button.jpg) repeat-x; font-size: 12px; font-weight: bold; line-height: 1em; text-align: center; padding: 2px 4px; }
	.wp-polls-loading { display: none; }
	.wp-polls .pollbar { padding: 0; margin: 0 0 5px 0; height: 8px; line-height: 1px; font-size: 1px; border: 1px solid #e8e8e8; background: #b11516; }
	
/*
.panel#pool { background: #fff url(images/icons/pool.gif) no-repeat top right; }
	#pool label { display: block; margin: 3px 10px; padding: 0; }
	#pool .bar.h { width: 99%; margin: 0 0 8px 0; line-height: 10px; height: 10px; background: #eee; padding: 2px; }
	#pool .bar.h div { width: 1px; height: 100%; }
	#pool .bar.color1 div { background: red; }
	#pool .bar.color2 div { background: blue; }
	#pool .bar.color3 div { background: green; }
	#pool .bar.color4 div { background: orange; }
	#pool .bar.color5 div { background: magenta; }
	#pool .bar.color6 div { background: #99CCFF; }
	#pool .bar.color7 div { background: brown; }
	#pool .bar.color8 div { background: navy; }
	#pool .bar.color9 div { background: yellow; }
	#pool .bar.color10 div { background: gray; }
*/

/* #bestSidebar.panel */
#bestSidebar ul { margin: 5px 0 15px 5px; }

.socialIcons { padding: 20px 0 5px 0; text-align: center; }
	.socialIcons a { text-decoration: none; margin: 0 0 0 14px; }

.dateBox { display: block; width: 5em; background: #f8f8f8; font-weight: bold; text-align: center; }
	.dateBox span { display: block; padding: 1px 0; }
	.dateBox .updated { font-size: 9px; background: #fff; }
	.dateBox .month { font-size: 12px; background: #b11516; color: #fff; }
	.dateBox .day { font-size: 20px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
	.dateBox .year { font-size: 12px; background: #e8e8e8; color: #555; }


.navigation {  }
	.navigation div { width: 45%; }
	.navigation .toLeft { text-align: left; }
	.navigation .toRight { text-align: right; }
	.navigation a { text-decoration: none; }


.post {  }
.post.page .title { margin-bottom: 10px; }
	.post .titleBar .dateBox { float: right; }
	.post .title { font-size: 18px; padding: 5px 0; margin: 0; border-bottom: 1px solid #bdbec0; }
		.post .title a { text-decoration: none; }
	.post .meta { margin-bottom: 20px; padding: 2px 0 0 2px; font-size: 12px; }
		.post .meta p { margin: 0 0 5px 0; }
	.post .meta2 { font-size: 10px; margin: 20px 0 0 0; padding: 5px 5px; background: #f8f8f8; }
	.post .entry { text-align: justify; }
	.post .entry img.main { float: left; margin: 0 10px 0 0; }
	.post .entry p.main { margin: 0 0 0 160px; }
	.post .entry p.important { padding: 10px; font-size: 14px; }
	.post .summaryBox { font-size: 12px; font-weight: bold; color: #420; background: #fffaed; border: 1px solid #dfdacd; width: 200px; float:right; margin: 0 0 10px 10px; padding: 10px; }
	.post ul.summaryBox { padding: 5px 10px 5px 20px; list-style: circle; }
		.post ul.summaryBox li { margin: 5px 0 5px 0; padding: 0; }
.posts .post { padding: 20px 0; }
.postAmazonAd { float: left; margin: 0 20px 20px 0; }
.inlineAdSense { float: left; padding: 0 10px 10px 0; }

#comments { margin: 20px 0; }
	#comments .title { font-weight: bold; font-size: 14px; padding: 5px; margin: 20px 0 10px 0; background: #bdbec0; }
	#comments .list { margin: 0; padding: 0; list-style: none; }
		#comments .list li { margin: 10px 0; padding: 0; background: #f8f8f8; }
			#comments li .header { padding: 5px; border-bottom: 1px solid #fff; }
			#comments li .name { font-weight: bold; font-size: 14px; padding: 0 0 5px 0; }
			#comments li .meta { font-size: 10px; }
				#comments li a { text-decoration: none; }
			#comments li .avatar { float: left; margin-right: 10px; }
			#comments li .text { padding: 5px 10px 5px 10px; text-align: justify; }
	#comments form { padding: 0 0 0 5px; width: 630px; }
		#comments form div { padding: 3px 0; }
		#comments form label { float: left; width: 5em; font-weight: bold; }
		#comments form input { width: 200px; }
		#comments form input#submit { width: auto; }
		#comments form textarea { width: 625px; height: 200px; font: normal 12px Arial, Helvetica, sans-serif; }
		#comments .subscribe-to-comments label { float: none; }

/* Guides pages */
.guidesHome h2 { margin-top: 30px; }
.guidesHome ol { margin: 0 130px 0 0; padding: 0; }
	.guidesHome ol li { margin: 0 0 3px 30px; }
.guidesHome h2 { clear: right; }
.guidesHome p { margin-right: 130px; }
	.guidesHome p.normal { margin-right: 0; }
.guidesHome img { float: right; }

/* Links Page */
.linkBlocks {  }
	.linkBlocks .block { float: left; width: 420px; margin: 0 20px 20px 20px; }
	.linkBlocks .block .url { font-size: 12px; text-decoration: none; }

/* Contact */
#formblock #privacy { float: right; width: 30%; margin-right: 20px; }
#formblock #privacy h2 { margin-top: 0; }
#formblock form { margin: 0 0 20px 0; padding: 5px; width: 60%; }
#formblock form label { display: block; float: left; width: 120px; font-weight: bold; }
#formblock form .text { margin: 1px 0; padding: 0; }
#formblock form textarea { width: 99%; height: 200px; font: normal 12px Arial, Helvetica, sans-serif; }
#formblock .subjectBlock { margin-top: 10px; }
#formblock .subjectBlock .text { width: 415px; }
#formblock .submit { font-weight: bold; margin: 10px; }

.errors { color: red; margin: 0 0 20px 0; padding: 0; list-style: none; }
.errors li { margin: 5px 0 5px 10px; padding: 0; }
.errors .first { font-weight: bold; margin: 0; padding: 0; }

.links2col {  }
	.links2col .link { width: 400px; padding: 10px 25px; float: left; }


#centerBox { background: url(images/centerBoxBg.jpg) no-repeat; }
	#centerBox a.content { border: 1px solid #e02222; padding: 10px 2px; display: block; color: #deacac; font-weight: bold; font-size: 16px; text-decoration: none; text-align: center; }
		#centerBox a:hover { color: #fdd; }
	#centerBox span { display: block; }
	#centerBox .first { font-size: 18px; margin-bottom: 5px; }
	
#top ul { padding-left: 20px; }	
#top ul li a { font-weight: bold; }

ul.bestTVBySize { list-style: none; margin: 0; padding: 10px 10px 10px 20px; }
ul.bestTVBySize li { padding: 10px 0; margin: 0; }
ul.bestTVBySize a { font-size: 14px; font-weight: bold; text-decoration: none; }


.pageBest .img { float: left; text-align: center; width: 180px; padding-bottom: 10px; text-decoration: none; }
.pageBest .prod { clear: left; border-top: 1px solid #ddd; padding: 10px 0 0 0; margin: 0 0 10px 0; }
.pageBest .prod h3 { margin: 0 0 15px 0; }