h1 a:link, h2 a:link, h3 a:link, h4 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
    color: #333; text-decoration: none;
}

#main {
    font-size: 15px;
    line-height: 1.7em;
}

img.title { display: block; margin: 0 auto 31px; }

/*------------------------------------------------------------------
[Single item display]

-------------------------------------------------------------------*/

.metaBox {
    float: right;
    font-size: 12px;
    line-height: 1.625em;
    padding: 0 0 0 31px;
    width: 165px;
}
    .metaBox h5 { line-height: 1.625em; margin-bottom: .5em; }
    .metaBox ol,
    .metaBox ul { margin-left: 16px; }
    .metaBox img.author { float: left; margin: 0 1em 0 0; }

#main p.lead { font-weight: bold; }
#main p.byline { color: #777; font-size: .8em; }

#main blockquote {
    font-style: italic;
    line-height: 1.75em;
    margin: 0 31px 1.5em;
}

#main blockquote.pull {
    float: right;
    font-size: 1.3em;
    margin: 0 0 0 31px;
    width: 361px;
}
    #main blockquote.pull p { margin: 0; }

#main div.article div.img h4 { text-transform: uppercase; }
/* Galleries */
#main h2.attr {
    color: #777;
    font-size: 14px;
    font-weight: normal;
    margin: -1em 0 1.5em;
}
    #main h2.attr cite { font-style: normal; }

/*------------------------------------------------------------------
[Fonts]

Georgia, Times, serif
Helvetica, Arial, sans-serif
Monaco, "Courier New", monospace

-------------------------------------------------------------------*/
body,
h1, h2, h3, h4, h5, h6,
blockquote#smash,
.nbx.exhibition h4 .t {
    font-family: Georgia, Times, serif;
}

#main.frontpage,
#main p.byline,
#main h2.attr,
.nbx.exhibition h4,
.nbx {
    font-family: Helvetica, Arial, sans-serif;
}

/*------------------------------------------------------------------
[News BoX]

.nbx (News BoX) is the generic box for displaying a news headline
with a puff

-------------------------------------------------------------------*/

.nbx {
    clear: left;
    font-size: 12px;
    line-height: 1.5em;
    height: 165px;
    margin-bottom: 31px;
    min-height: 165px;
}



.nbx :last-child { margin: 0; }
.nbx h4 { margin: 0; }
.nbx img.title { display: block; margin: 0 0 31px; }

.nbx.focus, .nbx .focus { font-size: 1.167em; line-height: 1.5em; }
    .nbx.focus h4, .nbx .focus h4 { font-size: 1.5em; line-height: 1.25em; }
.nbx.bigfocus, .nbx .bigfocus { font-size: 1.167em; line-height: 1.5em; }
    .nbx.bigfocus h4, .nbx .bigfocus h4 { font-size: 2.143em; line-height: 1.25em; margin-bottom: .3em; }

.nbx.notxt.bborder { height: 165px; }
.nbx.notxt img.title { margin: 0; }

.nbx.extra, .nbx.img { height: 361px; min-height: 361px; }

.nbx.bborder {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

nbx.imgsp {
    clear: left;
    font-size: 12px;
    line-height: 1.5em;
    height: 170px;
    margin-bottom: 31px;
    min-height: 165px;
}


.nbx.vsplit div {
    float: left;
    margin-left: 31px;
    width: 165px;
}
.nbx.vsplit div.a    { margin-left: 0; }
.nbx.vsplit div.double { width: 361px; }
.nbx.vsplit div.border {
    border-left: 1px solid #c1c1c1;
    margin-left: 15px;
    padding-left: 15px;
}

.nbx.exhibition img.title { margin: 0; }



/*------------------------------------------------------------------
[Front-page]

Different setups are possible. Default has top stories on left,
featured picture article/gallery on right, below a 'smash' item,
typically a quote.

-------------------------------------------------------------------*/

#main.frontpage {
    font-size: 12px;
    line-height: 1.5em;
}
    #main.frontpage div:last-child { margin-bottom: 0; }

#cover {
    border-bottom: 1px solid #c1c1c1;
    height: 62.75em;
    margin-bottom: 15px;
    min-height: 753px;
    padding-bottom: 15px;
    width: 753px;
}

#topStories {
    background: url(g/topstoriesBackground.png) repeat-y;
    float: left;
    height: 62.75em;
    overflow: hidden;
    padding-right: 16px;
    width: 361px;
}

#splash {
    height: 30.0833em;
    min-height: 361px;
    margin-bottom: 31px;
}
    #splash h1 { margin: 0 0 .3em 0; }
    #splash p.top { font-size: 1.167em; line-height: 1.5em; }

#feature {
    background: #141414;
    color: #fff;
    font-size: 1.167em;
    float: right;
    height: 39.786em;
    line-height: 1.5em;
    min-height: 557px;
    text-shadow: #141414 0 0 1px;
    width: 361px;
}
    #feature a  { color: #fff; text-decoration: none; }
    #feature h1 {
        font-size: 2.143em;
        line-height: 1.25em;
        margin: .1em 0.5em;
    }
    #feature p  { margin: 0 0.357em 1em 1.072em; }

#smash {
    border-top: 1px solid #c1c1c1;
    float: right;
    height: 165px;
    margin-top: 15px;
    width: 361px;
}
blockquote#smash {
    background: url(g/smashQuote.png) no-repeat 26px 20px;
    font-size: 2em;
    font-style: normal;
    line-height: 1.25em;
    height: 119px;
    margin: 0.625em 0 0;
    padding: 30px 42px 0;
    width: 277px;
}
    blockquote#smash p { margin: 0 0 0.5em 0; }
    blockquote#smash p.attr {
        font-size: 0.583em;
        line-height: 1.3em;
        font-style: italic;
        margin: 0;
    }

/* IE6 Hack */
/*#main.frontpage div.wide { float: left; margin-left: 31px; }
#main.frontpage div.wide h4 { text-align: left; }
#main.frontpage div.a { margin-left: 0; }
#main.frontpage div.border { margin-left: 15px; }*/