@charset "UTF-8";
/* CSS Document */


/*  colors

LIGHT YELLOWBODY       color:#ece3d4;
RED LINK COLOR         color:#ab2020;
ORANGE TEXT COLOR      color:#a0621b;
BLUE TEXT COLOR        color:#1e5684;  */

	
/*******************************
	Reset CSS
********************************/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
	
/*******************************
	Common CSS
********************************/


body{
	background:#000 url(../images/backgrounds/body-bg3.jpg) no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	margin: 0px;
	
	}


a img {
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}	
a { 
	color:#ab2020;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.clear {
	clear:both;
}
/*********************************************
   PAGE STYLES - HEADER AND CONTENT WRAPPER
**********************************************/


#page_wrapper {	
	background:url(../images/backgrounds/cork-bg.jpg) repeat-y;
	width: 860px;
  	margin:0px auto;
  	overflow: hidden;
  	text-align: left;
  	margin-bottom: 30px;
	
}

#header {
 	float:left;
 	width:860px;
 	height:155px;
}

.logo {
	margin:0 0 0 30px;
}

.header-image {
	margin:0 0 0 47px;
}




/*****************************
    NAVIGATION STYLES
*****************************/


#navigation_container{
	float:left;
	height:41px;
	width:860px;
}

#nav_bar{
	float:left;
	width:860px;
	height:41px;
	margin:0;
	padding:0;
	list-style:none;
}

#nav_bar li {
	float:left;
	width:auto;
}

#nav_bar li a{
	display:block;
	height:41px;
	text-indent:-9999em;
	background:url(../images/backgrounds/nav.jpg) no-repeat;
	border:none;	
}	
#nav_bar .nav_main{
	width: 97px;
	background-position: 0 0;
}	
#home #nav_bar .nav_main, #nav_bar .nav_main:hover{
	background-position: 0 -41px;
}
#nav_bar .nav_about{
	width:104px;
	background-position: -97px 0;
}
#about #nav_bar .nav_about, #nav_bar .nav_about:hover{
	background-position: -97px -41px;
}
#nav_bar .nav_cast{
	width:92px;
	background-position: -201px 0;
}
#cast #nav_bar .nav_cast, #cast-landing #nav_bar .nav_cast, #nav_bar .nav_cast:hover{
	background-position: -201px -41px;
}
#nav_bar .nav_crew{
	width:93px;
	background-position: -293px 0;
}
#crew #nav_bar .nav_crew, #crew-landing #nav_bar .nav_crew, #nav_bar .nav_crew:hover{
	background-position: -293px -41px;
}
#nav_bar .nav_photos{
	width:105px;
	background-position: -386px 0;
}
#photos #nav_bar .nav_photos, #nav_bar .nav_photos:hover{
	background-position: -386px -41px;
}
#nav_bar .nav_video{
	width:98px;
	background-position: -491px 0;
}
#video #nav_bar .nav_video, #nav_bar .nav_video:hover{
	background-position: -491px -41px;
}
#nav_bar .nav_news{
	width:152px;
	background-position: -589px 0;
}
#news #nav_bar .nav_news, #nav_bar .nav_news:hover{
	background-position: -589px -41px;
}
#nav_bar .nav_contact{
	width:119px;
	background-position: -741px 0;
}
#contact #nav_bar .nav_contact, #nav_bar .nav_contact:hover{
	background-position: -741px -41px;
}



/*****************************
   SPLASH PAGE STYLES
***************************/

#splash_wrapper {	
	width: 860px;
  	margin:150px auto;
  	overflow: hidden;
  	text-align: left;
	
}


#home-splash {
	float:left;
	width:860px;
	height:484px;
	background:url(../images/backgrounds/splash.jpg) no-repeat;
	display:inline;
}
#home-splash .logo{
	width:286px;
	height:155px;
}
#home-splash h1 {
	color:#fff;
	font-size: 18px;
	margin:0px 0 0 130px;
}
#home-splash h1 a{
	color:#fff;
	text-decoration: none;
}

#home-splash h1 a:hover{
	color:#d3d3d3;
}

/*****************************
   SHARED PAGE STYLES
*****************************/

#content {
	float:left;
	width:631px;
	background:url(../images/backgrounds/loose-leaf-bg.jpg) no-repeat;
	margin:14px 0 25px 28px;
	height:538px;
	display:inline;
}

#content .title {
	margin:34px 0 0 85px;
	
}

#content p { 
	margin:21px 15px 20px 88px;
	line-height:25px;
}
#content p.paragraph-2 { 
	margin:24px 15px 20px 88px;
	line-height:25px;
}
#content p.paragraph-3 { 
	margin:27px 15px 20px 88px;
	line-height:25px;
}

.content-image {
	float:right;
	margin:10px 10px 10px 10px;
	width:195px;
	height:201px;
}

#sidebar {
	float:left;
	width:148px;
	height:538px;
	margin:11px 0 0px 34px;
	padding-bottom: 30px;
	display: inline;
}

/*****************************
    HOME PAGE STYLES CONTENT CONTAINER
*****************************/

#home #page_wrapper {	
	background:url(../images/backgrounds/cork-bg-home.jpg) repeat-y;
	width: 860px;
	height:1020px;
  	margin:0px auto;
  	overflow: hidden;
  	text-align: left;
	
}
#home #header {
 	float:left;
 	width:860px;
 	height:155px;
}

#home .logo {
	margin:0 0 0 20px;
}

