/*
Author:         WRA
Author URI:     http://www.thegardenwegrow.com/
Version:	   	0.1
Project:
Description:
*/

/*
---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- RESETS
	-- BASICS
	-- STRUCTURE
	-- CUSTOM
---------------------------------------------------------------------------------------
*/


/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
	p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
		font:10pt black "Helvetica", Helvetica Neue, Arial, sans-serif;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	:focus {
		outline: 0;
	}
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/*---------------------------------------------------------------------------------------
--- BASICS / BASIC FUNCTIONS
---------------------------------------------------------------------------------------*/


a{ text-decoration:none; color:#0fb900;}
a:hover{ text-decoration:none; color:#75d177; }
a:active{ }
a:visited{ }

.left{	float:left; }
.right{	float:right; }
.clear{	clear:both; }
.padding{	padding:10px; }

img.left{	margin:0 1em 1em 0; }
img.right{	margin:0 0 1em 1em; }

#content p{	margin:1.1em 0; }


/*---------------------------------------------------------------------------------------
--- STRUCTURE					 
---------------------------------------------------------------------------------------*/

#container{width:100%;}
#content{ display:block; position:relative; width:90%; top:200px; left:60px; padding:0; margin:0;}

#header{ position:absolute; display:block; z-index: 100;}
#footer{ clear:both; }

#nav{ display:block; }

#right{ }
#left{ }

.top1{ margin-top:20px;}
.top2{ margin-top:40px;}
.top3{ margin-top:60px;}
.top4{ margin-top:80px;}
.top5{ margin-top:90px;}

.right1{ margin-left:20px;}
.right2{ margin-left:40px;}
.right3{ margin-left:60px;}
.right4{ margin-left:80px;}
.right5{ margin-left:90px;}

.left1{ margin-right:20px;}
.left2{ margin-right:40px;}
.left3{ margin-right:60px;}
.left4{ margin-right:80px;}
.left5{ margin-right:90px;}

/*---------------------------------------------------------------------------------------
--- CUSTOM [ STYLING FOR TEXT AND STRUCTURE ]
---------------------------------------------------------------------------------------*/

h1{ font:bold 20pt "Courier",mono;}
h2{ font:bold 16pt "Courier",mono;}


#nav ul{ width:100%; display:block; position:absolute; width: 320px; left:320px; top:116px;}
#nav ul li a{ display:block;  padding:0 12px 0 12px; float:left; font:normal 11pt "Helvetica", Helvetica Neue, Arial, sans-serif; color:#000; text-transform:lowercase; margin-right:24px;}
#nav ul a:hover{color:#fff; background:#000;}
#nav .select{color:#fff; background:#000;}

#header img{ width: 140px; display:block; position:absolute; left:60px; top:40px;}

p{ font:normal 10pt "Courier New", Courier, mono; }


/* HOME */

#container .homeContainer{overflow:visible;}

#bg {position: fixed;}
#bg div {height:200%; left:-50%; position:absolute; top:-50%; width:200%;}
#bg td {text-align:center; vertical-align:middle;}
#bg img {margin:0 auto; min-height:50%; min-width:50%;}

/* BIO */

#content img{ float:left; display:block;}

.bioText{ display:block; position:relative; top:60px; width:80%; text-align:left;}

#content dl{ }
#content dt{ font-size: 11pt;}
#content dd{ color:#0fb900; text-transform:lowercase; font-size: 10pt;}
#content a{ color:#0fb900; font-size: 10pt;}
#content a:visited{ color:#0fb900;}
#content a:hover{ color:#75d177;}


/* BOOK */

.book .imgTile a:hover{opacity: 0.4; filter:alpha(opacity=60)}

.imgTile{ float:left; margin-right:20px; margin-bottom:20px;}
div.imgTile img{ display:inline;}


.art{ }
.fashion{ }
.beauty{ }


/* CONTACT */

#contact{ float:left; text-align:left;}
h3{ font:bold 11pt "Courier",mono;}
address{font:normal 10pt "Courier",mono; margin-bottom:2em;}
input.custom{ background-color:black; width:400px; height:30px; border:none; font:italic bold 20pt "Baskerville", Georgia, Times; color:#fff;}
textarea.custom{ background-color:black; width:394px; height:140px; border:none; font:italic 16pt "Baskerville", Georgia, Times; color:#fff;}

.customButton{ background-color:white; border:none; font:italic 30pt "Baskerville"; cursor:pointer;}

fieldset{ margin-top:2px; width:400px;}
fieldset legend{ font:normal 10pt "Helvetica"; text-transform:lowercase;}

form{ position:absolute; display:block; width:auto; height:auto ; top:0px;left:500px;}