/*
Theme Name: z
Theme URI: http://zzilch.com/
Description: Theme for z design portfolio and blog.
Author: Thryn Albin
Version: 1.0
Tags: 
*/

/* reset */
* {margin:0;padding:0;} 
html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {  
    margin: 0;  
    padding: 0;  
    font-size: 100%;  
}  
ul {list-style: none;}  
img, fieldset {border: 0;}  
h1, h2, h3 {font-weight: normal;}  
em {font-style: italic;}  
strong {font-weight: bold;} 


				/* GLOBAL */
/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

				/* TYPOGRAPHY */

@font-face {
	font-family: 'UniversLight';
	src: url(fonts/univers_45_light-webfont.eot);
	src: local('☺'), url(fonts/univers_45_light-webfont.woff) format('woff'), url(fonts/univers_45_light-webfont.ttf) format('truetype'), url(fonts/univers_45_light-webfont.svg#webfontRnlG9BAS) format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'UniversRoman';
	src: url('univers_55_roman-webfont.eot');
	src: local('☺'), url('univers_55_roman-webfont.woff') format('woff'), url('univers_55_roman-webfont.ttf') format('truetype'), url('univers_55_roman-webfont.svg#webfontt74KZ7C1') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
ul{
	margin-bottom: 1.2em;
	}

div.entry-content ul, div.entry-content ol{
	color: #515458;
	font-family: UniversLight, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	}
p{
	color: #515458;
	font-family: UniversLight, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	margin-bottom: .9em;
	}
	
.small{font-size: 70%;}	

h1, h2, h3, h4, a{
	font-family: 'UniversLight', Univers, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-weight: normal;
	}
a {
	color: #ed280e;
	text-decoration: none;
	}
	
a:hover, a:active{
	text-decoration: underline;
	}

h3{
	color: #515458;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: .6em;
	}
	
h3 a{
	font-family: 'UniversLight', Univers, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	color: #515458;
	text-decoration: none
	}
h4{
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: .6em;
	}
	
div.featuredpost h3{
	font-family: 'UniversLight', Univers, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
}

		
.homepage{
	font-family: 'UniversLight', Univers, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 0;
	}
	
.intro{
	font-family: 'UniversLight', Univers, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 0;
	margin-bottom: 1.3em;
	}

div.featuredpost h2 a{
	color: #249da5;
	line-height: 1.2em;
	text-decoration: none;
	}
	
div.featuredpost a{
	color: #ff4f22;
	margin-top: 0;
	text-decoration: none;
	}
	
div.featuredpost p{
	font-size: .8em;
	margin: 0;
	}

				/* STRUCTURE */
html, body {height: 100%;}
body{background: white;}

#wrapper {
	background: url(images/page-bg.jpg) center top repeat;
	margin: 0 auto;
	min-height: 98%;
	width: 100%;
	}
	
#main {
	background: url(images/container-bg.jpg) center top no-repeat;
	margin: 0 auto;
	min-height: 455px;
	height: 100%;
	padding-bottom: 130px;  /* must be same height as the footer */	
	padding-top: 10px;
	width: 940px;}

/* for all browsers that understand min-width */
.width {width:100%; min-width:940px; margin:0 auto;}
/* the bodge for IE6 browsers courtesy of Stu Nicholls--http://www.cssplay.co.uk/boxes/minwidth.html*/
* html .minwidth {border-left:1000px solid #fff; position:relative; float:left; z-index:0; margin-top: -10px;}
* html .container {margin-left:-1000px; position:relative; float:left; z-index:3; text-align:left;}

#site-title{display: none;}
#site-description{display: none;}

				/* HEADER */
#header {
	}
	
#masthead {
	margin: 0 auto;
	text-align: left;
	width: 940px;
	}
	
#branding img {
	clear: both;
	display: block;
	}

				/* NAVIGATION */

/* main nav menu */
#main-nav {
	float:left;
	display:block;
	margin: -50px 0 0 220px;
	width: 640px;
	}
	
#main-nav .menu-header,
div.menu {
	font-size: 1em;
	margin-left: 12px;
	}
	
#main-nav .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	}
	
#main-nav .menu-header li,
div.menu li {
	float:left;
	position: relative;
	}
	
#main-nav a {
	color: #333;
	font-family: 'UniversLight', Univers, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-size: 1em;
	text-decoration: none;
	line-height: 1.2em;
	text-transform: uppercase;
	display:block;
	margin:0 10px;
	}
		
#main-nav li:hover > a,
#main-nav ul ul :hover > a {
	color:#ff4f22;
	}
		
#main-nav ul li.current_page_item > a,
#main-nav ul li.current-menu-ancestor > a,
#main-nav ul li.current-menu-item > a,
#main-nav ul li.current-menu-parent > a {
	border-bottom: 1px solid #666;
	}

