/*
Theme Name: projectskates4
Theme URI: http://project77.org/
Description: Custom WordPress steez for an skateboard and ramp design co. site. Designed and built on the Sandbox theme by davej.
Version: 1.0
Author: davej
Author URI: http://project77.org/
Tags: fixed width, retro, right nav

	projectskates4 v1.0 2010

*/

		/* http://project77.org */
		/* davej_reset */
		
		* {margin: 0;padding:0;}
		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,
		input,textarea,p,blockquote,th,td {padding:0;margin:0;}
		h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%/1.4;}
		q:before,q:after {content:'';} abbr,acronym {border:0;}
		body {text-align:left;-webkit-text-stroke:1px transparent;}
		address,caption,cite,code,dfn,em,strong,th,var 
		{font-weight:inherit;font-style:inherit;
		vertical-align:baseline;} html {font-size:100.01%;}
		caption,th {text-align:left;} img,object {max-width:100%;}
		fieldset,img {border:0;} ol,ul {list-style:none;}
		table {border-collapse:collapse;border-spacing:0;}
		:link, :visited {text-decoration:none;}
		a img,:link img,:visited img, :hover img {border:none;text-decoration:none;}
		article,aside,dialog,figure,footer,header, 
  		hgroup,menu,nav,section {display:block;margin:0;padding:0;} 
		img {position: relative;}
		@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}





