/* (c) 2010, James R. Hull for StoryFanatic.com.

Many thanks to Dan Cederholm and his book "Handcrafted CSS" for providing much of the
inspiration for the look of this site.
	
	This is my CSS, while there are many like it, this one is mine. */
	


/*---------- [ M A I N ] ----------------*/

html {
	background: #fff;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	background: #fff;
	}
	
/* TYPEFACES */

@font-face {
	font-family: "Graublau Sans Web";
	src: url(fonts/GraublauWeb.otf) format("opentype");
}

@font-face {
	font-family: "Graublau Sans Web";
	font-weight: bold;
	src: url(fonts/GraublauWebBold.otf) format("opentype");
}

/* GLOBAL ELEMENTS  */

a:link, a:visited {
	color: #BE3425;
	text-decoration: none;
	}

a:hover	{
	color: #486072;
	text-decoration: underline;
	}
	
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*IE 6*/
* html .group {
	height: 1%;
}

/*IE7*/
*:first-child+html .group {
	min-height: 1px;
}

/* BONE STRUCTURE */

#storyfanatic {
	border-top: 23px solid #f4f4ed;
	}

#container {
	background: url(../images/navbar-gradient.png) repeat-x top left;
	width: 100%;
	}

#main	{
	width: 852px;
	margin: 0 12px 23px 24px;
	padding-bottom: 23px;
	float: left;
	text-align: left;
	background: transparent;
    /*background: url(/images/grid.png);*/
	}

/*---------- [ H E A D E R ] ----------------*/

#header	{
	height: 62px;
	background: #486072;
	border-top: 7px solid #BE3425;
	}

#header-inner {
	width: 888px;
	height: 62px;
	}

/* LOGO */

#logo	{
	float: left;
	}

#logo a, #logo a:link, #logo a:visited {
	margin: 0;
	padding: 0;
	display: block;
	width: 228px;
	height: 62px;
	text-indent: -9999px;
	border:none;
	background: url(../images/storyfanatic-logo-sprite.png) no-repeat top left;
	text-decoration: none;
	}

#logo a:hover {
	border: none;
	background-position: bottom;
	}

#logo img {
	display: block;
	width: 0;
	}

/* NAVIGATION */

#nav {
	margin: 0;
	padding: 0;
	width: 648px;
	height: 62px;
	float: left;
	}

#nav ul {
	list-style: none;
	height: 62px;
	width: 648px;
	float: left;
	overflow: hidden;
	}
	
#nav ul li {
	float: left;
	margin-left: 100px;
}

#nav ul li.nav-articles a, #nav ul li.nav-articles a:link, #nav ul li.nav-articles a:visited, #nav ul li.nav-links a, #nav ul li.nav-links a:link, #nav ul li.nav-links a:visited, #nav ul li.nav-reviews a, #nav ul li.nav-reviews a:link, #nav ul li.nav-reviews a:visited {
	margin: 0;
	padding: 0;
	display: block;
	width: 116px;
	height: 62px;
	font-size: 36px; 
    text-indent: -9999px;
    border: none;
	}	

#nav ul li.nav-articles a, #nav ul li.nav-articles a:link, #nav ul li.nav-articles a:visited {
	background: url(../images/articles-sprite.png) no-repeat top left;
}
	
#nav ul li.nav-links a, #nav ul li.nav-links a:link, #nav ul li.nav-links a:visited {
	background: url(../images/links-sprite.png) no-repeat top left;
}
	
#nav ul li.nav-reviews a, #nav ul li.nav-reviews a:link, #nav ul li.nav-reviews a:visited {
	background: url(../images/reviews-sprite.png) no-repeat top left;
}
	
#nav ul li.nav-articles a:hover, #nav ul li.nav-links a:hover, #nav ul li.nav-reviews a:hover {
	color: #f4f4ed;
	background-position: bottom;
}

#nav ul li.current a, #nav ul li.current a:link, #nav ul li.current a:visited {
	background-position: bottom;
}

#nav ul li.current a:hover {
	background-position: 0px -62px;
}

/*---------- [ M E T A  M A S S I V E ] ----------------*/

#meta {
	background: #486072;
	border-top:  12px solid #BE3425;
	}
	
