/* The American Scene - CSS
 *
 * Author: Paul Adam Smith <http://pauladamsmith.com/>
 * Graphic Designer: Melissa Dean <http://mdeanstudio.com/>
 * Updated periodically by Matt Frost
 *
 * Copyright 2007
 */

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
    text-align: left;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* page styles
--------------------------------------------------------------------- */

html, body {
    color: #000;
    background: #fff;
    padding: 0;
    margin: 0;
	color: #222;
    font: 13px/1.6 "Lucida Grande", Verdana, Arial, sans-serif;
}

/* type and HTML element styles
--------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Grande", Arial, "Bitstream Vera Sans", sans-serif;
    text-transform: uppercase;
}

h1 {
    font-size: 2.18em;
    line-height: 1.376;
    margin-bottom: 1.6em;
}

h2 {
    font-size: 1.64em;
    line-height: 1.83;
}

h3 {
    font-size: 1.45em;
    line-height: 1.03;
}

h4 {
    font-size: 1.18em;
    line-height: 1.27;
}

a {
    color: #ba0411;
    text-decoration: none;
}

em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

hr {
    display: none;
}

p {
    margin: 1.5em 0;
    line-height: 1.5;
}

cite {
    font-style: italic;
}

blockquote {
    line-height: 1.636;
    margin: 1.636em;
}

blockquote p {
    margin: 1.636em 0;
    line-height: 1.636;
    font-style: italic;
}

abbr {
    letter-spacing: 0.1em;
}

/* mast layout
--------------------------------------------------------------------- */

#wrap {
    width: 912px;
    padding: 26px 0 0 48px;
    background: #fff;
}

#mast-photo {
    float: right;
}

#mast #name {
    text-indent: -5000px;
    background: url(images/the_american_scene.png) no-repeat;
    height: 41px;
    width: 573px;
}

#slogan {
    text-indent: -5000px;
    background: url(images/slogan.png) no-repeat;
    height: 40px;
    width: 223px;
    float: left;
    margin: 27px 0 0 7px;
}

#category-icons {
    margin: 16px 0 0 258px;
    height: 64px;
}

#category-icons li {
    float: left;
}

#category-icons li a {
    text-indent: -5000px;
    float: left;
    height: 64px;
    width: 65px;
    margin: 0 20px 0 0;
    padding: 0;
}

#politics-cat {
    background: url(images/lg_politics_icon.png) no-repeat;
}

#economics-cat {
    background: url(images/lg_economics_icon.png) no-repeat;
}

#media-cat {
    background: url(images/lg_media_icon.png) no-repeat;
}

#culture-cat {
    background: url(images/lg_entertainment_icon.png) no-repeat;
}

#name {
    margin: 0;
}

/* nav layout
--------------------------------------------------------------------- */

#nav {
    color: #fff;
    font-family: Arial, "Bitstream Vera Sans", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    margin: 20px 0 48px -9px;
    background: #5F9AB1 url(images/nav-fake-border-bg.png) repeat-x bottom center;
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#nav li {
    float: left;
}

#search,
#nav a {
    display: block;
    color: #fff;
    background: #5F9AB1;
    padding: 3px 36px 0 36px;
    line-height: 2.75em;
    border-bottom: 7px solid #63D0D8;
}

#nav a:hover {
    border-bottom-color: #b8d346;
}

#search {
    float: right !important;
}

input#q {
    font-size: 10px;
    padding: 1px;
    margin: -3px 0 0px 3px;
    border: none;
}

/* main layout
--------------------------------------------------------------------- */

#main {
    float: left;
    width: 649px;
    /* background: url(/images/18px-vertical-grid.png); */
}

#main_store {
    float: left;
    width: 869px;
    /* background: url(/images/18px-vertical-grid.png); */
}

/* archive page layout
-----------------------------------------------------*/
dl dt {font-family: "Lucida Grande", Arial,sans-serif;

font-style: normal;

font-variant: normal;

font-weight: bold;

font-size: 1em;}


/* article styles
--------------------------------------------------------------------- */

.article {
    margin-bottom: 1.4445em;
    min-height: 144px;
    background: #fff;
}

.article-body {
    width: 450px;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #f1f1f1;
}

.article-meta {
    float: right;
    width: 113px;
    background: #f1f1f1;
    padding: 0 12px;
    font: 11px/1.2 "Lucida Grande", Arial, Verdana, sans-serif;
}

.article-meta p,
.article-meta dl {
    margin: 1.2em 0;
}

.article-meta dd {
    margin-bottom: 1.2em;
}

p.byline {
    font-weight: bold;
}

.byline i {
    font-style: normal;
}

.tag-list li {
    float: left;
    margin-right: 0.6em;
}

.comments-link {
    margin-bottom: none;
}

#article-nav {
    margin-bottom: 1.5em;
}