/* general steez */

	html {width:100%;background-image:url(sozai/html.png);background-repeat:repeat-x;background-position:top center;background-color:rgb(48,48,56);color:rgb(109,109,109);vertical-align:baseline;font:62.5%/1.5 Gill Sans,Gill Sans MT,Helvetica,Geneva,Arial,sans-serif;}
	body {width:1000px;text-align:left;margin:0 auto;line-height:140%;background-color:rgb(235,235,235);}	
	html>body {font-size:14px;}
		
	a:link {color:rgb(180,180,180);text-decoration:none;}
	a:visited {color:rgb(180,180,180);text-decoration:none;}
	a:hover {color:rgb(204,0,204);background-color:rgb(48,48,56);text-decoration:none;}
	a:active {text-decoration:none;}

	header, footer, .posse {height:100px;margin:0 10px 5px 10px;}
	header {background-image:url(sozai/header.png);}
		header div.lang {float:right;height:25px;margin:64px 5px 0 0;}
		header div.lang a:hover {background:none;}
		header div.lang a img:hover {opacity:0.8;}
		img.current {vertical-align:-10%;}
		
	section {width:540px;padding:0;float:left;overflow:hidden;margin-left:20px;margin-top:5px;background-color:rgb(255,255,255);}
	.page_image {border-bottom:7px solid rgb(48,48,56);width:540px;height:290px;background-color:rgb(205,205,215);background-image:url(sozai/home.jpg);}
	
	nav {height:1.8em;font-size:0.9em;margin-left:10px;}
	footer nav {height:3.7em;font-size:1.1em;margin-left:10px;}
		nav li {display:inline;}
		nav ul,nav ul ul {line-height:1;list-style:none;margin:0;padding:0;}
		nav ul ul {margin-left:5px;}
		nav ul a {display:block;margin-right:1em;padding:0.2em 0.5em;text-decoration:none;}
		footer nav ul a {margin-right:1.2em;}
		nav ul li ul {left:-999em;position:absolute;}	
		nav ul li:hover ul {left:auto;}
		nav a {padding:0 2% 0 2%;}
		nav ul li,div.gallery dl,div.div#menuigation div.div#menu-previous {float:left;}
	
	article {margin:0 20px;}
	article.page {min-height:232px;} 
		.single article.post, article#four04 {min-height:400px;}
		.page-template-diy-php article {min-height:110px;} 
		.page-template-home-php article {min-height:160px;margin-top:40px;}
		.page-template-home-php article + article {min-height:220px;}
	
	.page-template-diy-php .entry-content img, .page-template-home-php .entry-content img {float:left;height:110px;margin-right:10px;}
	div.sidebar > a {display:none;}
	.page-template-home-php div.sidebar > a, .page-template-diy-php div.sidebar > a, .single div.sidebar > a {display:inline;}
	.entry-title,.entry-meta {clear:both;color:rgb(200,200,200);}
	abbr.published {font-size:0.8em;}


	
	.posse {width:540px;height:102px;background-image:url(sozai/posse.png);clear:left;margin-left:20px;margin-bottom:0;}

	div.sidebar {width:425px;float:right;overflow:hidden;padding:0px;}
		div.sidebar h3 {font-size:1.2em;}
		div.sidebar input#s {width:7em;}
		div.sidebar ul li {list-style:none;margin:5px 5px 5px 5px;float:left;background-color:rgb(0,0,0);}
		div.sidebar ul li, div.sidebar ul li a {display:block;width:200px;height:110px;text-indent:5px;font-weight:bold;font-size:1.1em;overflow:hidden;}
		
		div.sidebar ul.featured {display:block;width:200px;height:110px;overflow:hidden;list-style:none;margin:5px 5px 5px 5px;float:left;background-color:rgb(0,0,0);}
		div.sidebar ul.featured li, div.sidebar ul.featured li a {float:none;font-weight:normal;text-indent:5px;font-size:1em;display:block;width:300px;height:auto;margin:0;}
		
		div.sidebar ul.archive {display:block;width:410px;height:240px;overflow:hidden;list-style:none;margin:5px 5px 5px 5px;float:left;background-color:rgb(18,18,26);}
		div.sidebar ul.archive li, div.sidebar ul.archive li a {float:none;font-weight:normal;text-indent:5px;font-size:1.1em;display:block;width:310px;height:auto;margin:0;background:none;}
		
		div.sidebar ul.tags {display:block;width:410px;height:auto;overflow:hidden;list-style:none;margin:5px 5px 5px 5px;float:left;background-color:rgb(18,18,26);}
		div.sidebar ul.tags li, div.sidebar ul.tags li a {float:none;font-weight:normal;font-size:1.1em;display:inline;width:auto;height:auto;margin:5px;background:none;}
		
		div.sidebar ul li a span.en, div.sidebar ul li a span.ja {background-color:black;background-color:rgba(0,0,0,0.8);left:-999em;position:absolute;}
		div.sidebar a:hover {opacity:0.8;}
		div.sidebar > a:hover {opacity:1;}
		
		.page div.sidebar ul li.sidebar_title, article#four04 div.sidebar ul li.sidebar_title {display:none;}
		
		.page div.sidebar ul.archive, article#four04 div.sidebar ul.archive {height:65px;background-position:-12px right;}
		.page-template-diy-php div.sidebar ul.archive, .page-template-home-php div.sidebar ul.archive {height:240px;background-position:0 right;}
		.page-template-diy-php div.sidebar ul li.sidebar_title {display:block;}
	
		
		div.sidebar .archive a:hover, div.sidebar .tags a:hover {opacity:none;}
		div.sidebar ul.archive {background-image:url(sozai/archive.jpg);background-position:top right;background-repeat:no-repeat;}
		div.sidebar ul.tags {background:none;}
		
		div.sidebar ul li.a1 a {background-image:url(sozai/ramps.png);}
		div.sidebar ul li.a2 a {background-image:url(sozai/skate.png);}
		div.sidebar ul li.a3 a {background-image:url(sozai/skim.png);}
		div.sidebar ul li.a4 a {background-image:url(sozai/snow.png);}
		div.sidebar ul li.a5 a {background-image:url(sozai/apparel.png);}
		div.sidebar ul li.a6 a {background-image:url(sozai/collective.png);}
		div.sidebar ul li.a7 a {background-image:url(sozai/diy.png);}
		div.sidebar ul li.a8 a {background-image:url(sozai/media.png);}
		div.sidebar ul li.a9 a {background-image:url(sozai/shop.png);}
		div.sidebar ul li.a10 a {background-image:url(sozai/links.png);}
		div.sidebar li form {margin:0.2em 0 0;padding:0;}

	footer{border-top:7px solid rgb(48,48,56);background-color:rgb(0,0,0);background-image:url(sozai/footer.png);background-position:right;background-repeat:no-repeat;color:rgb(48,48,56);clear:both;margin-bottom:0;}
		footer p{margin:0 0 0 20px;font-size:0.9em;}
		footer p a:link, footer p a:visited{color:rgb(48,48,56);}
		footer p a:hover{color:rgb(148,148,156);}

	#search {display:inline;background-color:rgb(110,110,110);border:1px solid rgb(60,60,60);margin:3px 0 0 10px;height:1.5em;}
	.error-404 #search {background-color:rgb(210,210,210);border:1px solid rgb(160,160,160);}
	form.blog-search, form.blog-search div {display:inline;}





