/* CSS Document */
/*
=========================================

Project Name: Lone Twin/Storyline Entertainment
Creation date: 24 May 2011
Last modified: 24 May 2011
Version: 0.1
Author: Anne-Marie Estrada | lostandfoundit@gmail.com | inthelostandfound.com

===========[TABLE OF CONTENTS]===========

1. CSS RESET
2. GLOBAL SETTINGS
3. PAGE STRUCTURE (WRAPPER, HEADER, CONTENT, stickyFOOTER)
4. HEADER (LOGO, NAV)
5. TEXT STYLES (HEADINGS, LINKS)
6. CLEARFIX
7. FOOTER CONTENT
8. SHADOWBOX 3.0.3.
=========================================
*/

/* CSS RESET --------------------------------------------------- */
/* 
CSS Mini Reset
http://www.vcarrer.com/2010/05/css-mini-reset.html
CSSresetr.com
*/
html, body, div, form, fieldset, legend, label{ margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0;}
th, td { text-align: left; vertical-align: top; }
h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }
img { border: 0; }
ol, ul { list-style-type : none; }

/* GLOBAL SETTINGS --------------------------------------------- */

html,
body {
	margin:0;
	padding:0;
	height:100%;
	background: url("images/bg.gif") repeat;
}
 
body {
font:100%/1.25 Cambria, Georgia, serif;
}

/* PAGE STRUCTURE --------------------------------------------- */

#wrapper {
	width:960px;
	background: url("images/headerv2-bg.png") no-repeat;
	margin: 0 auto -100px; /* The negative margin should always equal the full height
							of the footer (including any padding or borders you may add)*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#social {
	position:absolute;
	top:20px;
    right:0px;
    width:55px;
	height:105px;
	padding-top:15px;
	background: url("images/icons-bg.png") transparent no-repeat;
	}

.icon {
		padding-left:12px;
		padding-top:1px;
		}
		
#header {
	height:420px;
	padding:0px;
	}

#content {
	padding:30px 70px 40px 200px;
	}

#footer { 
	width:960px;
	margin:0 auto;
	height: 100px; /* same as negative margin */
	clear:both;
	background: url("images/footer3.png") no-repeat;
	}
	
	
.push {
	height: 100px; /* same as negative margin */
	clear:both;
}	
	

/* HEADER --------------------------------------------- */

/* logo */
#logo h1 {
	text-indent:-9999px;
	}
	
/* navigation */
ul#nav {
	list-style: none;
	margin: 310px 50px 0 155px; 
	}
	
ul#nav li {
   float: left;
   font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-style:normal;
	text-transform:uppercase;
	font-size:0.9em;
	line-height:1.8em;
}
ul#nav li a {
	display: block;
	color: #000;
	padding:0 0.5em 0.1em;
	text-decoration:none;	
}

ul#nav li a:hover {
	text-decoration:none;	
	color: #FFF;
	text-shadow: 0px 0px 3px #212020;
  
}

/* TEXT STYLES  ----------------------*/
/* Headings */
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
font-family: 'NewBaskervilleFSItalic', "Times New Roman", Baskerville, "Baskerville old face", serif;
}
 
h1 {
font-size:4em;
line-height:80%;
letter-spacing:0.04em;
font-style:italic;
}
 
h2 {
font-size:3em;
line-height:80%;
}
 
h3 {
font-size:2em;
line-height:80%;
letter-spacing:0.04em;
}

p {
margin:0;
line-height:140%;
}

/* @font-face */
@font-face {
    font-family: 'NewBaskervilleFSItalic';
    src: url('webfonts/NewBaskerville-It-webfont.eot');
    src: url('webfonts/NewBaskerville-It-webfont.eot?iefix') format('eot'),
         url('webfonts/NewBaskerville-It-webfont.woff') format('woff'),
         url('webfonts/NewBaskerville-It-webfont.ttf') format('truetype'),
         url('NewBaskerville-It-webfont.svg#webfonthWwAW2HU') format('svg');
    font-weight: normal;
    font-style: italic;

}

/*links */

a:link, a:visited {
	font-weight: normal;
	outline: none;
	color: #3792b3;
	text-decoration:underline;
	}
	
a:hover {
	font-weight: normal;
	outline: none;
	color: #99938b;
	text-decoration:underline;
	}

/* OR
a,
a:link,
a:visited,
a:hover, 
a:active {
text-decoration:underline;
}
*/ 


/* CLEARFIX ------------------------------*/
/* self-clear floats */
/* Cederholm, Handcrafted CSS, Chapter 5 */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* FOOTER CONTENT ------------------------------*/	

.copy {
	margin-top:70px;
	font-size:0.8em;
	margin-right:40px;
	float:right;}

/* storyline links */

ul#storyline {
	margin-top:62px;
	float:left;
	margin-left:150px;
	list-style: none;
	}
	
ul#storyline li {
	float: left;
	font-family: 'NewBaskervilleFSItalic', "Times New Roman", Baskerville, "Baskerville old face", serif;
	font-style:italic;
	font-size:1.1em;

}
ul#storyline li a {
	display: block;
	color: #000;
	padding:0 0.3em;
	text-decoration:none;	
	}

ul#storyline li a:hover {
	text-decoration:none;	
	color: #FFF;
 
}	

/* SHADOWBOX 3.0.3. --------------------------*/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:12px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:12px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/close.png);}
#sb-nav-next{background-image:url(images/next.png);}
#sb-nav-previous{background-image:url(images/previous.png);}
#sb-nav-play{background-image:url(images/play.png);}
#sb-nav-pause{background-image:url(images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}