/*   
Theme Name: HardwareCanucks 
Description: White version of the HWC Theme
Author: rk
Author URI: http://www.hardwarecanucks.com/
Version: 3.6.0
*/

body{font:12px/1.5em Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 0; background:#273b44;}
img{border:0}
a{color:#a60d0f; text-decoration:none; }
a:hover{color:#b5252d; text-decoration:underline; }
h1,h2,h3,h4,h5,b,strong { font-weight: bold; }
h1{font-size:18px; color:#000000; margin:0; line-height:1.5em}
h2{font-size:14px; margin:0;}
h3{font-size:12px; color:#0066cc; margin:0;}
h2.title, h2.title a {color:#ffffff; text-shadow: 2px 3px 3px #000;}
h2.listing { margin: 5px 0; }
p{}
form{margin:0; padding:0; color:#b11720/*#00508b*/}

body { color: #555555; }

blockquote { font-family: Georgia, serif; font-style: italic; text-align: justify; padding: 0 5px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; }


.xlarge{font-size:14px;}
.large{font-size:13px;}
.normal{font-size:11px;}
.small, small{font-size:10px;}
.xsmall{font-size:9px;}

.bold{font-weight:bold;}
.nobold{font-weight:normal!important;}
.italic{font-style:italic;}
.fleft{float:left;}
.fright{float:right;}
.noborder {border: 0 !important;}
.hidden{display: none;}

.red{color:#b5252d!important;}
.blue{color:#0066bb!important;}
.green{color:#006600!important;}
.gray{color:#999999!important;}
.black{color:#000000!important;}
.orange { color: #EF7D0E !important; }
.underline{text-decoration:underline;}

.widget_rss li a.rsswidget { color:#555555; }

.button{background:#b11720; border:none; padding:3px 24px; #padding:3px 0; font-size:11px; color:#ffffff; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}
.button_slim{background:#b11720; border:none; width: 90px; font-size:10px; color:#ffffff; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}

.bt1{background:#b11720!important;}
.bt2{background:#006cbb!important;}
.bt3{background:#249858!important;}
.bt4{background:#efefe9!important; color:#b11720!important}
.bt5{background:#ff9c00!important;}

/*.input{height:16px; line-height:16px; border:1px #b5252d solid; vertical-align:middle}*/
.ip1{border:1px #b4cee9 solid!important;}
.ip2{border:1px #666666 solid!important;}

.textbox{padding:3px}

.box9{border:1px #dddddd solid; height:320px; overflow:scroll; overflow-x:hidden; padding:5px 8px}

#page #middle #display_spec { max-height: 300px; #height: 300px; overflow: auto; padding-bottom: 20px; }
/* Default Spec Table */
#page #middle #display_spec table {border-collapse:collapse}
#page #middle #display_spec td, #page #middle #display_spec th{border:1px #ffffff solid; padding:2px 8px; background:#eeeeee}
#page #middle #display_spec th{background:#b5252d; color:#ffffff}

/* Additional Table Styles */
.table1{border-collapse:collapse}
.table1 td, .table1 th{border:1px #ffffff solid; padding:2px 8px; background:#eeeeee}
.table1 th{background:#b5252d; color:#ffffff}

.table2{border-collapse:collapse}
.table2 td, .table2 th{border:1px #ffffff solid; padding:2px 8px; background:#eeeeee}
.table2 th{border-bottom:2px #b5252d solid; background:#ffffff}

.table3{border-collapse:collapse}
.table3 td, .table3 th{border:1px #dddddd solid; padding:2px 8px}
.table3 th{background:#efefe9}

.table4{border-collapse:collapse}
.table4 td, .table4 th{border:1px #b5252d solid; padding:2px 8px}
.table4 th{background:#efefe9}

.table5{border-collapse:collapse}
.table5 td, .table5 th{border-bottom:1px #efefe9 solid; padding:2px 8px}
.table5 th{border-bottom:2px #b5252d solid; background:#efefe9}


.divider { border-top: 1px solid #B9B9B9; height: 8px; }


#page{width:1002px; margin:0 auto; text-align:center; background:url(images/bg-body.gif) center top repeat-y}
#header{width:950px; height:157px; margin:0 auto; background:url(images/bg-header_v3.png) no-repeat; text-align:left}
#body{width:958px; padding: 0; margin:0 auto; background:#ffffff; text-align:left; overflow:hidden; #height:1%}
#middle{float:left; width:620px; padding:0 0 0 16px; _padding: 0 0 0 12px; }
#sidebar{float:right; display:inline; width:300px; padding:0 12px 0 0; _padding: 0;}
#footer{padding:0 20px; text-align:left; background:url(images/bg-footer0.gif) center top repeat-y}

#toparea { height: 105px; overflow: hidden; }
#toparea .acontent { padding: 0 5px; } 


.noside #sidebar{display:none}
.noside #middle{float:none; width:661px; padding:0 12px 0 0; border:none; margin:auto}

#header .div1{height:80px; border-bottom:1px #cccccc solid}
#header .div2{height:45px; background:#ecece7 url(images/bg-header1.gif) repeat-x top; border-top:1px #ffffff solid}
#header .div9{background:#b5252d url(images/hr0-bg.gif) no-repeat 0 0}
#header .div9 div{height:8px; line-height:8px; font-size:0; background:url(images/hr0-bg.gif) no-repeat 100% -10px}

#header .logo{display:-moz-inline-block; display:inline-block; width:420px; height:70px; margin:20px 12px 24px 24px;}
#header .search{float:right; display:inline; margin:33px 22px 0 0}
#header .search input{width:229px; height:17px; line-height:17px; border:3px #b5252d solid; vertical-align:middle}
#header .search img{vertical-align:middle; #vertical-align:-8px}
#header .menu{font-size:14px; padding:0 0 0 34px}
#header .menu a{margin:0 16px 0 0; color:#ffffff}
#header .menu a:hover{color:#b5252d}


/* Sidebar Styles */

#sidebar ul 	{ list-style-type: none; margin: 0; padding: 0; }
#sidebar ul ul 	{ list-style-type: none; margin: 0; padding:8px 5px 12px 5px; }
#sidebar ul ul ul, #sidebar ul ul ul ul	{ list-style-type: none; margin: 0; padding: 6px; }
#sidebar li { padding: 0 5px 5px 5px; margin-bottom: 0; }
#sidebar li li, #sidebar li li li { padding: 0; font-size: 11px; }
#sidebar ul li h2 { padding: 6px;  border-bottom: 1px solid #670006; font-style: none; }
#sidebar ul ul { /*list-style-image: url(images/bullet.png);*/ }

#sidebar .sidebox { background: #ffffff; margin-bottom: 8px; }
#sidebar .title{ font-size:14px; font-weight:bold; background:#fff url(images/bg-bar1old.gif) repeat-x bottom; height:33px; line-height:33px;  padding: 0 8px; font-style: italic; }
#sidebar .title .on{display:inline-block; background:url(images/bg-bar2on.gif) no-repeat; height:33px; padding:0 8px 0 8px; margin-left:-8px; margin-right:8px}
#sidebar .content{padding: 0; }
#sidebar .content ul{padding: 8px 12px 12px 24px; }
#sidebar .content li{border-bottom:1px #cccccc dotted; padding:4px 0; list-style:outside; list-style-type: none; /*list-style-image: url(images/bullet.png);*/}
#sidebar .bottom{ border-bottom:1px #dddddd solid; margin:0 0 12px 0; }

#sidebar .subcontent{padding:8px 12px 12px 12px;}

ul.topcontent { margin: 0; padding: 0; list-style-type: none; }

/*
#sidebar .widget{margin-bottom:12px; padding:0}
#sidebar .widgettitle{background:#fff url(images/bg-bar1old.gif) repeat-x bottom; color: #fff; height:33px; line-height:27px; padding:0 8px 0 8px; border:none; width:284px; overflow:hidden}
#sidebar .widgettitle a{ color: #fff; }
#sidebar .widget ul{}
#sidebar .widget li{border-bottom:1px #cccccc dotted; padding:4px 0 4px 0; list-style:outside; list-style-image:url(images/dot1.gif)}
*/

#sidebar .widget{ background: #F7F7F7 url(images/bg-sidebar.png) left bottom no-repeat; border-top: 1px solid #7F7F7F; margin-bottom:12px; padding: 5px; min-height: 50px;}
#sidebar .widgettitle{ height:36px; line-height:36px; padding:0 8px 0 8px; border:none; font-size: 14px; overflow:hidden}
#sidebar .widget ul{margin: 0; }
#sidebar .widget li{border-bottom:1px #cccccc dotted; padding:4px 0 4px 8px; list-style:outside; list-style-type: none; /*list-style-image: url(images/bullet.png);*/}

#sidebar .social-icons { text-align: center; }
#sidebar .social-icons img { padding: 0 5px; }
#sidebar .widget-techwiki { padding: 8px 3px; }
/* ================ */



#page #middle .middlebox .single .entry { font-family: Verdana, Tahoma, Helvetica, sans-serif; color: #222222; }

#middle .title{margin:0; padding:0 0 0 12px; height:33px; line-height:27px;}
#middle .title h2{font-size:14px; color: #B5252D; font-weight:bold; }
#middle .category_title{margin:0 0 10px 0; font-size:12px; padding:0 0 0 12px; height:36px; line-height:36px;background:url(images/underline.png) no-repeat 10px 30px; }
#middle .category_title h2{font-weight:bold; color:#000000; }

/* Tech Headline & Reviews Roundup */
#middle .content{margin:0 0 0 0; padding:0 0 0 0; background: #ffffff;}
#middle .bottom{}
#middle .mboxcol1{padding:0 2px;}
#middle .mboxcol2{padding:0 0 0 16px;}



/* ================ */
/*  Reviews Roundup */
/* ================ */
#review_roundup { height: 520px; _height: 400px; }
#reviewsroundup .panel { padding-bottom: 20px; width: 290px; background: url(images/arrow_d_red.png) bottom center no-repeat; }
#reviewsroundup .panel:hover { background: none; }
#reviewsroundup .scroll_container { overflow: hidden;  }
#reviewsroundup .scroll_container:hover { overflow: auto; }
#reviewsroundup .content h2 { margin: 0; padding: 0; border: 0; }
#reviewsroundup .content { background: transparent; width: 240px; margin-bottom: 5px; padding-left: 10px; padding-right: 18px; #padding-right: 13px;  height: 450px; #height: 403px;  }
#reviewsroundup .content b, #reviewsroundup_gallery .content strong { color: #000; }
#reviewsroundup .content a { color: #555555; }
#reviewsroundup .content p { padding: 0 ; margin: 0; margin-top: 10px; }
#reviewsroundup .content ul { padding: 0 0 0 15px; margin: 0; #margin-left: 10px; }
#sidebar #reviewsroundup li{ font-size: 11px; border: 0;  margin: 0; padding: 0; list-style:outside; list-style-type: none; list-style-image: url(images/bullet.png);}

/* ================ */



#middle .content img, #middle .middlebox img { border: 1px solid #BEBEBE; padding: 0; }

#middle .middlebox { margin-bottom: 12px; padding: 0 0 7px 0; width: 618px; background: #ffffff; _padding: 0 0 2px 0; }
#middle .middlebox textarea { width: 400px; }
#middle .middlebox .titleth{background:#ffffff url(images/bg-bar1.gif) repeat-x top; border-bottom: 6px #ffffff solid; }
#middle .middlebox .page_nav { float: right; padding: 4px 8px 0 0;}
#middle .middlebox .page_nav a{border:1px #ffffff solid; padding:0 4px; color: #fff;}
#middle .middlebox .page_nav a.on{border:1px #E8E8E8 solid; background:#E8E8E8; color:#555555;}
#middle .middlebox .nofloat{float:none; padding:12px 0; display:block; font-size:12px}

#middle .middlebox .entry { margin: 0 12px; }
#middle .middlebox .entry2 { text-align: justify; }
#middle .middlebox .topspace { margin-top: 10px; }
#middle .middlebox .entry p { margin: 0; }
#middle .middlebox .single { margin: 10px; }
#middle .middlebox .single .title { margin-bottom: 20px; padding: 0; height: auto; line-height: auto; }
#middle .middlebox h3#respond { padding-top: 10px; }

#middle .single .wp-caption-text { text-align: center; font-style: italic; font-weight: bold; }

#middle .subbox { border: 1px solid #DFDFDF; background:url(images/bg-list1.gif) repeat-x bottom; padding: 5px 5px 0 5px; margin-bottom: 5px; }
#middle .subbox2{ background:url(images/bg-list2.gif) repeat-x bottom; }

#middle .imgleft { float: left; }
#middle #categorypage .subbox { margin-left: 9px; width: 95%; }

#middle #tech_headline { width: 305px; margin-left: 5px; float: left; }
#middle #review_roundup { width: 255px; float: left; }

#middle #category_listing table { margin-left: 9px; }



#middle .search{background:#e5e5e5; text-align:center; padding:8px 0; margin:0 0 16px 0}
#middle .search input{width:229px; height:17px; line-height:17px; border:3px #b5252d solid; vertical-align:middle}
#middle .search img{vertical-align:middle; #vertical-align:-8px}


/* -------------  Step Carousel  ----------------- */
#review_gallery { height: 480px; }
#review_gallery .panel { width: 300px; }

#news_gallery, #reviewsroundup {height: 530px;}
#news_gallery { overflow: hidden; }
#news_gallery:hover { overflow: auto; }

#news_gallery .belt  { width: 590px; }
#news_gallery .panel { margin: 0; padding: 0; }
#news_gallery .entry { margin: 0 2px 0 106px !important; text-align: justify; }
#news_gallery .subbox img { margin-bottom: 4px; }

.stepcarousel { position: relative; overflow: scroll; } /*don't change the positioning*/
.stepcarousel .belt { position: absolute; left: 0; top: 0; } /*don't change the positioning*/
.stepcarousel .panel { float: left; overflow: hidden; margin-right: 20px; }

#category_listing { height: 148px; margin: 0; padding: 0; }
#category_listing .stepcarousel { width: 520px ; height: 110px; position: relative; padding: 0; margin: 0 auto; } /*don't change the positioning*/
#category_listing .stepcarousel .belt { margin: 0; }
#category_listing .stepcarousel .panel { overflow: hidden; margin: 0 10px; width: 120px; height: 108px; text-align: center; }
#category_listing .stepcarousel .panel .thumbnail { width: 80px; height: 80px; vertical-align: middle; text-align: center; margin: auto; }
#category_listing .stepcarousel .panel img { border: 0; }
#category_listing .stepcarousel .panel a { font-weight: bold; font-size: 11px; line-height: 13px; }





/* -------------  Bottom Home Page  ----------------- */
#bottombar .bottombox { background: #ffffff; width: 198px; margin-left: 12px; float: left; /*height:450px*/ }
#bottombar .start { margin-left: 0px;}
#bottombar .gamerelease img{border:none; margin:0 6px 6px 0;}
#bottombar .gamerelease strong{color:#000000}
#bottombar .title { margin: 0; color: #fff; font-weight: bold; font-size:14px; height:33px; line-height:27px; background:#f3f3f3 url(images/bg-bar1.gif) repeat-x top;}
#bottombar .content { background: #ffffff; color: #3F3F3F;	margin: 12px 8px}
#bottombar .content a { color: #a60d0f; font-weight: bold; }

#bottombar .charts { width: 408px;}
#bottombar .charts .content { font-size: 11px; margin: 0 8px; line-height: 16px; }
#bottombar .charts .graybox { text-align: left; background: #F2F3F3; margin-right: 5px; padding: 0 4px; }
#bottombar .charts .graybox h4 { margin: 6px 0; color: #a60d0f; font-size: 13px; }
#bottombar .charts .graybox ul { padding-left: 25px; }
#bottombar .charts .graybox li { list-style-image: url(images/bullet.png); }

#footer { clear: both; }
#footer .div0{margin-top:24px}
#footer .div0 div{height:8px; line-height:8px; font-size:0; background:#b11922}
#footer .div1{padding:12px 0 12px 12px; overflow:hidden; _height:1%;}
#footer .links { margin: 0px auto; }
#footer .links dl{margin:0; padding:0; float:left; width:160px; height:94px; margin:0 12px; border-right:1px #999999 solid;}
#footer .links dt{color:#b5252d; font-size:13px; font-weight:bold}
#footer .links dd{margin:0; padding:0}

#footer .newsletter{float:right; display:inline; margin:27px 22px 0 0;}
#footer .newsletter strong{color:#b5252d; font-size:13px}
#footer .newsletter input{width:229px; height:17px; line-height:17px; border:3px #b5252d solid; vertical-align:middle}
#footer .newsletter img{vertical-align:middle; #vertical-align:-8px}
#footer .copyright{font-size:10px; color:#666666; text-align:center; padding:0 0 12px 0}



/* -------------  Sidebar's Search Box  ----------------- */
#sidebar input.searchbox, #sidebar input.searchbox_focus { width: 250px; font-size: 14px; padding: 3px; position: relative; top: -8px; }
#sidebar input.searchbox { color: #8F8F8F; font-style: italic; }
#sidebar input.searchbox_focus { color: #000; }




/* -------------  Single.php Page  ----------------- */
#post_image_gallery { border-top: 1px solid #B9B9B9; border-bottom: 0px solid #B9B9B9; margin: 20px 10px; } 

#middle .middlebox .single .title { margin: 0; padding: 0; }

#middle .middlebox .headlines { background-color: #F3F3F3; margin: 0 12px; padding: 10px 0; }
#middle .middlebox .headlines .title { margin: 0; padding: 0; }
#middle .middlebox .headlines .title h2 { margin: 0 18px; padding: 0; color: #B5252D; }
#middle .middlebox .headlines table { width: 550px; padding: 0; margin: 0; }

#middle .middlebox .headlines ul { margin-top: 0; }
#middle .middlebox .headlines li { list-style-image: url(images/bullet.png); }
#middle .middlebox .headlines .midborder { border-right: 1px solid #B9B9B9; }
#middle .middlebox .headlines a { color: #555555; font-size: 12px; font-weight: normal; }
#middle .middlebox .headlines table td  { background: none; }

#middle .middlebox .commentlist { list-style-type: none; margin: 0; padding: 0; }
#middle .middlebox .commentlist li { border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D4D4D4; background: #FAFAFA; margin: 10px 0; padding: 5px; }
#middle .middlebox .commentlist li .fn { font-weight: bold; }
#middle .middlebox .commentlist li .says { display: none; }
#middle .middlebox .commentlist li .avatar { margin-right: 5px; display: none; }
#middle .middlebox .commentlist li .vcard { }

#middle .middlebox .commentlist li .comment-author { float: left; width: 90px; }
#middle .middlebox .commentlist li .comment-meta { float: left; width: 90px; }
#middle .middlebox .commentlist li .comment-content { margin-left: 100px; width: 475px; }
#middle .middlebox .commentlist li p { margin-bottom: 12px; }
#middle .middlebox .commentlist li .reply { clear: both; }

#middle .middlebox #commentform { border: 1px solid #D4D4D4; background: #F2F3F3; margin: 10px 0; padding: 5px; }

#middle .middlebox .single .line { border-bottom: 1px solid #B9B9B9; }
#middle .middlebox .single .cover { margin-top: 15px; }



/* -------------  News Navigation  ----------------- */

#news_navigation #news_navigation_level1 { padding: 0 5px; height: 28px; background:#f3f3f3 url(images/bg-bar1.gif) repeat-x top; color: #fff; }
#news_navigation #news_navigation_level1 .navitem { float: left; padding: 5px 15px; font-weight: bold; font-size: 13px; }
#news_navigation #news_navigation_level1 .navitem:hover { text-decoration: underline; cursor: pointer; }
#news_navigation #news_navigation_level1 .selected { background: #3F3F3F; color: #fff !important; }

#news_navigation .news_navigation_level2 { padding: 2px; clear: left; background: #3F3F3F; font-size: 11px; }
#news_navigation .news_navigation_level2 .navitem { padding: 0 15px; font-weight: bold; color: #fff; }
#news_navigation .news_navigation_level2 .navitem a { color: #fff; }
#news_navigation .news_navigation_level2 .navitem a:hover { text-decoration: underline; }


/* Page Navigation */
.navigation { padding: 7px; }
.navigation .wp-pagenavi a { border: 1px solid #a60d0f !important; color: #a60d0f !important; }
.navigation .wp-pagenavi span { border: 1px solid #555555 !important; color: #555555 !important; }

/* -------------  New Styles  ----------------- */
.centered{margin: auto; text-align: center; vertical-align: middle;}
.nowrap{white-space: nowrap;}

.bggray{background:#dfdfdf!important;}
.bgwhite{background:#ffffff!important;}


input, select, textarea { /*border: 1px #B52429 solid;*/ font-size: 11px; }


/* Help Box */
.help_box { margin-bottom: 10px; border:1px #666666 solid!important; padding: 5px; }



/* -- Featured -- */
.featured {
	overflow: hidden;
	padding:5px 5px;
	margin:0px 4px 5px 0;
	background: #ffffff;
	font-family: Arial, Verdana,Helvitica,sans-serif;
}

.featured p { margin: 0; padding: 0; }

.reviews_top {
	float: left; width: 288px;
	padding: 0 10px; 
}
.reviews_top .fentry{
	height: 408px; overflow: hidden; text-align: justify;
}
.reviews_top h2 {
	font-size: 16px; margin-top: 5px;;
}

.reviews_more {
	float: left; width: 300px;
	font-size: 11px; padding-left: 10px;
}
.reviews_more h2 {
	height:35px; overflow:hidden; /* Prevent going 3 lines */
	font-size: 14px; font-weight: bold; padding-bottom: 0px;	
}
.reviews_more .fcontent {
	height:92px; overflow:hidden; padding-left: 10px;
	line-height: 13px; text-align: justify; vertical-align: top;
}
.reviews_more .review_thumb {
	height: 110px; overflow: hidden; margin-top: 5px;
}

.reviews_more .featmeta {
	margin: 0; padding: 0; margin-top: 3px; text-align: right;
}

/* --------------------------------- */


#poll_vote_button:hover { cursor: pointer; }





.clear {
	clear:both;
}
.alignleft {
	float:left;
	padding:3px 0 2px 5px;
}
.alignright {
	float:right;
	padding:3px 5px 2px 0px;
}
img.alignleft {
	margin-right: 5px;
}


.widget_rss h2.widgettitle a.rsswidget img.rss_header_img {
	margin-left: -8px;
}


.breadcrumb { font-weight: bold; }
img.inlineimg { border: 0 !important; }



/*
 * Table of Contents
 */

div.toc{ border:1px solid #4F4F4F; font-size: 11px; }
div.toc.toc-left{ max-width: 180px; float:left; margin:5px 10px 5px 0; }
div.toc.toc-right{ width: 180px; float:right; margin:5px 0 5px 10px; }

div.toc a.toc-header{ display:block; background-color:#5C0000; border:1px solid #4F4A4A; padding: 3px 10px; font-size: 12px; font-weight: bold; color: #c49e9e; }
div.toc ul{ list-style: none; margin:0; padding:5px 10px !important; background-color:#333333; overflow:hidden; }
div.toc.auto-collapse ul{display:none}

div.toc li { border-bottom: 1px dotted #4F4F4F; }
div.toc li a{ text-decoration: none !important; border:0 none; color:#999; }
div.toc li a:hover { text-decoration: underline !important; }
div.toc li.toc-level-1 { font-weight:bold; font-size: 12px; }
div.toc li.toc-level-2 { font-weight:bold; }
div.toc li.toc-level-3 { padding-left:10px; }
div.toc li.toc-level-4 { padding-left:20px; font-size: 10px; }
div.toc ul div{ display:none; }




/* jqModal */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

#socialmedia_bar { z-index: 3000; display: none; position: fixed; top: 17%; left: 50%; margin-left: -200px; width: 400px; padding: 12px; }
#socialmedia_bar { top: auto; bottom: 0; padding: 5px 5px 0 5px; background: #262323 url(images/middle-gradient.png) top center repeat-x; border: 1px solid #4F4F4F; }
#socialmedia_bar h2 { margin: 7px 20px; }
#socialmedia_bar .jqmClose em { display: none; }
#socialmedia_bar .jqmClose { width:20px; height: 20px; background:transparent url(images/close_icon_double.png) 0 0 no-repeat; }
#socialmedia_bar .jqmClose:hover { background-position: 0 -20px; }
.social-icons { text-align: center; }