#home .header-image {
	margin:0 0 0 20px;
	width:448px;
	height:145px;
	vertical-align:top
}

#home-content {
	float:left;
	position:relative;
	width: 860px;
}

#home-content .amber-tyler {
	margin-top:9px;

}

#home-content .jade-ace {
	position:absolute;
	top:9px;
	left:227px;

}

#home-content .read-blog {
	position:absolute;
	top:9px;
	left:489px;

}


#home-content .lexi-jade {
	position:absolute;
	top:120px;
	left:499px;

}

#home-content .pic-strip {
	position:absolute;
	top:9px;
	left:701px;

}

#home-content .my-boys {
	position:absolute;
	top:296px;
	left:0px;

}

#home-content .brit-tyler {
	position:absolute;
	top:302px;
	left:243px;

}

#home-content .hank-sheila {
	position:absolute;
	top:387px;
	left:477px;

}

#home-content .mom-jade {
	position:absolute;
	top:520px;
	left:0px;

}

#home-content .cameron {
	position:absolute;
	top:564px;
	left:290px;

}

#home-content .sheila-copy {
	position:absolute;
	top:564px;
	left:695px;

}


/*****************************
   ABOUT PAGE STYLES
*****************************/

/*****************************
  CAST LANDING PAGE STYLES
*****************************/

#cast-landing-content{
	float:left;
	width:860px;
	margin:20px 0 25px 52px;
	display:inline;
}


#cast-landing-content img{
 margin: 0 70px 0 0px;
}



/*****************************
   CAST PAGE STYLES
*****************************/
#next-previous {
	float:left;
	position: relative;
	width: 631px;
	height:28px;
}

.previous-button {
	text-decoration:none;
	border:0;
	background:url(../images/buttons/previous.gif) no-repeat 0 0;	
	height:24px;
	width:92px;
	position: absolute;
	left:260px;
	
}

.previous-button:hover{
	background-position: 0 -24px;
}

.previous-button a{
	display: block;
	height: 24px;
	text-indent: -9999px; 
}

.next-button {
	text-decoration:none;
	border:0;
	background:url(../images/buttons/next.gif) no-repeat 0 0;	
	height:24px;
	width:56px;
	position: absolute;
	left:360px;

}

.next-button:hover{
	background-position: 0 -24px;
}

.next-button a{
	display: block;
	height: 24px;
	text-indent: -9999px; 
}

.charissa-imdb{
	float:left;
	width:65px;
	padding: 0px 8px 0px 8px;
	font-size: 13px;
	font-weight: bold;
	display: inline;
}

.gillian-imdb{
	float:left;
	width:50px;
	padding: 0px 8px 0px 30px;
	font-size: 13px;
	font-weight: bold;
}

.imdb-button{
	float:left;
	width:46px;
}

/*****************************
   CREW PAGE STYLES
*****************************/

#crew-landing #content {
	float:left;
	width:631px;
	background:url(../images/backgrounds/loose-leaf-bg.jpg) no-repeat;
	margin:14px 0 25px 28px;
	min-height:658px;
	height: auto !important;
	height:658px;
	display:inline;
}

#crew-landing .content-image {
	float:left;
	margin:10px 50px 10px 10px;
	width:195px;
	height:201px;
}

#crew-landing #sidebar {
	float:left;
	width:148px;
	height:538px;
	margin:11px 0 0px 34px;
	padding-bottom: 230px;
	display: inline;
}
#crew-landing .position {
	font-weight:bold;
	font-size:12px;
	padding-right:10px;
}

#crew-col1{
 	float: left;
 	width: 370px;
 	margin:0 0px 0 0;
}

#crew-col2 {
	float: left;
 	width: 250px;
 	margin: 0 0 0 0px;
 	display:inline;

}
#crew-col2 p{
	padding: 0 0 0 10px;
	margin: 0;
}
/*****************************
   PAGE COUNTER STYLES
*****************************/


.page_counter {
	display:block;
	float:left;
	width:550px;
	padding: 5px 0 10px 0; 
	height: 25px;
	clear:both;
	text-align:center;
}
.page_counter a.qp_next, .page_counter a.qp_prev, .page_counter span.qp_counter {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#45669d;
	text-transform:uppercase;
	padding-right:12px;

}

.page_counter a.qp_next:hover, .page_counter a.qp_prev:hover {
	color:#45669d;
	text-decoration:underline;
}
/*****************************
   VIDEO PAGE STYLES
*****************************/
#video-content{
	float:left;
	width:860px;
	text-align: center;
	margin: 30px 0 30px 0;
}

/*****************************
   NEWS PAGE STYLES
*****************************/
#news #content {
	float:left;
	width:631px;
	background:url(../images/backgrounds/loose-leaf-bg.jpg) no-repeat;
	margin:14px 0 25px 28px;
	height:700px;
	display:inline;
}

#news p{
	margin:18px 15px 20px 88px;
	line-height:25px;
	font-size: 18px;
	width:500px;
}

#mailing-list {
	width:207px; 
	margin:40px 0 0 88px;
	
	border:4px groove gray;
}

#mailing-list p{
	margin:13px 0 8px 10px;
	font-size: 13px;
}

/*****************************
  CONTACT PAGE STYLES
*****************************/
#contact p{
	margin:18px 15px 20px 88px;
	line-height:25px;
	font-size: 18px;
}



/*****************************
   PHOTOS PAGE STYLES
*****************************/
#photos_content{
	float:left;
	width:860px;
	text-align: center;
	margin: 30px 0 30px 20px;
	display: inline;
}

