/*
Theme Name: Folio Elements
Theme URI: http://www.press75.com/
Description: The all new Folio Elements WordPress theme by Jason Schuller and Press75.com. Detailed usage instructions for this theme can be found at <a href="http://www.press75.com/docs/folio-elements/">http://www.press75.com/docs/folio-elements/</a>.
Version: 1.1
Author: Jason Schuller
Author URI: http://www.jasonschuller.com/

This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.jasonschuller.com

The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:
*/


/* begin the basics */
html, body {
font-size: 11px; /* Resets 1em to 10px */
font-family: Arial, Helvetica, sans-serif;
background: #070707;
color: #868686;
margin: 0;
padding: 0;
}

body.home {
}
#container {
	background: url(images/bg.jpg) top center no-repeat;
}
#currentProjectsContainer {
	background: url(images/projects_bg.jpg) top center no-repeat;
}
#backlotContainer {
	background: url(images/backlot_bg.jpg) top center no-repeat;
}
#backgroundContainer {
	z-index: 1;
	width: 960px;
	height: 100%;
	margin: 0 auto;
}
#background {
	z-index: 1;
	width: 960px;
	height: 100%;
	position:absolute;
}
#archiveContainer {
	background: url(images/archive_bg.jpg) top center no-repeat;
}
h1, h2, h3 {
font-weight: normal;
}

h1 {
font-size: 4em;
text-align: center;
}

h2 {
margin-bottom:10px;
font-size: 1.6em;
color: #d9f6fe;
}

h3 {
font-size: 1.3em;
margin: 0;
padding: 0;
}

a:link, a:visited {
color: #649C9C;
text-decoration: none;
}

a:hover {
color: #EBEBEB;
}

a {
outline: none;
}

img {
border: none;
}

/* end the basics */

/* begin site header */
#header {
width: 960px;	
padding: 5px 0 0 0;
line-height: 1em;
margin: 0 auto;
clear:both;
position:relative;
z-index:3;
}

#header p {
margin: 0;
padding: 0;
}

#tagline {
float: left;
color: #EBEBEB;
margin: 38px 0 0 0;
}

#author {
color: #868686;
font-size: 10px;
}

#author a:link, #author a:visited {
color: #868686;
}

#author a:hover {
color: #EBEBEB;
}

/* end site header */

/* begin site nav */

#mainNav {
position: relative;
z-index:3;
width: 960px;
margin: -50px auto;
}

#archiveContainer #mainNav {
position: relative;
z-index:3;
width: 960px;
margin: -175px auto;
}

#mainNav p {
text-align:center;
}

#contactInfoContainer {
margin:0 auto;
height:100px;
}

.contactInfo {
font-size:11px;
}

.contactInfo a {
padding:10px;
}

.copyright {
font-size:11px;
}

#pages {
float: left;
list-style: none;
padding: 0;
}

#pages li {
display: inline;
float:left;
}

ul#pages li a {
text-indent:-2000px;
display:block;
overflow:auto;
margin:0px 0px 0px 0;
}

/*NAV BUTTONS*/

.menuRedButton {
width:160px;
height:155px;
background: url("images/red_button.jpg") no-repeat 0 0;
}

.menuRedButton:hover {
background: url("images/red_button.jpg") no-repeat 0 -155px;
}

.menuLinks {
width:160px;
height:155px;
background: url("images/links.jpg") no-repeat 0 0;
}

.menuLinks:hover {
background: url("images/links.jpg") no-repeat 0 -155px;
}

.menuProjectArchive {
width:160px;
height:155px;
background: url("images/project_archive.jpg") no-repeat 0 0;
}

.menuProjectArchive:hover {
background: url("images/project_archive.jpg") no-repeat 0 -155px;
}

.menuDemoReel {
width:158px;
height:155px;
background: url("images/demo_reel.jpg") no-repeat 0 0;
}

.menuDemoReel:hover {
width:158px;
height:155px;
background: url("images/demo_reel.jpg") no-repeat 0 -155px;
}


.menuAbout {
width:158px;
height:155px;
background: url("images/about.jpg") no-repeat 0 0;
}

.menuAbout:hover {
width:158px;
height:155px;
background: url("images/about.jpg") no-repeat 0 -155px;
}

.menuContact {
width:158px;
height:155px;
background: url("images/contact.jpg") no-repeat 0 0;
}

.menuContact:hover {
width:158px;
height:155px;
background: url("images/contact.jpg") no-repeat 0 -155px;
}

/* end site nav */
/* begin site footer */

#snContainer p {
padding:10px;	
}

#socialNetworks li {
display: inline;
float: left;
margin-right: 37px;
margin-bottom:26px;
}

ul#socialNetworks {
height: 53px;
width: 495px;
margin: 0 auto 0 250px;
}

ul#socialNetworks li a {
text-indent:-2000px;
display:block;
overflow:auto;
margin:0px auto 0px 0;
}

.youtube {
width:53px;
height:53px;
background-image: url(images/youtube_icon.gif);
}