/* typography steez */

		h1 {line-height:1em;font-size:1.5em;font-weight:normal;margin:0;}
			h1#blog-title a {display:block;color:rgb(80,130,255);height:95px;width:700px;font:bold 18px;}
			h1#blog-title a:hover {background:none;}
			h1#blog-title {text-indent:-999px;} 
		
		h2 {font-size:2.1667em;line-height:1.286em;margin:1.929em 0 0.643em 0;margin:20px 0 0 0;font-family:Helvetica Neue,Impact,Arial Narrow,sans-serif;font-weight:bold;color:rgb(200,200,200);}
		
		#blog-description {color:rgb(68,68,76);font-size:1.5em;margin:3px 40px 3px 20px;display:inline}
		
		h3 {font-size:1.1667em;line-height:1.286em;margin:1.929em 0 0.643em 0;font-size:1.2em;color:rgb(177,177,177);padding:0;font-family:Arial Black,Arial,sans-serif;}
		h4 {font-size:1.1667em;line-height:1.286em;margin:1.929em 0 0.643em 0;font-size:1.2em;color:rgb(80,80,120);padding:0 0 10px;}
		h5 {font-size:1.1667em;line-height:1.286em;margin:1em 0 0.643em 0;font-weight:bold;font-size:1.1em;color:rgb(30,80,190);padding:10px 0 10px;}
		h6 {font-size:0.8em;font-weight:bold;color:rgb(30,80,190);padding:10px 0 10px;}

		p {font-size:1em;line-height:1.5em;margin:1em 0 1.5em 0;}
		
		.ja {display:none;font-size:0.8em;}
				
		em {font-style:italic;}
		strong {font-weight:bold;}

		ul {list-style:disc;padding:3px;line-height:150%;margin-left:30px;}
		ol {list-style:decimal;padding:3px;line-height:150%;margin-left:30px;}
		ol li {margin-bottom:10px;font-size:0.9em;}
		
		blockquote {margin-left:30px;border-top:2px solid rgb(130,130,130);border-left:12px solid rgb(160,160,160);font-size:1.1em;padding:10px;margin-bottom:20px;}
			blockquote p {color:rgb(48,48,56);}	

		del {text-decoration:strikethrough;}
		ins:before {content:"update: ";color:rgb(140,140,200);}
		




/* wp steez */

	.alignright,img.alignright {float:right;margin:1em 0 0 1em;}
	.alignleft,img.alignleft {float:left;margin:1em 1em 0 0;}
	.aligncenter,img.aligncenter {display:block;margin:1em auto;text-align:center;}

	p.wp-caption-text{font-style:italic;}
	
	div.gallery {clear:both;height:180px;margin:1em 0;width:100%;}
		div.gallery dl{margin:1em auto;overflow:hidden;text-align:center;}
		div.gallery dl.gallery-columns-1 {width:100%;}
		div.gallery dl.gallery-columns-2 {width:49%;}
		div.gallery dl.gallery-columns-3 {width:33%;}
		div.gallery dl.gallery-columns-4 {width:24%;}
		div.gallery dl.gallery-columns-5 {width:19%;}
	
	div.entry-content > div.gallery:last-of-type {display:none;}
	div.entry-content > div.gallery:only-of-type {display:block;}

	div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {margin:0;padding:0;}

	div#nav-above {margin-bottom:1em;}
	div#nav-below {margin-top:1em;}

	div#nav-images {height:150px;margin:1em 0;}

	div.navigation {height:1.35em;font-size:0.8em;}
		div.navigation div.nav-next {float:right;text-align:right;}

	input#author,input#email,input#url,div.navigation div {width:48%;}
	input#author,input#email,input#url,textarea#comment {padding:0.2em;}

	div.comments ol li {margin:0 0 3.5em;}