#meta p {
	color: #ddd;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-size: 1.1em;
	font-weight: 200;
	line-height: 1.6em;
	color: rgba(255,255,255,.65);
}

#meta a, #meta a:visited {
	color: #ddd;
	color: rgba(255,255,255,.95);
	font-weight: 400;
	-webkit-transition: color .2s linear;
}

#meta a:hover {
	color: #fff;
	color: rgba(255,255,255,.75);
	text-decoration: underline;
}

#meta-inner {
	padding: 18px 12px 0 12px;
	margin-left: 12px;
	width: 888px;
	line-height: 23px;
	color: #f4f4ed;
	/*background: url(/images/grid.png) ;*/
	}

#meta-left	{
	float: left;
	width: 312px;
	}

#meta-center {
	float: left;
	width: 432px;
	padding-left: 12px;
	}

#meta-center p {
	padding-right: 12px;
}

#meta-right {
	float: left;
	width: 432px;
	margin-left: 120px;
	}

.meta-box {
	padding: 0px 0px 32px 0px;
	display: block;
	overflow: hidden;
	}

.meta-box img {
	padding-right: 8px;
}

.sep {
	border-bottom: 0px solid #f4f4ed;
	}

.meta-box h3 {
	margin: 0 !important;
	padding-bottom: 6px;
	color: #f1f1f1;
	text-shadow: 0 -1px 0 rgba(0,0,0,.8);
	display: block;
	font-size: 20px !important;
	font-family: "mostra-nuova-1","mostra-nuova-2", "Gill Sans", "Futura", Arial, sans-serif;
	letter-spacing: .9px;
	line-height: 23px;
	font-weight: normal;
	}
	
.sponsor a img {
	float: left;
	padding-top: 5px;
	padding-right: 8px;
}

.sponsor a {
	color: #ddd;
	/*font-weight: normal !important;*/
	color: rgba(255,255,255,.65) !important;
	text-decoration: none !important;
}

.sponsr a:hover {
	color: #fff !important;
	color: rgba(255,255,255,.85) !important
}

ul.rss-list {
	overflow: hidden;
	list-style: none;
}

.rss-list li {
	width: 104px;
	float: left;
}

.rss-list li a {
	color: #ddd;
	font-weight: normal !important;
	color: rgba(255,255,255,.65) !important;
	text-decoration: none !important;
}

.rss-list li a:hover {
	color: #fff !important;
}

.rss-list img a {
	position: relative;
	bottom: -3px;
}

/* SEARCH */

#search {
	position: relative;
	width: 408px;
	margin-top: 10px;
	margin-bottom: 56px;
}

#search input {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	height: 31px;
	font-size: 1.3em;
	padding-top: 5px;
	width: 295px;
	margin-right: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	background: #f4f4ed url(../images/searchbox-gradient.gif) repeat-x top left;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-left: 12px;
	padding-right: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#search #keywords input:focus, #search #keywords textarea:focus {
	background: #fff;
}

#search #searchbox button {
	-webkit-border-radius: 5px;
	font-size: 1em;
	-moz-border-radius: 5px;
	background: #f4f4ed url(../images/glass-button.png) repeat-x 0 50%;
	border: none;
	height: 38px;
	line-height: 36px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	color: #545454;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 8px;
	width: 96px;
	position: absolute;
	top: 0px;
	left: 324px;
	text-shadow: #fff 1px 1px 0;
	cursor: pointer;
}
#search #searchbox button:hover {
	text-shadow: #333 1px 1px 4px;
	border: 1px solid #aaa;
	color: #f4f4ed;
	background-color: #a14141;
}
#search #searchbox button:active {
	border: 1px solid #888;
	color: #bbb;
}

/*---------- [ E X T R A S ] ----------------*/

a img	{
	border: none;
}

.imgthumb:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.button a:link, .button a:visited {
	margin: 0 auto;
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 5px 23px 6px 23px;
	color: #fff;
	border: 1px solid #486072;
	background: #486072 url(../images/glass-button.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}

.button a:hover {
	background: #a14141;
	border: 1px solid #a14141;
	text-decoration: none;
}
    
/*---------- [ M A I N  A R T I C L E  S E C T I O N ] ----------------*/

#navtop {
	margin: 23px 0 23px 0;
	width: 852px;
	list-style: none;
}

