/*
Theme Name: glimpse-forever
Theme URI: http://project77.org/
Description: Custom WordPress steez for an international portfolio-site. Designed and built in html5 by davej with color and Japanese language content by Tamaki.
Version: 1.0
Author: davej
Author URI: http://project77.org/
Tags: fixed width, portfolio, images, html5

	glimpse-forever v1.0 2009

*/

		/* 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;width:98%;}
		@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}




/* obligatory wp stuff...i will use more of it next time */

		.aligncenter,div.aligncenter 
		{
   		display: block;
  		margin-left: auto;
   		margin-right: auto;
		}

		.alignleft {float:left;}

		.alignright {float:right;}

		.wp-caption 
		{
   		border: 1px solid #ddd;
   		text-align: center;
   		background-color: #f3f3f3;
   		padding-top: 4px;
   		margin: 10px;
   		-moz-border-radius: 3px;
   		-khtml-border-radius: 3px;
   		-webkit-border-radius: 3px;
   		border-radius: 3px;
		}

		.wp-caption img 
		{
  	 	margin: 0;
   		padding: 0;
   		border: 0 none;
		}

		.wp-caption p.wp-caption-text 
		{
   		font-size: 11px;
   		line-height: 17px;
   		padding: 0 4px 5px;
   		margin: 0;
		}
		
		div#nav-below 
		{
		margin-top:1em;
		}

		div.navigation div 
		{
		width:50%;
		}

		div.navigation div.nav-previous 
		{
		float:left;
		}

		div.navigation 
		{
		height:1.25em;
		}

		.categories {}
		.cat-item {}
		.current-cat {}
		.current-cat-parent {}
		.pagenav {}
		.page_item {}
		.current_page_item {}
		.current_page_parent {}
		.widget {}
		.widget_text {}
		.blogroll {}
		.linkcat {}



/* general steez */

	body 
		{ 
		width:100%;
		background:rgb(255,255,255) url(../sozai/wp/main_background.jpg) top center no-repeat;
		color:rgb(165,166,168);
		vertical-align: baseline;
		font:62.5%/1.5 Helvetica,Arial,sans-serif;
		}
		
	html>body 
		{
		font-size:14px;
		}
		
		
		
/* typography steez */

		h1 
		{
		line-height:1em;
		font-size:1.5em;
		font-weight:normal;
		margin:0 0 1em 0;
		} 
		
		h2 
		{
		font-size:1.1667em;
		line-height: 1.286em;
		margin:1.929em 0 0.643em 0;
		font-weight:normal;
		}
	
		h3 
		{
		font-size:1.1667em;
		line-height: 1.286em;
		margin:1.929em 0 0.643em 0;
		font-weight:normal;
		}
		
		h4 
		{
		font-size:1.1667em;
		line-height: 1.286em;
		margin:1.929em 0 0.643em 0;
		font-weight:normal; 
		}
	
		h5 
		{
		font-size:1.1667em;
		line-height: 1.286em;
		margin:1.929em 0 0.643em 0;
		font-weight:normal;
		}
	
		p 
		{
		font-size:1em;
		line-height:1.5em;
		margin:1em 0 1.5em 0;
		margin: 2em 0 0 0;
		}
	
		a, a:link 
		{
		color:rgb(190,220,255);
		}
		
		a:visited 
		{
		color:rgb(160,200,230);
		}
		
		a:hover 
		{
		color:rgb(70,140,230);
		background:rgb(171,171,172);
		background:transparent url(../sozai/wp/content_background.png);
		background:rgba(44,45,47,0.4);
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		}
		
		a:active 
		{
		color:rgb(100,170,255);
		}

		blockquote 
		{
		width:360px;
		margin:5px 35px 20px 35px;
		padding:0 5px;
		color:rgb(190,220,255);
		border:4px solid;
		border-width:0 0 0 3px;
		line-height:1.4em;
		-webkit-border-top-left-radius:5px;
		-moz-border-radius-topleft:5px;
		}
		

		blockquote:before 
		{
		content:"\201C";
		font-size:5em;
		float:left;
		margin-left:-0.6em;
		margin-top:0.3em;
		}
		
		code 
		{
		font:13px "Courier New", sans-serif;
		padding:5px;
		margin:5px 0;
		background-color:rgb(170,170,190);
		display:block;
		border-left:3px solid rgb(80,80,250);
		}
		
		pre 
		{ 
  		background:#eee; 
		padding:10px; 
		border:2px solid; 
		overflow:hidden;
		margin:0 0 15px 0; 
		width:400px; 
		font-family:Courier, Monospace;
		}

		del {}
		
		ins:before 
		{
		content:"update: ";
		color:rgb(140,140,200);
		}
		
		strong 
		{
		font-weight:bold;
		}
		
		span.amp 
		{
		font-family: Baskerville, “Goudy Old Style”, “Palatino”, “Book Antiqua”, serif;
		font-style: italic;
		}

		

