/*

Theme Name: Folio Elements

Theme URI: http://www.press75.com/

Description: The 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/folio-elements-setup-usage/">http://www.press75.com/folio-elements-setup-usage/</a>.

Version: 1.2

Author: Jason Schuller

Author URI: http://www.thesevenfive.com/



This theme was designed and built by Jason Schuller,

whose portfolio you will find at www.thesevenfive.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: #070707;

color: #868686;

margin: 0;

padding: 0;

}



h1, h2, h3 {

font-weight: bold;

color: #ffffff;

}



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: #EBEBEB;

text-decoration: none;

}



a:hover {

color: #868686;

}



a {

outline: none;

}



img {

border: none;

}



#window {

width: 960px;

margin: 0 auto;

overflow-x: hidden;

}



#wrapper {

width: 1140px;

margin: 0px auto;

margin-left: -90px;

background: url(images/bg2.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: #EBEBEB;

margin: 10px 0 0 149px;

}



#author {

color: #868686;

font-size: 10px;

}



#author a:link, #author a:visited {

color: #868686;

}



#author a:hover {

color: #EBEBEB;

}



#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 h2 {

    margin: 0;

    padding: 0;

	width: 410px;

}

.facebox h3 {

margin: 0;

padding: 0;

}



.facebox p {

margin: 0 0 10px 0;

}



.facebox h3 {

color: #EBEBEB;

}



/* begin normal content */

#page-content {

width: 710px;

margin: 80px auto 30px;

position: relative;

}





/* begin content slider */

#content .carousel  {

position: relative;

}



#content .main {

margin: 0;

}



#content .carousel a.prev {

display: block;

position: absolute;

width: 380px;

height: 600px;

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: 600px;

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: 240px;

}



#content .carousel li {

width: 360px;

height: 500px;

margin: 0 10px 0 10px;

}



#content .widget img {

cursor: pointer;

}



.equipment-list {

width: 600px;

margin: 20px auto;

clear: both;

}



.equipment-list-left {

width: 250px;

float: left;

text-align: right;

margin-bottom: 10px;

}



.equipment-list-left img {

border: 3px solid #868686!important;

}



.equipment-list-right {

width: 330px;

float: right;

text-align: left;

}



#showcase {

height: 410px;

width: 620px;

margin: 10px auto 10px;

}



#showcase table {

width: 100%;

height: 410px;

}



#showcase table tr {

vertical-align: middle;

}



#showcase table tr td {

text-align: center;

background: url(images/loading49.gif) no-repeat center center;

}



#showcase table tr td img {

border: 5px solid #ffffff;

padding: 0!important;

}



.galleryoverview {

text-align: center;

}



.galleryoverview a img {

border: 3px solid #ffffff!important;

padding: 0!important;

margin: 5px!important;

}



.intro {

margin: 0;

padding: 0 5px 10px 0;

}



.intro .post-date {

font-size: 0.8em;

color: #ffffff;

margin-bottom: 5px;

}



.intro p {

margin: 0 0 8px 0;

line-height: 1.2em;

}



.intro h3 {

margin: 20px 0 1px 0;

font-size: 16px;

}



.entry {

padding: 5px 0;

}



.entry img {

padding: 2px 0 10px 15px;

}



.entry .videodiv {

padding: 10px;

text-align: center;

}



.video {

width: auto;

text-align: center;

margin: 8px 0 -10px 0;

padding: 0;

}



.original-download {

position:absolute;

left: 450px;

width: 200px;

z-index:998;

}



.resized-download {

position:absolute;

left: 570px;

width: 200px;

z-index:999;

}



#footer {

text-align: center;

color: #ffffff;

}

/* end content slider */



#rowcarousel {

margin: 0 auto;

width: 520px;

padding: 10px 40px;

position: relative;

}



#rowcarousel .prev {

position: absolute;

top: 70px;

left: 5px;

width: 32px;

height: 32px;

cursor: pointer;

background: transparent url(images/prev-horizontal.gif) no-repeat 0 0;

}



#rowcarousel .next {

position: absolute;

top: 70px;

right: 5px;

width: 32px;

height: 32px;

cursor: pointer;

background: transparent url(images/next-horizontal.gif) no-repeat 0 0;

}



#rowcarousel .prev:hover, #rowcarousel .next:hover {

background-position: -32px;

}



#rowcarousel .disabled, #rowcarousel .disabled, #rowcarousel .disabled:hover, #rowcarousel .disabled:hover {

background-position: -96px;

}



#rowcarousel .container {

width: 520px;

height: 150px;

overflow: hidden;

position: relative;

}



#rowcarousel .container .scroller {

position: absolute;

}



.ngg10 {

float: left;

width:520px;

height: 150px;

}



.ngg-thumbs {

float: left;

margin: 5px;

}



.ngg-thumbs img {

padding:0!important;

border: 2px solid #ffffff!important;

}





.jcarousel-skin-ie7 {

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    background: #D4D0C8;

    border: 1px solid #808080;

}



.jcarousel-skin-ie7 .jcarousel-container-horizontal {

    width: 495px;

    padding: 20px 40px;

	margin: 0 auto;

}



.jcarousel-skin-ie7 .jcarousel-clip-horizontal {

    width:  495px;

    height: 62px;

}



.jcarousel-skin-ie7 .jcarousel-item {

    width: 90px!important;

    height: 60px;

    border: 1px solid #fff;

}



.jcarousel-skin-ie7 .jcarousel-item img {

    padding: 0!important;

}



.jcarousel-skin-ie7 .jcarousel-item:hover {

    border-color: #808080;

}



.jcarousel-skin-ie7 .jcarousel-item-horizontal {

    margin-right: 7px;

}



.jcarousel-skin-ie7 .jcarousel-item-vertical {

    margin-bottom: 7px;

}



.jcarousel-skin-ie7 .jcarousel-item-placeholder {

}



/**

 *  Horizontal Buttons

 */

.jcarousel-skin-ie7 .jcarousel-next-horizontal {

    position: absolute;

    top: 38px;

    right: 5px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(images/next-horizontal.gif) no-repeat 0 0;

}



.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {

    background-position: -32px 0;

}



.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {

    background-position: -64px 0;

}



.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {

    cursor: default;

    background-position: -96px 0;

}



.jcarousel-skin-ie7 .jcarousel-prev-horizontal {

    position: absolute;

    top: 38px;

    left: 5px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(images/prev-horizontal.gif) no-repeat 0 0;

}



.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {

    background-position: -32px 0;

}



.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {

    background-position: -64px 0;

}



.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {

    cursor: default;

    background-position: -96px 0;

}



#image-loader { display:none; }