@import url(reset.css);

body {
    background:#000 url(../images/layout/bg_stars.gif);
    color:#fff;
    font-family:helvetica neue, helvetica, arial, sans-serif;
    text-align:center;
    font-size:13px;
    line-height:16px;
    }

.clear { clear:both; }

p { padding-bottom:10px; }

ol, ul { padding-left:20px; }

ul { list-style-type:disc; }
ol { list-style-type:decimal; }

li { padding-bottom:5px; }

a { text-decoration:none; }
a:link, .fakeLink { color:#ff0; }
a:visited { color:#ff0; } /* #aa0 */
a:hover { color:#ffa; text-shadow:0 0px 3px #ff0; }
a:active { color:#fff; }

a.hideLink:link, a.hideLink:visited { color:#fff; }

strong { font-weight:bold; }
em { font-style:italics; }
u { text-decoration:underline; }

#page {
    position:relative;
    width:720px;
    margin:0 auto;
    text-align:left;
    }

#main {
    float:left;
    width:500px;
    padding-bottom:50px;
    }

#logo {
    width:500px;
    height:150px;
    }

/***** nav begins *****/

#nav {
    width:500px;
    height:40px;
    margin-bottom:10px;
    }

#nav ul { padding:0; }

#nav li {
    float:left;
    display:block;
    height:40px;
    }

#nav a {
    display:block;
    height:40px;
    }

#nav_home {
    width:72px;
    background:url(../images/layout/nav_home_off.gif) left top no-repeat;
    }

#nav_episodes {
    width:102px;
    background:url(../images/layout/nav_episodes_off.gif) left top no-repeat;
    }

#nav_forum {
    width:81px;
    background:url(../images/layout/nav_forum_off.gif) left top no-repeat;
    }

#nav_about {
    width:78px;
    background:url(../images/layout/nav_about_off.gif) left top no-repeat;
    }

#nav_extras {
    width:87px;
    background:url(../images/layout/nav_extras_off.gif) left top no-repeat;
    }

#nav_store {
    width:80px;
    background:url(../images/layout/nav_store_off.gif) left top no-repeat;
    }

#section_home #nav_home, #nav_home:hover { background-image:url(../images/layout/nav_home_on.gif); }
#section_episodes #nav_episodes, #nav_episodes:hover { background-image:url(../images/layout/nav_episodes_on.gif); }
#section_forum #nav_forum, #nav_forum:hover { background-image:url(../images/layout/nav_forum_on.gif); }
#section_about #nav_about, #nav_about:hover { background-image:url(../images/layout/nav_about_on.gif); }
#section_extras #nav_extras, #nav_extras:hover { background-image:url(../images/layout/nav_extras_on.gif); }
#section_store #nav_store, #nav_store:hover { background-image:url(../images/layout/nav_store_on.gif); }

#nav li span { display:none; }

/***** nav ends *****/

/***** blog begins *****/

#header_latestNews {
    width:123px;
    height:34px;
    margin-bottom:10px;
    background:url(../images/layout/header_latestNews.gif) left top no-repeat;
    }

#header_newsArchive {
    width:133px;
    height:34px;
    margin-bottom:10px;
    background:url(../images/layout/header_newsArchive.gif) left top no-repeat;
    }

#header_blank {
    position:relative;
    width:233px;
    height:34px;
    margin-bottom:10px;
    background:url(../images/layout/header_blank.gif) left top no-repeat;
    }

#header_blank h1 {
    position:relative;
    left:15px;
    font-size:18px;
    line-height:36px;
    letter-spacing:-0.5px;
    font-weight:normal;
    font-style:italic;
    color:#f00;
    text-shadow:0 0 3px #f00;
    }

#header_comments {
    width:113px;
    height:34px;
    margin-bottom:10px;
    background:url(../images/layout/header_comments.gif) left top no-repeat;
    }

#header_latestNews h1, #header_newsArchive p, #header_comments h2 { display:none; }

.entry, .comment, #addComment {
    position:relative;
    background:#111 url(../images/layout/bg_starsPanel.gif);
    border:1px solid #0b0b0b;
    border-top:1px solid #2a2a2a;
    border-left:1px solid #2a2a2a;
    padding:10px;
    margin-bottom:20px;
    }

.entry {
    overflow:hidden;
    min-height:150px;
    }

#content > .entry { min-height:130px; }

.entry * {
    position:relative;
    z-index:200;
    }

.entry h1, .entry h2 {
    padding-bottom:5px;
    font-size:20px;
    font-weight:normal;
    }

.entry h3 {
    font-size:16px;
    border-bottom:1px solid #265fc3;
    padding-bottom:3px;
    margin-bottom:5px;
    }

.entry .dateline {
    font-size:11px;
    text-transform:uppercase;
    }

.watermark {
    position:absolute;
    right:0;
    top:0;
    width:134px;
    height:147px;
    z-index:100;
    }

.yellow { background:url(../images/layout/watermark_yellow.gif) left top no-repeat; }
.black { background:url(../images/layout/watermark_black.gif) left top no-repeat; }
.blue { background:url(../images/layout/watermark_blue.gif) left top no-repeat; }
.pink { background:url(../images/layout/watermark_pink.gif) left top no-repeat; }
.red { background:url(../images/layout/watermark_red.gif) left top no-repeat; }

