/*
Theme name: Livre Libre
Author: Lakeshore Branding
Description: 
*/

#wrapper {width:950px;margin: 0px auto;}

#header {height:120px; border-bottom:1px solid #d9d9d9; padding-left:25px; position:relative;}
#header .logo {background:url(images/logo-livrelibre.jpg) no-repeat 0 0; text-indent:-999em; margin-top:25px; margin-bottom:24px; margin-left:-5px; float:left;}
#header .logo a {display:block; width:156px; height:78px;}

#navigation {position:absolute; top:80px; right:0px; width:100%; text-align:right;}
#navigation ul {}
#navigation ul li {display:inline; margin-right:15px;}
#navigation ul li a {font-size:1.6em; color:#5c5b5b; text-decoration:none; font-weight:bold;}
#navigation ul li a span {font-size:.5em; text-transform:uppercase; margin-right:5px;}
#navigation ul li a:hover {color:#696633; border-bottom:1px #696633 solid;}
#navigation ul li.current_page_item a {color:#696633; border-bottom:1px #696633 solid; }
#navigation ul li a:hover span, .current_page_item a span {color:#5c5b5b;}


#main {padding:15px 25px;}
#main .breadcrumbs {color:#9c9a9a; margin-bottom:25px; font-size:1.1em; text-transform:lowercase;}
#main .breadcrumbs a {color:#9c9a9a;}
#main .breadcrumbs a:hover {color:#5c5b5b;}

.content {font-size:1.2em; padding-bottom:20px;}
.left-column {float:left; width:555px;}
.main-column {width:855px;}

