/*
Theme Name: Max Seiden
Theme URI: http://maxseiden.com/
Description: Max Seiden's theme.
Version: 1.0
Author: X
Author URI: x
Tags:

*/

/* Browser reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1.25; color: #000; font-family: "Times New Roman", Times, serif; }
strong { font-weight: bold; }
em { font-style: italic; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; width: 100%;}
caption, th, td { text-align: left; font-weight: normal; }
ul,ol { margin-left: 3em; }
p { margin: 1em 0; }
a { outline: none; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


/* ***************************************************************** */

body {
	background: black url('images/background.jpg') no-repeat 50% 0%;
	font-size: 14px;
	margin-bottom: 30px;
}

#baseWrapper {
	position: relative;
	width: 971px;
	margin: 0 auto;
}

h1 {
	background: url('images/h1.png') no-repeat;
	text-indent: -2000em;
	width: 1069px;
	height: 89px; /*53px;*/
	position: absolute;
	top: 0; /*35px;*/
	left: 0;
	margin: 0;
	padding: 0;
}

#left {
	width: 250px;
	position: absolute;
	top: 125px;
	left: 0;
}

#left a,
#right a {
	color: black;
}

#base {
	position: absolute;
	width: 710px;
	top: 125px;
	right: 0;
}

#contentWrapper {
	background: white;
	width: 686px;
	margin: 0;
	padding: 12px;
}

#content {
	float: left;
	width: 445px;
	text-align: justify;
}

#right {
	width: 226px;
	margin: 0 0 0 459px;
}

#left .box {
	background: #c6d4dd;
	padding: 12px 12px 30px 12px;
	margin-bottom: 10px;
}

#audio,
#appearances,
#downloads,
#contact,
#network,
#recognition,
#gallery,
#biography {
	text-indent: -2000em;
	width: 226px;
	height: 26px;
}

#audio {
	background: url('images/h2-audio.png') no-repeat;
}

#appearances {
	background: url('images/h2-appearances.png') no-repeat;
}

#downloads {
	background: url('images/h2-downloads.png') no-repeat;
}

#contact {
	background: url('images/h2-contact.png') no-repeat;
}

#network {
	background: url('images/h2-network.png') no-repeat;
}

#recognition {
	background: url('images/h2-recognition.png') no-repeat;
}

#gallery {
	background: url('images/h2-gallery.png') no-repeat;
	margin-top: 30px;
	margin-bottom: 15px;
}

#biography {
	background: url('images/h2-biography.png') no-repeat;
	width: 445px;
	margin-bottom: 14px;
}

.credit {
	background: #c6d4dd;
	padding: 5px;
	font-size: 12px;
}

img.gallery {
	float: left;
	margin: 0 11px 0 0;
	padding: 0;
}

img.gallery.last {
	margin: 0;	
}

#footer {
	background: #c6d4dd;
	font-size: 12px;
	padding: 5px 5px 5px 12px;
	margin: 10px 0 30px 0;
}