* html #main-nav ul li.current_page_item a,
* html #main-nav ul li.current-menu-ancestor a,
* html #main-nav ul li.current-menu-item a,
* html #main-nav ul li.current-menu-parent a,
* html #main-nav ul li a:hover {
	color:#fff;
	}

	/* PAGE LAYOUTS */
/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	margin: 0 -240px 20px 0;
	padding:30px 0 30px 20px;
	width: 100%;
	}

#container-top.blog-page{
	background: url(images/container-top.jpg) top center no-repeat;
	float: left;
	height: 51px;
	padding-left: 20px;
	width: 100%;
	}	
	
#container-bottom.blog-page{
	background: url(images/container-bottom.jpg) top center no-repeat;
	float: left;
	height: 30px;
	margin-bottom: 20px;
	padding-left: 20px;
	width: 100%;
	}	
	
#container.blog-page{
	background: url(images/container-blog-bg.jpg) top center repeat-y;
	margin-bottom: 0;
	}
	
#content {
	margin: 0 0px 0 60px;
	}
	
#content.blog-page{
	border-right: 1px solid #515458;
	float: left;
	margin-right: 25px;
	padding-right: 18px;
	width: 560px;
	}
	
#content.portfolio{
	float: left;
	margin-right: 25px;
	padding-right: 18px;
	width: 810px;
	}
	
#primary,
#secondary {
	float: left;
	margin-top: 20px;
	overflow: hidden;
	width: 210px;
	z-index: 999;
}
#secondary {
	clear: right;
}

/*
LAYOUT: One column, no footer,no sidebar
DESCRIPTION: One centered column with no footer or sidebar
*/

.one-column #content {
	margin: 0 auto;
	width: 940px;
}

#content.info-page{
	min-height: 300px;
	padding-left:50px;
	padding-right:100px;
	width:700px;	
	}
	
/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
	margin: 0 auto;
	width: 900px;
}

/* HOMEPAGE */
#quote{
	height: 169px;
	margin: -31px 0 30px -21px;
	width: 942px;
	}
	
#home-column1{
	float: left;
	border-right: 1px solid #515458;
	height: 170px;
	margin-left: 50px;
	padding: 0px 15px 15px 15px;
	width: 246px;
	}	
	
#home-column2{
	float: left;
	border-right: 1px solid #515458;
	height: 170px;
	padding: 0 15px 15px 15px;
	width: 246px;
	}
	
#home-column3{
	float: left;
	height: 170px;
	padding: 0 15px 15px 15px;
	width: 246px;
	}
			
/* BLOG */
.nav-previous {
	float: left;
	width: 50%;
	}
	
.nav-next {
	float: right;
	width: 50%;
	text-align:right;
	}
	
#nav-above {
	margin-top: -1.2em;
	}
	
#nav-above {
	display: none;
	}
	
.paged #nav-above,
.single #nav-above {
	display: block;
	}
	
#nav-below {
	margin-top: -1.2em;
	}
div.post {
	float: left;
	width: 550px;
	}
		
.wp-post-image{
	border: 1px solid #249da5;
	float: left;
	margin: .6em .6em .2em 0;
	}
	
span.tag-links{
	display: none;
	}	

/* blog typography	 */
	
#entry-title{text-align: left;}
.entry-title, 
.entry-title a,
.entry-title a:active,
.entry-title a:hover,
.entry-title a:visited{
 	color: #515458;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-bottom: .6em;
	text-decoration: none;
	}

h1.entry-title{
	font-size: 2em;
	margin-top: 1em;
	}
	
.entry-meta, .entry-utility{
	color: #515458;
	font-family: 'UniversLight', Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	text-transform: uppercase;
	}
	
.entry-meta{
	margin-bottom: .6em;
	}
	
.entry-utility{
	border-bottom: 1px solid #515458;
	margin-bottom: 2.4em;
	padding-bottom: 10px;
	}
	
.entry-content ul, .entry-content ol{
	color: #535557;
	font-size: .9em;
	margin-left: 3em;
	margin-bottom: 1.2em;
	}
	
.entry-content ul{
	list-style: circle;
	}
		
blockquote p {
	color: #00AFB3;
	font-family: Georgia, Times, serif;
	font-size: 1.2em;
	margin-right: 48px;
	margin-left: 32px;
	text-align: left;
	}
	
.page-title {
	color: #00AFB3;
	font-size: 2em;
	margin-bottom: .6em;
	}
	
