/*
Theme Name: ZD
Theme URI: http://www.zebradog.com/
Description: Main theme for Zebradog.com
Version: 1.0
Author: Zebradog
Author URI: http://www.zebradog.com/
Tags: 
*/

body,html{margin:0;padding:0;}
object{display:block; margin:0 auto;}
body{
	text-align:center;
	font-family:helvetica,arial,sans-serif;
	background-image:url(interface/body_bg.jpg);
	background-repeat:repeat-x;
	background-color:#28282B;
	color:#DFDFDF;
}

body.home h2, #page_title h1,html body a, #main h1, #main h2, #footer_content h3 a{
	color:#CFAC4D;
}
body.home{
	background-image:url(interface/home_body_bg.jpg);
	background-position:0px 0px;
	background-repeat:repeat-x;
}

body.home #top{
	width:960px;
	height:620px;
	text-align:center;
}
body.home #top img{
	margin:0 auto;
}
body.home #container{
	width:960px;
	margin:0 auto;
	position:relative;
	background-image:url(interface/content_bg.jpg);
	background-position:45px 537px;
	background-repeat:no-repeat;	
	padding-bottom:400px;
}
body.home #studio{
	position:absolute;
	left:-30px;
	top:625px;
	width:400px;
	text-align:right;
	font-size:14px;
	line-height:151%;
	z-index:10;
}
body.home h2{
	margin:-12px 0 4px 0;
	padding:0;
	line-height:151%;
	font-size:28px;
	font-weight:bold;
	letter-spacing:1.3pt;
	z-index:1000;
}
body.home h2 a:hover{
	text-decoration:none;
	color:#FFEEBF;
}
body.home #dog{
	width:175px;
	height:110px;
	position:absolute;
	top:630px;
	left:359px;
}
body.home #dog_link{
	position:absolute;
	left:448px;
	top:743px;
	font-size:13px;
}

body.home #results{
	width:400px;
	position:absolute;
	font-size:14px;
	line-height:151%;
	top:625px;
	right:-30px;
	text-align:left;
	z-index:10;
}

html body a{
	text-decoration:none;
}
a:hover{text-decoration:underline}
a img{border:0}
.clear{clear:both}
#header{
	height:165px;
	background:black;
}
#header #banner{
	background:black;
	width:960px;
	height:165px;
	text-align:center;
	margin:0 auto;
}
#nav{
	width:100%;
	height:50px;
	border-top:4px solid white;
	position:relative;
	z-index:100;
}
#nav ul, #nav li{
	list-style-type:none;
	margin:0px auto 0 auto;
	padding:0;
	display:block;
	height:50px;
}

#nav ul{
	width:960px;
	position:relative;
}
#nav ul li{
	position:relative;
	width:460px;
	background-repeat:no-repeat;
	margin:1px 0 0 0;
}
#nav ul li .shadow{
	position:absolute;
	bottom:-75px;
	visibility:hidden;
	display:none;
}
#nav ul li#studio .shadow{right:-20px}
#nav ul li#results .shadow{left:-20px}
#nav ul li.active .shadow{display:block;visibility:visible}
* html #nav ul li.active .shadow{display:none;visibility:hidden}
#nav ul li#studio.active{background-image:url(interface/studio_active_bg.jpg)}
#nav ul li#results.active{background-image:url(interface/results_active_bg.jpg)}
#nav li#studio{
	float:left;
	text-align:right;
	padding:0 15px 0 0;
	background-position:top right;
}
#nav li#results{
	float:right;
	text-align:left;
	padding:0 0 0 15px;
	background-position:top left;
}
#nav li.top_level a{
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	color:#8b8c8c;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1.3pt;
	text-transform:uppercase;
	height:50px;
	line-height:47px;
	text-shadow:#2F2F0F -1px -1px 1px;
}
#nav li a:hover, #nav li.active a,  #nav li.hover a{
	text-decoration:none;
	color:white;
}
#nav ul.subnav{
	width:550px;
	height:25px;
	padding:10px 0 0 0;
	position:absolute;
	bottom:-35px;
	z-index:100;
}
#nav #studio ul.subnav{right:0;}
#nav #results ul.subnav{left:0;}
#nav #studio ul.subnav li{float:right;}
#nav #results ul.subnav li{float:left;}
#nav ul.subnav li{
	display:block;
	width:auto;
	height:18px;
	margin:3px 0 0 0;
	padding:0 10px 0 10px;
	border-right:1px solid #DFDFDF;
;
}
#nav ul.subnav li.last,html>/**/body #nav ul.subnav li.active, html>/**/body #nav ul.subnav li.adjacent{
	border:none;
}

