/*
Theme Name: Justin Blyth
Theme URI: http://jblyth.com
Description: Theme for Personal Portfolio of Justin Blyth
Version: 0.1
Author: Peter Antonius
Author URI: http://antonius.me/
Tags: clean, portfolio
*/

/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}a{border:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

/* GLOBAL */
html {
	background:#fff;
	color:#000;
	font-size:125%;
	}
body {
	background:#fff;
	color:#000;
	font:400 50%/1 Monaco,'Courier New',Courier,serif;
	margin:20px 20px 40px 218px;
	width:820px;
	}

img {width:820px;overflow:hidden;}
a {
	color:#000;
	text-decoration:none;
	}
	a:visited {
		color:#000;
		}
	a:hover,
	a:focus,
	a:active {
		text-decoration:underline;
		}

/* HEADER */
header[role="banner"] {
	width:100%;
	height:106px;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	width:197px;
	}
	header[role="banner"] h1 a {
		display:block;
		text-indent:-9000em;
		outline:none;
		background:green;
		height:106px;
		background:url(style/images/logotype.png) 10px 10px no-repeat;
		}
		header[role="banner"] h2 {
			display:none;
			}

/* NAVIGATION */
nav {
	position:fixed;
	top:20px;
	right:20px;
	background:rgba(255,255,255,0.6);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	padding:6px 0 5px;
	z-index:1000;
	}
nav ul li.page_item {
	float:left;
	display:block;
	margin:0 10px;
	}
	nav ul li.page_item a {
		display:block;
		outline:none;
		}
	nav ul li.page-item-6 a {
		background:url(style/images/nav.png) 0 0;
		width:50px;
		height:12px;
		text-indent:-9000em;
		}
		nav ul li.page-item-6 a:hover {
			background:url(style/images/nav.png) 0 -14px;
			}
		nav ul li.page-item-6.current_page_item a {
			background:url(style/images/nav.png) 0 -14px;
			}
	nav ul li.page-item-2 a {
		background:url(style/images/nav.png) 193px 0;
		width:27px;
		height:12px;
		text-indent:-9000em;
		}
		nav ul li.page-item-2 a:hover {
			background:url(style/images/nav.png) 193px -14px;
			}
		nav ul li.page-item-2.current_page_item a {
			background:url(style/images/nav.png) 193px	 -14px;
			}
	nav ul li.page-item-1 a {
		background:url(style/images/nav.png) 147px 0;
		width:81px;
		height:12px;
		text-indent:-9000em;
		display:block;
		}
		nav ul li.page-item-1 a:hover {
			background:url(style/images/nav.png) 147px -14px;
			}
	nav ul li.page-item-20 a {
		background:url(style/images/nav.png) 100% 0;
		width:44px;
		height:12px;
		text-indent:-9000em;
		display:block;
		}
		nav ul li.page-item-20 a:hover {
			background:url(style/images/nav.png) 100% -14px;
			}

/* ARTICLE */
article {
	border-bottom:1px solid #E5E5E5;
	margin-bottom:40px;
	}

.single article {
	border-bottom:none;
	}

	h1,
	h1 a,
	h1 a:hover,
	h1 a:visited {
		font-size:22px;
		color:#000;
		text-transform:uppercase;
		font-weight:400;
		text-decoration:none;
		margin-bottom:6px;
		}
	article img {
		margin-bottom:20px;
		}
	.search article h1,
	.search article h1 a,
	.search article h1 a:hover,
	.search article h1 a:visited,
	.archive article h1,
	.archive article h1 a,
	.archive article h1 a:hover,
	.archive article h1 a:visited {
		font-size:20px;
		color:#474747;
		text-transform:uppercase;
		font-weight:400;
		text-decoration:none;
		margin-bottom:10px;
		}

.more-link,
.more-link:visited,
.more-link:hover {
	font-size:10px;
	font-weight:700;
	display:inline-block;
	text-transform:uppercase;
	color:#474747;
	background:#eee;
	padding:8px 10px 5px;
	margin-bottom:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}
.home article {
	border-bottom:1px solid #e5e5e5;
	margin-bottom:50px;
	padding-bottom:10px;
	line-height:16px;
	}
	.home article strong {
		font-weight:700;
		}

/* ASIDE */
aside[role="complementary"] {
	width:180px;
	height:100%;
	background:#eee;
	position:fixed;
	top:0;
	left:0;
	border-right:1px solid #e5e5e5;
	padding:100px 7px 0 10px;
	}
aside a {
	text-decoration:none;
	color:#6b6b6b;
	text-shadow:0 1px 0 #fff;
	}
aside h2 {
	font-size:10px;
	color:#000;
	text-transform:uppercase;
	margin:20px 0 4px;
	}

aside #projects {
	}
	aside #projects ul {
		list-style:none;
		}
		aside #projects ul li {
			margin:4px 0 5px 10px;
			}
	aside #projects .scroll-area {
		height:197px;
		}
		.jScrollPaneContainer {
			position:relative;
			overflow:hidden;
			z-index:1;
			}
		.jScrollPaneTrack {
			position:absolute;
			cursor:pointer;
			right:0;
			top:0;
			height:100%;
			background:url(style/images/jScrollPaneTrack.png) 1px 0 repeat-y;
			}		
		.jScrollPaneDrag {
			position:absolute;
			cursor:pointer;
			overflow:hidden;
			background:url(style/images/jScrollPaneDrag.png) 1px 0 repeat-y;
			}
		.jScrollPaneDragTop {
			position:absolute;
			top:0;
			left:0;
			overflow:hidden;
			height:3px;
			background:url(style/images/jScrollPaneDragTop.png) 1px 0 no-repeat;
			}
		.jScrollPaneDragBottom {
			position:absolute;
			bottom:0;
			left:0;
			overflow:hidden;
			background:url(style/images/jScrollPaneDragBottom.png) 1px 0 no-repeat;
			height:3px;
			}