#comments h2 { padding-bottom:15px; }

.commentBody { font-size:11px; }
.comment .dateline {
    padding-bottom:0;
    text-align:right;
    font-size:11px;
    }
.commenterName { font-weight:bold; }

.header_comment {
    position:absolute;
    left:-56px;
    top:-5px;
    width:60px;
    height:37px;
    font-size:16px;
    line-height:42px;
    text-align:center;
    color:#3b8eff;
    background:url(../images/layout/header_comment.gif) right top no-repeat;
    text-shadow:0 0px 3px #3b8eff;
    }

.header_comment a:link, .header_comment a:visited { color:#3b8eff; }
.header_comment a:hover { color:#ff0; text-shadow:0 0px 3px #ff0; }
.header_comment a:active { color:#f00; }

.comment .hr {
    height:1px;
    margin-bottom:3px;
    background:#602c44;
    }

.inResponse { font-size:11px; }

.inResponse p { padding-bottom:1px; }

.inResponse .hr { background:#265fc3; }

#addComment h2 {
    padding-bottom:5px;
    font-size:14px;
    }

#comments-form { display:block!important; }

#comment_body {
    width:478px;
    height:100px;
    margin-bottom:10px;
    }

form > #comment_body {
    width:468px;
    height:90px;
    }

label {
    display:block;
    float:left;
    clear:left;
    height:15px;
    width:60px;
    font-size:12px;
    line-height:20px;
    font-weight:bold;
    }

input.text {
    float:left;
    width:150px;
    height:15px;
    padding:0;
    margin-bottom:5px;
    }

textarea { padding:5px; }

input.text, input.password, textarea, select {
    border:1px solid #333;
    background:#0a0a0a;
    color:#ddd;
    font-family:helvetica neue, helvetica, arial, sans-serif;
    font-size:12px;
    }

 .inputNote {
    float:left;
    padding:2px 0 0 10px;
    font-size:10px;
    }

#comment_preview {
    width:76px;
    height:30px;
    margin-top:5px;
    border:0;
    background:url(../images/layout/button_commentPreview.gif) left top no-repeat;
    cursor:pointer;
    }

#comment_submit {
    width:76px;
    height:30px;
    margin-top:5px;
    border:0;
    background:url(../images/layout/button_commentPost.gif) left top no-repeat;
    cursor:pointer;
    }

#comment_cancel {
    width:80px;
    height:30px;
    margin:5px 0 0 10px;
    border:0;
    background:url(../images/layout/button_commentCancel.gif) left top no-repeat;
    cursor:pointer;
    }

.nav_archive {
    padding:5px;
    border:1px solid #0b0b0b;
    border-top:1px solid #2a2a2a;
    border-left:1px solid #2a2a2a;
    text-align:center;
    }
 
/***** blog ends *****/

/***** sidebar begins *****/

#sidebar {
    position:absolute;
    left:520px;
    top:200px;
    width:200px;
    overflow:hidden;
    }

.sidebarContent {
    width:200px;
    padding:10px;
    background:url(../images/layout/bg_sidebar.gif) left top;
    }

#sidebar > .sidebarContent { width:180px; }

.sidebarTop {
    width:200px;
    height:6px;
    background:url(../images/layout/bg_sidebarTop.gif) left top no-repeat;
    font-size:1px;
    line-height:1px;
    }

.sidebarBottom {
    width:200px;
    height:6px;
    margin-bottom:20px;
    background:url(../images/layout/bg_sidebarBottom.gif) left top no-repeat;
    font-size:1px;
    line-height:1px;
    }

#sidebar h3 {
    padding-bottom:10px;
    font-size:18px;
    font-weight:normal;
    }

#header_latestEpisode {
    width:138px;
    height:34px;
    margin-bottom:10px;
    background:url(../images/layout/header_latestEpisode.gif) left top no-repeat;
    }

#header_latestEpisode h2 { display:none; }

#header_announcements {
    width:148px;
    height:34px;
    margin-bottom:10px;
    background:url(../images/layout/header_announcements.gif) left top no-repeat;
    }

#header_announcements h2 { display:none; }

.announcement { margin-bottom:10px; }

#sidebar .dateline {
    font-size:10px;
    line-height:10px;
    padding-bottom:2px;
    }

#header_twitterUpdates {
    width:148px;
    height:34px;
    margin-bottom:10px;
    background:url(../images/layout/header_twitterUpdates.gif) left top no-repeat;
    }

#header_twitterUpdates h2 { display:none; }

#twitter_update_list {
    padding:0;
    font-size:12px;
    line-height:16px;
    list-style-type:none;
    }

#twitter_update_list li { padding-bottom:10px; }

/***** sidebar ends *****/

/***** episodes begins *****/

#header_episodes {
    width:103px;
    height:34px;
    margin-bottom:10px;
    background:url(../images/layout/header_episodes.gif) left top no-repeat;
    }

#header_episodes h1, #header_episodes p { display:none; }

.thumb_episode {
    float:left;
    margin:0 10px 20px 0;
    }

h2.episode_title {
    font-size:16px;
    line-height:16px;
    }

/***** episodes ends *****/

#story {
    margin:20px auto;
    font-size:16px;
    line-height:20px;
    text-align:center;
    font-style:italic;
    color:#3b8eff;
    }