/* layout steez */

	header, section, #bottom, footer, nav 
		{
		width:950px;
		padding:10px;
		margin:0 auto;
		}
	
	
/* nav, header.php */

	nav 
		{
		margin-top:4px;
		}
		


		nav li, #bottom li 
		{
		display:inline;
		}
		
		nav li a 
		{
		padding:5px 12px;
		}
			
		nav li a:hover {}
		
		nav li.rss a img, nav li.lang a img 
		{
		width:24px;
		margin-top:-2px;
		vertical-align:-35%;
		}
		
		#bottom li.rss a img, #bottom li.lang a img 
		{
		margin-top:-12px;
		vertical-align:-35%;
		}
		
		li.rss, li.lang 
		{
		float:right;
		display:block;
		padding:0;
		}
		
		nav li.rss a, nav li.lang a, #bottom li.rss a, #bottom li.lang a 
		{
		padding:0;
		margin:0 2px;
		}
		
		nav li.lang .ja, #bottom li.lang .ja 
		{
		font-size:1em;
		}
		
		nav li.lang .en, #bottom li.lang .en 
		{
		font-size:0.9em;
		}
		
		#bottom li.lang, #bottom li.rss 
		{
		margin-bottom:15px;
		}
		
		ul.bottom-nav li a 
		{
		padding:5px 10px;
		}
	
		nav li.lang a img.nihongo_img 
		{
		width:auto;
		}

/* language */

		.ja 
		{
		display:none;
		font-size:0.9em;
		}
		
		.ninja 
		{
		display:none;
		}


/* header.php */
		
	header 
		{
		padding-bottom:15px;
		}

		header h1 a, header h1 a:link, header h1 a:visited, header h1 a:active 
		{
		width:600px;
		font-weight:normal;
		color:rgb(193,207,210);
		color:rgba(255,255,255,0.4);
		margin:5px 0 0 0;
		font-size:2.4em;
		font-family:Futura, Helvetica, Arial, sans-serif;
		background:none;
		}
		
		header h1 
		{
		margin:25px 0 0 0;
		}
		
		#tag-line 
		{
		display:block;
		color:rgb(235,239,238);
		color:rgba(255,255,255,0.8);
		margin:25px 0 0 -33px;
		font-size:64px;
		text-shadow:rgba(0,0,0,0.2) 2px 2px 5px;
		font-family:Futura, Helvetica, Arial, sans-serif;
		}
		

/* section */

	section, #bottom 
		{
		padding:10px;
		background:rgb(190,190,195);
		background:transparent url(../sozai/wp/content_background.png);
		background:rgba(44,45,47,0.2);
		}
		
	section 
		{
		-webkit-border-top-left-radius:10px;
		-moz-border-radius-topleft:10px;
		}


/* article */

	article 
		{
		width:490px;
		min-height:981px;
		margin:0;
		padding:0;
		float:left;
		overflow:hidden;
		padding:10px 10px 20px 10px;
		background:rgb(77,78,80);
		background:rgba(44,45,47,0.8);
		-webkit-border-top-left-radius:7px;
		-moz-border-radius-topleft:7px;
		-webkit-border-bottom-right-radius:20px;
		-moz-border-radius-bottom-right:20px;
		}

		p.project 
		{
		margin:1.2em 0 1.5em 0;
		font-size:1.2em;
		}
		
		p.project:before 
		{
		content:"project";
		font-size:1.3em;
		color:rgb(190,200,220);
		color:rgb(190,220,255);
		background:rgb(58,60,63);
		background:transparent url(../sozai/wp/content_background.png);
		background:rgba(44,45,47,0.4);
		margin-right:10px;
		padding:2px 3px;
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		}
		
		p.involvement 
		{
		font-size:1.1em;
		margin-bottom:1.5em;
		}
		
		p.involvement:before 
		{
		content:"involvement";
		font-size:1.2em;
		color:rgb(190,220,255);
		background:rgb(190,190,195);
		background:transparent url(../sozai/wp/content_background.png);
		background:rgba(44,45,47,0.3);
		margin-right:8px;
		padding:1px 2px;
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		}
		
		.project_info 
		{
		font-size:0.8em;margin:1.5em 0 2em 0;
		background:rgb(64,64,67);
		background:transparent url(../sozai/wp/content_background.png);
		background:rgba(44,45,47,0.4);
		padding:1px 4px;
		width:98%;
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		}
		
		.page_info 
		{
		font-size:1em;margin:1.5em 0 2em 0;
		background:rgb(64,64,67);
		background:transparent url(../sozai/wp/content_background.png);
		background:rgba(44,45,47,0.4);
		padding:10px 14px;
		width:98%;
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		}
		
		span.credit 
		{
		font-size:0.9em;
		}
		
		p.aside 
		{
		font-size:0.8em;
		margin-top:7em;
		}
		
		p.linkage 
		{
		font-size:0.8em;
		margin:1em 0 2em 0;
		background:rgb(64,64,67);
		background:transparent url(../sozai/wp/content_background.png);
		background:rgba(44,45,47,0.4);
		padding:1px 4px;
		width:98%;
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		}


