/* 
Theme Name: Fade Hurricane
Theme URL: http://accent.tv
Description: Fade Hurricane Theme
Author: Miguel Vega (Design) and Donnie Valdez (Code)
Author URI: http://accent.tv
Version: 1.0
*/

/*----- Reset Stuffs -----*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
img {border:0;}

/*----- Typography Stuffs -----*/

body{font: 13px "Helvetica", Sans-Serif;color:#999;background: #121212 url('images/bodybg.jpg') center repeat-y;}
h1, h2, h3, h4, h5, h6 {margin:0;font-style:normal;font-weight:normal;background:transparent;color:#cc9900;}
h1 {font-size: 30px;}
h2 {font-size: 26px;border-top: 3px solid #cc9900;padding: 10px 0 10px 0;}
h3, h4, h5, h6 {font-size: 16px;border-top: 3px solid #cc9900;border-bottom: 1px dotted #999;padding: 6px 0 6px 0;}

/*----- Link Stuffs -----*/

a:link {color: #cc9900;text-decoration: none;}
a:visited {color: #cc9900;text-decoration: none;}
a:hover {color: #FFF;text-decoration: underline;}
a:active {color: #cc9900;text-decoration: underline;}

/*----- List Stuffs -----*/

ul, ol {list-style:none;}
ul li {float:left;list-style:none;}
ul li ul li{float:left;display:block;padding: 0 0 0 0;}
ul li a {line-height: 24px;color: #999;font-size:12px;}
ul li img {border-bottom: 1px dotted #999;}
ul li a:link,ul li a:visited {color: #999;}
ul li a:hover,ul li a:active {color: #fff;text-decoration: none;}

/*----- Random Text Class Stuffs -----*/

.date{text-transform:uppercase;float:right;}
.datecolor{color:#cc9900;}

/*----- Wrapper Stuffs -----*/

#container{width:1000px;margin:auto;}

/*----- Header Stuffs -----*/

#header{width:1000px;height:90px;padding:20px 0 20px 0;background:#121212;}
#logo{width:200px;float:left;}
#nav{width:800px;height:43px;margin-top:20px;float:right;}
#nav li {float: right;margin-left: 5px;list-style:none;}
#nav li a {color: #999;font-size:14px;background-image:url('images/tab-off.gif');padding: 8px 0 19px 0;display: block;text-decoration: none;text-align:center;width:125px;border:0;}
#nav li a:hover {color: #fff;}
#nav li a:active {color: #121212;background-image:url('images/tab-on.gif');}
#nav li.current_page_item a {color: #121212;background-image:url('images/tab-on.gif');}
#subnav{width:775px;height:30px;float:right;font-size:10px;display:inline;}
#subnav .infoz{font-size:14px;color:#666;font-weight:lighter;}
#subnavcell{}
#subnavcell2{}
#subnavcell li{width:260px;}
#subnavcell2 li{width:255px;}
#subnavcell li a{border:0;}
#subnavcelllinks{float:right;margin-top:2px;}
#subnavcelllinks li a {color: #000;background:#383838;font-weight:bold;padding: 4px 11px 4px 11px;display: inline;text-decoration: none;text-align:center;border-left:solid 3px #121212;}
#subnavcelllinks li a:hover {background:#929292;}

/*----- Post Stuffs -----*/

#post{float:left;width:560px;padding: 30px 20px 0 20px;}
#post p {line-height: 1.4em;margin: 4px 0 10px 0;}
#post img {border-top: solid 1px #121212;border-bottom: solid 1px #121212;width:560px;height:auto;}
#postmeta{padding: 0 0 50px 0;}
#postnavigation{margin-top:-65px;}
.gecko #postplus{margin-top:-28px;}
#postplus{float:right;}
#postplus img{width:14px;border:0;}

#singlepost{float:left;width:760px;padding: 30px 20px 0 20px;}
#singlepost p {line-height: 1.4em;margin: 4px 0 10px 0;}
#singlepost img {border-top: solid 1px #121212;border-bottom: solid 1px #121212;}
#singlepostmeta{padding: 0 0 50px 0;}

/*----- Selected Projects Stuffs -----*/

#sidecar{float:left;width:180px;padding: 30px 0 0 20px;}
#sidecar ul li ul li{width:180px;padding-top:10px;}
#sidecar a{font-size:14px;}
#sidecar img{width:180px;height:auto;padding-bottom:20px;}
#sidecar img:hover{border-bottom: solid 2px #cc9900;cursor:pointer;}
.gecko #sidecar .sideplus img{margin-top:-25px;}
#sidecar .sideplus img{float:right;width:14px;border:0;padding-top:4px;border:0;}

/*----- Sidebar Stuffs -----*/

#searchform{width:130px;}
#searchbg{padding: 8px 5px 8px 5px;background-color:#121212;}
#sidebuttons{float:right;}
#gobutton{float:right;}
.gecko #gobutton{margin-top:-18px;}
#sidebar{position:relative;float:right;width:180px;padding: 30px 20px 0 0;border:0;}
#sidebar li{padding: 0 0 50px 0;width:180px;border-bottom:0;}
#sidebar ul li ul li{padding: 0 0 0 0;width:180px;border-bottom: 1px dotted #999;}

/*----- About Page Stuffs -----*/

#about{width:760px;}
#aboutphoto{width:370px;float:left;padding-bottom:50px;}
#aboutphoto img{width:370px;height:auto;}
#aboutinfo{width:370px;padding-left:20px;float:right;}
#aboutclientlist{width:760px;float:left;}
#aboutclientlist li{width:760px;width:170px;padding-top:5px;font-color:#666;font-size:12px;border-bottom: 1px dotted #666;margin-right:20px;}

/*----- Footer Stuffs -----*/

#footer{width:960px;padding:50px 20px 0 20px;float:left;}
#footer a{color:#666;font-size:12px;}
#footer a:hover{color:#999;}
#footerlogo{float:left;vertical-align:middle;height:90px;padding-top:2px;}
#footercopyright{float:left;vertical-align:middle;height:90px;padding-left:20px;color:#666;}
#footernav1{width:200px;padding:0;margin:0;float:right;text-align:right;}
#footernav2{width:200px;padding:0;margin:0;float:right;text-align:right;}
#footernav3{width:200px;padding:0;margin:0;float:right;text-align:right;}
#footerbottom{width:1000px;height:60px;background-color:#121212;clear:both;}