/* CSS Document */


	
/*=================RESET==================*/

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;  --breaks background in IE7?-- */

}

body {
	line-height:1;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

:focus {
	outline:0;
}

ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}


	
/*=================END RESET==================*/

body {
	background:#000 url(/images/citybg/gears.png) repeat-y center;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

body.sunrise .skyline {
	height:700px;
	margin-bottom:-700px;
	background-image:url(/images/citybg/citybg_lo.png);
}

body.morning .skyline {
	height:700px;
	margin-bottom:-700px;
	background-image:url(/images/citybg/citybg_lbg.png);
}

body.noon .skyline {
	height:700px;
	margin-bottom:-700px;
	background-image:url(/images/citybg/citybg_yp.png);
}

body.afternoon .skyline {
	height:700px;
	margin-bottom:-700px;
	background-image:url(/images/citybg/citybg_lbg2.png);
}

body.sunset .skyline {
	height:700px;
	margin-bottom:-700px;
	background-image:url(/images/citybg/citybg_ss.png);
}

body.twilight .skyline {
	height:700px;
	margin-bottom:-700px;
	background-image:url(/images/citybg/citybg_gb.png);
}

a {
	color:#DDD;
	text-decoration:underline;
}

a:hover {
	color:#FFF;
}

li {
	list-style:none;
}

img {
	border:none;
}

.clr {
	clear:both;
}

strong {
	font-style:italic;
	font-weight:600;
}

.bold {
	font-weight:600;
}

.italics {
	font-style:italic;
}

.underline {
	text-decoration:underline;
}

.indentedp {
	padding-left:100px;
	font-size:1.2em;
}


	
/*--Footer--*/

#footer {
	text-align:right;
	font-size:11px;
	margin-top:20px;
	color:#AAA;
}


	
/*---------- Specific ---------*/


	
/*--Wrappers--*/

#wrapper {
	padding:0;
	margin:15px auto 20px;
	width:800px;
}

#content {
	background-image:url(/images/opacitybg.png);
	background-repeat:repeat;
	padding:10px 15px 5px;
}


	
/*--Top navigation section--*/

a.navbutton {
	display:block;
	width:130px;
	height:19px;
	background-image:url(/images/opacitybg.png);
	background-repeat:repeat;
	border:1px solid #000;
	text-align:center;
	font-size:16px;
	padding:4px;
	margin:0 auto;
	text-decoration:none;
}

a.navbutton:hover {
	font-weight:bold;
}

a.navselected {
	background-image:none;
	background-color:#090909;
}

#navwrap>ul>li {
	float:left;
	display:block;
	width:154px;
	height:35px;
}


	
/*--Comic and comicnav section--*/

#comic{
	padding-bottom:20px;
	border-bottom:1px solid #444;
}

#comicdate {
	font-size:.9em;
}

#comictitle {
	font-size:15px;
	text-align:center;
	margin:4px 0 0;
}

#comicimage {
	margin:5px auto;
	display:block;


/*Image doesn't center without this*/

	clear:both;


/*Prevent comic sliding up alongside navbar, instead of messy clr div.*/

	padding:10px 0;
	max-width:770px;
}

#comicnav {
	width:535px;
	margin:0 auto;
	clear:both;
}

.comiclink {
	display:block;
	float:left;
	margin:0 20px;
	text-decoration:none;
}

.comiclink a {
	text-decoration:none;
}

.comiclink a:hover {
	color:#FFF;
	text-decoration:underline;
}

.comiclink a.navdisabled:hover {
	color:#666;
	text-decoration:none;
}

a.navdisabled {
	color:#666;
	cursor:default;
	font-weight:400;
}


	
/*--About page--*/

#abouttopinfo {
	margin-bottom:20px;
}

#about_content p {
	margin:10px 0;
	line-height:18px;
}

#about_content {
	width:460px;
}

#about_content h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:32px;
}

#about_content h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	margin-bottom:5px;
}

#about_content h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:3px;
}


/*--Blog!--*/

.blognav_prev{
	display:block;
	float:left;
	margin:5px 0 0 15px;
}

.blognav_next{
	display:block;
	float:right;
	margin:5px 15px 0 0;
}

.blogimage {
	max-width:500px;
	display:block;
	margin:20px auto 15px;
	border:1px solid #333;
}

.blogarticle {
	border-bottom:1px solid #BBBBBB;
	margin:5px 15px;
	padding:20px 10px 10px;
	width:500px;
}

.blogarticle .articletext {
	padding:5px 0;
}

.blogarticle h2 {
	font-size:22px;
	margin:5px 0 0;
}

.blogarticle h2 a {
	text-decoration:none;
	color:#FFF;
}

.blogarticle h2 a:hover {
	text-decoration:underline;
}

.blogarticle h4{
	font-size:15px;
	padding-top:25px;
}

.blogarticle h3 {
	font-size:15px;
	margin:10px 0;
	color:#BBBBBB;
}

.blogarticle p {
	clear:both;
	margin:13px 0 0;
	color:#EEEEEE;
	font-size:13px;
	line-height:18px;
}

.blogarticle ul {
	list-style:disc;
	font-size:13px;
}

.blogarticle li {
	list-style:disc;
	line-height:16px;
	margin:10px 15px 5px 25px;
}

.blogartist {
	float:left;
	margin:0 10px 4px 0;
	height:65px;
	border:1px solid #000000;
}

.bloginfo {
	float:right;
	font-size:11px;
	font-style:italic;
	margin:10px 5px 0 0;
}

.blogarticle_block {
	float:left;
	width:550px;
}

.sidebar {
	float:right;
	width:194px;
	padding:25px 25px 0 0;
	line-height:18px;
}

