/* Browse Stories */

ul.browse_types a.active { font-weight:bold; }
#story_list { width:100%; font-size:.9em; margin-bottom:20px; }
#story_list td { vertical-align:top; padding:4px 0; border-bottom:1px dashed #ccc; padding-right:15px; }
#story_list th { text-align:left; vertical-align:bottom; border-bottom:1px dashed #ccc; }
#story_list th.head { padding-top:30px; font-weight:bold; border-bottom:1px solid #ccc; }
#story_list h3 { margin:0; font-size:1.2em; }
#story_list th a { color:#222; }
#story_list .title { font-size:1.1em; font-weight:bold; }
#story_list a { text-decoration:none; }
#story_list .story_desc { color:#666; }
#story_list td.rating { white-space:nowrap; }


/* Story Landing */

#story-landing { }
#story-landing table { width:100%; margin-bottom:15px; /*border-top:1px dashed #eee;*/ }
#story-landing th { vertical-align:top; padding-right:8px; border-bottom:1px dashed #eee; padding:4px 10px 4px 4px; white-space:nowrap; }
#story-landing td { vertical-align:top; border-bottom:1px dashed #eee; padding:4px 10px 4px 4px; width:100%; }
a.url-begin-reading { font-size:1.4em; font-weight:bold; }


/* Story Header */

#story_header { background-color:#EEE; padding:15px; border:1px solid #CCC; margin-bottom:15px; }
#story_header h1 { margin:0; padding-right:20px; display:inline; }
#story_header div.byline { padding-right:20px; font-size:.9em; font-weight:normal; display:inline; }
#story_header .maturity_rating { display:inline; font-size:.9em; font-weight:normal; text-align:right; }
#story_header .piped { font-size:.95em; margin-top:5px; }
#story_header a { text-decoration:none; }
#story_header a:hover { text-decoration:underline; }
#story_main { float:right; width:715px; }


/* Room */

#room .description { font-size:1em; line-height:1.5em; margin-bottom:20px; }
#room img {}
#room-choices { clear:both; }

/* Story Sidebar */
#story_sidebar { float:left; width:155px; background-color:#EEE; padding:15px; border:1px solid #CCC; }
#story_sidebar h3 { margin:0 0 5px 0; }
#story_sidebar a { text-decoration:none; }
#story_sidebar a:hover { text-decoration:underline; }
#story_sidebar ul.story_nav,
#story_sidebar ul.story_admin_nav { list-style:none; margin:0 0 20px 0; padding:0; border-top:1px dashed #ccc; }
#story_sidebar ul.story_nav li,
#story_sidebar ul.story_admin_nav li { padding:4px 0; border-bottom:1px dashed #ccc; }
#story_sidebar .story_rating { margin-bottom:10px; }
#story_sidebar img.rating { display:block; }
div.the-end { font-weight:bold; font-size:1.2em; }

/* Image Positions */

img.room-image { border:1px solid #ccc; }
img.img-left-wrap { float:left; margin:0 15px 15px 0; }
img.img-left-nowrap { display:block; margin-bottom:15px; }
img.img-right-wrap { float:right; margin: 0 0 15px 15px }
img.img-right-nowrap { display:block; margin:0 0 15px 0; }
img.img-top-centered { display:block; margin:0 auto 15px auto; }
img.img-bottom-centered { display:block; margin:15px auto 15px auto; }

/* Choices */

div#room-choices { border-top:1px solid #ddd; padding-top:1em; }
div#room-choices ul.choices { margin:0; }
div#room-choices a { text-decoration:none; padding:5px; border:1px solid #fff; border-left:5px solid #fff; font-weight:bold; }
div#room-choices a:hover { border:1px solid #ddd; background-color:#eee; border-left:5px solid #ddd; }
div#room-choices li { margin-bottom:1em; }
div#room-choices li.choice_on { font-weight:bold; padding-top:10px; }
div#room-choices li.choice_off { padding-top:10px; }


/* Footer */
#room-footer { clear:both; border-top:1px solid #ddd; margin-top:1em; color:#666; padding-top:1em; line-height:1.4em; }
.byline { }
ul.room_info { margin:0; padding:0; color:#999; }
ul.room_info li { border-left:1px solid #EEE; margin:0; padding:0 5px; display:inline; list-style-type:none; }
ul.room_info li.first { padding-left:0; border-left:0; }

li.has_room { font-weight:bold; }

table#loose_ends th { white-space:nowrap; }
div#previous-rooms { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:1em 0; margin-top:1em; }
div#previous-rooms a { }
a#url-back { color:#999; }