/********** Mark Mancina Website CSS **********/

body {
	padding:0px; margin:0px;
	background:#630F04 url('/img/global/page-bkg.jpg') top center no-repeat;
	color:#fff;
}

div#wrapper {
	left:50%;
	width:802px !important;
	z-index:1;
	padding:0px; margin:0px;	
	margin-left:-400px;
	position: relative;
}

#header {
	padding:0px; margin:0px; position:relative; height:75px;
}

#header h1 {
	position:relative;
	padding:0px; margin:0px;
}

#header span { display:none;}


#header ul#nav {
	padding: 0px; margin:0px;
	width: 800px;
	height: 21px;
}

#header ul#nav li {
	list-style-type: none;
	padding: 0px; margin: 0px;
	float: left;
}

#header ul#nav li a:hover {
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
}

#header ul#nav li a {
	padding: 0px; margin: 0px;
	display: block;
	background-position:top left;
	background-repeat:no-repeat;
	height:21px;
}

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

h2 {padding:0px; margin:10px 0px 0px 0px;}

h2 span {display: none;}

h2 { height:43px; width: 490px;}

h2.perks { background-image:url("/img/headers/perks.jpg"); }
h2.biography { background-image:url("/img/headers/biography.jpg"); }
h2.contact { background-image:url("/img/headers/contact.jpg"); }
h2.currentprojects { background-image:url("/img/headers/currentprojects.jpg"); }
h2.instruments { background-image:url("/img/headers/instruments.jpg"); }
h2.latestnews { background-image:url("/img/headers/latestnews.jpg"); }
h2.projects { background-image:url("/img/headers/projects.jpg"); }
h2.recentalbums { background-image:url("/img/headers/recentalbums.jpg"); width:250px;}
h2.sitbacklisten { background-image:url("/img/headers/sitbacklisten.jpg"); }
h2.media { background-image:url("/img/headers/media.jpg"); }
h2.studio { background-image:url("/img/headers/studio.jpg"); }
h2.admin { background-image:url("/img/headers/administration.jpg"); }

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

img.topleft {float: left; margin: 0px 10px 10px 0px;}
img.midleft {float: left; margin: 10px 10px 10px 0px;}
img.bottomleft {float: left; margin: 10px 10px 0px 0px;}

img.topright {float: right;	margin: 0px 0px 10px 10px;}
img.midright {float: right;	margin: 10px 0px 10px 10px;}
img.bottomright {float: right;	margin: 10px 0px 0px 10px;}

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

div#column {
	float:left;
	width:355px;
	padding: 0px;
	margin: 0px 20px 0px 0px;
}

div#leftcol {
	float:left;
	width:490px;
	padding: 0px;
	margin: 0px 20px 0px 20px;
}

div#rightcol {
	float:left;
	width:270px;
	padding: 0px;
	margin: 0px;
	text-align:left;
}

div#mp3player {
	width: 485px;
	margin: 10px auto;
}

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

ul#projects {
	list-style-type: none;
	padding:0px; margin:10px 0px;
}

ul#projects li img { border:1px solid #000; }


ul#covers {
	list-style-type: none;
	padding:0px; margin:10px 0px;
}

ul#covers li {
	margin:0px 0px 6px 0px;
}

ul#covers li img { border:1px solid #000; }

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

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-transform:uppercase;
}

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

ul.projects, ul.songs {
	padding: 0px; margin:10px 0px;
	list-style-type:none;
}

ul.projects li { margin:0px 0px 4px 0px;}

ul.songs li {
	margin: 0px 0px 10px 0px;
	padding:5px;
	border-bottom: 1px solid #778711;
}


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

h3.title {
	font-size:20px;
	padding: 0px; margin: 10px 0px 5px 2px;	
}

h3.title small {
	font-size: 14px; font-style: italic; text-transform:none;
}

table.album tr td.cover {
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

table.album tr td.cover img {
	border: 1px solid #000;
	margin: 0px 0px 4px 0px;
}

table.album tr td.tracks {
	padding: 0px 0px 0px 10px;
}

table.album tr td.tracks ol {
	padding: 0px; margin:4px 0px 4px 25px;
}

table.album tr td.tracks p {
	margin:0px 0px 5px 0px;
	padding: 0px;
}
/*******************************************************/

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px; color:#CBC125;
	margin:0px 0px 0px;
	padding: 10px 0px 0px 0px;
	height: 101px;
	text-align:center;
	background:#630F04 url('/img/global/footer-bkg.jpg') top center no-repeat;
}

#footer a {color:#CBC125; text-decoration:none;}
#footer a:hover {text-decoration:underline;}


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

.videopop {
	float:left;
	width:100%; height:100%;
	left:0px; top:0px;
	margin:0px auto;
	padding:40px;
	position:fixed;
	background-image:url(/img/global/overlay.png);
	background-repeat:repeat;
	text-align:center;
}

* html .videopop {
	position:absolute;
}

object#youtube {
	width:400px;
	margin:40px auto;
}