/*

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: 12px; /* Resets 1em to 10px */

font-family: Arial, Helvetica, sans-serif;

background: #ffffff;

color: #333333;

margin: 0;

padding: 0;

}



h1, h2, h3 {

font-weight: normal;

}



h1 {

font-size: 4em;

text-align: center;

}



h2 {

font-size: 1.6em;

}



h3 {

font-size: 1.3em;

margin: 0;

padding: 0;

}



a:link, a:visited {

color: #ffffff;

text-decoration: none;

}



a:hover {

color: #ffffff;

}



a {

outline: none;

}



img {

border: none;

}



#wrapper {

width: 1140px;

margin: 0px auto;

background: url(images/bg.jpg) top center no-repeat;

overflow: hidden;

}

/* end the basics */



/* begin site header */

#header {

width: 1140px;

height: 35px;

padding: 5px 0 0 0;

line-height: 1em;

float: left;

}



#header p {

margin: 0;

padding: 0;

}



#tagline {

float: left;

color: #ffffff;

margin: 10px 0 0 149px;

}



#author {

color: #333333;

font-size: 10px;

}



#author a:link, #author a:visited {

color: #333333;

}



#author a:hover {

color: #666666;

}



#pages {

float: right;

list-style: none;

margin: 10px 149px 0 0;

padding: 0;

}



#pages li {

display: inline;

margin: 0 0 0 10px;

}

/* end site header */



.facebox h3 {

margin: 0;

padding: 0;

}



.facebox p {

margin: 0 0 10px 0;

}



.facebox h3 {

color: #666666;

}



/* begin content slider */

#content .carousel  {

position: relative;

}



#content .main {

margin: 0;

}



#content .carousel a.prev {

display: block;

position: absolute;

width: 380px;

height: 575px;

background: url("images/previous.png") no-repeat 0 0;

top: 45px;

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 -786px;

}  



#content .carousel a.next {

display: block;

position: absolute;

width: 380px;

height: 575px;

background: url("images/next.png") no-repeat 0 0;

top: 45px;

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 -786px;

}  



#content .carousel a:hover, #content .carousel a:active {

border: none;

outline: none;

}    



#content .carousel .rotate {

float: left;

margin: 132px 0 0 0;

position: relative;

visibility: hidden;

left: -5000px;

}



#content .carousel ul {

margin: 0;

}



#content .carousel li img {

width: 360px;

height: 238px;

}



#content .carousel li {

width: 360px;

height: 500px;

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;

padding: 3px 0px 5px 6px;

font-size: 12px;

}



.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 */

