/*********************************************************************************************

Theme Name: Folio Elements
Theme URI: http://www.press75.com/
Description: Designed by Jason Schuller
Version: 2.0.1
Author: Press75.com
Author URI: http://www.press75.com/

**********************************************************************************************

Designed and Built by Jason Schuller - theSevenFive.com

CSS, XHTML and Design Files are all Copyright 2007-2011 Circa75 Media, LLC

Be inspired, but please don't steal :)

**********************************************************************************************

0. Import Resets and Base Styles (DO NOT EDIT)
1. Background & Link Colors
2. Universal Content Containers
3. Header & Menu Styles
4. Carousel Styles
5. Tooltip Styles
6. Footer Styles

**********************************************************************************************/




/* 0. Import Resets and Base Styles (DO NOT EDIT)
**********************************************************************************************/

@import url(css/reset.css);
@import url(css/base.css);




/* 1. Background & Link Colors
**********************************************************************************************/

body {
background: #202020;
// url(images/lamp.png) top center no-repeat;
}

a, a:active, a:visited {
color: #CCCCCC; 
}

a:hover { 
color: #FFFFFF; 
}



/* 2. Universal Content Containers
**********************************************************************************************/

.row, .full-width {
width: 100%;
float: left;
}

.section {
width: 960px;
margin: 0px auto;
}

.one-of-two, .two-of-two {
width: 480px;
float: left;
}

.one-quarter {
width: 25%;
float: left;
}

.three-quarters {
width: 75%;
float: left;
}




/* 3. Header & Menu Styles
**********************************************************************************************/

//#header {
background: url(images/header-line.png) top left repeat-x;
}

#header-top {
height: 20px;
font-size: 11px;
color: #CCCCCC;
margin: 0 0 40px 0;
padding: 8px 0 0 0;
}

#header-text {
width: 435px;
padding-left: 45px;
text-shadow: 1px 1px 0px #000000;
}

#navigation {
width: 435px;
padding-right: 45px;
}

#navigation ul {
float: right;
}

#navigation ul li {
display: inline;
}

#navigation ul li a {
text-shadow: 1px 1px 0px #000000;
}

#navigation ul li {
float: left;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
border-left: 1px dotted #414141;
}

#navigation ul li.first {
border-left: none;
}

#navigation ul ul {
position: absolute;
z-index: 100000;
background-color: #FFFFFF;
padding: 6px 10px 8px 10px;
width: 150px;
margin: 9px 0 0 -10px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
}

#navigation ul ul ul {
margin: -19px 0 0 70px;
}

#navigation ul ul li {
width: 100%;
float: left;
margin: 0;
padding: 0;
border-left: none;
}

#navigation ul ul li a {
color: #888888;
text-shadow: none;
}

#navigation ul ul li a:hover {
color: #666666;
}

a.twitter {
background: url(images/twitter.png) right no-repeat;
padding-right: 20px;
}

a.facebook {
background: url(images/facebook.png) right no-repeat;
padding-right: 20px;
}

#logo {
text-align: center;
height: 150px;
z-index: 1;
}




/* 4. Carousel Styles
**********************************************************************************************/

#carousel {
margin: 25px 0 50px 0;
}

#carousel img {
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
}

#carousel ul li {
width: 300px;
height: 200px;
padding: 10px;
}

#carousel .arrow {
position: absolute;
top: 0px;
width: 310px;
height: 300px;
background: url(images/arrow3.png) no-repeat 0 0;
text-indent: -999px;
cursor: pointer;
}

#carousel .back {
background-position: 0 0;
top: -39px;
left: 0;
}

#carousel .back:hover {
background-position: 0 -373px;
}

#carousel .forward {
background-position: -310px 0;
top: -39px;
right: 0;
}

#carousel .forward:hover {
background-position: -310px -373px;
}

a.thumbnail-frame {
position: absolute;
background: url(images/post-frame-carousel.png) 0 0;
width: 300px;
height: 200px;
}

a.thumbnail-frame:hover {
background-position: 0 -200px;
}

.video-embed {
margin: 0;
padding: 10px 10px 7px 10px;
}




/* 5. Tooltip Styles
**********************************************************************************************

.tooltip {
background-color: #FFFFFF;
z-index: 1000;
text-align: left;
padding: 6px 10px 8px 10px;
min-width: 50px;
max-width: 300px;
color: #888888;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000;
line-height: 14px;
}

.tooltip .tip-inner {
font-size: 11px;
}

.tooltip .tip-arrow-top {
margin-top:-5px;
margin-left:-5px;
top:0;
right:10px;
width:9px;
height:6px;
background:url(images/tip-arrow.gif) no-repeat;
}

.tooltip .tip-arrow-bottom {
margin-top:-1px;
margin-left:-5px; /* approx. half the width to center it */
top:100%;
left:50%;
width:9px;
height:6px;
background:url(images/tip-arrow.gif) no-repeat -18px 0;
}
*/



/* 6. Footer Styles
**********************************************************************************************/

#footer {
//background: url(images/line.png) top left repeat-x;
padding: 0px 0 0px 0;
text-shadow: 1px 1px 0px #000000;
font-size: 11px;
color: #999999;
}

footer {
line-height: 20px;
text-align: center;
}

footer h3 {
font-size: 11px;
color: #CCCCCC;
}

footer p a {
color: #CCCCCC;
}