/* ------------------------------------------
READING ROOM
Stylesheet: Homepage Styles
Author: Reading Room
Updated: 5 March 2009
------------------------------------------ */

/* ------------------------------------------------------------------------------------
--  CAROUSEL
------------------------------------------------------------------------------------ */

#stage {clear:both; position:relative; width:100%; /*height:380px;*/ margin:10px 0 20px 0; overflow:hidden;}
	#stage a, #promo img {display:block}


/*-- required & default rules --*/
#slide_holder_inner {position:absolute; z-index:2000; top:0; left:0; width:100%; height:380px; overflow:hidden;}
#intro, .intro {position:absolute; z-index:9000;}

/*-- for slide divs --*/
#slide_holder_inner div {position: absolute;}

/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {position: relative;}
div#carousel_controls {bottom:0; z-index:4000; width:100%; height:32px; border-top:1px solid #fff; background:#181c1f url(/images/carousel/bg-controls.png) repeat-x 0 0;}

/*-- for slide buttons --*/
#slide_buttons li:hover,
#pause_button,
.prev_button,
.next_button,
#hover_next_button,
#hover_prev_button,
#first_button,
#last_button {cursor:pointer; cursor:hand; z-index:5000;}

#carousel_controls #button_selected,
#carousel_controls .prev_button_disabled,
#carousel_controls  .next_button_disabled,
#carousel_controls  .first_button_diabled,
#carousel_controls  .last_button_disabled {cursor:auto;}

#pause_button span,
#prev_button span,
#next_button span,
#first_button span,
#last_button span,
#hover_next_button span,
#hover_prev_button span,
#water_mark span {margin-left: -10000px;}

#slide_buttons li,
#pause_button,
#prev_button,
#next_button,
#first_button,
#last_button,
#water_mark {top:7px; overflow:hidden; background-repeat:no-repeat;}

ul#slide_buttons {position:relative; float:right; top:6px; right:80px; margin:0;}
ul#slide_buttons li {float:left; list-style:none; padding:2px; margin:0 0 0 3px; font-weight:bold; color:#b6b8ba;}
ul#slide_buttons li#button_selected {text-decoration:underline; color:#fff;}

/*-- next & prev buttons --*/
#nex_prev_buttons {position:absolute; left:0; z-index:5000;}
#next_button {width:16px; height:16px; right:10px; background-image:url(/images/carousel/controls_sprite.png);}
.next_button {background-position:0 -112px;}
.next_button_disabled {background-position:0 -144px;}
.next_button:hover {background-position:0 -128px;}
#prev_button {width:16px; height:16px; right:52px; background-image:url(/images/carousel/controls_sprite.png);}
.prev_button {background-position:0 -64px;}
.prev_button_disabled {background-position:0 -96px;}
.prev_button:hover {background-position:0 -80px;}

/*-- looks like pause button --*/
.pause_button {right:31px; width:16px; height:16px; background-image:url(/images/carousel/controls_sprite.png); background-position:0 -32px;}
.pause_button:hover {background-position:0 -48px;}

/*-- looks like play button --*/
.paused_button {right:31px; width:16px; height:16px; background-image:url(/images/carousel/controls_sprite.png); background-position:0 0;}
.paused_button:hover {background-position:0 -16px;}

/*-- for carousel view --*/
#row_of_slides {position:absolute; top:0;}
#row_of_slides .slide {/*display:none;*/ position:absolute;}

#slide_captions {width:500px; padding:5px 10px; font-size:0.75em; color:#666;}
#slide_captions a {display:inline;}
#slide_captions span {vertical-align:middle;}
#slide_captions img {vertical-align:middle;}


/* ------------------------------------------------------------------------------------
--  FEATURES
------------------------------------------------------------------------------------ */

#featuresContainer {clear:both; width:100%; margin-bottom:1.75em;}

/* FEATURE BOXES (with gradient)
------------------------------------------ */

body.gallery h3 { color:#000; margin: 0 0 1em 0; }
body.gallery #stage { height:343px; margin:40px 0 20px;}

.section {float:left; width:32%; margin-right:2%;}
#news {margin-right:0;}
	.section .inner {min-height:15em; padding:8px; border:4px solid #e4e4e4; -moz-border-radius:3px; -webkit-border-radius:3px;}
	.section .inner.galleryIntro {min-height:15em; padding:8px; border:0; }
	.section h2 {padding-bottom:0.375em; border-bottom:1px solid #a7a7a7; margin-bottom:0.375em; font-size:0.875em; text-transform:uppercase; color:#222;}
	.section h2 a {color:#222;}

/* News list */
.newsList {list-style:none; padding:0; margin:0;}
.newsList li {margin-bottom:1.5em;}
.newsList li img {float:left; padding:2px; border:1px solid #ccc; margin: 0 10px 0 0;}
.newsList li h3 {font-size:1em; margin:0 0 0.25em;}
.newsList p.date {margin:0;}

#featured .item {margin:1.25em 0 0; overflow:hidden;}
#featured .first {margin-top:0;}
#featured .item img {display:block; /*width:100%; stretching images makes them blurry */}
#featured .item p.cta {margin-top:1px;}




/* SLIDE SHOW
--------------------------------------------------------------------------
*/

#hldr { width: 802px; margin: 0 auto; text-align: left; }

#hmpge { /*padding: 1em 0 2em;*/ line-height: 1.6; position: relative; }

#hmpge #rttr { position: relative; line-height: 1.2; }
#hmpge #rttr ul.nav { position: absolute; bottom: 0px; right: 15px; z-index: 2; list-style: none; }
#hmpge #rttr ul.nav li { /*width: 16px; height: 16px;*/ margin: 0 0 0 8px; /*background: url(rotator-nav-1.png) no-repeat top left;*/ float: left; cursor: pointer; }
#hmpge #rttr ul.nav li a { float: left; background: #FFF; padding: .1em .5em; border: 1px solid #000; color: #000; }
#hmpge #rttr ul.nav li a:hover { background: #000; color: #FFF; text-decoration: none; }
#hmpge #rttr ul.nav li.on a {  background: #000; color: #FFF; }
/*#hmpge #rttr ul.nav li a { width: 1px; position: absolute; top: 0; left: -99999px; }*/

#hmpge #rttr ul.items { margin-top: 24px;/*background: #000;*/ z-index: 1; position: relative; list-style: none; margin-left: 0; }
#hmpge #rttr ul.items li { /*background: #000;*/ position: relative; }
#hmpge #rttr ul.items li#slide-overlay { background: #FFF; position: absolute; display: block; z-index: 1000; width: 802px; height: 343px; }
#hmpge #rttr ul.items li .text { width: 350px; position: absolute; bottom: 20px; left: 20px; display: none; }
#hmpge #rttr ul.items li .text h2 { font-size: 3em; font-weight: normal; color: #b9d300; }
/*
#hmpge #rttr ul.items li .text p { margin: .1em 0 1px; font-size: 1.6em; font-weight: bold; }
#hmpge #rttr ul.items li .text p.opens { margin: .6em 0 1px; font-size: 1.8em; color: #b9d300; }
#hmpge #rttr ul.items li .text p.opens span { padding: 0 20px 0 0; background: url(/images/home-rotatorarrow.png) no-repeat center right; }
*/