/*
Theme Name: dZero_V3
Theme URI: http://dzerodesign.com
Description: dZero's 3rd Site Design
Version: Beta (WP2.9)
Author: Roan Crabb, Daniel Nolan, and Brandon Cordell
Author URI: http://dzerodesign.com
Tags: dZero, web design, web development, awesome sauce
*/


@import "style/css/typography.css";
@import "style/css/layout.css";

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

/*-- classes and styling -- */


.wp_syntax { margin: 18px 0 !important; }

.hidden { display: none; }

.orange {
	color:#FF9103;
}
.blogEntry a:link, .blogEntry a:visited {
	color:#FF9103;
}
.blogEntry a:hover{
	color:#FFB95F;
}

.brown {
	color:#a55d00;
}
.blue, .blue a:link, .blue a:visited {
    color:#327eb8
}
.blue a:hover{
    color:#439fe6
}
.tan {
    color:#b28e60
}
.yellow {
	color:#F5BD38
}
a:link.more-link, a:visited.more-link {
    color:#e9e9e9
}
a:hover.more-link {
    color:#cecdcd
}
.bold{
	font-weight:bold;
}
.centerText {
	text-align:center;
}
.rightText {
	text-align:right;
}
.italix {
    font-style:italic;
}
.text1 {
	font-size: 8pt
}
.text2 {
	font-size: 10pt
}
.text3 {
	font-size: 12pt
}
.text4 {
	font-size: 14pt
}
.text5 {
	font-size: 16pt
}
.text6 {
	font-size: 18pt
}
.text7 {
	font-size: 20pt
}
.text8 {
	font-size: 14px
}
a:link {
	text-decoration: none;
	color: #F5BD38;
}
a:visited {
	text-decoration: none;
	color:#F5BD38;
}
a:hover {
	text-decoration: none; 
	color: #e0a00c;
}
img, img a:link {
	border: 0;
}
.left {
	float:left
}
.right {
	float: right
}
.clear {
	clear:both
}
h2 {
    border-bottom:1px solid #4b3b29;
    margin:0 0 10px 0;
    padding: 0 0 5px 18px;
    color:#327eb8;
    font-family:century gothic;
    font-size:32px
}
.pad18 {
    padding: 0 18px 0 18px
}
.marRt16 {
    margin-right:21px
}
.marRt21 {
    margin-right:21px
}
.marRt17 {
margin-right:17px
}
.noBorder {
    border:0
}

										/*-- core page elements --*/

body {
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;	
	font-size: 100.01%;
    background:black;
	color:#b28e60;
	overflow:-moz-scrollbars-vertical;
}
#blogBox {
    width:472px;
    margin-right:17px;
    display:table
}
.blogEntry {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #4b3b29;
}

#content {
	background: url(style/images/bodyBg.jpg) no-repeat top center black;
    padding:20px 0 20px 0;
}
#contactForm {
    width:448px;
    height:427px;
    position: absolute;
    left: 506px;
    top:315px;
}
#contactForm label {
    margin-right:2px;
    margin-bottom:11px
}
#contactForm select {
    width:263px;
    height:29px;
    background: url(style/images/conBg.jpg) repeat-x #044170;
    border:1px solid #29465b;
    font-size:19px;
    color:#c4c4c4;
    border-collapse:collapse;
    margin:0 0;
    padding: 0 0;

}

#contactForm input {
    width:324px;
    height:25px;
    background: url(style/images/conBg.jpg) repeat-x #044170;
    border:1px solid #29465b;
    font-size:19px;
    color:white
}
#contactForm textarea {
    margin:0 0;
    width:324px;
    height:175px;
    font-size:15px;
    background: url(style/images/conBg.jpg) repeat-x #044170;
    border:1px solid #29465b;
    overflow:auto;
    color:#d9d9d9;
    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
}
#contactForm input#submitbutton1 {
    width:94px;
    height:30px;
    border:0;
    background: url(style/images/subBtn.jpg) no-repeat;
    cursor: pointer;
    cursor: hand;
    margin:11px 0 0 110px;
    text-indent:-9999px
}
#contactForm #subMessage1 {
    width:215px;
    height:37px;
    position:absolute;
    bottom:10px;
    right:20px;
    color:#00ea27;
font-size: 13px
}
#flickrBox {
    width:440px;
    height:185px;
    position: absolute;
    top:310px;
    left:18px;
}
#flickrLink {
    position:absolute;
    left:392px;
    top:-30px;
    font-size:12px
}
#flickrLink a {

}

.flickr_photo {
   height:78px;
   margin:0 0 6px 6px;
   width:82px;
}

