/* 
Stylesheet for johnnyirion.net
Prepared by Scott Reston - http://scott.therestons.com
05/2007
===============================================================*/


/* =GENERAL
===============================================================*/

body {
	font: 76% Georgia, "Times New Roman", Times, serif;
	line-height: 1.3;
	color: #333;
	background-color:#070402;
	width: 800px;
	height: 600px;
	margin: 30px auto;
	background-image: url(bg.jpg);
	background-position:center 30px;
	background-repeat: no-repeat;
	position: relative;
}


p {
	font-size: 1em;
	margin: 0 0 .5em 0; padding: 0;
}

ul, ol { margin: 1em 4ex; }

blockquote {margin: 1em 10%;}

img	{
	display: inline;
	border: none;
	margin: 0;
}

.floatleft {
	float: left;
	margin: .5em .5em .5em 0;
}
.floatright {
	float: right;
	margin: .5em 0 .5em .5em;
}

a {
	color: #B0440E;
	text-decoration: none;
	outline: none;
}

h1 {
	float: left;
	height: 220px; width: 35px;
	margin-top: 190px; margin-left: 10px;
}
	h1 a{
		display: block; height: 220px; text-indent: -9999px;
	}

h3 {
	color: #B0440E;
	font-size: 1em;
	margin: 1em 0 0 0; padding: 0;
	font-weight: bold;
}

hr {
    border-top: 1px solid #939436;
    border-bottom: 0 solid #939436;
	background-color: #939436;
	color: #939436;
	height: 1px;
}

/* =STRUCTURE
===============================================================*/

#content { 
	width: 360px;
	height: 375px;
	border: 8px solid #614C2A;
	float: right; display: inline;
	margin-top: 20px; margin-right: 25px;
	background-color: #2B261B;
	color: #D0854C;
	overflow:auto;
	padding: 5px 15px;
}

	body.homepage #content { 
		width: 446px;
		height: 480px;
		padding: 0; margin: 0;
		background: none; border: none;
	}

	body.photo #content { 
		background: none; border: none; height: 390px;
	}
#footer {
	position: absolute;
	padding-top: 180px;
	top: 424px; left: 0;
	text-align: center;
	font-size: .8em;
	color: #E6BD81;
	height: 30px; width: 800px;
	background-repeat:no-repeat;
	background-position: right top;
}

	#footer p {padding: 0; margin: 0; }

	body.contact #footer { background-image:url(footers/contact.jpg);}
	body.press #footer { background-image:url(footers/press.jpg);}
	body.photo #footer { background-image:url(footers/photos.jpg);}
	body.shows #footer { background-image:url(footers/tour.jpg);}

	#shout {
		position: absolute;
		top: 460px; left: 50px;
		width: 725px;
		font-size: 1.2em;		
		z-index: 100;
		/*color: #65573C;*/
		color: #333;
	}
	#shout a { color: #000; }
	#shout a:hover { text-decoration:underline; }

/* =MISC
===============================================================*/

q#quote-louris {
	position: absolute;
	left: 50px; top: 59px;
	display: block;
	width: 304px; height:123px;
	text-indent: -9999px;
	background-image:url(quote-louris.gif);
	background-position:center;	background-repeat:no-repeat;
}

ul#navigation {
	position: absolute;
	top: 250px; left: 80px;
	list-style-type:none;
	width: 233px;
	color: #836C1C;
	margin:0; padding:0;
}


	ul#navigation a {
		display: block;
		margin: 0 auto;
		width: 115px;
		text-indent: -9999px;
		background-image:url(nav-small.gif);
	}

		ul#navigation li#nav-press a {height:30px; background-position:115px 0;}
			ul#navigation li#nav-press a:hover { background-position:0 0;}
		ul#navigation li#nav-photos a {height:24px; background-position:115px -30px;}
			ul#navigation li#nav-photos a:hover { background-position:0 -30px;}
		ul#navigation li#nav-shows a {height:28px; background-position:115px -54px;}
			ul#navigation li#nav-shows a:hover { background-position:0 -54px;}
		ul#navigation li#nav-buy a {height:20px; background-position:115px -82px;}
			ul#navigation li#nav-buy a:hover { background-position:0 -82px;}
		ul#navigation li#nav-contact a {height:20px; background-position:115px -102px;}
			ul#navigation li#nav-contact a:hover { background-position:0 -102px;}
		ul#navigation li#nav-team a {height:35px; background-position:115px -122px;}
			ul#navigation li#nav-team a:hover { background-position:0 -122px;}
		
		
		ul#navigation li.on a { width: 233px; background-image:url(nav-big.gif); }

		
		ul#navigation li#nav-press.on a, ul#navigation li#nav-press.on a:hover { height: 65px; background-position: 0 0; }
		ul#navigation li#nav-photos.on a, ul#navigation li#nav-photos.on a:hover { height: 50px; background-position: 0 -65px; }
		ul#navigation li#nav-shows.on a, ul#navigation li#nav-shows.on a:hover { height: 60px; background-position: 0 -115px; }
		ul#navigation li#nav-buy.on a, ul#navigation li#nav-buy.on a:hover { height: 40px; background-position: 0 -175px; }
		ul#navigation li#nav-contact.on a, ul#navigation li#nav-contact.on a:hover { height: 45px; background-position: 0 -215px; }
		ul#navigation li#nav-team.on a, ul#navigation li#nav-team.on a:hover { height: 70px; background-position: 0 -258px; }