/*
Theme Name: HTC EVO 4G VIDEO
Theme URI: http://htc-evo-4g-video.converter-mac-os.com/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Brian
Author URI: http://htc-evo-4g-video.converter-mac-os.com/
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: kubrick

	Kubrick v1.0
	 http://htc-evo-4g-video.converter-mac-os.com/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at  http://htc-evo-4g-video.converter-mac-os.com/

	The CSS, XHTML and design is released under GPL:
	 http://htc-evo-4g-video.converter-mac-os.com/

*/


/*****************************/
/*** Core html setup stuff ***/
/*****************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td{margin:0;padding:0;color:#444;font:normal 12px/150% Verdana; font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, ,sans-serif;  }
body{ background:url(images/body-bg.png) repeat-x; }
table{border-collapse :collapse;border-spacing:0;}
img{border:0;}
a{color:#444; text-decoration:none;}
a:hover{ text-decoration:underline; color:#EF520D;}

ol,ul,li{list-style:none;}
li,dd {margin-left:0;}
fieldset {padding:.5em; }
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font:bold 100%/160% Verdana;}

.textGray{ color:#666; font-size:16px;}
.blue{ color:#06C;}
.small{font-size:9px;}

.text30{ color:#F00; font-size:30px;}
.text30 h2{ color:#F00; font-size:22px;}


	
/************************************************
*	Header  									*
************************************************/
.more{ color:#0192bb; text-decoration:underline;}
.more a{  color:#0192bb; text-decoration:underline;}

.more-link{  color:#0192bb; text-decoration:underline;}
.more-link a{  color:#F00; text-decoration:underline;}
.separationLine{ width:100%; height:5px; border-bottom:#CCC 1px solid;}

#header{ height:125px; width:960px; margin: 0 auto; }
#header #logo{ padding:45px 0 0 8px; float:left; }
#header #menu{ float:right; width:520px; height:46px;  margin:60px 0 0 0; padding:7px 10px 0 60px; text-shadow:1px 1px 0 #fff;  }

#header #menu li{ float:right; margin:0 10px 0 10px; height:46px; text-align:center;}
#header #menu a{ font-size:14px; height:46px; text-transform:uppercase; font-weight:bold; }
#header #menu .current_page_item{  }
#header #menu .current_page_item a{ color:#C30; }


	
/************************************************
*	banner  									*
************************************************/
#banner{ width:100%; background:url(images/banner-bg.jpg) repeat-x; }
#banner-info{ width:960px; _height:600px; *height:680px;  margin:0 auto; background:url(images/htc.jpg) 490px 43px no-repeat;}
#homeTab{ width:960px; height:43px; background:url(images/tab-bg.png) no-repeat; padding:2px 0 0 0;}

#downloadPage{ width:960px; height:43px; background:url(images/tab-bg.png) no-repeat; padding:2px 0 0 0;}
#downloadPage h2{height:43px; line-height:28px; vertical-align:middle; font-weight:bold; background:url(images/productTab-down.png) no-repeat; display:block; width:280px; text-align:center; margin:0 0 0 3px; _margin:2px 0 0 3px; padding:3px 0 0 0;}

#guiderTab{ }
#guiderTab li{font-weight:bold; float:left; margin:0px 3px 0 3px; width:180px; height:35px; text-align:center;  background:url(images/guiderTab-up.png) no-repeat;}
#guiderTab li a:hover{ text-decoration:none; font-weight:bold;}
#guiderTab li a{}

#productTab{}
#productTab ul{ padding:0px 0 0 3px;}
#productTab li{ color:#FFF; float:left; margin:0 10px 0 0; width:280px; text-align:center; line-height:35px; vertical-align:middle;}
#productTab li a{ color:#FFF; font-size:12px; font-weight:bold; width:280px; height:35px; display:block;}
#productTab li a:hover{ text-decoration:none;}
#productTab .current_page_item{width:280px; height:35px; background:url(images/productTab-down.png); color:#333; display:block; }
#productTab .current_page_item a{ width:280px; height:35px; background:url(images/productTab-down.png); color:#333; display:block;}

.current-cat{width:180px; height:35px;  }
.current-cat a{background:url(images/guiderTab-down.png) no-repeat; width:180px; height:35px; text-align:center;  color:#333px; display:block;}
.current-cat a:hover{ color:#333; text-decoration:none;}
.cat-item{width:180px; height:35px; }
.cat-item a{width:180px; height:35px;  width:180px; height:35px; text-align:center;  display:block; line-height:33px; vertical-align:middle; }
.cat-item a:hover{background:url(images/guiderTab-down.png) no-repeat;  }

.bannerInfo{ width:550px; height:180px; padding:15px 0 0 0; font-size:13px;  text-shadow:1px 1px 0 #fff; }
.bannerInfo h1{ font-size:36px; font-family:Arial; text-shadow:1px 1px 0 #fff;}

.priceInfo{ padding:15px 0 0 0; _padding:15px 0 0 15px;  *padding:15px 0 0 15px; width:550px; height:30px; _height:60px;}

.priceInfo .downInfo{ padding:0 0 0 50px; font-weight:bold;}

.buyNowSeries{ width:550px; height:60px;}
.buyNowSeries span{ margin:0 0 12px 0;}
.buyNowSeries ul{ padding:0px 0 30px 0; *padding:10px 0 30px 15px;}
.buyNowSeries li{ float:left; margin:0 15px 0 0; line-height:35px; font-weight:bold;}
.buyNowSeries li img{ vertical-align:bottom;}
.discounting{ text-decoration:line-through; font-size:16px; margin:0 0 15px 0; font-weight:bold;}
.price{ font-size:30px; color:#F00; padding:0 0 0 10px; line-height:30px;}

.keyFunctions{ width:960px; height:276px; margin:40px 0 0 0;}
.keyFunctionsLeft{ float:left; width:10px; background:url(images/keyFunctionsLeft.png) no-repeat; height:276px;}
.keyFunctionsCenter{float:left; width:930px; background:url(images/keyFunctionsCenter.png); height:276px;}
.keyFunctionsCenter h2{ font-size:16px; font-family:Arial; text-shadow:1px 1px 0 #fff;}
.keyFunctionsCenter ul{ margin:30px 0 0 5px;}
.keyFunctionsCenter li{ float:left; }
.keyFunctions01{ width:325px; height:110px; background:url(images/icon-keyFunctions01.png) 5px 0px no-repeat; padding:6px 20px 0 115px;}
.keyFunctions02{ width:325px; height:110px; background:url(images/icon-keyFunctions02.png) 5px 0px no-repeat; padding:6px 20px 0 115px;}
.keyFunctions03{ width:325px; height:110px; background:url(images/icon-keyFunctions03.png) 5px 0px no-repeat; padding:6px 20px 0 115px;}
.keyFunctions04{ width:325px; height:110px; background:url(images/icon-keyFunctions04.png) 5px 0px no-repeat; padding:6px 20px 0 115px;}

.keyFunctionsRight{float:left; width:10px;background:url(images/keyFunctionsRight.png) no-repeat; height:276px;}


.iconLeft{ float:left; vertical-align:middle; }
.iconLeft img{ padding:6px 0 0 0;}


#clear{ clear:both;}



/************************************************
*	main  									*
************************************************/
#main{ width:960px; margin:0 auto; /*background:url(images/main-bg.jpg) 0px 20px; border-bottom:#CCC 1px solid;*/ padding:0 0 20px 0;}
.productLeft{ float:left; width:662px; _width:650px;  margin:20px 25px 20px 0px;}
.productLeft h1{ font-size:16px; color:#0192bb; padding:5px 0 5px 0; display:block;}
.productLeft h1 a{ font-size:16px; color:#0192bb; }
.productRight{ float:left; width:265px; margin:20px 0 0 0;}

.infoLeft{ width:100%; background:url(images/line.png) bottom no-repeat; padding:0 0 0px 0;}
.imgBox{ float:left; width:130px; padding:8px 20px 0 0px; text-align:center;}
.imgBox2{ float:left; width:130px; padding:0 20px 0 5px; text-align:center;}

.priceLine{ text-decoration:line-through; font-weight:bold; font-size:16px;}
.productInfo{ float:left; width:75%; padding:5px 0 0 0;}
.productInfo img{ }

.buyDown{ width:100%; height:50px; padding:3px 0 5px 0; margin:10px 15px 0 0;}
.buyDown ul{}
.buyDown li{ float:left; margin:0 15px 0 0;}
.bt-buyNow{background:url(images/icon-buyNow.png) no-repeat; text-decoration:underline; padding:0 0 0 23px;}
.bt-buyNow a{ color:#444; }
.bt-download{ background:url(images/icon-download.png) no-repeat; text-decoration:underline; padding:0 0 0 23px;  }
.bt-download a{ color:#444; }
h1.text20{ font-size:22px; color:#0192bb; font-family:Arial;}



.titleCategory{ width:100%; background:url(images/titleLine.png) 0px 35px no-repeat; padding:10px 0 6px 0; margin:10px 0 15px 0; border-bottom:#CCC 1px solid;}
.titleCategory h2{color:#0192bb;  font-size:16px; font-weight:bold; }
.titleCategory h3{color:#444;  font-size:14px; font-weight:bold; }
.titleCategory span{padding:6px 3px 0 0 ; width:30px;  float:right; text-shadow:1px 1px 0 #fff;}
.titleCategory span a{color:#999; text-decoration:none;}
.titleCategory span a:hover{ text-decoration:none; }

.screenshot { width:100%; }
.screenshot ul{ width:100%; height:100px; padding:0 0 10px 0;}
.screenshot li{ float:left; padding:0 7px 0 7px; text-align:center;}
.screenshot li img{ padding:0 0 6px 0;text-align:center; width:623px; }
.screenshot a img{ padding:0 0 6px 0;text-align:center; width:623px; }

.titleH2{ font-size:16px; font-weight:bold; padding:0 0 5px 0;}
.titleH2 a{ font-size:16px; font-weight:bold; padding:0 0 5px 0;}
.line{ width:100%; height:20px; background:url(images/titleLine.png) bottom no-repeat; padding: 0 0 10px 0;}
.mb{ border:#666 2px solid;}
.ok{ background:url(images/icon-ok.png) 0px 0px no-repeat; text-indent:30px; height:25px;}
.step{ background:url(images/arrow.png) 0px 8px no-repeat; text-indent:25px; padding:7px 0 5px 0;}
.ok2{ background:url(images/icon-ok.png) 0px 0px no-repeat; text-indent:30px; height:20px; margin:15px 0 6px 0;}
.systemRequirements{ width:100%;}
.systemRequirements ul{ width:100%;}
.systemRequirements li{ height:30px; margin:0 20px 0 0;}

.systemRequirements2{ }
.systemRequirements2 ul{ }
.systemRequirements2 li{  height:30px; margin:0 20px 0 0;}
.systemRequirements2 li img{ vertical-align:middle;}


.rightModule{width:93%;border:#d7d7d7 1px solid; background:#fcfcfc; padding:6px 0 15px 12px; }


.rightModule ul{padding:10px 0 5px 0px;  }
.rightModule li{line-height:22px; padding:0 0 6px 12px; padding:0 0 0 60px;}

.rightModule h4{font-size:16px;  width:95%; padding:0 0 6px 0;}
.guidesList {width:100%;  }
.guidesList h3{ font-size:16px; background:url(images/rightModule-line.png) bottom repeat-x; width:95%; padding:0 0 6px 0;}
.guidesList h4{ font-size:16px;  width:95%; padding:0 0 6px 0;}
.guidesList ul{ padding:10px 0 5px 0px; }
.guidesList li{line-height:22px; background:url(images/greenArrow.png) 0px 7px no-repeat; padding:0 0 6px 12px; }
.guidesList a{ color:#0066ae; text-decoration:underline;}
.guidesList a:visited{ color:#0066ae; text-decoration:underline;}
.guidesList a:active{ color:#0066ae; text-decoration:underline;}
.guidesList a:hover{ color:#F30; text-decoration:underline;}

.guidesInfo{ border-bottom:#CCC 1px solid; padding:5px 0 15px 0;}



/************************************************
*	footer  									*
************************************************/
#footer{ width:100%; margin:20px 0 5px 0; clear:both; text-shadow:1px 1px 0 #fff; }
#footerInfo{ width:950px;height:55px; margin:0 auto; border:#ddd 1px solid; background:url(images/footer-bg.png) repeat-x; }
#footerMenu{ width:500px; float:left;}
.footerLogo{ width:162px; height:54px; background:url(images/footerLogo.png) no-repeat; float:right; padding:0 8px 0 0;}
#copyright{ width:100%; text-align:center; padding:10px 0 15px 0; font-size:10px; color:#999;}


#footerMenu{ float:left; height:46px;  padding:18px 10px 0 10px; }

#footer #footerMenu li{ float:left; margin:0 10px 0 10px; height:46px; text-align:center;}
#footer #footerMenu a{ font-size:13px; height:46px; text-transform:uppercase;}
#footer #footerMenu .current_page_item{  }
#footer #footerMenu .current_page_item a{ color:#C30; }
.links2{color:#fff;}