#footer {
    background: url(style/images/footerBg.jpg) no-repeat top center;
	height: 758px;
	width: 100%;
    padding-top:24px
}
#header {
	background: #ff9103;
	height: 4px;
	width: 100%;
	
}
#lastfmBox {
    width:440px;
    height:185px;
    position: absolute;
    top:562px;
    left:18px;
}
#lastfmLink {
    position:absolute;
    left:392px;
    top:-30px;
    font-size:12px
}



#lastfmBox li{
float:left;
position:relative;
display:inline;
margin-bottom: 10px;
}
#lastfmBox li a{
display:block;
position:relative;
background:url(style/images/jewel.png) 0 0 no-repeat;
float:left;
width:88px;
height:82px;
text-indent:-1000em;
overflow:hidden;
z-index:1;
}
#lastfmBox li img{
position:absolute;
width:72px;
height:72px;
left:12px;
top:3px;
}


#logoHeader {
    background: url(style/images/logoHdrBg.jpg) no-repeat top center;
	height:115px;
    width:100%;
    position:relative;
}
#navBar {
    position:absolute;
    bottom:0px;
    right:0px;
}
#navBar li {
    display:inline;
    float:left;
    margin-left:40px;
    font-size:19px;
    padding:13px 0px 19px 0px;
}
#navBar a {
    color:#fff;
    font-family: century gothic, Apple Gothic, sans-serif;
    font-size:21px;
}
#navBar a:hover {
    color:#d5d5d5;
}
#navBar a.current {
    padding-top:5px;
    border-top:3px solid #FC9304
}
#portSampleBox {
    width:944px;
    padding:18px 0 5px 16px;
    border-top:1px solid #4b3b29;
    overflow:hidden;
margin-top:-9px
}

a.portSample, a.portSample2, a.portSample3, a.portSample4  {
	height: 171px;
	width: 217px;
	display:block;
    border:1px solid #ff9103;
}
a.portSample {
	background: url(style/images/rollSamp.jpg) no-repeat;
}
a.portSample2 {
	background: url(style/images/rollSamp2.jpg) no-repeat;
}
a.portSample3 {
	background: url(style/images/rollSamp3.jpg) no-repeat;
}
a.portSample4 {
	background: url(style/images/rollSamp4.jpg) no-repeat;
}
a:hover.portSample, a:hover.portSample2, a:hover.portSample3, a:hover.portSample4 {
	background-position: 0px -171px;
	display:block
}
#socialLinks {
    position:absolute;
    top:193px;
    left:18px;
}
#srvsBox {
    width:471px;
}
#srvsBox li {
    background-image: url(style/images/check.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding-left:25px;
    color:#b28e60;
    font-size:25px;
    letter-spacing:-1px;
}
#twitterText {
    position:absolute;
    color:#464646;
    top:49px;
    left:52px;
    width:395px;
    height:35px;
}
#twitterText a:link, #twitterText a:visited {
    color:#333;
    font-style:italic
}

#twitterText a:hover {
    color:#FF9103
}
.wrapper {
	width:960px;
	margin: 0 auto;
    position: relative
}
/* Portfolio landing page*/

/* port detail */

.noPadLt {
    padding-left:0
}
.portDetailWrap {
    position:relative;
    overflow:hidden;
    
}
.detailText {
    font-size:16px;
    line-height:18px;
    width:454px
}
.portDetailSamples {
    float:left
}

.portDetailSamples a, .portDetailSamples a:visited {
    color:white;
    font-size:20px;
    padding:5px 0;
    margin:0
}
.portDetailSamples a:hover {
    color:#327eb8
}
.marTop5 {
    margin-top:5px
}

.portSamplesWrap li {
    float:left;
    margin-bottom:18px;
    margin-left:18px
}
.portSamplesWrap {
    width:472px;
    margin-left:0
}

#next_prev {
    font-size:19px;
    text-align:center;
    width:456px;
}
#next_prev #previous{
    background: url(style/images/ltArrow.png) left center no-repeat;
    padding-left:25px;
    padding-right:20px
}
#next_prev #next{
    background: url(style/images/rtArrow.png) right center no-repeat;
    padding-right:25px;
    padding-left:20px
}


.portDetails {
    width:550px;
}

.portEntryWrap {
    overflow:hidden;
    width:296px;
    margin-right:18px;
    margin-bottom:20px
}
a.portRoll1 {
    background: url(style/images/port/btn1.png) no-repeat;
    width:89px;
    height:24px;
    display:block;
    margin-left:7px;
    margin-right:8px
}
a.portRoll2 {
    background: url(style/images/port/btn2.png) no-repeat;
    width:89px;
    height:24px;
    display:block;
    margin-right:8px
}
a.portRoll3 {
    background: url(style/images/port/btn3.png) no-repeat;
    width:89px;
    height:24px;
    display:block
}


a:hover.portRoll1, a:hover.portRoll2, a:hover.portRoll3 {
	background-position: 0px -24px;
	display:block
}