#navtop ul {
	margin: 0 !important;
	padding: 0 0 12px 0;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px dashed;
}

#navtop li.date {
	float: left;
	width: 204px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight: 100;
	font-size: 1em;
	text-align: right;
}

#navtop li.synop {
	float: left;
	width: 421px;
	padding-left: 12px;
	font-style: italic;
	color: #777;
}

#navtop li.prev {
	float: left;
	margin-left: 43px;
	padding: 3px 6px 3px 0px;
	font-size: 14px;
	width: 61px;
	text-align: right;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid #486072;
	border-right: 1px solid #557287;
	background: #486072 url(../images/glass-button.png) repeat-x 0 50%;
}

#navtop li a {
	text-decoration: none;
	color: #BE3425;
	}

#navtop li a:hover {
	color: #486072;
	text-decoration: underline;
}


#navtop li.next {
	float: left;
	margin-left: 0px;
	padding: 3px 0px 3px 8px;
	width: 61px;
	text-align: left;
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	border-right: 1px solid #ccc;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #486072;
	border-left-color: 1px solid #557287;
	background: #486072 url(../images/glass-button.png) repeat-x 0 50%;
}

#navtop li.next a {
	text-decoration: none;
	color: #fff;
	}

#navtop li.next a:hover {
	color: #ddd;
	background: #486072 url(../images/glass-button.png) repeat-x 0 50%;
}

#navtop li.prev a {
	text-decoration: none;
	color: #fff;
	}

#navtop li.prev a:hover {
	color: #ddd;
	background: #486072 url(../images/glass-button.png) repeat-x 0 50%;
}

#navbot {
	margin: 46px 0 0px 0;
	width: 852px;
	list-style: none;
}

#navbot ul {
	margin: 0 !important;
	padding: 10px 0 12px 0;
	list-style: none;
	overflow: hidden;
}

#navbot li.prev {
	float: left;
}

#navbot li.prev a:link, #navbot li.prev a:visited {
	margin-left: 325px;
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 5px 23px 6px 23px;
	color: #fff;
	border: 1px solid #486072;
	background: #486072 url(../images/glass-button.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}

#navbot li.prev a:hover {
	background: #a14141;
	border: 1px solid #a14141;
	text-decoration: none;
}

#navbot li.next a:link, #navbot li.next a:visited {
	margin-left: 12px;
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	padding: 5px 20px 6px 26px;
	color: #fff;
	border: 1px solid #486072;
	background: #486072 url(../images/glass-button.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-transition: color .2s linear;
}

#navbot li.next a:hover {
	background: #a14141;
	border: 1px solid #a14141;
	text-decoration: none;
}


h1  {
	font-size: 42px;
	line-height: 56px;
	width: 192px;
	text-align: right;
}

h2	{
	margin-top: 1.2em;
	margin-left: 216px;
	margin-bottom: .4em;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight: 800;
	font-size: 2.6em;
	line-height: 1.2em;
	color: #333;
	/*text-shadow: 1px 1px 3px rgba(0,0,0,.3);*/
	}

h3	{
	font-size: 20px;
	line-height: 32px;
	margin: 0 108px 23px 216px;
	font-weight: 600;
	/*font-family: "Graublau Sans Web","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;*/
	}
	
h4	{
	margin: 0 108px 23px 216px;
}

/* ARTICLES */

#articles #main {
	border-bottom: none;
	}

#sec-a {
	margin-top: 46px;
	float: left;
	clear: both;
	}
	
#main h3 {
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight: 600;
	font-size: 19px;
	line-height: 23px;
}
	
#main p	{
	margin: 0 108px 23px 216px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-size: 1.2em;
	line-height: 23px;
	}
	
.opening {
	margin: 0 108px 23px 216px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-size: 1.5em;
	line-height: 23px;
	}

#main ul, #main ol {
	margin: 0 133px 20px 230px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-size: 13px;
	line-height: 20px;
	color: #555;
	}

#main blockquote {
	margin: 0px 108px 23px 216px;
	padding: 5px 8px 13px 16px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	border: 1px dashed slategray;
	background-color: #eee;
	}

#main blockquote p {
	font-size: 13px;
	line-height: 23px;
	margin: 0px;
	}