.page-title span {
	color: #535557;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	}
	
.page-title a:link,
.page-title a:visited {
	text-decoration: none;
	}

/* sidebar typography */
h3.widget-title{
	color: #515458;
	font-size: 1em;
	text-transform: uppercase;
	margin:1.2em 0 .2em 0;
	}
	
.widget-area ul{
	color: #515458;
	font-family: Univers, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-size: 1em;
	line-height: 1.2em;	
	}
.widget-area ul a{
	}

	
/* comments */
#comments {
	clear: both;
	}
	
#comments .navigation {
	padding: 0 0 18px 0;
	}
	
h3#comments-title,
h3#reply-title {
	color: #00AFB3;
	font-size: 1em;
	margin-bottom: 0;
	}
	
h3#comments-title {
	padding: 1em 0;
	}
	
.commentlist {
	list-style: none;
	margin: 0;
	}
	
.commentlist li.comment {
	border-bottom: 1px solid #249da5;
	line-height: 1.2em;
	margin: 0 0 1.2em 0;
	padding: 0 0 0 3em;
	position: relative;
	}
	
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
	}
	
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 2em;
	}
	
#comments .comment-body p:last-child {
	margin-bottom: 1em;
	}

#comments .comment-body p{
	font-size: .9em;
	}
	
#comments .comment-body blockquote p:last-child {
	margin-bottom: 2em;
	}
	
.commentlist ol {
	list-style: decimal;
	}
	
img.avatar{
	display: none;
	}
	
.comment-author cite, .comment-author cite a {
	color: #ed280e;
	font-family: Univers, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-size: .9em;
	font-style: normal;
	}
	
.comment-author .says {
	color: #515458;
	font-family: Univers, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-style: italic;
	font-size: .9em;
	}
	
.comment-meta {
	font-size: .8em;
	margin: 0 0 1.2em 0;
	}
	
.comment-meta a:link,
.comment-meta a:visited {
	text-decoration: none;
	}
		
.reply {
	font-size: .9em;
	padding: 0 0 1.2em 0;
	}
	
.reply a,
a.comment-edit-link {
	color: #888;
	}
	
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
	}
	
.commentlist .children {
	list-style: none;
	margin: 0;
	}
	
.commentlist .children li {
	border: none;
	margin: 0;
	}
	
.nopassword,
.nocomments {
	display: none;
	}
	
#comments .pingback {
	margin-bottom: 1.2em;
	padding-bottom: 1.2em;
	border-bottom: 1px solid #249da5;
	}
	
.commentlist li.comment+li.pingback {
	margin-top: -6px;
	}

#comments .pingback p {
	display:block;
	margin: 0;
	}

#comments .pingback .url {
	font-style: italic;
	}

/* Comments form */
input[type=submit] {
	color: #333;
	}
	
#respond {
	margin: 24px 0;
	border-top: 1px solid #249da5;
	overflow: hidden;
	position: relative;
	}
	
#respond p {
	margin: 0;
	}
	
#respond .comment-notes {
	margin-bottom: 1em;
	}
	
.form-allowed-tags {
	line-height: 1em;
	}
	
.children #respond {
	margin: 0 48px 0 0;
	}
	
h3#reply-title {
	margin: 18px 0;
	}
	
#comments-list #respond {
	margin: 0 0 18px 0;
	}
	
#comments-list ul #respond {
	margin: 0;
	}
	
#cancel-comment-reply-link {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	}
	
#respond .required {
	color:#FF4B33;
	font-weight:bold;
	}
	
#respond label {
	color: #888;
	font-size: 1em;
	}
	
#respond input {
	margin:0 0 9px;
	width:98%;
	}
	
#respond textarea {
	width:98%;
	}
	
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	}
	
#respond .form-allowed-tags code {
	font-size: .9em;
	}
	
#respond .form-submit {
	margin: 12px 0;
	}
	
#respond .form-submit input {
	width: auto;
	font-size: 1em;
	}


	

			/* COMMENTS */
.nocomments {
	display: none;
	}


/* Images
-------------------------------------------------------------- */
img.size-thumbnail	{
	border: 1px solid #249da5;
	float: left;
	margin: 3px 10px 2px 0;
	padding: 2px;
	}
	
#content .attachment img {
	max-width: 800px;
	}
	
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin: 2px 8px 2px 0;
	}
	
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin: 2px 0 2px 8px;
	}
	
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin:0 auto;
	}
#content .no-border{
	border: none;
	}
	
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 4px;
	}
#content .wp-caption img {
	margin:0;
	}
	
#content .wp-caption p.wp-caption-text {
	border-bottom: 1px solid #00AFB3;
	border-top: 1px solid #00AFB3;
	color: #00AFB3;
	font-size: .8em;
	margin: 5px;
	padding: 5px 0 4px 0;
	text-align: center;
	}
	