h4 {
    margin:0 0 0px 0;
    padding: 0 0 4px 0px;
    color:#FF9103;
    font-family:century gothic;
    font-size:19px
}
.noMar {
    margin:0;
    padding:0
}

#content {
    overflow:hidden
}

.portfolioWrapper {
	width:942px;
	margin: 0 auto;
    overflow:hidden;
    margin-left:18px
}
/* about us*/

.aboutPicWrap {
    width:346px;
    height:388px;
    float:left;
    margin-left:18px;
    display:inline
}
.aboutTextWrap {
    width:558px;
    margin-left:20px;
    float:left;
    display:inline;

}

h2.about {
    margin:0 0 0px 0;
    padding: 0 0 5px 0px;
    color:#327eb8;
    font-family:century gothic;
    font-size:32px;
    border:0
}

.grey {
    color:#7b7a79
}
.aboutIntro {
    font-size:13pt
}
.aboutText {
    margin-top:5px;
    font-size:13pt
}
.marBt16 {
    margin-bottom: 16px
}
.marRt16 {
    margin-right: 16px
}

/* port detail */

.noPadLt {
    padding-left:0
}
.portDetailWrap {
    position:relative;
    overflow:hidden
}
.detailText {
    font-size:16px;
    line-height:18px;
    width:454px;
margin-bottom:15px
}


.portDetailSamples a, .portDetailSamples a:visited {
    color:white;
    font-size:20px;
    padding:5px 0;
    margin:0
}
.portDetailSamples a:hover {
    color:#327eb8
}
.marTop5 {
    margin-top:5px
}

/* blog entry pages and comments */
#commentform input, #commentform textarea {
    margin-bottom:15px;
    font-size:19px;
    color:#3f3f3f
}
#commentform textarea {
    width:454px;
    height:200px;
    color:#3f3f3f
}
#commentform label {
    font-size:18px;
    margin-left:5px
}
.commentBtn {
    padding:0 5px
}

#contactForm input.error, #contactForm textarea.error, #contactForm select.error  {
    border: 2px dashed red
}
h3#comments {
    font-size:18px;
    padding:0;
    margin:0 0 10px 0;
    color:#b28e60
}
#comments li {
    border-bottom:1px solid #4B3B29;
    margin-bottom:15px;
    padding-bottom:10px
}
#contactForm {
    position:relative
}
#formContact1 {
    position:relative
}
#formContact1.error span {
    position:absolute;
    top:-20px;
    right:0

}
.errorDiv {
    color:red;
    font-size:14px;
    line-height:12px;
    position:absolute;
    right:10px;
    text-align:right;
    top:-63px;
    width:252px;
}
#contactForm .errorDiv label {
   text-align:right;
   margin:5px 0px;
   padding:0;   
}
#contactForm .errorDiv p {
   text-align:right;
   margin:5px 0px;
   padding:0;   
}
.portLandWrap {
    overflow:hidden;
    margin-bottom:5px
}

#ltColumn {
    width:640px;
    float:left;
}

#rtColumn {
    width:280px;
    float:right;
padding
}

h2.widgettitle {
    padding-left:0
}

.blogEntry p.text1 a:link, .blogEntry p.text1 a:visited {
     color:#F5BD38
}
.blogEntry p.text1 a:hover {
     color:#BF8600
}
.widget_recent_entries li {
     margin-bottom:10px;
     font-size:18px
     
}
.arcList li{
     margin-bottom:10px;
     font-size:24px
}.portSamplesWrap ul {	}
.portSamplesWrap li {		position: relative;
    float:left;
    margin-bottom:18px;
    margin-left:18px;		z-index: 100;
}/* The hover element, dynamically created */.portSamplesWrap div.ahover {    	position: absolute;    	z-index: 99;    	background: #FF9103;}
.portSamplesWrap {
    width:472px;
    margin-left:0
}




#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:930px;
	height:215px;
	overflow:hidden; 
	}
#controls li {
	display: inline;
	margin: 0px 12px 0 0;
        padding
}	
span#prevBtn{}
span#nextBtn{}	

ol#controls {
margin-top:10px
}
#controls li a:link{
padding:1px 7px;
border:2px solid #FF9103;

}
#controls .current{
background:#0F344F
}
.portSliderLink {
float:right;
margin-top:-20px;
margin-right:15px
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:url(style/images/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(style/images/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(style/images/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(style/images/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(style/images/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(style/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(style/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(style/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(style/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(style/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(style/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(style/images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(style/images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(style/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}


/* portfolio enhancements 3.11.10 */


.quoteBtn {
   position:absolute; 
   right:13px; 
   top:5px
}
.portQtBtns {
   padding-top:20px;
   padding-left:147px
}