#main blockquote.right {
	margin: 1px 96px 8px 12px;
	padding: 0px;
	width: 204px;
	float: right;
	line-height: 13px;
	border: none;
	background: #fff;
	}

#main blockquote.right p {
	font-family: "le-havre-1", "le-havre-2", Century Gothic, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 3px;
	line-height: 28px;
	font-size: 28px;
	text-align: center;
	color: #fc721f;
}

#main blockquote.left {
	padding: 0px;
	float: left;
	border: none;
	background: #fff;
	}

#main blockquote.left p {
	margin: 1px -104px 3px 0px;
	font-family: "le-havre-1", "le-havre-2", Century Gothic, Arial, sans-serif;
	font-weight: bold;
	width: 204px;
	line-height: 28px;
	font-size: 28px;
	text-align: center;
	color: #fc721f;
	}

/* IMAGES */

#main .solo img {
	margin-bottom: 23px;
	}

#main .pic {
	margin-top: 5px;
}

#main .pic p, #main .caption {
	margin: 8px 0 10px 0;
	font-size: 11px;
	line-height: 16px !important;
	font-family: "le-havre-1", "le-havre-2", Century Gothic, Arial, sans-serif;
	color: #777;
	}

.border {
	border: 1px solid #ccc;
	}

.left	{
	padding-right: 12px;
	float: left;
	}

.right	{
	padding-left: 12px;
	float: right;
	}

.right.inset {
	margin-left: 12px;
	}

.left.inset {
	margin-left: 216px;
	}

.solo.inset {
	margin-left: 216px;
	margin-bottom: 23px;
}

#main .solo.inset img {
	margin-bottom: 0px;
}
	
/* VIDEO */

.theater {
	margin: 0 108px 0px 216px;
}

/*---------- [ F O O T E R ] ----------------*/

#footer {
	margin: 0;
	padding: 23px 12px 23px 24px;
	background: #f4f4ed url(../images/searchbox-gradient.gif) repeat-x top left;
	}
	
#footer p {
	font-size: 12px;
	color: #333;
}

#footer a {
	color: #486072;
}

#footer a:hover {
	color: #BE3425;
	text-decoration: underline;
}

/*---------- [ S E R I E S ] ------------------*/ 

#series h1  {
	font-size: 36px;
	line-height: 56px;
	width: 192px;
	text-align: right;
}

#series h2 {
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
	padding-bottom: 5px;
	margin: 0 0 8px 212px;
	width: 424px;
	border-bottom: 1px dashed #666;
}

#series h3 {
	margin: 69px 0 23px 212px;
	font-size: 42px;
}

#series dl dt {
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight: bold;
	margin: 0px 0px 2px 216px;
	line-height: 23px;
	font-size: 20px;
}

#series dl {
	margin: 23px 108px 64px 0px;
}

#series dt {
	font-weight: bold;
}

#series dt a {
	color: #486072;
}

#series dt a:hover {
	color: #BE3425;
	text-decoration: underline;
}

#series dl p {
	margin-left: 242px;
}

#series .button {
	margin: 0 0 0 392px;
}

#series .pic img {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.85);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.85); 
}

/*---------- [ F R O N T  P A G E ] ------------------*/ 

#frontpage .entry {
	margin: 23px 0 63px 0px;
	clear: both;
}

#frontpage h1  {
	font-size: 36px;
	line-height: 56px;
	width: 192px;
	text-align: right;
}

#frontpage h2 {
	margin-top: 1.2em;
	margin-left: 216px;
	margin-bottom: .4em;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight: 800;
	font-size: 2.6em;
	line-height: 1.2em;
	
}

.sub-entry h3 {
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight: bold;
	margin: 0px 108px 2px 216px;
	line-height: 23px;
	font-size: 20px;
}

#frontpage h4 {
	margin: 49px 0 0px 216px;
	padding-bottom: 4px;
	font-weight: normal;
	border-bottom: 1px dashed #666;
	width: 216px;
}

#frontpage .entry h4 {
	margin: 0 0 4px 216px;
	font-size: 1.1em;
	font-style: italic;
	border-bottom: none;
}

#frontpage dl dt {
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight: bold;
	margin: 0px 0px 10px 216px;
	line-height: 23px;
	font-size: 20px;
}

