/* ZackBrand.com */

/* Contents
================================================================
	1: HTML/Page Formatting
	2: #Wrapper
	3: #Header
	4: #Content
	5: #Navigation
	6: #Footer
================================================================*/
/* 1: HTML/Page Formatting
================================*/
	body, h1, h2, h3, h4, p, ol, ul, li, img, a {
		margin:0; padding:0;
		list-style-type:none;
		border:none;
		outline:none;
		font-weight:normal;
	}
	body {background:#000 url(../images/rays.png) no-repeat fixed 50% 0 ; font-size:1.5em;}
/*Typography*/
  @font-face {font-family:'ChinoITC'; src:url("../fonts/ChinoITCPro-BlackItalic.eot"); src:local('Chino ITC Pro Black'),url("../fonts/ChinoITCPro-BlackItalic.svg#ChinoITC") format('svg'),url("../fonts/ChinoITCPro-BlackItalic.otf") format('opentype');} 
  @font-face {font-family:'Museo500'; src:url("../fonts/Museo500-Regular.eot"); src:local('Museo 500'),url("../fonts/Museo500-Regular.svg#Museo-500") format('svg'), url("../fonts/Museo500-Regular.otf") format('opentype');}
	@font-face {font-family:'Museo700'; src:url("../fonts/Museo700-Regular.eot"); src:local('Museo 700'),url("../fonts/Museo700-Regular.svg#Museo-700") format('svg'),url("../fonts/Museo700-Regular.otf") format('opentype');}
	#nav a, .entry-content {color:#aaa;}
	h1 a, #content a, .entry-content a, h2, h3 {color:#ddd;}
	.entry-content p:first-letter {font-size:1.2em;}
	body {font-family:Museo500, Calibri, Helvetica, Arial, sans-serif;}
	#nav a, .entry-content p:first-letter {font-family:Calibri, Helvetica, Arial, sans-serif;}
	h2, #header a, #tech li, #html a, #css a {font-family:ChinoITC, Calibri, Helvetica, Arial, sans-serif;}
	h4 {font-weight:700; margin: 10px 0 5px;}
/* 2: #Wrapper
================================*/
	#wrapper {width:950px; margin:8% auto 5%;}
/* 3: #Header
================================*/
	#skip {display:none;}
	#header {float:right;}
	#header, #header a, #header em {text-decoration:none;}
/* 4: #Content
================================*/
	#content,.entry-content, #work li, #work img {border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px;}
	#content {
		background:transparent url(../images/alpha.png) repeat scroll 0 0;
		padding:0 15px;
		border:1px dashed #333;
		clear:both;
	}
	.entry-content {
		background:transparent url(../images/spiral.png) repeat scroll 0 0;
		border:1px dashed #222;
		padding:15px;
		margin:15px 0;
	}
	.entry-content h2 {
		font-size:1.4em; letter-spacing:.1em; line-height:1.5em;
		border-bottom:1px solid #555;
		width:15em;
		margin:0 0 10px;
	}
	.entry-content h3 {
		margin:30px 0 0;
	}	
	.entry-content p {width:25em; margin:0 0 15px;}
	#default .entry-content p {width:25em;}
	#work {zoom:1;}
	#work li {
		width:265px;
		float:left;
		text-align:center;
		margin:10px 0; padding:10px 10px 5px;
		border:1px solid #777;
		background:transparent url(../images/alpha2.png) repeat scroll 0 0;
	}
	li#work-mid  {margin:10px 12px;}
	#work img {display:block; margin: 0 auto; border:1px solid #999;}
	#work span{display:block; width:260px; padding:5px 0 0;}
	#work a {color:#ccc; font-size:0.8em; text-decoration:none;}
	#work a:hover, #work a:focus, #work a:active {color:#ffcc26; border-color:#680311;}
	#work:after {content:""; display:block; clear:left;}
	.fn, .url {display:none;}
	.email, .tel {margin:0 0 10px;}
	#docs #content ul, #docs #content ol {margin:0 0 10px;}
	#docs #content ol {width:620px;}
	#docs #content ul li {list-style-type:disc; margin:0 0 10px 20px;}
	#docs #content ol li {list-style-type:decimal; margin:0 0 10px 30px; line-height:90%}
	#docs #content li, #docs p {font-size:0.8em; font-family:Calibri, Helvetica, Arial, sans-serif;}
	#docs p:first-letter {font-size:1em; font-family:Calibri, Helvetica, Arial, sans-serif;}
/* 5: #Navigation
================================*/
#nav {float:left; height:60px;}
#nav a {
	height:1em;
	font-size:1.3em;
	text-decoration:none;
}
#nav a:hover, #nav a:active, #nav a:focus { color:#ffcc26;}
#nav li{float:left; padding:16px 2em 0 0;}
#default #nav-design a,#about #nav-about a, #contact #nav-contact a {
	padding:2px 0 0; border-top:2px solid #333;
}
/* 6: #Footer
================================*/
#footer {margin:6px 0 0; color:#222; font-size:0.8em;}
#footer h4 {display:none;}
#footer a {color:#222; text-decoration:none;}
#footer a:hover {color:#ffcc26;}
#footer li {display:inline; letter-spacing:.1em;}
#html {padding:0 10px 0 0; border-right:solid 1px #222; }
#html5 {
    text-indent:-9999px;
    display:inline-block;
    background:url("../images/html5.png");
    width: 20px;
    height: 22px;
}
#css {padding:0 0 0 5px;}
#copyright {float:right;}