/*
Theme Name: Maki Hamada
Theme URI: 
Description: 
Author: Martin Baillie
Author URI: http://the1985.com
Tags: 
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none; } /* Gets rid of IE's blue borders */

html 		{ overflow-y: scroll; }
:focus 		{ -moz-outline-style: none; }

img			{ border:#333333; }

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1600px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1600px){
	img.bg {
		left: 0;
		margin-left: 0; }
}


#page_wrap				{ position:absolute; width:760px; top:50px; left:50px;  }
#header					{ width:100%; margin:0 0 40px 0;}
#sidebar				{ width:120px; margin:0 20px 0 0; float:left; padding:0 10px 30px 0; }	
#content				{ max-width:580px;  float:left; min-height:450px; margin:0 0 0 0; }
#content_narrow			{ width:580px; padding:0px 10px 30px 10px; float:left; overflow:hidden; min-height:450px; margin:0 0 0 0;  }
#footer					{ position:relative; width:100%; text-align:left; padding:50px 0; }
#fade					{ width:100%; height:75px; position:absolute; top:0; left:0; z-index:30; background:url(images/fade.png) no-repeat;}


.item					{ float:left; margin:0 10px 10px 0;  background:#FFFFFF; padding:10px; }
.item_content			{ position:relative; z-index:10; }
.h2_thumb				{ display:block; font-weight:bold; font-size:1.1em; line-height:1.6em; padding:0 0 0 0; margin:0 0 0 0; overflow:hidden; }
.thumbnails				{ padding:0px; height:154px; }
.details				{ padding:4px 2px 4px 2px; }

.edit_wrap				{  }

html 					{ overflow-y: scroll; }







body					{ font-family:Helvetica,Arial,sans-serif; font-size:62.5%; line-height:1.6em; color:#333333; }


.details p				{ font-size:1.1em; padding:0 0 0 0; line-height:1.4em; margin:0 0 .1em 0; }


p						{ font-size:1.2em; line-height:1.6em; margin:0 0 1.2em 0; }

#footer p				{ font-size:1em; line-height:1.4em; color:#999999; margin:0 0 .8em 0;  }

#footer a:link,
#footer a:visited		{ padding:.3em .3em .3em .3em; background:#AAAAAA; color:#EEEEEE; text-decoration: none; }

#footer a:hover,
#footer a:active		{ padding:.3em .3em .3em .3em; background:#FF7BAB; color:#EEEEEE; text-decoration: none; }

h1						{ width:260px; height:100px; background:url(images/makihamada.png) no-repeat; text-indent:-999999px; }
.sold					{ position:absolute;  top:9px; left:4px; z-index:20; 
						background:url(images/sold2.png) no-repeat; width:27px; height:27px; text-indent:-999999px;}
						
h2						{ font-weight:bold; font-size:1.8em; color:#444444; line-height:1.6em; margin:0 0 .8em 0; }
h3						{ font-weight:bold; font-size:1.6em; line-height:1.5em; color:#FF7BAB; margin:0 0 .8em 0; }
h4						{ font-weight:bold; font-size:1.6em; line-height:1.5em; color:#FF7BAB; margin:0 0 .8em 0; }
h5						{ font-size:1.1em; line-height:1.6em; width:400px; padding:0 0 .5em 0; }

h5 strong				{ font-weight:bold; font-size:1.3em; line-height:1.2em; color:#FF7BAB; margin:0 0 .8em 0; }
h6						{ visibility:hidden; }



a:link,					
a:visited				{ color:#222222; text-decoration:none; }
a:hover,
a:active				{ color:#FF7BAB; text-decoration:none; }

.edit_wrap a:link,					
.edit_wrap a:visited	{ color:#DDDDDD; text-decoration:none; }
.edit_wrap a:hover,
.edit_wrap a:active		{ color:#FF7BAB; text-decoration:none; }

a:link img,
a:visited img			{ padding:.2em 0 0 0; border-top:.2em solid #DDDDDD; }
a:hover img,
a:active img			{ padding:.2em 0 0 0; border-top:.2em solid #FF7BAB; }

ul						{ font-size:1.4em; line-height:1.8em; font-weight: bold; }

ul li					{ border-bottom:1px solid #DDDDDD; padding:.1em 0; }

ul li a:link,
ul li a:visited			{ text-decoration:none; color:#444444; margin:0 0 0 2px; }
ul li a:hover,
ul li a:active			{ text-decoration:none; color:#FF7BAB; margin:0 0 0 2px; }

.work_child a:link,
.work_child a:visited		{ color:#AAAAAA; margin:0 0 0 15px; }
.work_child a:hover,
.work_child a:active		{ color:#FF7BAB; margin:0 0 0 15px; }