#frontpage dl dd {
	font-size: 1em;
	line-height: 23px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
}

#frontpage dl {
	margin: 23px 108px 23px 0px;
	clear: both;
}

#frontpage dt {
	font-weight: bold;
}

#frontpage h2 a, .sub-entry a {
	color: #486072;
}

#frontpage h2 a:hover, .sub-entry a:hover {
	color: #BE3425;
}

#frontpage dt a {
	color: #486072;
}

#frontpage dt a:hover {
	color: #BE3425;
	text-decoration: underline;
}

#frontpage dl p {
	margin-left: 216px;
}

#frontpage .button {
	margin: 0 0 0 392px;
}



#frontpage .series p {
	padding: 5px;
	font-family: Book Antiqua, serif;
	border: 1px dashed slategray;
	background-color: #eee;
}

#frontpage .series {
	border: none;
}

#frontpage .series-pic {
	float: left;
	margin: 0 12px 23px 0px;
}

/*---------- [ L I N K E D  L I S T ] ----------------*/

#links h2 {
	font-size: 16px;
	font-family: "mostra-nuova-1","mostra-nuova-2", "Gill Sans", "Futura", Arial, sans-serif;
	font-weight: normal;
	line-height: 20px;
	padding-bottom: 3px;
	margin: 0 0 10px 212px;
	width: 424px;
	border-bottom: 1px dashed #666;
	text-shadow: none;
}

#links dl dt {
	font-family: "grad-1", "grad-2", Georgia, Times, serif;
	font-weight: bold;
	margin: 12px 108px 10px 216px;
	font-size: 20px;
}

#links dl dt a {
	color: #486072;
}

#links dl dt a:hover {
	color: #BE3425;
	text-decoration: underline;
}

#links dl {
	margin: 0px 108px 69px 0px;
}

dt img {
	position: relative;
	bottom: 3px;
}

#links img.rss-icon {
	position: relative;
	bottom: -3px;
}

/*---------- [ A R T I C L E S  A R C H I V E ] ----------------*/

#archives #navtop {
	margin-bottom: -23px;
}

#frontpage .heading, #archives .heading, #about .heading {
	margin-top: 23px;
	width: 204px;
	height: 56px;
	overflow: hidden;
}

#archives .heading img a, #archives .heading img a:link, #archives .heading img a:visited {
	text-indent: -9999px;
}

#archives h1  {
	font-size: 36px;
	line-height: 56px;
	width: 192px;
	text-align: right;
}

#archives h2 {
	font-size: 16px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	text-shadow: none;
	font-weight: normal;
	line-height: 20px;
	padding-bottom: 3px;
	margin: 69px 0 10px 212px;
	width: 424px;
	border-bottom: 1px dashed #666;
}

#archives h4 {
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight: bold;
	margin: 12px 108px 12px 216px;
	font-size: 24px;
}

#archives dl dt {
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight: bold;
	margin: 12px 108px 8px 216px;
	font-size: 24px;
}

#archives dl {
	margin: 0px 108px 46px 0px;
}

#archives dt {
	font-weight: bold;
}

#archives dt a {
	color: #486072;
}

#archives dt a:hover {
	color: #BE3425;
	text-decoration: underline;
}


#archives img {
	position: relative;
	bottom: 3px;
}

/* YEARLY ARCHIVES */

#archives ul.ya {
	margin: 12px 108px 23px 216px;
	list-style: none;
	}

#archives li.ya {
	margin: 0;
	}

#archives ul.ya h3 {
	margin: 0 0 0px 0;
	font-size: 18px;
	line-height: 46px;
	}

#archives ul.yablock {
	margin: 0px 0px 46px 0px;
	list-style: none;
	font-size: 14px;
	line-height: 23px;
	overflow: hidden;
	}

#archives ul.ya ul.yablock li {
	margin-right: 12px;
	width: 96px;
	float:left;
	}

#archives li.yablock a {
	font-weight: bold !important;
	}
	
/*---------- [ R E V I E W S ] ----------------*/

#reviews #main {
	width: 864px;
}

#bookshelf {
	margin-top: 23px;
}

#bookshelf a img {
	margin: 0 8px 0 0;
	padding: 0 0x 0 0;
}