div.entry-content img{
	border: 1px solid #00AFB3;
	max-width: 550px;
	padding: 2px;
	}
div.entry-content img.no-border{
	border: none;
	}
				
#content .wp-smiley {
	margin:0;
	}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: ##00AFB3;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
	
#content img.no-border{
	border: none;
	}
	
/* 	PORTFOLIO */

#portfolio-top {
	background: url(images/container-top.jpg) top center repeat-y;
	height: 51px;
	margin: -40px 0 0px -51px;
	position: relative;
	width: 900px;
	}
#portfolio-wrapper{
	background: url(images/container-blog-bg.jpg) top center repeat-y;
	margin: 0px 0 0px -51px;
	padding: 0 50px;
	position: relative;
	width: 800px;
	}
		
#slider {
	width: 800px;
	}
	
#slider-bottom {
	background: url(images/container-bottom.jpg) top center repeat-y;
	height: 30px;
	margin: 0px 0 0px -51px;
	position: relative;
	width: 900px;
	}
#slider-nav{
	height: 200px;
	margin-left: 0px;
	width: 900px;
	}
		
ul.navigation{
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
ul.navigation li{
	display: inline;
	height: 60px;
	margin: 2px;
	width: 120px;
	}
	
ul.navigation li a{
	border: 3px solid white;
	display: inline;
	float: left;
	height: 60px;
	margin: 3px;
	padding: 0px;
	text-decoration: none;
	width: 120px;
	}
	
ul.navigation li a:hover, ul.navigation li a:active{
	border: 3px solid #ed280e;
	display: inline;
	float: left;
	height: 60px;
	margin: 3px;
	padding: 0px;
	text-decoration: none;
	width: 120px;
	}

.scroll {
  clear: left;
  height: 570px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
	}

.scrollContainer {
  height: 570px;
	}

.scrollContainer div.panel {
  height: 570px;
  width: 802px; /* change to 560px if not using JS to remove rh.scroll */
	}
	
.scrollButtons {
  position: absolute;
  top: 220px;
  cursor: pointer;
	}

.scrollButtons.left {
  left: -50px;
	}

.scrollButtons.right {
  right: -50px;
	}
img.portfolio{
	float: left;
	height: 470px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 800px;
	}
	
h4.portfolio{
	color: #249da5;
	font-weight: normal;
	margin-bottom: 0;
	}

p.portfolio{
	font-size: .8em;
	line-height: 1.1em;
	margin-top: 0;
	margin-bottom: 16px;
	width: 798px;
	}

			/* FOOTER */


/* STICKY FOOTER */

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* Feed this style to IE 6 and lower and 8 and higher. */

/*
<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->
*/


#footer{
	background: url(images/footer-bg.jpg) top center repeat-x;
	border-top: 1px solid white;
	clear: both;
	height: 130px;
/* 	margin: 0 auto; */
	margin-top: -130px; /* negative value of footer height */
	height: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	width: 100%;
	}

#footer.one-column-page{
	background: url(images/footer-bg.jpg) top center repeat-x;
	height: 130px;
	margin-top: -130px;/* negative value of footer height */
	padding-top: 10px;
	position: relative;
	text-align: center;
	width: 100%;
	}

#footer-content{
	margin: 0 auto;
	padding-left: 60px;
	width: 880px;
	}
	
#footer.one-column-page #footer-content{
	padding-left: 30px;
	}
	
#footer-widget-area {
	overflow: hidden;
	}
	
#footer-widget-area .widget-area {
	border-right: 1px solid white;
	float: left;
	height:114px;
	margin-right: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 200px;
	}
#footer-widget-area ul a{
	color: #054b4d;
	}
	
#footer-widget-area #fourth {
	border-right: none;
	margin-right: 0;
	}
	
#site-info {
	float: left;
	width: 700px;
	font-weight: bold;
	font-size: 14px;
	margin-top: -30px;
	}
	
#site-generator {
	float: right;
	margin-top: -30px;
	width: 220px;
	}

img#wpstats{display: none;}	
/* forms */
form{
	color: #515458;
	font-family: Univers, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	margin-bottom: .9em;
	}
span.required{color: red;}	
label{
	font-size: .8em;
	text-transform: uppercase;
	}
input{
	font-size: 1em;
	padding: 2px;	
	}
#noscript{
	background: white;
	border: 1px solid #00AFB3;
	height: 150px;
	margin: 0 auto;
	margin-top: 50px;
	padding: 10px;
	width: 300px;
	}
textarea{
	font-family: Univers, Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", "Trebuchet MS",  sans-serif;
	font-size: 1em;
	padding: 2px;
	width: 100%;	
	}	
	
/* Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}

/* advanced categories widget */
span.button{display: none;}