/*
Theme Name: CZ Design
Theme URI: 
Description: The theme for CZ Design.
Version: 1.0
Author: Yellowhawk Creative
Author URI: http://yellowhawkcreative.com/
Tags: black, two column
*/

/*Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549*/
html{color:#fff;background:#000}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/* HTML5-specific CSS setup */
#entry,aside,figure,#footer,#header,hgroup,#header ul{display:block;margin:0;padding:0}

/* CZ Design CSS */
/* Typography */
body{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:75%;line-height:1.25}
a:link,a:visited,a:hover,a:focus,a:active{color:#fff}
#footer a:link,#footer a:visited,#footer a:hover,#footer a:focus,#footer a:active{color:#666;text-decoration:none}
p,ul,ol{margin-bottom:2em}
p#edit-entry{margin-bottom:0}
li{margin-bottom:1em}
#footer li{margin-bottom:0.5em}
#client-list h6{font-weight:bold;margin-bottom:0.5em;text-transform:uppercase}


/* Structure */
body{background:#000 url('i/bg-body.jpg') no-repeat;text-align:center}
#page{text-align:left}
#header,#main,#footer{margin:0 auto;width:900px}

#header{padding-top:50px;position:relative}
#header hgroup{width:250px}
#header hgroup h1,#header h1 a{background:url('i/bg-header.png') no-repeat;display:block;height:50px;position:relative;text-indent:-3000px;width:250px}
#header hgroup p{height:0;margin:0;text-indent:-3000px;width:0}

#header ul{background:url('i/bg-nav.png') no-repeat;float:right;height:30px;position:relative;top:5px;width:370px;overflow:hidden}
#header ul li{float:left;text-indent:-3000px}
#header ul li a{display:block;margin:5px 1px;padding:5px 9px;text-decoration:none;width:71px}

#main{background:#000;border-top:1px solid #252525;margin-top:35px;overflow:hidden;padding-bottom:50px}

/* Pages */
.home #entry #meta{height:40px}
#entry #meta{height:85px;margin:0;padding:0}
.page-child #entry #meta{height:125px}
#entry #meta time{display:none}
#entry{margin:0 100px 125px;position:relative}
#page #entry{margin-bottom:0;padding-bottom:20px}
.home #page #entry{font-size:1.25em}
.home #page #entry p{line-height:2em}
#page #entry h2,#blog h2{background-position:-9px 0;background-repeat:no-repeat;margin-top:30px;padding:10px 0;text-indent:-3000px}
.page-id-2 #entry h2{background-image:url('i/word-about.png')}
.page-id-20 #entry h2,.page-id-105 #entry h2{background-image:url('i/word-contact.png')}
.page-id-25 #entry h2,.parent-pageid-25 #entry h2{background-image:url('i/word-clients.png')}
.page-child #page #entry h2{font-size:2.5em;padding-top:0;text-indent:0}
.page-child #page #entry h2 a{display:block;height:1em;position:relative;text-indent:-3000px;top:-5px}
#blog h2{background-image:url('i/word-blog.png');margin-left:100px}

/* Posts */
#blog{float:left;overflow:hidden;width:550px}
#blog #entry{margin-top:5em;margin-right:0}
#blog #entry h3{font-size:3em}
#blog #meta{height:auto;margin-bottom:1em}
#blog #meta time{color:#666;display:block}

#sidebar{float:left;margin:130px 0 0 50px;width:150px}
#sidebar h4{margin-bottom:1em;text-transform:uppercase}
#sidebar a{color:#666;text-decoration:none}

.permalink a,#edit-entry a,.client-back a,.client-back{color:#666;margin-top:3em;text-transform:uppercase}

.home .aligncenter{border:1px #252525 solid;border-width:1px 0;padding:0 100px;width:562px}

/* NGG Gallery */
.client-album{color:#999;margin-bottom:3em;text-transform:uppercase}
.client-album p{line-height:1}
.client-album span{margin-right:20px}
.client-album a{color:#999;margin-left:20px;text-decoration:none;text-transform:none}
.client-album .img-link{border:1px #252525 solid;border-width:1px 0;display:block;font-size:0;margin:0 0 10px;padding:0 100px;width:562px}
#gallery-nav{display:none;position:relative}
#entry .display{display:block}
#gallery-nav a{display:block;height:21px;position:absolute;outline:none;text-indent:-3000px;top:150px;width:19px}
#prev{background:url('i/prev.png') no-repeat;left:-30px}
#next{background:url('i/next.png') no-repeat;left:710px}
#client-overview{height:500px}
.client-gallery p{color:#666;margin-top:1em;}

/* Form */
#contact-form{width:700px}
#contact-form li{float:left;margin-bottom:3em}
#contact-form li.first{margin-right:88px}
#contact-form label{display:block;text-transform:uppercase}
#contact-form input{border:0;padding:3px;width:300px}
#contact-form textarea{border:0;padding:3px;width:694px}


#footer{background:url('i/bg-footer.jpg') no-repeat;clear:both;color:#666;font-size:0.833em;min-height:185px;padding-top:50px}
#client-list{float:right;width:600px}
#client-list ul li{float:left;width:200px}
#org-info{text-transform:uppercase}
#org-info div{overflow:hidden}
#org-info span,.tel{margin-top:0.5em}
.street-address,.extended-address,.locality,.region,.postal-code,.tel{display:block}
.locality,.region,.postal-code{float:left;margin-right:3px}
.type{display:none}