/*   
Theme Name: CBM Life Stories
Description: CBM Life Stories landing page css.
Author: Copper
Author URI: http://www.copperlondon.com/


/* Reset browser defaults */
@import url('styles/reset.css');

/* Apply basic typography styles */
@import url('styles/typography.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('styles/default.css');

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%; /* 62.5 Resets 1em to 10px */
	color: #FFFFFF;
	background: #2D1F0F;
    text-align: center;
}
a:active, a:hover {
color:#C4141B;
}
a:link, a:visited {
color:#FFC711;
}
input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
    text-align: left;
}
.wrapper_page{
    width:960px;
    margin: 0 auto;
}
#ls-navigation{
    height:34px;
    text-align: left;
}
#cbm-logo{
position:absolute;
top:0px;
float: none;
clear:both;
width:229px;
height:129px;
z-index:5;
background:transparent url(images/cbm-logo.png) no-repeat;
}

/* Showcase  */

#showcase {position: relative; width:100%; background:#2D1F0F  no-repeat 50% 0; }
#showcase-height {height: 240px; position:relative; width:960px;margin: 0 auto;}
#showcase-bottom {position: relative; z-index: 5; background:transparent url(images/showcase-base.png) no-repeat scroll 50% 100%; }
.clr { clear:both; }

/* end showcase part */

#container input#subscribe {
background:#FFF none repeat scroll 0 0;
border:medium none;
color:#2D1F0F;
cursor:pointer;
padding:5px;
/* height:30px; */
text-transform:uppercase;
}
#container .newsletter-details {font-size:11px;}
#container .newsletter-details a:hover {background:#2D1F0F; text-decoration:none; color:#F9F1DD;} /*BG color is a must for IE6*/
#container .newsletter-details a.tooltip span {display:none; padding:2px 3px; margin-top:4px; width:310px; font-size: 10px; text-align:left; line-height:15px}
.msie #container .newsletter-details a.tooltip span {margin-top:15px;}
#container .newsletter-details a.tooltip:hover span{display:block; position:absolute; background:#F9F1DD; /* border:1px solid #cccccc;*/ color:#2D1F0F; }

#container #subscribe-email{
background:#FFFFFF none repeat scroll 0 0;
border: none /*1px solid #CCCCCC*/ ; 
font-size:16px;
/* line-height:30px; */
/* height:30px; */
padding: 5px;
width: 280px;
margin:0;
}
#container input:hover#subscribe{
	background:#C4141B;
	color:#FFF;
}

h1 {
	font-size:25px;
	margin:0;
    line-height: 58px;
    font-weight:normal;
    font-style:normal;
}
h2 {
	font-size:20px;
	margin:0;
    line-height: 26px;
    font-weight:normal;
    font-style:normal;
    padding: 7px 0;
}
h3 {
color:#F9F1DD;
font-size:16px;
font-weight: bold;
margin-bottom:15px; 
text-align: left;
}

#container {
    width:430px;
    float: left;
}
#container p {
font-size:130%;
}

#gallery {
    width:530px;
    float: right;
    position:relative;
}
#gallery h2 {
    color:#FFFFFF;
	}
.content {
    margin:15px;
    position:relative;
}
#content-left {
    margin:15px;
}
#content-right {
    margin: 15px;
    float:right;
    position:relative;
    background-color:#1D140A;
}

#main{
	padding: 0;
    margin:0 auto;
    position:relative;
    width:960px;
}

#footer{
	margin-top:30px;
	border:none;
}
#siteinfo{
	width:960px;
    color:#ECDFBE;
    font-size:11px;
    line-height:18px;
    padding:6px 0 22px;
    border-top:1px solid #2D1F0F;
    margin: 0 auto;
}
#designer a {
background:transparent url(images/made-in-copper.png) no-repeat scroll right top;
cursor:pointer;
display:block;
float:right;
height:16px;
margin-top:4px;
text-indent:-5000em;
width:107px;
clear:both;
}

#designer a:hover {
background:transparent url(images/made-in-copper-over.png) no-repeat scroll right top;
}


/* Easy Slider */
    /* image replacement */
        #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */


	#slider{
		margin: 15px;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:436px;
		height:372px;
		overflow:hidden; 
        color:#F9F1DD;
		}	

    #slider a {
        color:#FFC711;
        text-decoration:underline;
		}

	#prevBtn, #nextBtn{ 
		display:block;
		width:29px;
		height:66px;
		position:absolute;
		left:-29px;
		top:110px;
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
		}	
	#nextBtn{ 
		left:466px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:29px;
		height:66px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												

	#prevBtn a:hover{  
		background:url(images/btn_prev-over.gif) no-repeat 0 0;	
}
	#nextBtn a:hover{ 
		background:url(images/btn_next-over.gif) no-repeat 0 0;	
		}		

/* // Easy Slider */


/* Dropdown menu */

#project {float:right;
          position:relative;
			top:57px;
     margin-right:42px;
	}

#nav, #nav ul { /* all lists */
	padding: 0;
    color:#2D1F0F;
    font-size:22px;
	margin: 0;
	list-style: none;
/*	line-height: 42px; */
    background:#FFFFFF url(images/dropdown-arrow.gif) no-repeat scroll right center;
    float:left;
    list-style-position:outside;
    list-style-type:none;
    width:430px;
/*    height:42px; */
}

#nav a {
	display: block;
/*	width: 430px; */
padding:7px;
text-align:left;
text-decoration:none;
vertical-align:middle;
    color:#2D1F0F;
}

#nav li { /* all list items */
	float: left;
	width: 430px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #FFFFFF;
	width: 430px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav ul li a:hover, #nav ul li a.sfhover{ /* hover for nested lists */
    background: #F3F3F3;
    color: #990000;
}