.sidebar_comics {
	float:right;
	width:194px;
	padding:20px 25px 0 0;
	line-height:18px;
}

.sidesection {
	padding:0 0 15px;
	margin:0 0 10px 25px;
	font-size:12px;
}

.sidesection h5 {
	border-bottom:1px dotted #DDDDDD;
	font-size:12px;
	font-variant:small-caps;
}

.sidesection ul {
	clear:both;
	margin:5px 0 0 3px;
}

.sidebar_selected {
	font-weight:700;
	color:#FFFFFF;
}

span.post_count {
	font-size:0.8em;
	color:#CCC;
}

	
/* --Artists Page-- */


#artists_content p {
	margin:10px 0;
}

#artists_content h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:32px;
	padding-left:8px;
	margin-bottom:5px;
}

#artists_content h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	margin-bottom:5px;
}

#artists_content h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:5px;
}

#artistinfo p {
	margin:0;
	font-size:11px;
	line-height:14px;
}

.artistbio {
	width:240px;
	float:left;
	padding:5px 5px 15px 10px;
	height:150px
}

.artistpic {
	float:left;
	margin-right:5px;
	border:1px solid #000000;
}

.about_artist_title {
	margin:0;
	padding:0;
	font-size:11px;
}
	
/* --Archive Page-- */

#archive_content h2 {
	text-align:center;
	font-size:25px;
	margin:10px 0 15px;
	text-decoration:underline;
}

#archive_content h4 {
	text-align:center;
	margin:5px 0 15px;
}

.archiveTable {
	width:690px;
	padding:10px;
	text-align:center;
	margin:0 auto;
}

.archiveTable tr {
	height:21px;
	line-height:17px;
}

.archiveTable th {
	font-size:1.1em;
	padding:0 0 8px;
}

.archiveTable td {
	padding:0 0 4px;
}


.filter{
	margin:30px 0 15px 210px;
	width:400px;
}

	
/*.archiveTable tr:hover{

	background-color:#555555;

}*/

.archiveTable .col1 {
	width:100px;
}

.archiveTable .col2 {
	width:200px;
}

.archiveTable .col3 {
	width:350px;
}

.archiveTable .col4 {
	width:100px;
}

/*----------------COMMENTS----------------------*/

.comics_comment_section{
	margin:20px auto;
	padding-right:15px;
	width:534px;
	float:left;
}

.commentinfo{
	float:left;
	font-size:13px;
	font-style:italic;
	margin:7px 0;
}

.comics_comment_section .commentLevel{
	padding:0 0 0 15px;
	border-left:1px solid #333;
}

.comics_comment_section .commentLevelTop{
	padding:0 0 0 15px;
}

.comics_comment_section .comment{
	padding:10px 10px 8px;
	background-color:#191919;
	border:1px dotted #333;
	/*border-left:1px solid #555;*/
	margin:10px 0;
}


.comics_comment_section .comment .commentMessage{
	font-size:13px;
}

.comics_comment_section h4{
	margin-left:20px;
	font-variant:small-caps;
	font-size:18px;
}

.comics_comment_section .comment .infostamp{
	font-size:11px;
	margin:10px 0 0;
	font-style:italic;
	float:right;
	color:#DDD;
}

.noComments{
	margin:10px 0 0 16px;
	padding:10px;
	background-color:#191919;
	border:1px dotted #444;
	font-style:italic;
	text-align:center;
}

#comment_form{
	margin:10px 0 0 16px;
	padding:0 10px 15px 14px;
	background-color:#1d1d1d;
	border:1px dotted #444;
}

#comment_form label{
	display:block;
	margin:10px 0 5px;
}

#comment_form .text{
	width:220px;
}

#comment_form textarea{
	height:90px;
	width:480px;
}

#comment_form #submit{
	margin-top:10px;
}

#expandCommentForm{
	text-align:center;
	display:block;
	width:100%;
}

#commentFormTitle{
	margin-top:10px;
	color:#BBB;
}

.replyLink{
	display:block;
	text-decoration:none;
	float:left;
	font-size:11px;
	margin:7px 0 0;
	font-style:italic;
	color:#DDD;
	background-color:#111;
	padding:3px;
	border:1px solid #222;
}

.commentMessage p{
	padding-bottom:8px;
}





/*======================New about page=======================*/


#new_artists_content p {
	margin:10px 0;
}

#new_artists_content h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:32px;
	margin-bottom:5px;
}

#new_artists_content h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	margin-bottom:5px;
}

#new_artists_content h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:5px;
}

#new_artistinfo p {
	margin:0;
	font-size:11px;
	line-height:14px;
}

.new_artistbio {
	float:left;
	padding: 10px 5px 10px 10px;
	margin:0 10px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color:#1A1A1A;
}

.new_artistpic {
	float:left;
	margin-right:5px;
	border:1px solid #000000;
	cursor:pointer;
}

.new_artistpic_big {
	float:left;
	margin-right:5px;
	border:1px solid #000000;
}

.new_artistpic:hover {
	border:1px solid #FFF;
}

.new_about_artist_title {
	margin:0;
	padding:0;
	font-size:11px;
}

#new_artists_content{
	margin:20px 0 0 5px;
}

.artistpic_selected{
	background-color:#252525;
	
}

.expand_info{
	float:left;
	clear:both;
	width:740px;
	margin:0 0 10px 0;
	padding:10px;
	background-color:#252525;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#new_artist_thumbnails{
	display:none;
}

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


#new_abouttopinfo {
	margin-bottom:20px;
}

#new_about_content p {
	margin:10px 0;
	line-height:18px;
}

#new_about_content {
	width:460px;
	margin:10px 0 0 5px;
}

#new_about_content h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:32px;
}

#new_about_content h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	margin-bottom:5px;
}

#new_about_content h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:3px;
}