/* RESET */
/* tables need 'cellspacing="0"' in the markup */
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, b, u, i, center, 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-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}

a {color:inherit; text-decoration:none;}
a:hover {text-decoration:none;}
a img {border:none;}

/* DEFAULTS */
strong, b {font-weight:bold;}
i, em {font-style:italic;}
u {text-decoration:underline;}
strike {text-decoration:line-through;}

sup, sub {height:0; line-height:1; vertical-align:baseline; position:relative; _vertical-align:bottom; font-size:75%;}
sup {bottom:1ex;}
sub {top:.5ex;}

/* Whitespace */
pre.escaped, code.escaped {
white-space: pre-wrap;       /* CSS-3                  */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
white-space: -pre-wrap;      /* Opera 4-6              */
white-space: -o-pre-wrap;    /* Opera 7                */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
_white-space: pre;
}
* html pre.escaped, * html code.escaped { white-space: normal; }

/* STANDARD CLASSES */
.l, #body .l, .body .l {text-align:left;} 
.r, #body .r, .body .r {text-align:right;}
.c, #body .c, .body .c {text-align:center;} 
.j, #body .j, .body .j {text-align:justify;}

.i {font-style:italic;} 
.b {font-weight:bold;}

.p1 {padding:1em;} 
.m1 {margin:1em;}
.ma {margin:inherit auto;}

.small {font-size:80%;} 
.smaller {font-size:60%;}
.large {font-size:110%;} 
.larger {font-size:120%;}

.fl {float:left;} 
.fc {clear:both;} 
.fr {float:right;}

.oh {overflow:hidden;}

/* *********************************************************************** */

