/**
 * Theme Name: Long Fellow V1
 * Theme URI: http://www.longfellowproductions.com/
 * Description: Longfellow Productions website, designed by Tom Guy (tguy@sunkingig.com).
 * Version: 1
 * Author: Ryan Sprake
 * Author URI: http://www.sunkingig.com/
 */


body {
	background-image: url(images/bg_giant.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #000000;

	margin: 0;
	padding: 20px 0 20px 0;
}


/* 
	Typography
*/
h1, h2, h3, p, li, small, a, div {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
p {
	font-size: 13px;
	color: #717171;
	line-height: 20px;
	text-align: justify;
	
	padding: 0 0 20px 0;
	margin: 0;
}
h2, h2 a, h2 a:visited {
	font-size: 18px;
	color: #89acc9;
	text-transform: uppercase;
	
	padding: 0;
	margin: 0 0 15px 0;	
}
h2, h2 a, h2 a:hover, h2 a:visited {
	text-decoration: none;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}
h3, h3 a {
	color: #89acc9;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	
	padding: 5px 0 0 0;
	margin: 0;
}
h3 a:hover {
	text-decoration: none;
	
	border-bottom: 1px dotted #cfcfcf;
}
a:link {
	color: #89acc9;
	text-decoration: none;
}
a:visited {
	color: #d0dee9;
	text-decoration: none;
}
a:hover {
	color: #89acc9;
	text-decoration: none;
	
	border-bottom: 1px dotted #cfcfcf;
}
small {
	font-size: 9px;
	color: #a8a8a8;
	
	margin: 0 0 15px 0;
}


div#wrapper {
	padding: 0 0 10px 0;
	margin: 0 auto;
	
	width: 700px;
}


/*
	Main Navigation
*/
div#navigation {
	margin: 2px 0 1px 0;
	
	width: 658px;
	height: 59px;
	
	clear: both;
}
div#logo {	
	width: 219px;
	height: 59px;
	
	float: left;
}
div#logo h1 {
	padding: 0;
	margin: 0;
}
div#logo h1 a {
	background: transparent url("images/logo.jpg") 0 0 no-repeat;
	
	text-indent: -9999px;
	height: 59px;
	display: block;
}
div#logo h1 a:hover {
	background: transparent url("images/logo.jpg") 0 -60px no-repeat;
	
	text-decoration: none;
	border-bottom: 0;
}
div#levelOneNav {
	padding: 0;
	margin: 0;
	
	float: left;
}
div#levelOneNav ul {
	background-image: url("images/navigation.jpg");
	background-repeat: no-repeat;
	
	margin: 0;
	padding: 0;
	
	width: 438px;
	height: 59px;

	position: relative;
}	
div#levelOneNav ul li {
	margin: 0;
	padding: 0;
	
	list-style: none;
	position: absolute;
	top: 0;
	
	overflow: hidden;
}	
div#levelOneNav ul li, div#levelOneNav a {
	height: 59px;
	display: block;
}
div#levelOneNav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

/* re-position the bg on hover, accesible way of having nice nav */
#levelOneNav1 { left: 0px; width: 109px; }
#levelOneNav2 { left: 109px; width: 109px; }
#levelOneNav3 { left: 218px; width: 109px; }
#levelOneNav4 { left: 327px; width: 109px; }

li#levelOneNav1 a:hover, body#section-3 #levelOneNav1 { background: transparent url("images/navigation.jpg") 0px -60px no-repeat; border: none; }
li#levelOneNav2 a:hover, body#section-2 #levelOneNav2 { background: transparent url("images/navigation.jpg") -109px -60px no-repeat; border: none; }
li#levelOneNav3 a:hover, body#section-8 #levelOneNav3 { background: transparent url("images/navigation.jpg") -218px -60px no-repeat; border: none; }
li#levelOneNav4 a:hover, body#section-5 #levelOneNav4 { background: transparent url("images/navigation.jpg") -327px -60px no-repeat; border: none; }


/*
	Overview Navigation
*/
div#overviewNav {
	width: 179px;
}
div#overviewNav ul {
	background-image:  url("images/navigation_overview.gif");
	background-repeat: no-repeat;
	
	margin: 0;
	padding: 0;
	
	width: 179px;
	height: 158px;

	position: relative;
}
div#overviewNav ul li {
	margin: 0;
	padding: 0;
	
	list-style: none;
	
	position: absolute;
	left: 0;
	
	overflow: hidden;
}	
div#overviewNav ul li, div#overviewNav a {
	width: 179px;
	height: 38px;

	display: block;
}
div#overviewNav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

