/* RESET */

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,ul,li { margin: 0; padding: 0; }
img, a img { border: 0; }
html,body { height: 100%; }

a:focus { border:none; outline:none; }


/* ALIGNMENT */

.textRight { text-align: right; }
.textLeft { text-align: left; }
.textCenter { text-align: center; }
.left { float: left; }
.right { float: right; }

.clear { clear: both; }


/* MAIN */

body 
{
    font: 12px Helvetica, sans-serif;
    background: #808080;
}

hr 
{
    width: 100%;
    height: 1px;
    background: #d68d31;
    border: 0;
}

hr.story {
    width: 100%;
    height: 1px;
    background: #bfbfbf;
    border: 0;
}


/* LAYOUT */

div.wrap {
    width: 760px;
    margin: 0 auto;
    padding: 15px;
    background: #fff;
}

div.tophead {
    width: 760px;
    height: 60px;
    background: url(../images/tophead_bg.jpg) top left no-repeat;
}

div.mainhead {
    width: 760px;
    height: 215px;
    margin-top: 15px;
    background: #000;
}

div.mainheadL {
    width: 380px;
    padding: 15px;
}

div.mainheadR {
    width: 320px;
}

div.sidecontent { width: 225px; margin-top: 15px; background: #e4e4e4; }

div.flashmovie { width: 300px; height: 250px; margin: 5px 0 15px 15px; }

div.storyphoto { width: 300px; margin: 5px 0 15px 15px; }

div.podad { margin: 15px 0 15px 0; }

div.textwrap { float: right; clear: left; }

div.maincontent { width: 520px; margin-top: 15px; padding-right: 15px; }

div.date 
{
    padding: 7px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

div.storywrap {
    margin: 20px 0 20px 0;
}

div.footer1 {
    width: 760px;
    height: 65px;
    background: #e5e5e5;
    margin-bottom: 15px;
}

div.footer2 {
    width: 760px;
    height: 40px;
    background: #000 url(../images/footer_bg.gif) top left repeat-x;
}

div.exclusivecopy { width: 260px; }


/* TYPE */

h1 
{
    font: bold 22px Helvetica, sans-serif;
    display: inline;
}

h2 
{
    font: 13px Helvetica, sans-serif;
    display: inline;
}

h3 {
    font: 11px Helvetica, sans-serif;
    text-transform: uppercase;
    display: inline;
}

h4 {
    font: 12px Helvetica, sans-serif;
    text-transform: uppercase;
    color: #999;
}

.mainhead h1, .mainhead h2, .mainhead h3 { color: #fff; }
         
.mainhead a { text-decoration: none; color: #fff; }                                          

.mainhead a:hover { text-decoration: underline; }

.sidecontent h3, .maincontent h3 { color: #d68d31; }

div.storywrap p { margin-bottom: 20px; line-height: 20px; }

div.storywrap p a { font-size: 12px; }

div.storywrap p a:hover { color: #d68d31; }

ul.recent li a {
    color: #d38f2e;
}

ul.recent li a:visited { color: #606060; }

div.exclusive p { color: #ccc; line-height: 22px; }

div.exclusive a { color: #d68d31; font-weight: bold; }


/* LISTS */

ul.recent {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.recent li {
    padding: 8px;
}

ul.recent li.A {
    background: #1a1a1a;
}

ul.recent li.B {
    background: #262626;
}