/* YUI CSS RESET via Yahoo! */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } 
ol,ul { list-style: none; } 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } 
q:before,q:after { content: ''; } 
abbr,acronym { border: 0; } 

/* GLOBAL STYLES */

body { font-size: 62.5%; background: #fff; color: #333; font-family: Georgia, Times, 'Times New Roman', serif; text-shadow: #fff 0px 0px 0px;} /* Reset 1em to 10px */
.clearall { height: 0px; overflow: hidden; clear: both; }
hr.meta_divider { height: 1px; color: #ccc; overflow: hidden; margin: 0; padding: 0; clear: both; }
em { font-style: italic; }
strong { font-weight: bold; }

/* BUILDING BLOCKS */

#contain { width: 890px; margin: 15px auto 0; padding: 7px 0 15px 0; position: relative; }
.story, .stitched, .single_page { margin: 40px 0 0; padding-bottom: 40px; float: none; border-bottom: 1px solid #ccc; }
.meta { width: 365px; padding: 0 10px 20px 0; border-bottom: 1px solid #ccc; float: right; display: inline; }
.kudos { width: 375px; float: right; padding: 0; clear: right; display: inline; }
#submission, #log_reg, .top_corners, .bottom_corners, .popup_content { width: 670px; }
.top_corners, .bottom_corners { height: 5px; overflow: hidden; }
.popup_content { width: 670px; background-color: #fff; position: relative; }
.top_corners { background: transparent url(/i/lightbox_border_top.png) left top no-repeat; }
.bottom_corners { background: transparent url(/i/lightbox_border_bottom.png) left top no-repeat; }
#submission, #log_reg { display: none; position: fixed; top: 17%; left: 50%; margin-left: -335px; }
#login { width: 200px; float: left; display: inline; margin-left: 20px; }
#register { width: 400px; float: right; display: inline; margin-right: 20px; }
#about_container { border-bottom: 1px solid #ccc; }
.major { width: 505px; margin: 40px 0 40px 10px; float: left; display: inline; }
.minor { width: 280px; margin: 40px 10px 40px 0; float: right; display: inline; }

/* HEADLINES & TEXT */

h1 { width: 890px; height: 151px; background: #fff url(i/title.gif) left top no-repeat; text-indent: -9999px; }
h2 { font-size: 22px; line-height: 36px; text-align: center; margin-top: 10px; border-bottom: 3px double #ccc; padding-bottom: 15px; }
h3 { font-size: 22px; line-height: 22px; padding: 15px 0 20px; border-bottom: 3px double #ccc; margin: 0 20px; color: #aaa; }
#log_reg h3 { margin: 0; }
.single_page h3 { border-bottom: none; color: #333; line-height: 26px; padding-top: 0; }
h4 { text-transform: uppercase; color: #aaa; font-size: 16px; line-height: 26px; margin-bottom: 13px; letter-spacing: 4px; margin-top: 52px; }
.single_page h4 { margin: 52px 20px 13px; letter-spacing: 1px; }
.single_page h4.first { margin-top: 0; }
h4.colophon { margin-top: 0; }

p { font-size: 22px; line-height: 36px; color: #333; }
p#pagination { font-size: 20px; border-bottom: 3px double #ccc; padding: 15px 10px; }
p#copyright { font-size: 12px; text-align: right; margin: 15px 10px 0 0; line-height: 12px; color: #aaa; }
.story p { width: 485px; margin-left: 10px; float: left; display: inline; }
.meta p { width: 310px; float: right; display: inline; font-size: 16px; line-height: 20px; font-style: italic; color: #aaa; margin-left: 0; }
.kudos p { font-family: Helvetica, Arial, serif; font-weight: bold; font-size: 20px; line-height: 20px; color: #aaa; width: 215px; margin: 25px 0 0 10px; float: left; display: inline; }
.popup_content p { font-family: Helvetica, Arial, sans-serif; color: #aaa; font-size: 13px; line-height: 15px; }
#submission .popup_content p, #log_reg .popup_content p { margin: 0; padding: 8px 0; border-bottom: 1px solid #ccc; }
#submission .popup_content p { margin: 0 20px; }
p.descriptive { color: #aaa; font-size: 16px; line-height: 20px; padding: 10px; border-bottom: 1px solid #ccc; }
.stitched p { text-indent: 50px; margin: 0 10px; }
.stitched p.first, .single_page p.first { text-indent: 0px; }
.stitched p.print { text-indent: 0px; font-size: 14px; line-height: 14px; margin-top: 30px; text-align: right; }
#about_container p, .single_page p { font-size: 16px; line-height: 26px; margin-bottom: 13px; }
.single_page p { margin: 0 20px 13px; }

.kudos span#rating { font-family: Helvetica, Arial, serif; font-weight: bold; font-size: 36px; line-height: 36px; color: #ccc; width: 139px; display: inline; float: right; border-left: 1px solid #ccc; text-align: center; margin-top: 15px; }
span.amp { font-family: 'Hoefler Text', 'HoeflerText-Italic', 'PalatinoLinotype-Italic', 'Palatino Linotype', Baskerville, 'Goudy Old Style', 'Palatino', 'Book Antiqua', serif; font-style: italic; }
span.dropcap { font-size: 70px; line-height: 70px; float: left; margin-right: 5px; color: #e62929; }

/* LINKS */

a { color: #e62929; text-decoration: none; }
a:hover { background-color: #ededed; }
#pagination a { color: #aaa; padding: 2px 5px; }
#pagination a:hover { color: #e62929; }
#pagination a.active { color: #333; }
.kudos a { color: #333; }
.kudos a:hover { color: #e62929; background-color: #fff; }
a.jqmClose { background-color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; font-weight: bold; color: #e62929; margin-left: 20px; display: block; height: 31px; width: 100px; }
#log_reg a.jqmClose { position: absolute; bottom: 0; left: 0; }
a.jqmClose:hover { color: #aaa; }

/* NAVIGATION */

p#redundant_nav { font-size: 14px; line-height: 14px; text-align: center; padding: 15px 0; border-bottom: 3px double #ccc; }
p#redundant_nav a { color: #aaa; text-transform: uppercase; padding: 5px 10px; }
p#redundant_nav a:hover { color: #e62929; }

/* FORMS */

#search { width: 290px; height: 27px; border: none; position: absolute; top: 0; right: 0; }
#search input, #login_form input.cleardefault, #register_form input.cleardefault { width: 280px; height: 13px; background: transparent url(/i/search_box.png) left top no-repeat; border: none; font-style: italic; font-size: 12px; line-height: 13px; font-family: Georgia, Times, 'Times New Roman', serif; padding: 7px 5px; }
#submit, #login_form, #register_form { width: 630px; margin: 20px; position: relative; border-bottom: 3px double #ccc; }
#submit textarea.cleardefault { width: 610px; height: 74px; background: transparent url(/i/submission_box.png) left top no-repeat; font-size: 16px; line-height: 22px; border: none; font-family: Georgia, Times, 'Times New Roman', serif; padding: 8px 10px 0; }
#submit input.button, #log_reg input.button { border: none; background-color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; font-weight: bold; color: #333; padding: 5px 0 5px 5px; float: right; display: inline; margin: 10px 0 10px 15px; text-transform: uppercase; }
#log_reg input.button { float: none; margin: 0 15px 10px 0; padding: 5px; }
#log_reg .popup_content { padding-bottom: 20px; }
#submit input.button:hover, #log_reg input.button:hover { cursor: pointer; color: #e62929; }
#login_form { width: 200px; margin: 20px 0; }
#login_form input.cleardefault { width: 190px; background-image: url(/i/login_box.png); margin-bottom: 10px; }
#register_form { width: 400px; margin: 20px 0 0 0; }
#register_form input.cleardefault { width: 390px; background-image: url(/i/register_box.png); margin-bottom: 10px; }

/* IMAGES */

.meta img { width: 38px; border: 1px solid #333; float: left; margin-right: 10px; }

/* LISTS */

.single_page ul { margin: 0 20px; }
.single_page ul li { font-size: 16px; line-height: 26px; margin-bottom: 13px; list-style-image: url(/i/bullet.png); }

/* jqModal STYLES */

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}