/* re-position the bg on hover, accesible way of having nice nav */
li#overviewNav1 { top: 0px; height: 38px; }
li#overviewNav2 { top: 40px; height: 38px; }
li#overviewNav3 { top: 80px; height: 38px; }
li#overviewNav4 { top: 120px; height: 38px; }

li#overviewNav1 a:hover, ul#subSection-6 #overviewNav1 { background: transparent url("images/navigation_overview.gif") -179px 0 no-repeat; }
li#overviewNav2 a:hover, ul#subSection-7 #overviewNav2 { background: transparent url("images/navigation_overview.gif") -179px -40px no-repeat; }
li#overviewNav3 a:hover, ul#subSection-8 #overviewNav3 { background: transparent url("images/navigation_overview.gif") -179px -80px no-repeat; }
li#overviewNav4 a:hover, ul#subSection-9 #overviewNav4 { background: transparent url("images/navigation_overview.gif") -179px -120px no-repeat; }


/*
	Reels Navigation
*/
div#reelsNav {
	width: 179px;
}
div#reelsNav ul {
	background-image:  url("images/navigation_reels.gif");
	background-repeat: no-repeat;
	
	margin: 0;
	padding: 0;
	
	width: 179px;
	height: 118px;

	position: relative;
}
div#reelsNav ul li {
	margin: 0;
	padding: 0;
	
	list-style: none;
	
	position: absolute;
	left: 0;
	
	overflow: hidden;
}	
div#reelsNav ul li, div#reelsNav a {
	width: 179px;
	height: 38px;

	display: block;
}
div#reelsNav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

/* re-position the bg on hover, accesible way of having nice nav */
li#reelsNav1 { top: 0px; height: 38px; }
li#reelsNav2 { top: 40px; height: 38px; }
li#reelsNav3 { top: 80px; height: 38px; }

li#reelsNav1 a:hover, ul#subSection-16 #reelsNav1 { background: transparent url("images/navigation_reels.gif") -179px 0 no-repeat; }
li#reelsNav2 a:hover, ul#subSection-14 #reelsNav2 { background: transparent url("images/navigation_reels.gif") -179px -40px no-repeat; }
li#reelsNav3 a:hover, ul#subSection-12 #reelsNav3 { background: transparent url("images/navigation_reels.gif") -179px -80px no-repeat; }


/*
	Header
*/
div#header {
	background-repeat: no-repeat; 
	background-color: #000000;
	
	padding: 0;
	margin: 0;
	
	width: 657px;
	height: 357px;
}


/*
	Client Login
*/
div#clientLoginTab {
	background: url(images/btn_clientLogin.jpg) -23px 0 no-repeat;
	
	float: left;
	
	margin: 9px 0 0 0;
}
div#clientLoginTab a {	
	text-indent: -9999px;
	display: block;
	
	width: 23px;
	height: 82px;
	
	overflow: hidden;
}
div#clientLoginTab a:hover {
	background: url(images/btn_clientLogin.jpg) 0 0 no-repeat;
	
	border: none;
}


/*
	CLient is logged izzle
*/
div#clientLoggedInTab {
	float: left;	
	margin: 9px 0 0 0;
}
div#clientLoggedInTab ul {
	background: url(images/btn_clientLoggedIn.jpg) -23px 0 no-repeat;
	
	margin: 0;
	padding: 0;
	
	width: 23px;
	height: 111px;

	position: relative;
}
div#clientLoggedInTab ul li {
	margin: 0;
	padding: 0;
	
	list-style: none;
	
	/*
	position: absolute;
	top: 0;
	*/
}	
div#clientLoggedInTab ul li, div#clientLoggedInTab a {
	width: 23px;
	display: block;
}
div#clientLoggedInTab ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}
div#clientLoggedInTab ul li#clientLink1 a { height: 58px; }
div#clientLoggedInTab ul li#clientLink2 a { top: 58px; height: 54px; }

div#clientLoggedInTab ul li#clientLink1 a:hover { background: transparent url("images/btn_clientLoggedIn.jpg") 0 0 no-repeat; border: none; }
div#clientLoggedInTab ul li#clientLink2 a:hover { background: transparent url("images/btn_clientLoggedIn.jpg") 0 -58px no-repeat; border: none; }

