/*	yellow/gray theme
	color : #444;
	background-color:#f2ff19
*/

body {
	height : 100%;
	color : #444;
	background-color : #f2ff19;
	margin : 0 0 0 0;

/* 	Some font styles to work on:

	// default
	font: normal 700 1em 'Arial Black';

	// kill bill
	font: normal small-caps normal 1em 'Impact';	
*/
	font: normal 700 1em 'Arial Black';
	
}

h1 {
	color : #555;
}
a:link, a:visited, a:hover a:active
{
	color : #777;
	border : none;
	text-decoration : none;
	outline: none;
}
a:hover{
	color : #fff;
}

/* IE adjustments */
	a img {outline : none;}
	img{border:0;}


#container {
	width : 100%;
}

/*
===================================
	HEADER
===================================
*/
#layer1 {
	font-size:3em;
	text-align:center;
	height: 20px;
	background-color:#f2ff19;
}
#layer1 div{
	margin: 0 auto;
}

/*
===================================
	CONTENT
===================================
*/

#layer2 {
	background-color:#000;
	width:100%;
	min-height:20em;
	margin: 3em 0 3em 0;
	clear: both;
	float: left;
	padding: 2em 0 2em 0;
	overflow:hidden;
	font: normal 100 1.2em 'Arial Black';
}

#layer2 div.center
{
	text-align:center;
}

#layer2 div.gallery
{
	width:80%;
	margin:auto;
}

#layer2 ul.tn
{
	width:100%;
	clear:left;
	display: inline;
	list-style: none;
	position:relative;
	float:left;
	padding:0px;
	margin:auto;
	text-align:center;
}
#layer2 li.tn
{
	position:relative;
	display:inline;
	padding:0px;
	margin:0px;
}

#layer2 img.thumb
{
	height: 140px;
	width:  140px;
	border: 4px solid #333;
	background: #333 url('thumb.png') center;
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}
#layer2  img.thumb:hover
{	
	border : 4px solid #f2ff19;
}

#layer2 .right
{
	text-align:right;
}
#layer2 div.links
{
	text-align:left;
	margin-left:20%;
}

/*
===================================
	MENU
===================================
*/
#layer3 {
	overflow:hidden;
	clear:both;
	height:80px;
	width:100%;
	background-color:#222222;
}

#layer3 ul
{
	clear:left;
	display: inline;
	list-style: none;
	position:relative;
	float:left;
	left:50%;
	padding:0px;
	margin:0px;
}
#layer3 li
{
	position:relative;
	float:left;
	right:50%;
	padding:0px;
	margin:0px;
}
#layer3 img
{
	height: 80px;
	width:  120px;
}

#layer3 img:hover
{
	background-color : #666;
}

/*
===================================
	Footer
===================================
*/

#layer4{
	font-size:.9em;
	margin: 1em 0 1em 0;
	background-color:#f2ff19
}
#layer4 div
{
	text-align:center;
}
#layer4 img
{
	cursor:pointer;
	vertical-align:middle;
	margin:0;
}

img.next:hover, img.prev:hover
{
	opacity:0.9;
}

/*
===================================
	Flavor
===================================
*/

img.flavor {
	position:fixed;
	top:0;
	left:0;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
}

img.homeicon {
	position : absolute;
	top		: 47px;
	left	: 85%;
	clear	: both;
	height	: 110px;
	width	: 150px;
}

img.homeicon:hover {
	height 	: 120px;
	width 	: 160px;
}