* {margin: 0px;padding: 0px;}
body{background: #0e0e0e url(i/bg.gif) repeat 0 0;color: #999; font:11px/18px "Lucida Grande", Geneva, Arial, Verdana; text-align:center;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, fieldset, hr {margin: 1em 0px;}
a {color: #3199ee;text-decoration:none} a:hover {color:#fa0;}a img{border: 0;}
.left{float:left}.right{float:right}.center,.c{text-align:center;}
img{vertical-align:middle;}blockquote{margin-left:3em;}fieldset{border:0}
.inside{text-align:left}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear {height: 1%;}
h1{color:#fff;font-size:16px;}
.clear-fx{clear:both}
input[type=text],input[type=password],textarea{background-color:#d1cbc4 !important;}
/*---*/

.content, #content-i{text-shadow: #000 0 1px 1px;}
.quote{text-shadow: none}

#head{width:826px;height:80px;margin:0 auto;padding:18px 0;text-align:left;}
#logo{margin:16px 0 0 25px;float:left} #logo span{color: #fa0;font-size:12px;} #logo img{display:block;}
#links{float:right;margin-top:51px;position:relative;color:#aaa;font-size:12px;}
#links a{color: #fff;font-size:12px} #links a:hover{color: #fa0;}
#subhead{width:826px;height:376px;margin:0 auto;background-color:#0e0e0e}
#content-i{width:826px;margin:0 auto 21px auto;padding-bottom:7px;background: transparent url(i/c-bottom.gif) no-repeat 0 100%;font-size:11px;}
#content-i .inside{padding:20px 20px 1px 20px; background-color:#303030;}
#content-i h1{font-size:16px;margin:0.4em 0}
#content-i h2{font-size:11px;color:#fff}

#front-page{font-size:11px;color: #999 !important;}
#front-page h2{font-size:11px;color:#fff}

p.first{font-weight:bold;color:#c6c6c6}
.col-600{float:left;width:600px;padding-bottom:1px}
.col-280{float:left;width:280px;margin-right:20px;}
.col-290{float:left;width:290px;margin-right:20px;}
.col-300{float:left;width:300px;margin-right:20px;}

#sidebar{width:152px;float:right;text-align:left;font-size:10px;line-height:15px;}
#sidebar .block{width:152px;padding:0 0 7px 0;margin-bottom:18px;background: transparent url(i/s-bottom.gif) no-repeat 0 100%;}
#sidebar .inside{padding:7px 9px 1px 9px;background: #171717 url(i/s-top.gif) no-repeat 0 0;}
#notify-img{margin-left:-17px;position:relative}
.sidebar-img{margin-left:-20px;position:relative;margin-bottom:1.5em;display:block}
#sidebar .universal-logo{text-align:center;padding:17px 0 10px 0;}
#sidebar h2{color:#fff;font-size:10px !important;margin-top:0;}

.left-sidebar{float:left !important;} 

#learn-widget{margin-bottom:0;text-align:center;color:#ccc !important;}
#learn-widget p a{color:#ccc !important;}
#learn-widget img{display:block;margin-bottom:0.7em}

.content {width:826px;margin:0 auto 21px auto;}
.content .l-block{float:left;width:485px;margin-right:21px;padding:7px 0 0  0;background: transparent url(i/lb-top.png) no-repeat 0 0;}
.content .s-block{float:left;width:320px;margin-right:21px;padding:7px 0 0  0;background: transparent url(i/sb-top.png) no-repeat 0 0;}
.content .inside{padding:1px 20px;background-color:#303030;}
.content .l-block .end{padding:7px 0 0  0;background: transparent url(i/lb-bottom.png) no-repeat 0 0;}

.content .mid-block{float:left;width:402px;margin-right:21px;padding:7px 0 0  0;background: transparent url(i/mid-top.png) no-repeat 0 0;}
.content .mid-block .end{padding:7px 0 0  0;background: transparent url(i/mid-bottom.png) no-repeat 0 0;}

.content .s-block .end{padding:7px 0 0  0;background: transparent url(i/sb-bottom.png) no-repeat 0 0;}
.content h1{margin:0.8em 0;} .content img.right{margin: 0 0 30px 20px;}
.sub .l-block{background-image: url(i/slb-top.png);width:465px;}
.sub .s-block{background-image: url(i/ssb-top.png);width:340px;}
.sub .l-block .end{background-image: url(i/slb-bottom.png);}
.sub .s-block .end{background-image: url(i/ssb-bottom.png);}
.content .last, .last{margin-right:0}

.single .inside{padding:1px 20px 13px 20px;background-color:#303030;}
.single{padding-bottom:7px;background: transparent url(i/c-bottom.gif) no-repeat 0 100%;text-align:left;}
.single h1{margin:0;padding:1em 20px;background: transparent url(i/c-top.gif) no-repeat 0 0;}
.single .inside h1{margin:1em 0;padding:0}
.single .inside h1 a{color:#fff}
.img-31 a{float:left;margin-right:31px}
.single .inside-full{padding:10px 20px 1px 20px;background: transparent url(i/c-top.gif) no-repeat 0 0;}



#copyright{margin:0 0 21px 0;font-size:11px;}
#slideshow{width:826px;height:376px;text-align:left;background-color:#101010;}
#hpfeedback{height:2.3em;}
#slideshow img {position:absolute;} 
#hpfeedback p{position:absolute;margin:0.3em}

/* Updates */

#updates h3{color:#fff;font-size:16px;font-weight:normal}
#updates h3 span{color:#999;font-size:13px;}
.line{margin:2em -20px 2.5em -20px;border-bottom:1px solid #444;}

/* Tech Spec */

li{margin:0 0 0 1em}
ul, ol{margin:0 0 0 2em}
ul ul{margin:0 0 0 2em}
h1.top{padding-top:1.5em}
#tech{font-size:11px; color:#999}
#tech ul li{color:#999 !important}
#tech h3{color:#fff;font-size:15px;font-weight:normal}
#tech .col-600 img{margin:7px}
#tech #head{margin-bottom:0em}
#tech #sidebar h2.sub{color:#c8c8c8}
#tech .col-600 .img-bclear{margin-bottom:100px}
#foot-note{font-style:italic;font-size:11px;margin-top:3em;}

/* Company */

.normal{font-size:12px;color: #bababa;}
.team{margin-right:10px}
#company h1 span{color:#7a7a7a;font-size:11px;font-weight:normal;}
#press{margin:0 0 0 -9px;} #press a{float:left;width:142px;text-align:center}
#press a span{display:block;margin-top:15px;color:#999;} #press a.end span{margin-top:4px;}
#press a.end{width:102px;}

/* Misc */

#dont-forget{margin-left:30px;float:left}
#notify{float:right;margin: 40px 150px 0 0;width:220px}
#notify span.right{margin:-3px 15px 0 0}
#notify label, #notify input{display:block;margin:10px 0;}
#notify label{font-weight:bold;color:#fff}
#notify-text{position:absolute;margin:-30px 0 0 -60px;width:400px !important;color:#fff;}

#contact form{width:420px;margin:30px 50px 0 0;text-align:left}
#contact textarea{width:420px !important;height:170px;background-color:#d1cbc4;}
#contact label,#contact input{display:block;margin:5px 0;}
#contact label{margin-top:10px;font-weight:bold;color:#fff}
#contact input[type=text]{width:200px;background-color:#d1cbc4;}
#contact input.submit{width:70px;float:right;}
#contact-text{position:absolute;margin:0 0 0 280px;color:#fff;}

#subscribe form{width:270px;position:absolute;margin:75px 0 0 390px;}
#subscribe-text{width:430px;position:absolute;margin:0 0 0 310px;color:#fff;}
#subscribe label,#subscribe input{display:block;margin:5px 0;}
#subscribe input.submit{width:70px;}
#subscribe label{font-weight:bold;color:#fff}
#subscribe input{width:230px;}
#subscribe img.left{margin-left:60px;}

#bugs{background: #303030 url(i/bugs.png) no-repeat 50% 0;}
#bugs-text{width:190px;position:absolute;margin:20px 0 0 10px;font-size:11px;color:#999}
#bugs form{width:340px;margin:0 0 0 237px;}
#bugs label,#subscribe input{display:block;margin:5px 0;}
#bugs input.submit{width:70px;margin-top:10px;float:right}
#bugs label{font-weight:bold;color:#fff;margin:12px 0 5px 0;}
#bugs input{width:340px;}
#bugs textarea{width:340px;height:230px}

#feedback{background: #303030 url(i/hearts.png) no-repeat 50% 0;}
#feedback form{width:340px;margin:0 0 0 237px;}
#feedback label,#subscribe input{display:block;margin:5px 0;}
#feedback input.submit{width:70px;margin-top:10px;float:right}
#feedback label{font-weight:bold;color:#fff;margin:12px 0 5px 0;}
#feedback input{width:340px;}
#feedback textarea{width:340px;height:230px}


#emailus form{width:340px;margin:0 0 0 237px;}
#emailus label,#subscribe input{display:block;margin:5px 0;}
#emailus input.submit{width:70px;margin-top:10px;float:right}
#emailus label{font-weight:bold;color:#fff;margin:12px 0 5px 0;}
#emailus input{width:340px;}
#emailus textarea{width:340px;height:230px}

/* Blog */

#blog{margin-right:0;}
#blog h1{margin:0;}
#blog h2{font-size:15px;font-weight:bold;}
#blog h3{font-size:12px;font-weight:normal;margin: 0em 0 1em 0; color:#7a7a7a;}
.post{margin-bottom:3em;}
#blog #sidebar{width:160px;}
#blog #sidebar .block{width:160px;background: transparent url(i/blog/s-bottom.png) no-repeat 0 100%;}
#blog #sidebar .inside{background: #171717 url(i/blog/s-top.png) no-repeat 0 0;}
#blog .col{margin:0 !important;width:616px;float:left;}

#post-87 {margin-bottom:5em}

#flickr_div {margin-top:10px;position:relative;height: 96px;}
#flickr_div img {padding: 1px;background-color: #f8f8f8;border: 1px solid #ccc;width: 40px;height: 40px;}
#flickr_div img:hover {background-color:#fa0;border-color:#fa0;}
#flickr_badge_image1 {position:absolute;left:0px;top:0px;}
#flickr_badge_image2 {position:absolute;left:50px;top:0px;}
#flickr_badge_image3 {position:absolute;left:100px;top:0px;}
#flickr_badge_image4 {position:absolute;left:0px;top:50px;}
#flickr_badge_image5 {position:absolute;left:50px;top:50px;}
#flickr_badge_image6 {position:absolute;left:100px;top:50px;}

#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 95%;padding: 2px;margin-right:20px;}
#commentform #submit {margin: 0;float: right;margin-right:20px;}
h3#comments, h3#respond {padding: 0;margin: 40px auto 20px ;font-weight:bold;font-size:15px;color:#999}
ol.commentlist{margin-left:2em;color:#999;font-size:12px}

#support-text{font-size:12px;color:#fff}
#support{margin:20px 0 0 -12px}
#support a{float:left;text-align:center;width:119px;color:#fff;}
#support a:hover{color:#fa0;}
#support a span{display:block;margin-top:10px;font-size:12px}
#support a.end{width:51px;margin-left:25px;}

#faq h3{font-size:12px;color:#fff;}

/* thanks z-index:10000;position:fixed; top:0px; left:0px; width:100%; height:100%;text-align:left; */

#thanks {z-index:10000;position:fixed; top:0px; left:0px; width:100%; height:100%;text-align:left;}
#thanks #bg {z-index:10001;position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000;opacity:0.7;}
#thanks #in {z-index:10002;position:absolute;padding:100px 0 0 0;text-align:center;width:100%;}
#thanks #in img{margin:0 auto;}

/* new blocks */

.transparent-content{width:826px;margin:0 auto 20px auto;padding:0px;text-align:left;text-shadow: #000 0 1px 1px;}
.transparent-content .block{padding:15px 20px;-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#303030;}
.transparent-content .one-third{float:left;width:222px;height:165px;margin-right:20px;overflow:hidden;padding:10px 20px;}
.transparent-content .one-third:last-child{margin-right:0}
.transparent-content .one-third h1{font-size:15px;margin:0.2em 0 0.1em 0}
.transparent-content .one-third p{line-height:15px;}



.filled-content{width:786px;margin:0 auto 20px auto;padding:20px;text-align:left;font-size:12px;-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#303030;color:#c4c4c4;overflow:hidden;text-shadow: #000 0 1px 1px;}
.filled-content h1{margin:20px 0;font-size:19px;}
.filled-content h1:first-child{margin:0 0 20px 0;}
.filled-content strong {color:ccc}

.top-snap {-moz-border-radius-topleft:0px !important;-webkit-border-top-left-radius:0px !important;-moz-border-radius-topright:0px !important;-webkit-border-top-right-radius:0px !important;}