/*
div#clientLoggedInTab a {	
	text-indent: -9999px;
	display: block;
	
	width: 23px;
	height: 82px;
}
div#clientLoggedInTab a:hover {
	background: url(images/btn_clientLoggedIn.jpg) 0 0 no-repeat;
	
	border: none;
}
*/


/*
	Secondary page
*/
div#page {
	background-color: #FFFFFF;
	
	padding: 10px;
	margin: 0 0 20px 0;
	
	float: left;
	
	width: 677px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 657px;
}
html>body #page {
	width: 657px;
}

div#content {
	margin: 2px 0 0 0;
}

div#sidebar {
	background-image: url(images/bg_sidebar.jpg);
	background-repeat: repeat-x;
	
	padding: 25px 7px 300px 7px;
	margin: 0;
	
	width: 194px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 180px;
	
	float: left
}


div.entrytext {
	background-image: url(images/bg_h2.gif);
	background-repeat: repeat-x;
	
	padding: 15px 0 15px 0;
}


/*
	Fullpage template
*/
div.fullPage {
	padding: 25px 15px 15px 15px;
}
div.fullPage div.post {
	padding: 0;
	margin: 0;
}
div.fullPage div.post div.entry {
	padding: 10px 0 0 0;
}


/*
	Reels listing
*/
div.reel {
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	
	padding: 0;
	margin: 0 10px 10px 0;
	
	float: left;
}
div.reel a:link img, div.reel a:hover img, div.reel a:visited img {
	border: none;
}
div.reel a:link {
	background: #A9A9A9;
	
	color: #FFFFFF;
	display: block;
}
div.reel a:visited {
	background: #BDBDBD;
	color: #E4E4E4;
	
	border: none;
	display: block;
}
div.reel a:hover, div.reel a:active {
	background: #E4E4E4;
	
	color: #828282;
	
	border: none;
	display: block;
}
div.reel div {
	padding: 2px;
}

div.reels div.entrytext {
	padding: 20px 0 0 0;
}


/*
	Overview, home, reels
*/
div.overview div.post, div.home div.post, div.reels div.post {
	padding: 25px 15px 15px 25px;
	
	width: 460px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 420px;
	
	float: left;
}
/*
html>body div.overview div.post, html>body div.home div.post, html>body div.reels div.post {
	width: 420px;
}
*/

div.reels div.post {
	padding: 25px 0 15px 25px;
	
	width: 460px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 435px;
	
	float: left;
}
html>body div.reels div.post {
	width: 435px;
}


/*
	Single News
*/
div.news {
	padding: 25px 15px 15px 15px;
}

img.newsRight, img.newsLeft {
	border: 4px solid #A9A9A9;
	width: 200px;
	height: 145px;
}
img.newsLeft {
	margin-right: 15px;
	float: left;
}
img.newsRight {
	margin-left: 15px;
	float: right;
}


/*
	Next/ Prev nav
*/
div.navigation {
	background-image: url(images/bg_h2.gif);
	background-repeat: repeat-x;
	
	font-size: 10px;
	text-transform: lowercase;
	
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
}
div.navigation div.alignleft {
	float: left;
}
div.navigation div.alignright {
	text-align: right;
	float: right;
}


div.home div#sidebar {
	padding: 30px 13px 100px 13px;
	
	width: 194px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 168px;
}


/*
	Homepage
*/
div.featuredReel {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 12px;
	color: #717171;
	
	padding: 0 0 20px 0;
	margin: 0 auto;
	
	width: 145px;
}
div.featuredReel p {
	font-size: 10px;
	text-transform: none;
	text-align: justify;
	line-height: 12px;
	
	padding: 5px 0 0 0;
	margin: 0;
}
div.featuredReel span.featuredTitle {
	font-size: 13px;
	font-weight: bold;
	color: #89acc9;
}
div.featuredReel div.playFeatured {
	text-transform: uppercase;
	padding: 15px 0 0 0;
}
div.featuredReel a:link img {
	border: 2px solid #89acc9;
}
div.featuredReel a:visited img {
	border: 2px solid #d0dee9;
}
div.featuredReel a:hover img {
	border: 2px solid #89acc9;
}
div.featuredReel a:hover {
	border: none;
}

div.home div#sidebar div.featuredReel img {
	border: 5px solid #FFFFFF;
	
	margin: 0 0 3px 0;
}
div.featuredReel span.featuredReel {
	font-weight: bold;
	font-size: 11px;
}


br.clear {
	clear: both;
}

span.highlight {
	font-style: italic;
	color: #89acc9;
}

div#skip { display: none; }