@charset "UTF-8";
/* CSS Document */

/* ====================== CSS RESET (ERIC MEYER) http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ===================== */

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;
}
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: "" "";
}


/* ======= GENERAL STYLES ======= */

body { background: #000 url(/images/background.png) no-repeat top center; font-family: Arial; color: #cecece;}

#wrap { width: 960px; margin:auto; border: 3px solid #535353; box-shadow: 1px 1px 1px rgba(0,0,0,.4); }


strong {font-weight: bold; }
em { font-style: italic; }
h2, h3, h4, h5 { margin-left: -20px; }
h2 { font-size: 25px; font-weight: bold; margin-bottom: 15px; }
h3 { font-size: 21px; font-weight: bold; color: #0071bc; margin-bottom: 10px; }
h4 { font-size: 17px; text-decoration: underline; margin-bottom: 10px; }
h5 { font-size: 14px; font-style: italic; margin-bottom: 10px; color: #0071bc; }
a { color: #0071bc; }

.hide { display: none; }
.center { text-align: center; }
.al_right { text-align: right; }
.al_left { text-align: left; }
.flt_right { float: right; }
.flt_left { float: left; }
.clear { clear: both; }


/* ===== BANNER ====== */

#banner { display: block; background: #000 url(/images/banner1.png) no-repeat top center; border-bottom: 3px solid #535353; }
#banner a#title { display: block; width: 960px; height: 200px; }

/* ===== MENU ====== */

#menu_bar { float: right; height: 43px; background: #000 url(/images/menu_bg_stripe.png) repeat-x; -moz-border-radius-bottomleft: 10px; padding: 0 10px; }

ul.topnav li { float: left; margin: 0; height: 35px; position: relative; }
ul.topnav li a { color: #fff; display: block; height: 43px; line-height: 43px; text-decoration: none; float: left; padding: 0 35px;}
ul.topnav li a:hover { background: #00264f; }
ul.subnav { text-align: center; background: #00264f; border: 1px solid #111; border-bottom: none; }
ul.subnav li { height: 40px; font-size: 14px; border-bottom: 1px solid #111;}
ul.subnav li a { margin: 0; padding: 0; display: block; width: 150px; height: 40px; line-height: 40px; }
ul.subnav li a:hover { background: #000; }
#universe .subnav, #universe .subnav a { width: 150px; }
#stories .subnav, #stories .subnav a { width: 137px; }
#author .subnav, #author .subnav a { width: 136px; }
ul.topnav li ul.subnav { position: absolute; right: 0; top: 42px; display: none; }


/* ----- LANDING PAGES ----- */

.landing_page #main_content ul { margin-left: 30px; line-height: 30px;}
.landing_page #main_content a { background-color: #113; padding: 5px 7px; margin-right: 10px; }
.landing_page #main_content a:hover { text-decoration: none; }

/*==== MAIN CONTENT ==== */

#main_content { background: #080808; color: #cecece; font-size: 14px; line-height: 18px; padding: 20px 40px 20px 0px; }
#main_content p { margin-bottom: 20px; }

.home_page #main_content, #main_content_sub { padding: 20px 20px 20px 40px; }

/* ===== SIDEBAR ==== */

#sidebar { float: right; width: 280px; margin-bottom: 20px;  }
#sidebar h2 { font-size: 18px; padding-bottom: 10px; margin-right: 10px;  }

ul.sbmenu, ul.sbmenu ul { list-style-type:none; margin: auto; padding: 0; width: 260px; }
ul.sbmenu li { background: #000 url(/images/menu_bg_stripe.png) repeat-x; }
ul.sbmenu ul { border-bottom: none; }
ul.sbmenu a {  display: block; height: 19px; line-height: 19px; text-decoration: none;  background:url(/images/drop_arrow.png) no-repeat 90% 50%; padding: 10px 0 10px 0; }
ul.sbmenu li { margin-top: 1px; }
ul.sbmenu li a { font-size: 16px; color: #fff; text-align: center; height: }
ul.sbmenu li ul { border-left: 1px solid #111; border-right: 1px solid #111; width: 260px; margin-left: -1px; }
ul.sbmenu li ul li a { background: #000; color: #fff; border-bottom: 1px solid #111; padding: 15px 18px 30px 20px; line-height: 19px; font-size: 14px; font-weight: normal;}
ul.sbmenu li ul li a:hover { background: #00264f; }

/* ===== DOSSIER DIVS ==== */
.dossier_div { margin-left: 60px; margin-top: 30px; }
.dossier_div img { margin: 30px 0; }
.dossier_div ul { margin-bottom: 20px; }
.dossier_div li { margin-bottom: 10px; line-height: 18px; }
.dossier_image { width: 420px; float: right; margin-left: 50px; }

#intro.dossier_div p { font-size: 17px; }


/* ===== FOOTER ===== */

#footer { width: 960px; margin: 10px auto; font-size: 10px; }


/* --- Blog Styles --- */

#blog_sidebar { float: right; width: 280px; border: 1px solid #fff; padding: 20px 20px 20px 40px; margin-left: 30px; }
#blog_left { margin-left: 40px; margin-top: 20px;}

.widget { margin-bottom: 10px; }
.blogdate { font-style: italic; }
.feedback { text-align: right; }

#commentlist li { background-color: #111; border: 1px solid #fff; padding: 10px;  }
#commentlist li img { float: left; margin: 20px; }