.facebook {
width:53px;
height:53px;
background-image: url(images/facebook_icon.gif);
}

.twitter {
width:53px;
height:53px;
background-image: url(images/twitter_icon.gif);
}

.myspace {
width:53px;
height:53px;
background-image: url(images/myspace_icon.gif);
}
.imdb {
width:98px;
height:53px;
background-image: url(images/imdb_icon.gif);
}

/* end site footer */
.facebox h3 {
margin: 0;
padding: 0;
}

.facebox p {
margin: 0 0 10px 0;
font-size:11px;
}

.facebox h3 {
color: #EBEBEB;
}

/* begin content slider */

#content .carousel  {
position: relative;
}

#content  {
z-index: 2;
}

#archiveContent  {
z-index: 2;
margin-top:50px;
}
#archiveContent .carousel  {
position: relative;
}
#archiveContent .main {
margin: 0;
z-index: 2;
}
#archiveContent .carousel .rotate {
width: 855px;
margin: 219px auto;
position: relative !important;
visibility: hidden;
}

#content .main {
margin: 0;
z-index: 2;
}

#content .carousel a.prev {
display: block;
position: absolute;
width: 70px;
height: 93px;
background: url("images/previous.png") no-repeat 0 0;
top: 100px;
left: 0;
z-index: 10000;
}

* + html #content .carousel a.prev  {
top: 5px;
}

#content .carousel a.prev:hover {
background: url("images/previous.png") no-repeat 0 -93px;
}  

#content .carousel a.next {
display: block;
position: absolute;
width: 70px;
height: 93px;
background: url("images/next.png") no-repeat 0 0;
top: 100px;
right: 0;
z-index: 10000;
}

* + html #content .carousel a.next  {
top: 5px;
}

#content .carousel a.next:hover {
background: url("images/next.png") no-repeat 0 -93px;
}  

#content .carousel a:hover, #content .carousel a:active {
border: none;
outline: none;
}    

#content .carousel .rotate {
width: 855px;
margin: 155px auto;
position: relative !important;
visibility: hidden;
}

#content .carousel ul {
margin: 0;
}

#content .carousel li img {
width: 290px;
height: 330px;
}

#content .carousel li {
width: 290px;
height: 330px;
margin: 0 10px 0 10px;
}

#content .widget img {
cursor: pointer;
}

.intro {
margin: 0;
padding: 0 5px 10px 0;
}

.intro p {
margin: 0;
}

.intro h3 {
margin: 20px 0 1px 0;
font-size: 15px;
}

/*.entry {
padding: 5px 8px 0 10px;
}*/

/*.entry img {
padding: 2px 0 10px 15px;
}*/

.video {
width: auto;
text-align: center;
margin: 8px 0 -10px 0;
padding: 0;
}
/* end content slider */
.clear {
	clear:both;
}

/* begin projects posts*/

#projectsContainer {
	width: 800px;
	background-color:#121212;
}
#projectTitle {
	height:97px;
	background-image:url(images/projects/title_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#projectTitle h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left !important;
	margin:10px 10px 0px 10px;
}
#projectTitle h2 {
	color:#D9F6FE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	line-height:32px;
	text-align:left !important;
	margin:10px 10px -20px 10px;
}
#headerImage {
	height:400px;
}
#textColumn {
	float:left;
	background-position:top left;
	background-repeat:no-repeat;
	width:690px;
	margin:15px 0 0 50px;
}
.projectHr {
	width:760px;
	margin-left:20px;
	margin-bottom:15px;
	float:left;
}
#textColumn p {
	font-family:Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-size:11px;

}
#photoColumnWrapper {
	background-image:url(images/projects/photo_column_bg.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:400px;
}
#photoColumn {
	margin-left:18px
}
#photoColumn img {
	float:left;
	padding-left:2px;
	padding-top:2px;
}
/* END projects posts*/

/* begin About page styles*/
body.aboutPage {
	background-color:#121212;
}

#aboutContainer {
	width: 800px;
	height:600px;
	background-image:url(images/projects/text_column_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.aboutPage #headerImage {
	height:508px;
}
.aboutPage #textColumn {
	float:left;
	margin:0 0 0 0!important;
	width:800px!important;
}
.aboutPage #textColumn h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left !important;
	margin:20px 20px 0px 30px;
}
.aboutPage #textColumn h2 {
	color:#D9F6FE;
	font-size:1.6em;
	margin:0 20px 0px 30px;
}
.aboutPage #textColumn p {
	font-size:11px;
	margin:10px 20px 10px 30px;

}
.aboutPage #textColumn li {
	font-size:11px;
	margin:10px 20px 10px 70px;
	color:#F7663E;
}
.aboutPage #photoColumn {
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:20px;
}
.aboutPage #photoColumn img {
	margin-top:10px;
}
hr {
	color:#F7663E;
	background-color:#F7663E;
	height:2px;
}
/* END About Page styles*/

#sitemap {
	margin-left:50px;
}
#sitemap p {
	font-size:14px;
}
#sitemap ul {
	margin-left:25px;
}