/*
**

BODY

**
*/

body
{
	color: #E5FFCC;
	background: #065;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
}

h1, h2, h3
{
	font-weight: normal;
	letter-spacing: -1px;
}

#body
{
	position: relative; /* IE FIX */
	background: #065 url(background.gif) center 140px no-repeat;
}

a
{
	color: #6EAE44;
}

a:hover
{
	color: white;
}

/*
**

MORE

**
*/

#more
{
	background: #033 url(more.gif) bottom center no-repeat;
}

/*
**

CONTACT

**
*/

#more-contact,
div.contact
{
	position: relative;
	width: 446px;
	height: 256px;
	margin: 0px auto;
	padding: 30px 0px;
	background: url(contact.gif) 0px 30px no-repeat;
}

#more-contact h1,
div.contact h1
{
	margin-top: 0px;
}

#more-contact label,
div.contact label
{
	display: none;
}

#more-contact input,
div.contact input
{
	position: absolute;
	left: 8px;
	top: 62px;
	width: 430px;
	height: 20px;
	font-size: 16px;
	border: none;
	background: none;
}

#more-contact textarea,
div.contact textarea
{
	position: absolute;
	left: 8px;
	top: 102px;
	width: 430px;
	height: 150px;
	border: none;
	background: none;
}

#more-contact button,
div.contact button
{
	position: absolute;
	border: none;
	left: 340px;
	top: 258px;
	width: 106px;
	background: url(contact-submit.gif) no-repeat;
	height: 28px;
	cursor: pointer;
	text-indent: -10000px;
}

#more-contact button:hover,
div.contact button:hover
{
	background-position: 0px -28px;
}

/*
**

TITLE

**
*/

#title
{
	position: relative;
	background: url(title.gif) center top no-repeat;
	height: 140px;
	margin-bottom: 2em;
}

#title ul
{
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	left: 50%;
	top: 60px;
	margin-left: -150px;
	font-size: 20px;
}

#title li
{
	display: inline;
	margin-right: 2ex;
	letter-spacing: -1px;
}

#title a
{
	text-decoration: none;
}

#link-home
{
	width: 140px;
	height: 0;
	padding-top: 140px;
	overflow: hidden;
	background: url(logo.gif) no-repeat 0px 0px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -322px;
	outline: none;
}

#title li.legend
{
	width: 124px;
	height: 90px;
	overflow: hidden;
	background: url(legend.png) no-repeat 0px 0px;
	display: block;
	margin: 0 0 0 40px;
	position: absolute;
	left: 100%;
	top: 52px;
}

#title li.legend small
{
	display: block;
	width: 124px;
	height: 0;
	padding-top: 90px;
	overflow: hidden;
	background: url(legend.png) no-repeat 0px -90px;
}

/*
**

TOGGLE

**
*/

#shops-toggle,
#toggle-contact,
#toggle-music
{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-top: -20px;
	height: 0px;
	padding-top: 60px;
	overflow: hidden;
	outline: none;
}

#shops-toggle
{
	margin-left: 150px;
	width: 174px;
	background: url(navigation-points.gif) no-repeat;
}

#shops-toggle:hover,
#shops-toggle.active,
#toggle-contact:hover,
#toggle-contact.active
{
	background-position: 0px -60px;
}

#toggle-contact
{
	margin-left: 324px;
	width: 110px;	
	background: url(navigation-contact.gif) no-repeat;
}

#toggle-music
{
	padding-top: 20px;
	padding-left: 10px;
	margin-left: 424px;
	width: 60px;
	height: 40px;
	/*background: url(navigation-music.gif) no-repeat;*/
}

/*
**

MORE SHOPS

**
*/

#more-shops
{
	padding: 0 0 2em 0;
}

#more-shops div.column
{
	width: 33%;
	float: left;
	text-align: center;
}

#more-shops h2
{
	margin-top: 2em;
	font-size: 1.4em;
	color: #73b391;
}

#more-shops h3
{
	margin-bottom: 0;
}

#more-shops p
{
	margin-top: 0;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
}

#more-shops a
{
	color: #E5FFCC;
}

#more-shops a:hover
{
	color: white;
}

/*
**

MAIN

**
*/

#main
{
	width: 700px;
	margin: 1em auto;
}

#main p
{
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
/*	font-size: 1.2em;*/
	line-height: 1.4em;
	text-align: justify;
}


/*
**

INTRO

**
*/

#intro
{
	font-size: 1.2em;
}

#intro p:first-child:first-letter
{
	display: block;
	float: left;
	font-size: 4em;
	margin-top: -0.05em;
	line-height: normal; /* IE fix */
}

/*
**

FOOTER

**
*/

#foot
{
	clear: both;
	
	margin: 3em auto 1em auto;
	text-align: center;

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	
	letter-spacing: 1px;
}

/*
**

JOURNAL 

**
*/

#journal
{
	width: 660px;
	margin: 1em auto;
	padding: 20px;
	color: #5A7819;
	background: #A6CE39;
}

#journal h1
{
	font-weight: normal;
	margin-top: 0;
}

#journal h2
{
	font-weight: normal;
}

#journal ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#journal li
{
	display: block;
	padding-bottom: 1em;
	margin: 1em 0;
	border-bottom: 1px dashed #065;
}

#journal li:last-child
{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}