/*
Theme Name: A Genesis Found
Theme URI: http://www.agenesisfound.com
Description: Theme for the film A Genesis Found.
Author: Lucky Code Studio
Author URI: http://www.luckycodestudio.com
.
Site design by Ink Matter http://www.inkmatter.com
.
*/



/* RESET */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*PNG HACK */

img, div { behavior: url(iepngfix.htc) }

/* General Styling */
body {
	background-image: url(images/background.jpg);
	background-color: #060400;
	background-repeat: no-repeat;
}


#splash-wrapper {
	background-image: url(images/splashpage-journal.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 920px;
	height: 910px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	text-indent: -9000px;
}

#enter {
	margin-left: 729px;
	margin-top: 435px;
	width: 191px;
	height: 100px;
}


#enter a{
	background-image: url(images/enter.png);
	background-position: 0px 0px;
	text-indent: -9000px;
	width: 191px;
	height: 100px;
	display: block;

}
#enter a:hover{
	background-image: url(images/enter.png);
	background-position: 0px -100px;
	text-indent: -9000px;
	width: 191px;
	height: 100px;
	display: block;

}

.clear {
	clear: both;
}

#wrapper {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 1024px;
	height: 350px;
	background-image: url(images/header.png);
	background-position: top center;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

#wrapper-main {
	width: 1024px;
	height: 966px;
	background-image: url(images/bg-main.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: -140px;

}

#main {
	width: 650px;
	height: 966px;
	background-image: url(images/bg-main-book.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 100px;
	float: left;

}


#nav {
	padding-top: 50px;
	
}

#nav ul li
{
	list-style-type:none;
	display:block;
	float:left;

}

#nav ul li a
{
	display:block;
	text-indent:-9009px;
}

#nav-home a{
	background-image: url(images/nav.png);
	width: 80px;
	height: 46px;
	background-position: 0px 0px;
	
}
#nav-home a:hover{
	background-image: url(images/nav.png);
	width: 80px;
	height: 46px;
	background-position: 0px -46px;
	
}


#nav-production a{
	background-image: url(images/nav.png);
	width: 106px;
	height: 46px;
	background-position: -80px 0px;
	
}


#nav-production a:hover{
	background-image: url(images/nav.png);
	width: 106px;
	height: 46px;
	background-position: -80px -46px;
	
}


#nav-screenings a{
	background-image: url(images/nav.png);
	width: 104px;
	height: 46px;
	background-position: -186px 0px;
	
}
#nav-screenings a:hover{
	background-image: url(images/nav.png);
	width: 104px;
	height: 46px;
	background-position: -186px -46px;
	
}


#nav-news a{
	background-image: url(images/nav.png);
	width: 73px;
	height: 46px;
	background-position: -290px 0px;
	
}
#nav-news a:hover{
	background-image: url(images/nav.png);
	width: 73px;
	height: 46px;
	background-position: -290px -46px;
	
}



#nav-castandcrew a{
	background-image: url(images/nav.png);
	width: 142px;
	height: 46px;
	background-position: -363px 0px;
	
}
#nav-castandcrew a:hover{
	background-image: url(images/nav.png);
	width: 142px;
	height: 46px;
	background-position: -363px -46px;
	
}




#nav-connect a{
	background-image: url(images/nav.png);
	width: 95px;
	height: 46px;
	background-position: -505px 0px;
	
}
#nav-connect a:hover{
	background-image: url(images/nav.png);
	width: 95px;
	height: 46px;
	background-position: -505px -46px;
	
}


.hr {
	background-image: url(images/hr.png);
	width: 540px;
	height: 15px;
	margin-left: 30px;
	margin-right: auto;
}

#heading-image {
	background-image: url(images/headingimage-home.png);
	width: 531px;
	height: 285px;
	margin-left: 50px;

}

#copy {
	font-family: Georgia, Times, Times New Roman, serif;
	color: #34190b;
	font-size: 14px;
	line-height: 19px;
	width: 510px;
	margin-left: 50px;
	margin-right: auto;
	height: 410px;

}

#copy h2{
	font-family: Georgia, Times, Times New Roman, serif;
	color: #34190b;
	font-size: 18px;
	line-height: 40px;

}

#copy p{
	padding-bottom: 14px;
}

#copy strong {
	font-weight: bold;
}

#copy a:link, #copy a:visited {
	color: #7c3900;
	
}
#copy a:hover {
	color: #34190b;
	
}


small {
	font-size: 12px;
	font-style: italic;
}