#nav ul.subnav li a{
	display:inline;
	font-size:13px;
	line-height:18px;
	text-shadow:none;
	color:#DFDFDF;
	text-transform:lowercase;
	font-family:helvetica,arial,sans-serif;
	text-shadow:#000 1px 1px 4px;
}
#nav ul li.active ul.subnav li a{color:#DFDFDF;}
#nav ul.subnav li a:hover{
		text-decoration:underline;
		color:white;
}
html>/**/body #nav ul.subnav li.active{
	margin:0;
	background:white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height:25px;	
	line-height:25px;
	text-decoration:none;
}
body #nav ul.subnav li.active a{text-decoration:underline;text-shadow:#FFF 0px 0px 0px;}
html>/**/body #nav ul.subnav li.active a{
	color:black;
	text-decoration:none;
}
#content img#bg_left{
	position:absolute;
	left:-128px;
	top:0;
}
#content img#bg_right{
	position:absolute;
	right:-128px;
	top:0;
}
#content{
	position:relative;
	margin:0 auto;	
	z-index:1;
	padding:50px 0 0 0;
	width:870px;
	background-image:url(interface/content_bg.jpg);
	background-repeat:no-repeat;
	text-align:center;
}
#page_title{
	position:relative;
	margin:20px 0 0 175px;
	width:auto;
	z-index:10;
	text-align:left;
}
#page_title h1{
	display:inline;
	width:auto;
	margin:0 auto;
	padding:0 0 0 0px;
	background-repeat:no-repeat;
	font-size:28px;
	letter-spacing:0pt;
	font-weight:normal;
}
body.home h2, #page_title h1{
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	text-shadow:#000 1px 1px 5px;
	text-transform:uppercase;
}
#content #zebradogs{
	height:420px;
	width:870px;
	margin:0 auto;
	z-index:1;
	line-height:0px;
	font-size:0px;
	position:relative;
	border-bottom:1px solid #595A5F;
}
#content #frame{
	width:870px;
	height:350px;
	margin: 15px 0 -140px 0;
	line-height:0px;
	font-size:0px;
	display:block;
	position:relative;
	z-index:10;
    background-image:url(interface/spinner.gif);
    background-repeat:no-repeat;
    background-position:420px 160px;
}
#main.frame{
	padding-top:120px;
}
#main{
	margin:0;
	padding:0 175px 20px 175px;
	width:520px;
	height:auto !important;
 	height:320px;
	min-height:320px;
	text-align:left;
	line-height:151%;
	position:relative;
	z-index:10;
	font-size:13px;
}
#main.contact img, #main.contact iframe{
	border:3px solid #3B3C3F;
}

#contact_content{
	width:870px;
}

#main.zebradogs{
	padding-bottom:0px;
	min-height:0;
	height:auto;
	margin:0;
}
#main.archive, * html #content .archive{
	padding:0 270px 0 55px;
	width:560px;
}

.archive #page_title, .single #page_title{
	margin-left:55px;
}

.archive.category-careers #page_title, .archive.category-kindwords #page_title{
	margin-left:175px;
}


#main.archive #archive_sidebar{
	position:absolute;
	top:0;
	right:0px;
	border-left:1px solid #6F6F6F;
	padding:0 0 20px 20px;
	width:230px;
}

#main.archive #archive_sidebar h2{
	color:white;
}

#main.archive img{
	max-width:552px;
	border:4px solid #6F6F6F;
}

#main.archive h2{
	margin-bottom:0px;
	padding:0;
}

#archive #archive_navigation .alignleft{
	width:40%;
	float:left;
}
#archive #archive_navigation .alignright{
	width:40%;
	float:right;
	text-align:right;
}

#archive_sidebar #tags{
	line-height:1em;
}

	
#main .postmetadata{
	border-top:1px solid #6F6F6F;
	background:#3B3B3F;
	padding:10px;
}

#kindwords .quote{
	clear:both;
	padding:0 0 75px 0;
}
#kindwords .quote img{
	float:left;
	border:2px solid #3B3C3F;
	margin:0 5px 0 0;
}
#kindwords .author{
	float:left;
	line-height:1.2em;
	font-size:12px;
}
#kindwords .author .name{
	font-size:14px;
}
#main h1,h2{
	letter-spacing:0pt;
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-weight:200;
}
#main h1
{
	font-size:20px;
	text-align:left;
	text-transform:uppercase;
	text-shadow:#000 1px 1px 5px;

}
#main h2{
	font-size:16px;
	letter-spacing:0pt;
}
#testimonial{
	position:absolute;
	width:165px;
	font-size:12px;
	line-height:16px;
	color:#AFAF83;
	top:12px;
	right:-180px;
	text-align:left;
}
#testimonial #quote{
	margin:0 0 10px 0;
}
#testimonial #quote p{
	margin:0;
	display:inline;
}

#testimonial #author .name{
	font-weight:bold;
}

#bio{	
	width:590px;
	position:relative;
	top:0px;
	left:-175px;
	z-index:1000;
	padding:0 30px 0 250px;
	text-align:left;
	display:block;
}

* html #bio{
    position:absolute;
    width:590px;
    left:0;
}

#bio a{
	font-size:0px;
	line-height:0px;
	display:block;
	height:0;
	width:0;
}
#bio img{
	position:absolute;
	left:0;
	bottom:0;
	height:400px;
	width:250px;
	z-index:10000;
	display:block;
}
#bio.loading{
	background-image:url(interface/spinner.gif);
	background-repeat:no-repeat;
	background-position:100px 100px;
}
#bio h2{
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	font-weight:normal;
	font-size:24px;
	margin:20px 0 15px 0;
	padding:0;
	letter-spacing:0.3pt;
}
#bio h3{
	font-size:16px;
	letter-spacing:0.8pt;
	margin:10px 0 5px 0;
	padding:0;
	font-weight:normal;
	}
#bio span{
	font-size:12px;
	line-height:151%;
}

#bottom{
	margin:0 auto;
	width:870px;
	border-top:1px solid #595A5F;
	z-index:1000;
}

body.home #footer{
	display:none;
	visibility:hidden;
}

#footer{
	font-size:10px;
	margin:0px auto 75px auto;
	color:#6F6F6F;
	width:870px;
	position:relative;
}
#footer a{
	color:#9F9F9F
	display:block;
	position:absolute;
	top:48px;
	left:413px;
	font-size:12px;
}
#footer_dog{
	height:80px;
	width:149px;
	position:absolute;
	top:-35px;
	left:345px;
	z-index:2000;
}

#user-info{
	position:absolute;
	top:20px;
	right:20px;
	font-size:12px;
	z-index:999999;
	text-align:right;
}

.client-content .entry h2{
	margin-bottom:0;
	padding-bottom:0;
}