/* Structure */
body {background:#482C04; font:10px Verdana, Geneva, sans-serif; text-align:justify;}

#container {position:relative;}
	#page {width:100%; background-color:#ffffff;}
		#logo {margin:0 auto; text-align:center; width:100%; height:149px; border-bottom:1px solid #480404; background:#900808 url('/img/page-header.png') no-repeat top center;}
		#nav {height:22px; background:#385064 url('/img/page-menu.gif') repeat-x top left; padding-left:20px; text-transform:uppercase;}
		.wide {position:relative;}
			#zone {width:1000px; margin:0 auto; background-color:#fff;}
			#columns {width:1000px; margin:0 auto; line-height:1.5;}
				#main {float:left; width:100%;}
					#wrapper {}
						#content {font-size:1.25em; padding:20px 20px 30px 20px; border-right:1px solid #fff;}
							#top {width:100%;}
							#body {width:100%;}
							#bottom {width:100%;}
				#right {display:block; float:left; width:300px; margin-left:-300px; font-size:1.1em; position:relative; z-index:3; background:url('/img/main-sidebar.gif') repeat-y top right;}
		#foot {width:100%; clear:both; background:#482C04; border-top:1px solid #241602;}
			#footer {width:940px; margin:0 auto; padding:20px 30px; text-align:left;}

	/* outside tree */
	#header {}

	/* right */
	body.right #main {background:url('/img/main-sidebar.gif') repeat-y top right;}
	body.right #wrapper {margin-right:300px;}

	/* #columns-header, #zone-header*/
	#columns-header,
	#columns-header-extend,
	#zone-header,
	#zone-header-extend {border-bottom:1px solid #385064; background:#E6CD4D; padding:0.6em 10px 0.6em 20px; height:1.7em; font:15px;}
	#columns-header,
	#zone-header {text-align:center; text-transform:uppercase; font-weight:bold; z-index:2; position:relative;}
	#columns-header-extend, 
	#zone-header-extend {position:absolute; left:0; right:0; top:0; width:auto; z-index:1;}
	
		/* with #zone */
		body.zone #columns-header, 
		body.zone #columns-header-extend {border-top:1px solid #385064;}
		body.zone #right {margin-top:1px;}

/* *********************************************************************** */

/* #nav */
#nav {font-size:12px !important;}
#nav a:link, #nav a:visited {color:#fff;}

#nav ul {margin:0; padding:0; position:relative; display:block;}
#nav li {position:relative; display:block; height:22px;}
#nav ul > li {list-style-type:none; float:left; display:block; position:relative;}
#nav ul > li:hover ul {display:block;}
#nav ul > li:hover {background-color:#E6CD4D;}
#nav ul li ul {margin:0px; padding:0px; display:none;}
#nav ul li ul li {list-style-type:none; margin:0;}
#nav ul li ul li a {display:block; padding:5px 10px; text-decoration:none;}
#nav ul li ul li:hover a {background-color:#E6CD4D;}
#nav ul li span {cursor:pointer; margin:0px 10px; font-weight:bold;}

#nav ul li {padding:0; height:19px; margin:0 7px;}
#nav ul > li a {display:block; padding:3px 15px 0px 15px; height:19px;}
#nav ul li ul li a {}

#nav ul > li:hover,
#nav ul > li.selected {margin:0 5px; border-left:1px solid #480404; border-right:1px solid #480404;}
#nav ul > li:hover a, 
#nav ul > li.selected a {color:#000; background-color:#E6CD4D; border-left:1px solid #fff; border-right:1px solid #fff;}

/* #right */
#right a:link, #right a:visited {color:#E6CD4D;}
#right a:hover, #right a:active, #right a:focus {color:#F9F2D2;}

#right .block {margin:0 1px; padding:20px; border-top:1px solid #fff; border-bottom:1px solid #385064; background:#E2ECF4;}
#right .block-top {border-top:0;}
#right .right-end {margin:0 1px; border-bottom:0;}

#right .block h2 {font-size:150%;}
#right .block h3 {font-size:125%; text-align:right; font-style:italic;}
#right .block p {margin:0.25em 0 0.5em 0;}
#right .block hr {color:#385064; background-color:#385064; height:1px; border:0; width:90%; margin:1em auto;}

#right .color-t {background:#70A0C8; border-top:0;}
#right .color-m {background:#A9C6DE;}
#right .color-b {background:#E2ECF4;}
#right .color-a {background:#C6D9E9;}

.sidebar-image-float {float:left; margin-right:10px;}
.sidebar-content-float {float:left; width:200px;}

.sidebar-image-top {margin:0 auto 10px auto; text-align:center;}
.sidebar-content-under {}

#right .subscribe-box {border:1px solid #C6D9E9; padding:3px; text-align:center;}

/* #top */
#main #top a:link, #main #top a:visited {color:#900808;}
#main #top a:hover, #main #top a:active, #main #top a:focus {color:#905808;}

	/* .block-home */
		.block-home {margin-top:0.5em;}
		.block-home .image {width:192px; float:left;}
		.block-home .description {width:255px; float:left; padding:0 10px; font-size:92%;}
		.block-home .notice {width:192px; float:left; font-size:74%;}
		#content .block-home p {margin:0 0 0.5em 0;}

/* #bottom */
#main #bottom a:link, #main #bottom a:visited {color:#900808;}
#main #bottom a:hover, #main #bottom a:active, #main #bottom a:focus {color:#905808;}

/* #footer */
#footer .block {float:left; width:215px; margin:0 10px; color:#BC9B6B; font-size:150%;}

#footer h2 {color:#E9DECE; font-size:125%; margin-bottom:1em;}

#footer a:link, #footer a:visited {color:#BC6B6B;}
#footer a:hover, #footer a:active, #footer a:focus {color:#E9CECE;}

	/* .block-sites */
	.block-sites h3 {clear:both;}
	.block-sites img {margin:0 1em 1em 0; border:1px solid #000000; float:left;}
	.block-sites p {font-size:75%;}
	
/* #header */
#header {position:absolute; top:0; width:100%; font-size:110%;}

	/* #user */
	#user {float:right; text-align:center;}
	#user .user-round {background:url('/img/user-round.png') no-repeat bottom left; padding-left:8px;}
	#user .user-content {background-color:#aaaa00; padding:1px 8px 2px 0;}
	#user form input {display:inline; padding:0; width:50px; margin:0; font-size:90%;}
	#user form input[type=checkbox],
	#user form input[type=submit],
	#user form input[type=image] {width:auto;}
	#user form div {display:inline; margin:0; padding:0;}
	#user img,
	#user form input[type=image] {vertical-align:middle;}
	#user img {margin-right:1px; position:relative; top:-1px;}
	#user form input[type=checkbox] {position:relative; top:2px;}
	#user form label {float:none;}
	#user form {margin:0;}

/* #columns-header */
#columns-header {text-align:left;}
#columns-header a:link, #columns-header a:visited {color:#900808;}
#columns-header a:hover, #columns-header a:active, #columns-header a:focus {color:#905808;}

	/* #invitation */
	#invitation {float:right;}

/* #zone-header */
#zone-header {line-height:1.5;}
#zone-header a:link, #zone-header a:visited {color:#900808;}
#zone-header a:hover, #zone-header a:active, #zone-header a:focus {color:#905808;}

/* *********************************************************************** */

/* Presets */
p, ul, ol, dl {margin:0.25em 0 1.5em 0;}

ul, ol, dl {margin:0.25em 1em 1.5em 1em;}
li {margin:0 1em;}
ul {list-style: disc none outside;}
ul ul {list-style-type: square;}
ul ul {list-style-type: disc;}
ol {list-style:decimal outside;}
ol ol {list-style-type: lower-alpha;}
ol ol {list-style-type: lower-roman;}

dt {font-weight:bold;}
dd {margin-left:1em;}

hr {clear:both; margin:2.5em 0;}

blockquote {margin:0 2em;}

/* Forms */
fieldset {margin:0.5em 0; padding:0.5em;}
form {margin:0.5em 0 1em 0;}
input, textarea, select {}
input[type=submit] {padding:0.25em 0.75em;}
.input {margin-bottom:5px;}
.input label {width:30%; float:left; clear:both; text-align:right; padding-right:5px;}
.input input {width:313px;}
.textarea textarea {width:313px;}

/* *********************************************************************** */

/* #content */
#content hr {color:#385064; background-color:#385064; height:1px; border:0; width:100%; margin:1.5em auto;}
#content h1 {font-size:200%; text-align:left; font-weight:bold;}
#content h2 {font-size:175%; text-align:left; font-weight:bold; border-bottom:1px solid #000;}
#content h3 {font-size:150%; text-align:left; font-weight:bold;}
#content p {margin:1em 0 1.5em 0;}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-family:Tahoma, Geneva, sans-serif;}

#content a:link, #content a:visited {color:#70A0C8;}
#content a:hover, #content a:active, #content a:focus {color:#A9C6DE;}

#content h1 a:link, #content h2 a:link, #content h3 a:link,
#content h1 a:visited, #content h2 a:visited, #content h3 a:visited {color:#000000;}

.message {margin-bottom:5px; padding:0.5em; border:2px solid #990000; background-color:#eecccc;}
	
	/* #comments */
	#comments {margin-top:50px; font-size:80%; background-color:#F9F2D2; border:1px solid #706010; padding:20px 20px 10px 20px;}
	#comments .comment {margin:10px 0 20px 0; border-bottom:1px dotted #706010;}
	#comments .comment .comment {border-bottom:0; padding-left:10px;}
	#comments .avatar {float:left; padding-right:5px;}
	#comments .comment-info {font-size:90%;}
	#comments .comment-body {margin:10px 50px 20px 50px;}
	#comments .comment-reply {font-size:75%;}
	.comment-form .input label {width:75px; float:left; clear:both; text-align:right; padding-right:5px;}
	.comment-form .input input {width:233px;}
	.comment-form .textarea textarea {width:313px;}

	#comments a:link, #comments a:visited {color:#900808;}
	#comments a:hover, #comments a:active, #comments a:focus {color:#905808;}
	
	/* contact */
	.contact-form .input label {width:75px; float:left; clear:both; text-align:right; padding-right:5px;}
	.contact-form .input input {width:233px;}
	.contact-form .textarea textarea {width:313px;}
	
	
	/* #paging */
	#paging {text-align:center; margin-top:10px;}
	#paging .disabled {display:none;}
	
	/* index roll */
	.news-container {clear:both; margin-bottom:1em;}
	.news-image {float:left; margin-right:20px; margin-bottom:2em; width:192px; height:169px;}
	.news-content {width:448px; margin-left:212px;}

	.news-group {background-color:#1A4D00; padding:1px 0.25em; color:#fff; text-transform:uppercase;}

/* #zone */
#zone a:link, #zone a:visited {color:#900808;}
#zone a:hover, #zone a:active, #zone a:focus {color:#905808;}

	/* #zone-header */
	#zone-header ul {display:block; width:100%;}
	#zone-header .ordered-link {margin:0 2em;}
	
	/* #media-zone */
	#media-zone {margin:1em 0;}
	#media-zone #comic {width:936px; height:324px; float:left;}
	#media-zone #comic-actions {margin-left:936px; width:64px;}
	#media-zone #comic-actions .icon {margin:7px 7px 7px 7px; float:left;}

/* *********************************************************************** */

/* RATING */
 
div.rating {
  font-size: 8pt;
  white-space: nowrap;
}

div.rating-text {
  display: inline;
  position: relative;
  top: -4px;
  padding-left: 5px;
  white-space: nowrap;
}

div.rating-notext {
  display: none;
}

img.rating {
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

img.rating-disabled {
  cursor: default;
  border-bottom: 2px solid transparent;
}

img.rating-user {
  cursor: pointer;
  border-bottom: 2px solid #dddddd;
}

img.rating-user-disabled {
  cursor: default;  
  border-bottom: 2px solid #dddddd;
}

div.fallback {
  display: inline;
}

div.fallback form {
  display: inline;
}

div.fallback label {
  position: relative;
  top: -4px;
}

div.fallback input[type="radio"] {

}

div.fallback input[type="submit"] {
  position: relative;
  top: -4px;
  left: 5px;
}

div.rating-flash {
  display: inline;
  position: relative;
  top: -4px;
  padding-left: 5px;
  white-space: nowrap;
}