/* preview covers */

		.preview 
		{
		background:rgb(255,255,255) url(../sozai/wp/preview_background.png);
		display:block;
		width:235px;
		overflow:hidden;
		height:150px;
		margin:5px;
		position:relative;
		padding:0;
		float:left;
		}
		
		.preview a img 
		{
		width:100%;
		}
		
		.preview a 
		{
		background:none;
		}
		
		.preview-title h2 
		{
		background:none;
		}
		
		.preview a:hover img 
		{
		opacity:0;filter:"alpha(opacity=0)";zoom:1;
		}
		
		.preview-title h2 a 
		{
		margin-bottom:7px;
		background:rgb(70,71,75);
		background:rgba(44,45,47,0.8);
		bottom:0;
		right:0;
		display:block;
		position:absolute;
		padding:4px;
		line-height:1.4em;
		padding:4px;
		font-size:0.9em;
		display:block;
		letter-spacing:-1;
		-webkit-border-top-left-radius:7px;
		-moz-border-radius-topleft:7px;
		}
		
		.preview-title h2 a:hover 
		{
		color:rgb(190,220,255);
		}


/* posts and page */

		h2,.postMeta 
		{
		background:rgb(47,47,49);
		background:rgba(44,45,47,0.9);
		padding:5px 0 5px 10px;
		letter-spacing:-1px;
		}
		
		h2 
		{
		-webkit-border-top-left-radius:6px;
		-moz-border-radius-topleft:6px;
		}
		
		.postMeta 
		{
		color:rgb(77,78,80);
		-webkit-border-bottom-right-radius:30px;
		-moz-border-radius-bottomright:30px;
		}
		
		.postMeta a 
		{
		color:rgb(190,220,255);
		color:rgb(77,78,80);
		}
		
		.post.single 
		{
		line-height:1.4em;
		}
		
		article h2,article h2 a 
		{
		color:rgb(190,220,255);
		font-size:1.4em;
		line-height:1.6em;
		padding:0 3px;
		margin:0;
		}
		
		.post.single .postMeta 
		{
		font-size:0.9em;
		margin-bottom:5px;
		}
		
		.post.single .postMeta span.date a,.post.single .postMeta span.date a:link 
		{
		color:rgb(77,78,80);
		}
				
		.post.single .postMeta span.date a:visited 
		{
		color:rgb(77,78,80);
		}
		
		.post.single .postMeta span.date a:hover 
		{
		color:rgb(190,220,255);
		}
		
		.post.single .postMeta span.date a:active 
		{
		color:rgb(77,78,80);
		}
		
		.post.single .entry, .entry 
		{
		float:right;
		line-height:18px;
		overflow:hidden;
		padding:10px 15px 25px 20px;
		}
				
		.post .entry img,.entry a img, .entry img 
		{
		margin:10px 0;
		border:3px solid rgb(44,45,47);
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		}
		
		.post .single img,.post .single a img  
		{
		width:96%;
		}

		
		.post .entry a:hover,.entry a:hover img 
		{
		background:none;
		}
		
		.entry .gallery a img 
		{
		width:22%;float:left;margin:0 6px 10px 0;
		}
		
		.post.single h3 
		{
		font-size:12px;
		font-weight:bold;
		display:inline;
		}
		
		.post.single p {}
		
		.post.single p a,.post.single li a {}
		
		.post.single p a:hover {}
		
		.post.single a {}
		
		.post.single a:hover {}

		.post.single ul, .post.single ol 
		{
		margin:1em;
		}
		
		.post.single ul li, .post.single ol li 
		{
		margin:0;line-height:1.4em;
		}