aside #search {
	overflow:hidden;
	}
	aside #search .screen-reader-text {
		display:none;
		}
	aside #search #s {
		float:left;
		background:url(style/images/search-input.png) no-repeat;
		border:0;
		width:125px;
		height:22px;
		padding:0 3px 0 22px;
		color:#595959;
		font:10px Monaco,'Courier New',Courier,serif;
		outline:none;
		}
	aside #search #searchsubmit {
		border:0;
		display:block;
		width:30px;
		height:22px;
		background:url(style/images/search-button.png) 10px 7px no-repeat;
		text-indent:-9000em;
		float:left;
		cursor:pointer;
		}

/* FOOTER */
footer[role="contentinfo"] {
	width:233px;
	position:fixed;
	left:10px;
	bottom:10px;
	display:none;
	}
.project-information {
	margin:20px 0;
	position:fixed;
	left:10px;
	top:376px;
	z-index:100;
	width:178px;
	}
	.project-information ul {
		list-style:none;
		overflow:hidden;
		}
	.project-information ul li {
		display:block;
		margin-bottom:4px;
		line-height:15px;
		text-shadow:0 1px 0 #fff;
		}
		.project-information ul li h2 {
			text-transform:uppercase;
			font-size:10px;
			color:#000;
			}
		.project-information ul li p {
			color:#000;
			}			
.home-product-information {
	padding:2px 0 0;
	margin:9px 0;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	overflow:hidden;
	}
	.home-product-information ul {
		list-style:none;
		}
		.home-product-information ul li {
			float:left;
			width:160px;
			margin-bottom:3px;
			line-height:15px;
			text-shadow:0 1px 0 #fff;
			}
		.home-product-information ul li.description {
			width:820px;
			}
		.home-product-information ul li.tag-list {
			margin-left: 90px;
			width: 250px;
			}
			.home-product-information ul li h2 {
				text-transform:uppercase;
				font-size:10px;
				color:#000;
				}
			.home-product-information ul li p {
				color:#000;
				}
#pagination ul {
	list-style:none;
	overflow:hidden;
	}
	#pagination ul li {
		float:left;
		margin:0 10px 0 0;
		}	
#pagination a {
	font-size:10px;
	font-weight:700;
	display:inline-block;
	text-transform:uppercase;
	color:#474747;
	background:#eee;
	padding:8px 10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}

.page article {
	width:540px;
	color:#000;
	line-height:15px;
	}
	.page article p {
		margin-bottom:6px;
		text-shadow:0 1px 0 #FFFFFF;
		}
.page li {
	list-style:none;
	line-height:20px;
	}