#tiles {
	margin-left: 50px;
	padding-top: 10px;

}

#tiles ul li
{
	list-style-type:none;
	display:block;
	float:left;

}

#tiles ul li a
{
	display:block;
	text-indent:-9009px;
}

#tiles-blog a{
	background-image: url(images/tiles.png);
	width: 151px;
	height: 56px;
	background-position: 0px 0px;
	
}
#tiles-blog a:hover{
	background-image: url(images/tiles.png);
	width: 151px;
	height: 56px;
	background-position: 0px -56px;
	
}


#tiles-event a{
	background-image: url(images/tiles.png);
	width: 197px;
	height: 56px;
	background-position: -151px 0px;
	
}


#tiles-event a:hover{
	background-image: url(images/tiles.png);
	width: 197px;
	height: 56px;
	background-position: -151px -56px;
	
}


#tiles-nocturnalthird a{
	background-image: url(images/tiles.png);
	width: 199px;
	height: 56px;
	background-position: -348px 0px;
	
}
#tiles-nocturnalthird a:hover{
	background-image: url(images/tiles.png);
	width: 199px;
	height: 56px;
	background-position: -348px -56px;
	
}



#sidenav {
	float: left;
	margin-right: 0;
	margin-top: 115px;
	margin-left: -15px;
}

#sidenav ul li
{
	list-style-type:none;
	display:block;

}

#sidenav ul li a
{
	display:block;
	text-indent:-9009px;
}

#sidenav-dvd a{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 71px;
	background-position: 0px 0px;
	
}
#sidenav-dvd a:hover{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 71px;
	background-position: -221px 0px;
	
}


#sidenav-film a{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 74px;
	background-position: 0px -71px;
	
}


#sidenav-film a:hover{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 74px;
	background-position: -221px -71px;
	
}


#sidenav-soundtrack a{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 74px;
	background-position: 0px -145px;
	
}
#sidenav-soundtrack a:hover{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 74px;
	background-position: -221px -145px;
	
}
#sidenav-line {
	background-image: url(images/line.png);
	width: 213px;
	height: 18px;
}

#sidenav-store a{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 29px;
	background-position: 0px -239px;
}
#sidenav-store a:hover{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 29px;
	background-position: -221px -239px;
}



#sidenav-media a{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 34px;
	background-position: 0px -268px;
	
}
#sidenav-media a:hover{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 34px;
	background-position: -221px -268px;
	
}



#sidenav-press a{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 35px;
	background-position: 0px -302px;
	
}
#sidenav-press a:hover{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 35px;
	background-position: -221px -302px;
	
}



#sidenav-gallery a{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 35px;
	background-position: 0px -335px;
	
}
#sidenav-gallery a:hover{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 35px;
	background-position: -221px -335px;
	
}



#sidenav-downloads a{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 30px;
	background-position: 0px -369px;
	
}
#sidenav-downloads a:hover{
	background-image: url(images/sidenav.png);
	width: 214px;
	height: 30px;
	background-position: -221px -369px;
	
}

#sidenav-fan {
	background-image: url(images/social.png);
	width: 211px;
	height: 45px;
	background-position: 0px 0px;
	text-indent: -9000px;
	margin-top: 5px;
	
}

#sidenav-twitter a{
	background-image: url(images/social.png);
	width: 100px;
	height: 28px;
	background-position: 0px -45px;
	float: left;
	
}
#sidenav-twitter a:hover{
	background-image: url(images/social.png);
	width: 100px;
	height: 28px;
	background-position: -211px -45px;
	float: left;
	
}

#sidenav-facebook a{
	background-image: url(images/social.png);
	width: 111px;
	height: 28px;
	background-position: -100px -45px;
	float: right;
	
}
#sidenav-facebook a:hover{
	background-image: url(images/social.png);
	width: 111px;
	height: 28px;
	background-position: -311px -45px;
	float: right;
	

	
}
#sidenav-clear {

	clear:both;
}

#sidenav-game a{

	width: 214px;
	height: 150px;
	margin-top: 25px;
}








#footer {
	width: 1024px;
	color: #c6af71;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 25px;
}

#footer a:link, #footer a:visited, #footer a:hover {
	width: 1024px;
	color: #c6af71;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 25px;
	text-decoration: none;
}

#copyright {
	margin-left: 35px;
	float: left;
}
#footer-links {
	margin-right: 50px;
	float: right;
}

/* SCROLLER */

#mycustomscroll {
width: 520px;
height: 375px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 15px;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: #e8dfb6;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: #e8dfb6;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}