/* 404 and search pages */
	
	.four0four, #searchwrap 
		{
		width:95%;
		}
		
		
/* tags */

	.tags 
		{
		background:rgb(179,179,179);
		background:rgba(44,45,47,0.2);
		margin:10px 0 0;
		padding:10px 10px 0 10px;
		line-height:2em;
		text-align:center;
		-webkit-border-bottom-right-radius:10px;
		-moz-border-radius-bottomright:10px;
		-webkit-border-top-left-radius:5px;
		-moz-border-radius-topleft:5px;
		}
		
		.tags h3 
		{
		display:none;
		}
		
		.tags a 
		{
		color:#666;font-weight:normal;
		}
		
		.tags:hover a 
		{
		color:#333;
		}
		
		.tags:hover a:hover, #sidebar .tags a:hover 
		{
		color: #eee;
		}


/* side bar */

	#sidebar-wrap 
		{
		margin:0;
		padding:0;
		float:right;
		width:420px;
		}
		
		
/* top.php */
		
	#sidebar-top 
		{
		font:1.6em/1.2em Helvetica, Arial, sans-serif;
		margin:0;
		padding:20px 0 0px 20px;
		color:rgb(255,255,255);
		}
		
		#sidebar-top p 
		{
		text-align:center;
		text-indent:-90px;
		height:4.5em;
		margin:1em 0 1.5em 0;
		}
		
		#sidebar-top p .ja 
		{
		font-size:1em;
		}
		
		#sidebar-top blockquote 
		{
		text-indent:-0.4em;
		margin:7px 20px 40px 20px;
		border:none;
		font-size:0.6em;
		}
		
		#sidebar-top blockquote:before 
		{
		content:" ";
		}
		
		#sidebar-top blockquote small 
		{
		margin-left:-0.3em;
		}

		#sidebar-top blockquote 
		{
		color:rgb(255,255,255);
		}
		
		
	#sidebar-double 
		{
		background:rgb(179,179,179);
		background:rgba(44,45,47,0.2);
		margin:0;
		color:rgb(77,78,80);
		-webkit-border-top-left-radius:10px;
		-moz-border-radius-topleft:10px;
		-moz-border-bottom-right-radius:10px;
		-webkit-border-radius-bottomright:10px;
		}


/* left.php */

	#sidebar-left 
		{
		float:left;
		width:250px;
		margin:0;
		padding:20px 0 5px 20px;
		}
		
		#sidebar-left h3 
		{
		min-height:32px;
		width:94%;
		padding:5px 0 3px 5px;
		margin:41px 0 10px 0;
		font-size:1.4em;
		background:rgb(77,78,80);
		background:rgba(44,45,47,0.8);
		display: block;
		color:rgb(225,226,228);
		-webkit-border-top-left-radius:5px;
		-moz-border-radius-topleft:5px;
		-webkit-border-bottom-right-radius:20px;
		-moz-border-radius-bottomright:20px;
		}
		
		#sidebar-left a,#sidebar-left a:link 
		{
		margin:2px 0;
		padding:1px 2px 2px 2px;
		background:rgb(171,171,172);
		background:rgba(44,45,47,0.7);
		}
		
		#sidebar-left a.more,#sidebar-left a:link.more 
		{
		margin:0;
		padding:1px 2px;
		background:rgb(152,152,152);
		background:rgba(44,45,47,0.2);
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		}

		#sidebar-left ul li a,#sidebar-left ul li a:link 
		{
		width:94%;
		display:block;
		letter-spacing:-1px;
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		}
		
		#sidebar-left a img,#sidebar-left img 
		{
		width:60px;
		float:left;
		margin:0.2em 0.5em 0.5em 0.2em;
		border:3px solid rgb(77,78,80);
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		}

		#sidebar-left a:hover 
		{
		color:rgb(225,226,228);
		}
		
		#sidebar-left ul 
		{
		margin:8px 0 4px;
		}
		
		#sidebar-left p 
		{
		font-size:14px;
		margin:5px 0 30px 5px;
		}
		
			
