/********************
* segment25.css
* Baudelaire's Poe Online Exhibit
* styles specific to this segment
********************/
#banner h1 {font-size:18pt;}

.index {
    background-image: url(../img/BaudelairePoe-splash-490.jpg);
    background-position: 640px 67px;
}

body.horizontal #main_wrapper {
	width: 100%;
}

body.horizontal #index_intro {
	width: 520px; 
	font-size: 14pt;
	line-height: 20pt;
}

#section_desc_long {
    width: 50%;
}	

body.gallery .item  #sidebar  ul#thumbnail_grid {
    height: auto;
}	
	
#navigation .bx-next,
#navigation .bx-prev {
   display: none;  
}

#sb-overlay{
	background-color: #AFC7C7; 
}	

#index-intro {
	position: relative;
}
	
#credit{
	position: relative;
	font-size: 1.2em;
	width: 580px;
	text-align: center;
	bottom: 20px;
	
}
#credit a {text-transform: uppercase;}
#credit a:hover {text-decoration: underline;}

.shadowbox_h1{
	font-size:20pt; 
	margin:20px;
	font-style: italic;
}

.shadowbox_text{
	font-size:13pt; 
	padding:10px 20px;
    line-height: 1.2em;
}

.shadowbox_text a{text-decoration: underline; }

.center {text-align: center;}

ul.bibs {
	margin-left: 50px;
}
ul.bibs li{
	text-indent: -40px; 
	line-height: 1.1em;
}


/******** styling for Item Display  *******/

#secondary_info {
	line-height: 1.5em;
}

#active_dates, #release_date, #format, #dimensions, #donor, #location {
    font-size: 10pt;
}	

/*****  timeline styles  ****/
#timeline {
	height: 500px;
/*	background-color: #ffffff;  */
	overflow: hidden; 
} 

/* customize and override timeline styles  */
#timeline .navigation .timenav-background .timenav-interval-background {
    background: none repeat scroll 0 0 #000000;
}	

#timeline .toolbar {
	background-color: #202222 !important;
	border: none; 
}	

#timeline .vco-timeline .vco-navigation .timenav-background .timenav-tag-row-1 {
/** Poe timeline **/
    background: none repeat scroll 0 0 #B0933A;
}
#timeline .vco-timeline .vco-navigation .timenav-background .timenav-tag-row-2 {
 /** Baudelaire timeline  **/
    background: none repeat scroll 0 0 #8C4848;
}
.vco-timeline .vco-navigation .timenav-background .timenav-tag-row-3 {display: none;} 

#timeline .slide-tag-poe {background-color: #B0933A !important;}
#timeline .slide-tag-baudelaire {background-color: #8C4848 !important;}
#timeline .slide-tag-movement {background-color: #febd11 !important;}

#timeline .vco-timeline .vco-navigation .timenav .time {top: 150px;}  
#timeline .vco-timeline .vco-navigation .timenav .time .time-interval-minor {display: none;}
#timeline .vco-timeline .vco-navigation .timenav-background .timenav-tag div h3 {color: #FFFFF9 !important; text-shadow: none !important;}
#timeline .vco-timeline .vco-navigation .timenav-background {height: 105px; }  	

#timeline .vco-slider .slider-item .content .content-container .media { }
#timeline .vco-slider .slider-item .content .content-container .text { max-width: 70%; min-width: 50%; }

/*** customized styles for item display page  ***/
#title, .gtitle { margin-bottom: 10px; font-size: 16pt; }
#artist_name , .gartist_name{ font-size: 14pt;  margin-bottom: 10px; }

/******** styles for group slider   ******/

.ginfo_wrapper{ width: 100%; }
.gpiece {
    float: left;
    margin: 0 45px 0 0;
    min-height: 300px;
}

.gpiece, .gartist_name, .ghorizontal .gactive_dates, .gtitle, .grelease_date, 
.gformat, .gdimensions, .gdonor, .glocation, .gdescription {
    text-align: left;
}
.gpiece img { max-height: 375px; }

.gactive_dates, .grelease_date, .gformat, .gdimensions, .gdonor, .glocation {
    font-size: 10pt;
}

.gactive_dates, .grelease_date, .gformat, .gdimensions, .gdonor, .glocation {
    font-size: 10pt;
}

.gdescription {
    margin: 20px 0px;
    line-height: 1.5em; 
}


/*pager links hover and active states*/

body.horizontal #main_wrapper .bx-pager {
	display: inline-block; 
	padding: 10px 50px;
	color: #666;
}	

body.horizontal #main_wrapper .bx-pager a.pager-link {
    background: none repeat scroll 0 0 #666;
    border-radius: 5px;
	display: inline-block;
    height: 10px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 10px;
}
body.horizontal #main_wrapper .bx-pager a:hover, 
body.horizontal #main_wrapper .bx-pager a.pager-active {
    background: none repeat scroll 0 0 #CFB44C;
}

body.horizontal #main_wrapper a.bx-prev ,
body.horizontal #main_wrapper a.bx-next  {}

/* body.horizontal #main_wrapper a.bx-start{
	padding-top: 20px;
	margin: 5px;
	color: #000; 
}	 */

#main_wrapper .bx-wrapper .bx-window {
	height: 375px !important;
}