#bookshelf h2 {
	margin: 23px 0 8px 0!important;
	line-height: 23px;
}

#bookshelf p {
	margin: 0 0 23px;
	font-size: 14px;
}

.product {
	margin: 32px 0px 100px 0px;
}

.product img {
	margin: 5px 0px 0px 108px;
}

.product p {
	margin-bottom: 46px;
}

.product p img {
	margin: 0 12px 0 0;
}

#reviews h2 {
	font-size: 26px;
	margin-bottom: 16px;
}

.product h3 {
	font-size: 32px !important;
	line-height: 23px !important;
	font-family: "grad-1", "grad-2", Georgia, Times, serif !important;
	font-weight: bold !important;
	}

.product a, .product a:link, .product a:visited {
	color: #486072;
}

.product a:hover {
	color: #BE3425;
	text-decoration: underline;
}

#reviews dl dt a {
	font-family: "grad-1", "grad-2", Georgia, Times, serif;
	font-weight: bold;
	margin: 0px 108px 23px 216px;
	font-size: 20px;
}

#reviews dl {
	margin: 0px 108px 69px 0px;
}

#reviews dl dt a, #reviews dl dt a:link, #reviews dl dt a:visited {
	color: #486072;	
}

#reviews dl dt a:hover {
	color: #BE3425;
	text-decoration: underline;
}

/* REVIEWS NAVIGATION */

#review_nav ul {
	width: 108px;
	margin: -96px 0 12px 824px;
	padding: 3px 0px 8px 6px;
	overflow: hidden;
	border: 1px dashed #666;
	background: #ddd;
	list-style: none;
}

#review_nav ul li {
	margin: 0;
	width: 224px;
	float: left;
	text-align: left;
	font-size: 14px;
}

#review_nav li.current a {
	color: #BE4352;
}

/* EXTRAS */

.series {
	border-top: 1px dashed #999;
	padding-top: 12px;
}

#error #main {
	margin-top: 46px;
}

/* SCRIPPETs */

/*
	Scrippet.css
	Scrippet is a CSS template designed for including short sections of screenplay-formatted material in blog posts.
	Originally developed by John August - johnaugust.com
	Last modified 8/21/08
*/
 
 
div.scrippet {
	width: 400px;
	background-color: #eee !important;
	color: #111;
	border: 1px dashed slategray;
	padding: 5px 14px 15px 14px;
	margin: 0 108px 23px 216px;
	padding: 5px 8px 13px 16px;
}

 
.scrippet p {
	font: 12px/14px Courier, "Courier New", monospace !important;
    text-align: left !important;
	letter-spacing: 0 !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
 
.sceneheader,
.action,
.character {
	padding-top: 1.5ex !important;
}
 
.action {
	padding-right: 5% !important;
	font-size: 12px !important;
	line-height: 14px !important;
}
 
 
.character {
	padding-left: 40% !important;
}
 
.dialogue {
	padding-left: 20% !important;
	padding-right: 20% !important;
}
 
.parenthetical {
	padding-left: 32% !important;
	padding-right: 30% !important;
}
 
.dialogue + .parenthetical {
	padding-bottom: 0 !important;
}
 
.transition {
	padding-top: 3ex !important;
	padding-left: 65% !important;
	padding-bottom: 1.5ex !important;
}


/* COMMENT FORM */

/* Portions of this were lifted from Tim Wright's SlidingLabels (thanks!) http://www.csskarma.com/blog/sliding-labels */


	#comment_form form {
		width: 420px;
		padding: 23px 12px 20px;
		margin: 0 0 0 216px;
		background: #f7f7f7;
		border: 1px solid #ddd;
		}

	#email-wrap, #subject-wrap, #comment-wrap {
		clear: both;
		position: relative;
		margin: 0 0 10px;
		}

	#comment_form label {
		cursor: pointer;
		display: block;
		}

	#comment_form input[type="text"], textarea {
		width: 396px;
		border: 1px solid #999;
		padding: 5px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		}

	#comment_form input[type="text"]:focus {
		border-color: #777;
		}

	#comment_form .form_submit {
		padding: .4em 4px;
		background: url('images/submit_bg.gif');
		border: 3px double #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
		font: bold 1em Georgia, "Times New Roman", Times, serif;
		cursor: pointer;
		}