/* right.php */		
			
	#sidebar-right 
		{
		margin:0;
		float:right;
		width:95px;
		padding:5px 25px 40px 0;
		}

		#sidebar-right h3 
		{
		min-height:50px;
		width:92%;
		padding:3px 0 3px 5px;
		margin:20px 0 10px 0;
		font-size:1.4em;
		background:rgb(77,78,80);
		background:rgba(44,45,47,0.8);
		display:block;
		color:rgb(225,226,228);
		-webkit-border-top-left-radius:5px;
		-moz-border-radius-topleft:5px;
		-webkit-border-bottom-right-radius:20px;
		-moz-border-radius-bottomright:20px;
		}
		
		#sidebar-right a 
		{
		font-size:0.8em;
		background:rgb(77,78,80);
		background:rgba(44,45,47,0.8);
		display:block;
		width:94%;
		padding:2px 0 1px 3px;		
		background:rgb(171,171,172);
		background:transparent url(../sozai/wp/content_background.png);
		background:rgba(44,45,47,0.7);
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		}

		#sidebar-right a:hover 
		{
		color:rgb(225,226,228);
		}
		
		a.featured 
		{
		width:94%;
		height:50px;
		margin:3px 0;
		display:block;
		}


/* bottom.php */

	#bottom 
		{
		background:rgb(86,87,89);
		background:rgba(44,45,47,0.8);
		padding-top:30px;
		-webkit-border-bottom-right-radius:50px;
		-moz-border-radius-bottomright:50px;
		}

		#bottom h5 
		{
		margin:7px 70px 3px 1px;
		display:inline;
		}
#bottom img {width:32px;} #bottom img.nihongo_img {width:46px;}

/* twitter */

	#twitter 
		{
		background:rgb(65,65,67);
		background:rgba(44,45,47,0.5);
		padding: .5em 0 .5em .5em;
		width: 97%;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-top-right-radius:20px;
		-moz-border-radius-topright:20px;
		-webkit-border-bottom-right-radius:20px;
		-moz-border-radius-bottomright:20px;
		}
	
		.triangle 
		{
		width:0; 
		height:0; 
		margin-left:27px;
		border-left:7px solid transparent; 
		border-right:7px solid transparent;
		border-bottom:14px solid rgb(65,65,67);
		border-bottom:14px solid rgba(44,45,47,0.5);
		}
		
		#twitter #twitter_update_list 
		{
		padding:0;
		line-height:1.8em;
		font-size:0.9em;
		}
		
		#twitter #twitter_update_list a 
		{
		color:rgb(130,130,140);
		padding:0;
		margin:0;
		display:inline;
		}
		
		#twitter #twitter_update_list li 
		{
		display:block;
		}
		
		#twitter #twitter_update_list li span {}
		
		#twitter #twitter_update_list li span a 
		{
		color:rgb(170,200,235);
		}
		
		#twitter #twitter_update_list a:hover 
		{
		color:rgb(255,255,255);
		padding:0;
		margin:0;
		}
	
		
/* footer.php */

	footer 
		{
		color:rgb(77,78,80);
		font-size:0.8em;
		line-height:1.4em;
		padding:0;
		margin:0 auto;
		height:40px;
		clear:both;
		text-align:right;
		}

		footer p 
		{
		margin-right:60px;
		}
		
		footer a, footer a:link, footer a:visited 
		{
		font-weight:bold;
		color:rgb(140,170,200);
		}
		
		footer a:hover 
		{
		color:rgb(255,255,255);
		}
		
		footer img 
		{
		display:none;
		}


/* clear */

	.clear 
		{
		clear:both;
		}

		.clear:after 
		{
    	content: ".";
    	display: block;
    	height: 0;
    	clear: both;
    	visibility: hidden;
		}


/* form */
#commentform { margin: 1em 0;}
#author, #email,#url,#comment {font:1em Arial,Helvetica,Verdana,sans-serif;margin: 5px 0;padding:2px;}
.comment-warning strong {color:#999;font-weight:bold;}

input.search {width: 12em;
padding: .5em;height:2em;}

button {
width: 8em;
padding: .5em;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
border: solid thin rgb(200,200,200);
-webkit-border-radius: .8em;
-moz-border-radius: .8em;
-webkit-box-shadow: 2px 2px 3px #999;
box-shadow: 2px 2px 2px #bbb;
background-color: rgba(150,150,150,0.9);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#666),color-stop(0.4, #ccc));
}

button:hover {
cursor:hand;
}



/* the archive autoindex */

	.smaller {font-size:0.7em;}
			.larger {font-size:1.6em;}
			.autoheader {font: 1em Georgia, serif;color:rgb(177,177,177);}
			.autofeature {background-image:none;}
			pre 
				{
				font: 1.2em/2.2em "Arial", san-serif;
				margin: 3px 20px;
				}
			
			pre img {display: inline;}
			
			pre img {margin: 3px 0;}
			
			.autodescription 
				{
				font-style: italic;
				font-size: 75%;
				}