.news { padding:0px; height:60px; margin-left:-10px; margin-top:-5px; color:#5c5b5b; }
.news ul {position:relative;}
.news ul li {background: url(images/bg-news.jpg) no-repeat right; width:910px;font-size:1.5em; list-style:none; position:absolute; top:0; left:0; z-index:8; opacity:0.0; padding:20px 0px;}
.news span {color:#696633;}
.news a.read-more {background:url(images/btn-arrow.gif) no-repeat 0 0; font-size:.6em; padding-left:10px; color:#5c5b5b; margin-left:10px;}
.news a.read-more:hover {text-decoration:none;}

#listticker li.active {z-index:10; opacity:1.0;}
#listticker li.last-active {z-index:9;}

.animation-banner { background:url(images/bg-animation-home.jpg) no-repeat 0 0; width:882px; height:256px; margin-top:11px; padding:20px; font-size:.9em;}
.animation-banner .video { float:left; width:470px; margin:6px 0px 0px 30px;}
.animation-banner .books {margin-top:12px;}
.animation-banner .books img {margin-right:20px; border: 2px solid #000;}
.animation-banner .text {font-size:1.1em;  margin-top:5px;}
.animation-banner .text h1 {font-size:2.4em;}
.animation-banner .text ul {position:relative; left:20px;}

.graph-banner {background:url(images/bg-graph-home.jpg) no-repeat 0 0; width:627px; height:107px; margin-top:13px; padding:10px; clear:both; float:left; margin-bottom:20px;}
.graph-banner .text {width:420px; float:left; margin-right:40px; margin-left:30px; font-size:.9em;}
.graph-banner .text h2 { font-size:1.7em; color:#0c3867; margin-bottom:0px;}
.graph-banner .text .get-involved {background:url(images/btn-get-involved.jpg) no-repeat 0 0; text-indent:-9999em; float:right;}
.graph-banner .text .get-involved a {display:block; width:113px; height:24px;}
.graph-banner .text .get-involved:hover {background-position:0px -24px;}
.graph-banner .graph {margin-top:5px;}

.books-image {float:left; width:100px; margin:10px 0px 0px 100px;}

.get-involved-text {clear:both; margin-left:10px; font-size:1.2em;}


.sidebar {background:url(images/bg-sidebar.jpg) no-repeat 0 0;float:left; width:284px; text-align:center; margin:-20px 0px 30px 0px; padding:20px 16px 60px 44px; font-size:1.1em;}
.sidebar .animation {margin-bottom:18px; }
.sidebar .gallery { margin-bottom:15px; margin-left:-8px;}

#footer-wrapper {background: url(images/bg-body.jpg) repeat-x 0 0; height:80px; padding-top:25px;}
#footer {width:950px; margin: 0px auto; text-align:center; border-top:1px solid #d9d9d9; padding-top:15px; }
#footer ul {}
#footer ul li { list-style:none; display:inline; color:#494747; padding:0px 3px;}
#footer ul li a {color:#494747; font-size:1.1em;}
#footer p {color:#767373;font-size:1.1em; margin-top:7px;}

/* Text box */ 
.textbox      {float:right; width:170px; border:3px solid #294f78; background:#2c517a; color:#FFFFFF; padding:20px 10px 20px 40px; margin:15px 0px 10px 10px;}
.textbox h2    {font-size:1.8em; color:#FFFFFF; font-weight:normal; margin-bottom:4px; margin-left:-30px;}
textbox ul     {}
.textbox ul li {list-style:disc; font-size:1em; margin-left:0px !important;}

/* Newsletter Signup */ 

#mc_embed_signup {}
#mc_embed_signup label {padding-bottom:20px;}
#mc_embed_signup #mce-NAME {}
#mc_embed_signup #mce-EMAIL {}
#mc_embed_signup .btn {}

/* Survey */

.mmf-list-item {display:block;}
fieldset legend {color:#0c3867;}

#backgroundPopup3, #backgroundPopup4, #backgroundPopup5, #backgroundPopup6, #backgroundPopup7, #backgroundPopup8, #backgroundPopup9 {
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popup1,#popup2,#popup3,#popup4,#popup5,#popup6,#popup7,#popup8,#popup9{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
width:508px;
background:#FFFFFF;
border:3px solid #cecece;
z-index:2;
padding:12px;
padding-bottom:0px;
font-size:13px;
}
#popup1 h1,#popup2 h1,#popup3 h1, #popup4 h1, #popup5 h1, #popup6 h1, #popup7 h1, #popup8 h1, #popup9 h1{
text-align:left;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupClose1, #popupClose2, #popupClose3, #popupClose4, #popupClose5, #popupClose6, #popupClose7, #popupClose8, #popupClose9 {
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

#popupClose1:hover, #popupClose2:hover, #popupClose3:hover, #popupClose4:hover, #popupClose5:hover, #popupClose6:hover, #popupClose7:hover, #popupClose8:hover, #popupClose9:hover {cursor:pointer;}
#button1:hover,#button2:hover,#button3:hover,#button4:hover,#button5:hover,#button6:hover,#button7:hover,#button8:hover,#button9:hover {cursor:pointer;}
.get-involved {padding:0px 40px;}
.btn-get-involved {float:left; margin:0px 40px 40px 40px;}
#button1 {background:url(images/btn-student-contest.jpg) no-repeat 0 0; text-indent:-9999em;}
#button1 .fadethis span.hover {background:url(images/btn-student-contest.jpg) no-repeat 0px -139px;}
#button2 {background:url(images/btn-survey-administator.jpg) no-repeat 0 0; text-indent:-9999em;}
#button2 .fadethis span.hover {background:url(images/btn-survey-administator.jpg) no-repeat 0px -139px;}
#button3 {background:url(images/btn-testimonial.jpg) no-repeat 0 0; text-indent:-9999em;}
#button3 .fadethis span.hover {background:url(images/btn-testimonial.jpg) no-repeat 0px -139px;}
#button4 {background:url(images/btn-sign-petition.jpg) no-repeat 0 0; text-indent:-9999em;}
#button4 .fadethis span.hover {background:url(images/btn-sign-petition.jpg) no-repeat 0px -139px;}
#button5 {background:url(images/btn-street-team.jpg) no-repeat 0 0; text-indent:-9999em;}
#button5 .fadethis span.hover {background:url(images/btn-street-team.jpg) no-repeat 0px -139px;}
#button6 {background:url(images/btn-share-this.jpg) no-repeat 0 0; text-indent:-9999em;}
#button6 .fadethis span.hover {background:url(images/btn-share-this.jpg) no-repeat 0px -139px;}
#button7 {background:url(images/btn-mailing-list.jpg) no-repeat 0 0; text-indent:-9999em;}
#button7 .fadethis span.hover {background:url(images/btn-mailing-list.jpg) no-repeat 0px -139px;}
#button8 {background:url(images/btn-contact-us.jpg) no-repeat 0 0; text-indent:-9999em;}
#button8 .fadethis span.hover {background:url(images/btn-contact-us.jpg) no-repeat 0px -139px;}
#button9 {background:url(images/btn-speaking-opportunities.jpg) no-repeat 0 0; text-indent:-9999em;}
#button9 .fadethis span.hover {background:url(images/btn-speaking-opportunities.jpg) no-repeat 0px -139px;}

#mmf-f7-p16-o6 textarea, #mmf-f1-p16-o5 textarea, #mmf-f2-p16-o3 textarea, #mmf-f3-p16-o1 textarea {height:60px;}
.submit {margin-bottom:-30px;}
#tooltip{position:absolute;	border:2px solid #d9d9d9;	background:#FFF; padding:2px 5px; color:#2b2b2b; display:none; font-size:1.3em;}

/* BEGIN CSS */
	.fadethis {
		position:relative;
		display:block;
		width:196px; height:139px;
		
	}
	
	.fadethis * {
	  display: none;
	}
	
	.fadethis span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width:196px; height:139px;
		
	}

	
.contact-info {clear:both; margin-left:44px;}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 52px;
    height: 52px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 
 
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-ie7 .jcarousel-container {
   
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 251px;
    padding:0px 24px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  251px;

}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 52px;
    height: 52px;
    border: 2px solid #000;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 9px;
}

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 17px;
    height: 19px;
    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: 20px;
    left: 0px;
    width: 17px;
    height: 19px;
    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;*/
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}