@charset "UTF-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
Mark Schultz - HTML Site Style Sheet 

version:   1.0
author:    max herholz
email:     max@soulsun69.com
website:   http://www.soulsun69.com/
last update: 04/17/12
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

body {
	background: #000;
}

h1 {
	color: #9c0908;
	margin-left: 390px;
	padding-top: 40px;
}

h3 {
	font-weight: normal;
	font-size: 20px;
	letter-spacing: .15 em;
}

h2, h3, p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #9c0908;
}

p {
	font-size: 14px;
	line-height: 125%;
	letter-spacing: .1 em;
}

a {
	outline: none;
	text-decoration: none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #9c0908;
	line-height: 125%;
	font-size: 14px;
}

a:hover {
	color: #888;
}

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

/* =Layout
-----------------------------------------------------------------------------*/
#wrapper {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#aboutPage #bg {
	width: 1200px;
	height: 820px;
	background: #000 url(../images/aboutBG.jpg) no-repeat;
}

#filmsPage #bg {
	width: 1200px;
	height: 950px;
	background: #000 url(../images/filmsBG.jpg) no-repeat;
}

#bSidesPage #bg {
	width: 1200px;
	height: 820px;
	background: #000 url(../images/bsidesBG.jpg) no-repeat;
}

#creditsPage #bg {
	width: 1200px;
	background: #000 url(../images/creditsBG.jpg) no-repeat;
}

#contactPage #bg {
	width: 1200px;
	height: 820px;
	background: #000 url(../images/contactBG.jpg) no-repeat;
}

#content {
	width: 900px;
	position: relative;
	left: 210px;
	top: 20px;
}


/* =shareNav
-----------------------------------------------------------------------------*/
#shareMenu {
	position: absolute;
	top: 180px;
	left: 70px;
	z-index: 999;
}
#shareNav {
	width: 31px;
	height: 245px;
	background: url(../images/shareNav.jpg) no-repeat;
	position: relative;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 15px;
}

#shareNav li{
	float:left;
	overflow: hidden;
}

#shareNav li, #shareNav a {
	display: block;
	/*width: 31px;*/
	height: 33px;
	line-height: 33px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #c90000;
	text-indent: -5000px;
}


#shareNav li a:visited{
	color: #CCC; /* GREY */
}

#shareNav li a:hover {
	color: #CCC;  /* Orange */
}


#facebook {top: 0px; height: 33px; width:31px;}
#twitter {top: 35px; height: 33px; width:31px;}
#myspace {top: 70px; height: 33px; width:31px;}
#linkedin {top: 105px; height: 33px; width:31px;}
#technorati {top: 140px; height: 33px; width:31px;}
#digg {top: 175px; height: 33px; width:31px;}
#stumbleUpon {top: 210px; height: 33px; width:31px;}


/* OVER SETTINGS */
#facebook a:hover {
	background: transparent url(../images/shareNav.jpg) -31px 0px no-repeat;
}

#twitter a:hover {
	background: transparent url(../images/shareNav.jpg) -31px -35px no-repeat;
}

#myspace a:hover {
	background: transparent url(../images/shareNav.jpg) -31px -70px no-repeat;
}

#linkedin a:hover {
	background: transparent url(../images/shareNav.jpg) -31px -105px no-repeat;
}

#technorati a:hover {
	background: transparent url(../images/shareNav.jpg) -31px -140px no-repeat;
}

#digg a:hover {
	background: transparent url(../images/shareNav.jpg) -31px -175px no-repeat;
}

#stumbleUpon a:hover {
	background: transparent url(../images/shareNav.jpg) -31px -210px no-repeat;
}