/*
		stylesheet for mikiy.com
		sjt@lambenttechnology.com 25/01/2009 19:00:15
 */

* {margin: 0; padding: 0}		/* reset browser defaults */



/* TYPE */

body,
h1 .small
	{font-family: Arial, Helvetica, swiss}

h1, .bold, #NAV
	{font-family: "Arial Black", Arial, Helvetica, swiss}
	/* rendered in italic in IE, Safari */

#FIXME {font-family: "Comic Sans MS", cursive}

[lang="ja"] {font-style: normal}


/* LAYOUT */

body {position: relative} /* reference frame */
#WRAPPER {
	position: absolute; top: 0; left: 15em;
	width: 45em;
}
#NAV {
	padding: 5em 0 0 0.5em;
	position: absolute; top: 0; left: 0;
	width: 12em;
}
#NAV a#HOME {
	display: block;
	height: 60px;
	position: absolute; top: 0; left: 0.5em;
	width: 150px;
}
#FIXME {
	background: yellow;
	color: blue;
	filter: alpha(opacity=70);
	font-size: 0.8em;
	list-style: disk;
	opacity: 0.7;
	padding: 0.5em 0.5em 0.5em 2.0em;
	position: absolute; top: 17em; right: -15em;
}

#CLIENTS
{
	position: absolute; top: 4em; left: 45em;
	width: 15em;
}
#THUMBS
{
	position: absolute; top: 6em; left: 45em;
	width: 15em;
}
#DISPLAY { /* awards */
	position: absolute; top: 7em; left: 23em;
	width: 600px;
}
#W3C {
	position: absolute; top: 1em; right: 1em;
}



body {
	background: black;
	color: #888;
	font-size: medium;
	line-height: 1.4em;
}

#NAV {
	background: url(banner.gif) no-repeat 5px 5px;
	color: #555;
}
#NAV ul {
	font-size: 0.9em;
	font-style: normal;
	line-height: 2em;
	list-style: none;
	padding-left: 1em;
}
#NAV ul ul ul {
	font-size: 0.9em;
	list-style: circle;
	padding-left: 2em;
}

.langswitch {
	cursor: pointer;
	font-size: 0.6em;
	font-weight: normal;
}

#W3C {
	filter: alpha(opacity=20);
	opacity: 0.2;
}

/* homepage special cases */
.home #NAV {background-image: none}
.home #HOME {display: none}
.home img {border: none}

/*.home 				#NAV a.home,*/
.aboutme			#NAV a.aboutme,
.awards				#NAV a.awards,
.baltic				#NAV a.baltic,
.contact			#NAV a.contact,
.design				#NAV a.design,
.finland			#NAV a.finland,
.food					#NAV a.food,
.interiors		#NAV a.interiors,
.kefalonia		#NAV a.kefalonia,
.london				#NAV a.london,
.nyc					#NAV a.nyc,
.photography	#NAV a.photography,
.portfolio		#NAV a.portfolio,
.portraits		#NAV a.portraits,
.thailand			#NAV a.thailand,
.severs				#NAV a.severs,
.travel 			#NAV a.travel,
.vietnam			#NAV a.vietnam
	{color: orange}


a {
	color: #88A;
	text-decoration: none;
}
#NAV a {color: #555}
#NAV ul a:hover {color: #A53}


h1 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0.5em 0 2em 0;
	text-align: center;
}
h2 {
	font-size: 1.0em;
	font-weight: normal;
	margin: 0.5em 0 2em 0;
}

img {border: 1px solid #222}
p {margin-bottom: 0.8em}
td {vertical-align: top}

p.pic {
	display: none; /* before onload runs */
	font-size: 0.8em;
	margin-bottom: 4em;
	text-align: center;
}
p.pic img {
	display: block;
	margin: 0 auto 1em auto;
}

#CLIENTS dl,
#CLIENTS h1
	{font-size: 0.8em}
#CLIENTS dl {line-height: 1.2em}
#CLIENTS dt {
	font-weight: bold;
	padding-top: 0.4em;
}
#CLIENTS dd {
	font-style: italic;
	padding-top: 0;
}
#CLIENTS [lang="ja"] {font-style: normal}
/* .clients .colhead */
.portfolio h2,
#CLIENTS h2
{
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin: 0 0 1em 0;
	text-transform: uppercase;
}
.portfolio h2 {margin: 0}


#THUMBS {text-align: center}
#THUMBS img {
	display: block;
	margin: 1em auto;
}

div.blockleft {
	float: left;
	width: 20em;
}
div.blockright {
	margin-left: 25em;
}



/* general classes */
.dim {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.error {color: red}
.fleft {
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
}
.italic {font-style: italic}
.left {text-align: left}
/*.point {cursor: pointer}*/
.small {font-size: 0.8em}
.text {max-width: 40em}

a img,
#THUMBS img,
img.point
	{
		filter: alpha(opacity=80);
		opacity: 0.8;
	}
a img:hover,
#THUMBS img:hover,
img.point:hover
	{
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.0;
	}


/* home page layout */

.home li.dot {
	position: absolute;
	top: 0; right: 0;
}

.home #awards			{top:  4.5em; left: 35.0em;}
.home #severs			{top:  8.5em; left: 33.5em;}
.home #design			{top: 12.5em; left: 31.5em;}
.home #food				{top: 16.5em; left: 29.0em;}
.home #interiors	{top: 20.5em; left: 26.5em;}
.home #portraits	{top: 23.5em; left: 23.0em;}
.home #portfolio	{top: 26.5em; left: 19.0em;}
.home #aboutme		{top: 29.5em; left: 14.0em;}
.home #contact		{top: 32.0em; left:  7.5em;}
/*
.home #portraits	{top: 24.0em; left: 23.5em;}
.home #portfolio	{top: 26.5em; left: 19.5em;}
.home #aboutme		{top: 27.5em; left: 15.0em;}
.home #contact		{top: 28.0em; left: 10.5em;}
 */
.awards dd, .awards dt,
.journalism dd, .journalism dt, /* FIXME */
.portfolio dd, .portfolio dt
	{margin: 0}
.awards dd,
.journalism dd /*FIXME */
{
	padding: 0.3em 0 0 0.5em;
	width: 40em;
}
.portfolio dd
{
	padding: 0.3em 0 0 0;
	width: 40em;
}
.awards dt,
.journalism dt, /*FIXME */
.portfolio dt
{
	clear: left;
	padding: 0.8em 0 0 0;
}

.clients dd {
	font-size: 0.8em;
	font-style: italic;
	padding: 0 0 0.8em 0.5em;
}


.awards dl img.landscape {width: 100px}
.awards dl img.portrait {height: 100px}

/* default to English */
body.airbepal [lang="ja"],
body.journalism [lang="ja"], /*FIXME */
body.portfolio [lang="ja"]
	{display: none}