/*-----------------------------------------------------------------------------
Terpning - "The Good Guy" HTML Site Style Sheet 

version:   1.0
author:    max herholz
email:     max@soulsun69.com
website:   http://www.soulsun69.com/
last update: 01/21/10
-----------------------------------------------------------------------------*/

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


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


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

body {
	background-color: #000;
	text-align: center;
}

a {
   outline: none;
}

/* =Layout
-----------------------------------------------------------------------------*/
#wrapper {
	width: 1160px;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 20px;
	background: #000;
	text-align: left;
}

* html {
	padding-bottom: 20px; /* IE 6 adjustment */
}


/* =Header
-----------------------------------------------------------------------------*/
#header {
	width: 645px;
	height: 28px;
	position: relative;
	overflow: hidden;
	margin-left: 258px;
	line-height: 28px;
	color: #7f7d54;
	font-size: 15px;
}

#header span {
	background:url(../images/actorNames.jpg) no-repeat; 
	position: absolute;
	width: 100%;
	height: 100%;
}


#title {
	width: 635px;
	height: 90px;
	position: relative;
	overflow: hidden;
	margin-left: 262px;
}

#title span {
	background:url(../images/titleTreatment.jpg) no-repeat; 
	position: absolute;
	width: 100%;
	height: 100%;
}

#title p {
	font-size: 18px;
	color: #FFF;
	text-align: center;
}

#title h1 {  
	font-size: 60px;
	color: #FFF;
	text-align: center;
}

#matchTitle {
	width: 635px;
	height: 90px;
	position: relative;
	overflow: hidden;
	margin-left: 262px;
}

#matchTitle span {
	background:url(../images/titleTreatment2.jpg) no-repeat; 
	position: absolute;
	width: 100%;
	height: 100%;
}

#matchTitle p {
	font-size: 18px;
	color: #FFF;
	text-align: center;
}

#matchTitle h1 {  
	font-size: 60px;
	color: #FFF;
	text-align: center;
}

/* =mainNav
-----------------------------------------------------------------------------*/
#enterSite {
	width: 120px;
	height: 30px;
	font-size: 16px;
	display: block;
	margin: 10px 0 0 520px;
	background: url("../images/enterBtn.jpg") no-repeat 0 0;
}

#enterSite:hover {background-position: 0 -30px;}
#enterSite span {display: none;}


#mainNav{ 
	width: 435px;
	height: 30px;
	margin-left: 362px;
	margin-top: 10px;
	background: #000 url(../images/mainNav.jpg) no-repeat;
	position: relative;
	font-size:14px;
}

#mainNav li{
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#mainNav li, #mainNav a {
	height: 30px;
	display: block;
	line-height: 30px;
	text-decoration: none;
	text-indent: -5000px;
}

/* Link Positions */
#homeBtn { left: 0px; width: 75px; }	
#aboutBtn { left: 90px; width: 140px; }
#galleryBtn { left: 245px; width: 90px; }
#videoBtn { left: 350px; width: 85px; }

/* Hover Positions */
#homeBtn a:hover { background: transparent url(../images/mainNav.jpg) 0 -30px no-repeat; }
#aboutBtn a:hover { background: transparent url(../images/mainNav.jpg) -90px -30px no-repeat; }
#galleryBtn a:hover { background: transparent url(../images/mainNav.jpg) -245px -30px no-repeat; }
#videoBtn a:hover { background: transparent url(../images/mainNav.jpg) -350px -30px no-repeat; }


/* Selected State */
#home #homeBtn a {background: transparent url(../images/mainNav.jpg) 0 -30px no-repeat; cursor: default; }
#about #aboutBtn a { background: transparent url(../images/mainNav.jpg) -90px -30px no-repeat; cursor: default; }
#gallery #galleryBtn a { background: transparent url(../images/mainNav.jpg) -245px -30px no-repeat; cursor: default; }
#videos #videoBtn a { background: transparent url(../images/mainNav.jpg) -350px -30px no-repeat; cursor: default; }


