/* ------------------------------------------
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)
------------------------------------------ */

.section {float:left; width:32%; margin-right:2%;}
#news {margin-right:0;}
	.section .inner {min-height:16.7em; padding:8px; border:4px solid #e4e4e4; -moz-border-radius:3px; -webkit-border-radius:3px;}
	.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%;}
#featured .item p.cta {margin-top:1px;}