#article-nav b {
    width: 6.5em;
    padding-right: 1em;
    text-align: right;
    display: block;
    float: left;
    font-weight: normal;
    color: #999;
}

/* per category article styles
--------------------------------------------------------------------- */

h2.title span {
    display: none;
}

.icon h2.title span {
    display: block;
    float: left;
    width: 42px;
    height: 42px;
    margin: -3px 12px 0 0;
    background: url(images/tas_sprites.png) no-repeat 0 0;
}

.media h2.title span {
    background-position: 0 0;
}

.media .article-body {
    border-bottom-color: #FBA133;
}

.politics h2.title span {
    background-position: -43px 0;
}

.politics .article-body {
    border-bottom-color: #7BD9DF;
}

.culture h2.title span {
    background-position: -86px 0;
}

.culture .article-body {
    border-bottom-color: #F8DA41;
}

.economics h2.title span {
    background-position: -129px 0;
}

.economics .article-body {
    border-bottom-color: #C3D85B;
}

.misc h2.title span {
    background-position: -172px 0;
}

.misc .article-body {
    border-bottom-color: #789EB5;
}

/* comment style and layout
--------------------------------------------------------------------- */

.comment-timestamp {
    float: right;
    font-size: smaller;
}

.comment-meta {
    border-bottom: 1px solid #f1f1f1;
}

.comment {
    margin: 1.5em 0;
    width: 450px;
}

#comment-form p {
    margin-top: 1.5em;
    text-indent: 0;
}

#comment-form input {
    font-size: 100%;
}

#comment {
    width: 450px;
}

#comment-errors {
    color: red;
    font-weight: bold;
    margin: 1.5em 0;
}

#comments form 
{
	background: #e9f0f2; 
	border-bottom: solid 1px #c6d4da;
	border-right: solid 1px #c6d4da;
	padding: 6px 6px 12px 12px;
}

#comments label 
{
	display: block;
	font-weight: bold;
	margin-top: 10px;
	padding-bottom:3px;
}

#comments .help
{
	margin-top: 1em;
}

#comments blockquote p 
{
	margin: 6px 0 0 0;
}

#comments form p 
{
	width: 100%;
}

#comments p.closed
{
	margin: 3em 0 3px 0;
	padding: 3px 0 0.1em 0;
}

#comments p.count 
{
	margin: 3px 0 3px 0;
	padding: 3px 0 0.1em 0;
}

#comments p.posted 
{
	margin: 6px 0 1.68em 30px
}

#comments input, textarea

{padding-top: 3px;

padding-right: 3px;

padding-bottom: 3px;

padding-left: 3px;

width: 95%;

}

/* side bar layout
--------------------------------------------------------------------- */

#side-wrap {
    margin: -36px 0 0 675px;
    background: #fff url(images/sidebar_runner.png) repeat-y 0 0;
    padding-left: 4px;
}

#side {
    border-top: 6px solid #63d0d8;
    background: #f1f1f1;
    padding: 15px 26px;
    font-size: 12px;
    line-height: 1.3;
}

#side h2 {
    font-size: 13px;
    line-height: 1.3;
}

#side,
#side a {
    color: #9f9f9f;
}

#side a:hover {
    color: #ba0411;
}

#feed-sub {
    margin: 1em 0 1.5em 0;
}

#feed-sub img {
    vertical-align: middle;
    padding: 0 5px 0 0;
}

#side .list {
    margin-bottom: 1.3em;
}

#tags p {
    margin: 0;
}

/* footer styles and layout
--------------------------------------------------------------------- */

#footer {
    width: 918px;
    margin: 22px 0 10px 48px;
    background: #F9EDB1;
}

#fineprint {
    background: #EFD244;
    padding: 12px;
}

#fineprint .site-name {
    font-weight: bold;
    text-transform: uppercase;
}

#hilited-posts,
#most-commented {
    padding: 12px;
}

/* housekeeping */

.article:after,
.tag-list:after,
#mast:after,
#wrap:after,
#nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    clear: both;
}

/*screenplay formatting from here: http://johnaugust.com/archives/2004/screenbox */

.screenbox {
    list-style: none;
    width: 420px;
    background: #eee;
    border: 1px solid #333;
    padding: 5px 14px;
    
}

.screenbox li {
    font:  12px/14px Courier, fixed;
}

.sceneheader,
.action,
.character {
    padding-top: 1.5ex;
}

.action {
    padding-right: 5%;
}

.character {
    margin-left: 40%;
}

.dialogue {
    margin-left: 25%;
    padding-right: 25%;
}

.parenthetical {
    margin-left: 32%;
    padding-right: 30%;
}

/* special case: dialogue followed by
a parenthetical; the extra line needs 
to be suppressed */

.dialogue + .parenthetical {
    padding-bottom: 0;
}

.transition {
    padding-top: 3ex;
    margin-left: 65%;
    padding-bottom: 1.5ex;
}

pre {font-family:"Courier";}