/* =shareNav
-----------------------------------------------------------------------------*/
#shareNav{ 
	width: 160px;
	height: 24px;
	margin-left: 490px;
	margin-top: 20px;
	background: #000 url(../images/shareNav.jpg) no-repeat;
	position: relative;
	font-size:14px;
}

#shareNav li{
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#shareNav li, #shareNav a {
	height: 24px;
	display: block;
	line-height: 24px;
	text-decoration: none;
	text-indent: -5000px;
}

/* Link Positions */
#digg { left: 44px; width: 24px; }
#stumbleUpon { left: 65px; width: 24px; }
#flicker { left: 89px; width: 24px; }
#myspace { left: 112px; width: 24px; }
#facebook { left: 134px; width: 24px; }

/* Hover Positions */
#digg a:hover { background: transparent url(../images/shareNav.jpg) -44px -24px no-repeat; }
#stumbleUpon a:hover { background: transparent url(../images/shareNav.jpg) -65px -48px no-repeat; }
#flicker a:hover { background: transparent url(../images/shareNav.jpg) -89px -24px no-repeat; }
#myspace a:hover { background: transparent url(../images/shareNav.jpg) -112px -48px no-repeat; }
#facebook a:hover { background: transparent url(../images/shareNav.jpg) -134px -24px no-repeat; }



/* =Content
-----------------------------------------------------------------------------*/
#index #content, #videos #content {
	width: 1160px;
	height: 460px;
	background:url(../images/indexBack.jpg) no-repeat; 
}

#home #content {
	width: 1160px;
	height: 535px;
	background:url(../images/homeBack.jpg) no-repeat; 
}

#about #content {
	width: 1160px;
	height: 500px;
	background:url(../images/videoBack.jpg) no-repeat;
}

#gallery #content {
	width: 1160px;
	height: 590px;
}

#trailer {
	width: 520px;
	height: 320px;
	padding-top: 15px;
	margin-left: 320px;
}

#video {
	width: 520px;
	height: 360px;
	margin-left: 320px;
}

#restrictions {
	width: 630px;
	margin-top: 25px;
	margin-left: 265px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	line-height: 150%;
}

#rating {
	font-size: 15px;
	margin-bottom: 8px;
}

/* =Content
-----------------------------------------------------------------------------*/
#match #content {
	width: 1160px;
	height: 485px;
	background:url(../images/matchBack.jpg) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#match #content a {color: #bbbb9b; text-decoration: none;}
#match #content a:hover {color: #FFF; text-decoration: none;}
#match #content h3 {color: #bbbb9b; font-size: 15px; font-weight: normal;}

#matchHeader {
	width: 640px;
	height: 95px;
	position: relative;
	overflow: hidden;
	margin-left: 260px;
	color: #7f7d54;
	font-size: 15px;
}

#matchHeader span {
	background:url(../images/match/matchHeader.jpg) no-repeat; 
	position: absolute;
	width: 100%;
	height: 100%;
}

#matchHeader h2 {
	font-weight: normal;
	color: #bbbb9b;
	font-size: 25px;
	text-align: center;
}

#matchHeader p {
	color: #7f7d54;
	font-size: 20px;
	text-align: center;
}

.rsvp {
	color: #bbbb9b;;
	font-size: 10px;
	text-align:center;
}

#newYork {
	float: left;
	margin-top: 25px;
	margin-left: 200px;
	width: 320px;
	color:#7f7d54;
	font-size: 14px;
	text-align: center;
	line-height: 130%;
}


#losAngeles {
	margin-top: 25px;
	margin-bottom: 15px;
	margin-right: 200px;
	float: right;
	width: 320px;
	color:#7f7d54;
	font-size: 14px;
	text-align: center;
	line-height: 130%;
}

#oc {
	clear: both;
	margin-left: 420px;
	width: 320px;
	color:#7f7d54;
	font-size: 14px;
	text-align: center;
	line-height: 130%;
}


/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
	text-align: center;
}