/*
		comiqs css, Version 1.0
*/



/*_______________________________________________________________________________*/
/* 1. BASICS  */
/*-------------------------------------------------------------------------------*/

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: top;
}
.teasernet_adva{display:none;}
/* Tools */
#pointer {background: url(f_pointer.gif) no-repeat left 3px; padding:0 0 3px 10px; width: 180px;}
#idlist-title {color:#36a32a; font-size:17px; font-family:verdana; font-weight:normal; margin:5px 0 5px 0;}
#idlist-text {padding:0 0 15px 10px;}
#idlist {list-style: none; margin: 0;padding: 0;}
#idlist li {display: block; margin: 0; background: url(arrow-menu.png) no-repeat left 4px; padding:0 0 3px 15px; width: 160px;}
.resizer {cursor:pointer; width:405px; height:14px; border:1px solid #e9e9e9; background: #f9f9f9; margin:2px 0 10px 0;}
#tooltip{background:#fff; border-left:1px solid #189bdd; border-right:1px solid #189bdd; border-bottom:1px solid #189bdd; border-top:3px solid #faae23; font:11px tahoma; color:#1e698e; padding:5px 7px; position:absolute; visibility:hidden;}
#lbOverlay {z-index:150; position: absolute;left: 0;width: 100%;background-color: #333;cursor: pointer;}
#lbCenter, #lbBottomContainer {z-index:160;position: absolute;left: 50%;overflow: hidden;background-color: #fff;}
.lbLoading {background: #fff url(f_loading.gif) no-repeat center;}
#lbImage {z-index:200; position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbBottom {border:10px solid #fff; border-top-style: none;}
#lbCloseLink {display: block;	border:0; float: right;width: 62px;height: 14px;background: transparent url(f_closelabel.gif) no-repeat center;margin: 5px 0;}

.quote {
	color: #757575;
	background-color: #f2f2f2;
	border: 1px dotted #bebebe;
	text-align: justify;
	padding: 5px;
}

.navigation {
	color:#666; 
	border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:3px 6px;
	font-size:11px
}

.navigation a:hover {
	background:#799AE3;
	color:#FFFFFF;
	border-color:#E6E6E6;
}

.navigation span {
	text-decoration:none;
	background:#fff;
	padding:3px 6px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:11px;
}

.scriptcode {
	color: #757575;
	background-color: #f2f2f2; 
	border: 1px dotted #bebebe;
	text-align: left;
	padding: 5px;
}

.bbcodes_poll {
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	color: #ffffff;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	width: 120px;
	height: 20px;
	background-image: url(../images/dlet_bttn_bbcodes.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}

/* ==================== Персональные сообщения */ 

.pm_head {
	font-size: 12px;		/* ! */
	font-family: tahoma;	/* ! */ 
}
.pm_list {
	color: #757575;
}
.pm_list a {
	color: #4b73d4;
}

/* ==================== BB коды */
 
.bbcodes {
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	color: #ffffff;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	/*  width: 120px;  */
	height: 20px;
	background-image: url(../images/dlet_bttn_bbcodes.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}

/* класс bbcodes_poll используем в poll.tpl, vote.tpl, addnews.tpl */

.bbcodes_poll {
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	color: #ffffff;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	width: 120px;
	height: 20px;
	background-image: url(../images/dlet_bttn_bbcodes.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}

.editor_button {
	float: left;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
}
.editor_buttoncl {
	float: left;
	cursor: pointer;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
}
.editbclose {
	float: right;
	cursor: pointer;
}
.editor_button select {
	font-family: tahoma;
	font-size: 11px;
}



/* ==================== Уведомление о получении новых PM */

#newpm {
	position: absolute;
	height: 250px;
	width: 400px;
	padding: 4px;
	background-color: #fdfdfd;
	border: 1px solid #bbbbbb;
	font-family: verdana;
	line-height: 135%;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=4);
}
#newpmheader {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	height: 20px;
	color: #636363;
	font-weight: bold;
	background-color: #b2c7f1;
	font-family: verdana;
	cursor: move;
}
#newpm a {
	background: transparent;
	color: #4b73d4;
	text-decoration: none;
}
#newpm a:hover {
	background: transparent;
	color: #4b73d4;
	text-decoration: underline;
}

.pm_head {
	font-size: 12px;		/* ! */
	font-family: tahoma;	/* ! */ 
}
.pm_list {
	color: #757575;
}
.pm_list a {
	color: #4b73d4;
}

.rating {
	color: #757575;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	width: 85px;
	height: 16px;
}
.unit-rating {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 85px;
	height: 16px;
	position: relative;
	background-image: url(../dleimages/rating.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
.unit-rating li {
	text-indent: -90000px;
	padding: 0px;
	margin: 0px;
	float: left;
}
.unit-rating li a {
	display: block;
	width: 17px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 17;
	position: absolute;
	padding: 0px;
}
.unit-rating li a:hover {
	background-image: url(../dleimages/rating.gif);
	background-position: left center;
	z-index: 2;
	left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 17px; }
.unit-rating a.r2-unit { left: 17px; }
.unit-rating a.r2-unit:hover { width: 34px; }
.unit-rating a.r3-unit { left: 34px; }
.unit-rating a.r3-unit:hover { width: 51px; }
.unit-rating a.r4-unit { left: 51px; }	
.unit-rating a.r4-unit:hover { width: 68px; }
.unit-rating a.r5-unit { left: 68px; }
.unit-rating a.r5-unit:hover { width: 85px; }
.unit-rating li.current-rating {
	background-image: url(../dleimages/rating.gif);
	background-position: left bottom;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}


html { 
	
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
	overflow-x:hidden; /*for IE6*/
	}

body {
	line-height: 1.5em;
	font-size:70%;
	color: #4B4B4B;
	font-family: "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif;
    background: #fff;
}

ol, ul {
	list-style: none;
}



table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

h1, h2, h3, h4 {
	color: #A4B506;
	font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, sans-serif;
}



h1 {
	font-size: 1.7em;
	font-weight:bold;
	line-height: 1.8em;
}
#spdbar a {
color:#a4b506;	
}
#spdbar {
	padding-left:20px;
	padding-bottom:4px;
}
#stor{
	font-size:1.4em;
}
h2 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
}

h3 {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.8em;
	}
	
h4 {
	font-weight:bold;
	font-size: 1.7em;
	line-height: 1.8em;
	}

p{
	font-size: 1em;
}

/* 1.1 LAYOUTS  */
/*-------------------------------------------------------------------------------*/

#content {
	width: 961px;
	margin: auto;
	padding: 0px;
	
}

#header {
	background: #fff url(images/header_bg_283.gif) repeat-x;
	height: 171px;
	padding: 0;
}

.pagination{
float:right;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
font-size:0.8em;
list-style-type: none;
display: inline;
padding-bottom: 1px;

}

.pagination a, .pagination a:visited{
padding: 4px;
border: 1px solid #C8ECF6;
text-decoration: none; 
color: #AEBE09;
float:left;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination .currentpage{
padding: 4px;
background-color: #fff;
color: #AEBE09 !important;
border-color: #fff;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #91d3e5;
font-weight: normal !important;
padding:4px;
}

.pagination a.prevnext{
font-weight: bold;
}

/** PAGINATOR **/
.paginator { 
	float:right;
	font-size: 14px;
	padding:1em .75em; 
}
 
.paginator .prev-na,
.paginator .next-na {
	padding:.3em;
}
 
.paginator .prev-na,
.paginator .next-na {
	border:1px solid #ccc;
	background-color:#f9f9f9;
	color:#aaa;
	font-weight:normal;
}
 
.paginator .prev a, .paginator .prev a:visited,
.paginator .next a, .paginator .next a:visited {
	border:1px solid #c2ee62;
	background-color:#edfdd0;
	color:#234f32;
	padding:.3em;
	font:bold .875em arial;
}
 
.paginator .prev, .paginator .prev-na { margin-right:.5em; }
.paginator .next, .paginator .next-na { margin-left:.5em; }
 
.paginator .page a, .paginator .page a:visited, .paginator .curr {
	padding:.25em;
	border:1px solid #C2EE62;
	background-color:#EDFDD0;
	margin:0em .25em;	
	color:#000000;
}
 
.paginator .curr { 
	background-color:#AEBE09;
	color:#fff;
	border:1px solid #AEBE09;
	font-weight:bold;
	font-size:1em;
}
 
.paginator .page a:hover,
.paginator .curr a:hover,
.paginator .prev a:hover,
.paginator .next a:hover {
	color:#fff;
	background-color:#AEBE09;
	border:1px solid #AEBE09;
}


.topbar-nav{
clear:both;
float:right;
width:100%;
margin:10px 0;
}


#inner-content {
	float: left;
	position:relative;
	padding:20px 0 0 0;
	overflow-x: hidden;
}

#wrapper {
	margin:0 auto;
	width:961px;
} 

#mid-public {
	clear: both;
	height:10em;
}

#mid {
	width:100%;
	float:left;
    background: url(images/mid_bg_217.gif) repeat-x;
    padding:25px 0 0 0;
}

/*_______________________________________________________________________________*/
/*1.2 Grid column styles
/*-------------------------------------------------------------------------------*/

.oneCol{
width:147px;
}

.twoCol{
width:311px;
}

.twoColbox{
width:271px;
padding:20px;
margin-bottom: 20px;
_overflow:hidden;
}

.threeCol{
width:472px;
}

.onRight{
float:right;
}

.onLeft{
float:left;
}

.fourColbox{
width:595px;
padding:20px;
}

.fourCol{
width:635px;
}

.fiveCol{
width:799px;
}

.allCols{
width:960px;
margin:auto;
}

.allColsbox{
width:900px;
margin:auto;
padding:20px;
}



/*_______________________________________________________________________________*/
/* 2. STYLES */
/*-------------------------------------------------------------------------------*/


#profileDetails .metainfo, .post-author {
	margin:0;
	padding:0;
	font-size: 1.0em;
	line-height: 1.4em;
	color: #4B4B4B;
	font-weight:bold;
}

.post-author a {
	color : #0B7188;
}

.post-category {
	font-size: 0.9em;
	color: #075D70;
	font-weight:bold;
	font-family: "Lucida Grande", Arial, sans-serif;
	margin: 2px;
}
.post-category a {
	color : #0B7188;
}



a {color: #0B7188; text-decoration: none;}
a:visited {color:#0B7188;}
a:hover {color : #0B7188; text-decoration: underline;}
a:active { color:#0B7188;}

#inner-content h1{
font-size:2.0em;
}

#inner-content h2 a, #inner-content h3 a, #inner-content h4 a {
	color: #EF6D00;
}

.hiddenInput{
display:none;
}

/*
h3 a {
	color: #000 !important;
}
*/


/*#inner-content ul {
	list-style: square;
	padding: 0 0 0 1.7em;
	margin:0.2em 0 1.4em 0;
}*/

/*#inner-content li {
	line-height: 1.25em;
}*/

#inner-content.biglist li {
	margin:0 0 0.8em 0;
}

#top-logo{
	float: left;
	margin:24px 0 0 0;
}

#top-block {
	color: #000000;
	width: 961px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(images/topblk_bg_283.gif) no-repeat;
	height:171px;
}

#top-right {
	float: right;
	margin: 5px 0 0 0;
	padding:50px 20px 35px 0;
}

#top-nav {
	float: right;
	text-align: center;
	color:#fff;
	font-weight:bold;
	margin:0px 40px 0 0;
	

}

#top-nav li{
	display: inline;
	height: 21px;
	float: left;
	}

#top-nav-links{
background: transparent url(images/topnav_bg_283.gif) repeat-x;
padding: 0 5px;
}

#top-nav-links a{
color: #fff;
}

#top-nav-links a:hover{
text-decoration: underline;
}

#tagline{
	float:right;
	margin:23px 0 0 0;
	}
	
#logo{
float: left;
}



.clearer {
	clear: both;
}

.expand-container .collapse-content {
	display:block;
}

.expand-container.expanded .collapse-content {
	display:none;
}

.expand-container .expand-content {
	display:none;
}

.expand-container.expanded .expand-content {
	display:block;
}

/* 2.1 NAVIGATION */
/*-------------------------------------------------------------------------------*/
/* start main nav styles*/
	#navigation{
	margin:auto;
	width:570px;
	position:relative;
	top:-5px;
	}
	
	#navigation li {
		float: left;
		text-align: center;
		margin:0 10px;
		_position:relative;
		
	}
	
	#navigation li a {
		display: block;
		float: left;
		color : #0B7188;
		font-size: 1.4em;
		font-weight: bold;
		font-family: "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
		height:32px;
		padding:8px 20px 0 20px;
	}
	
	#navigation li a:hover {
		background: url(images/nav_bg_283.gif) repeat-x;
		text-decoration: none;
	}
	
	#home #navHome, #create #navCreate, #list #navExplore, #profile #navMy, #blog #navBlog { /*nav activetabs*/
		background: url(images/nav_bg_283.gif) repeat-x;
		text-decoration: none;
		color: #21C4BC;
	}

/*end main nav*/

/*sub green bar*/
	#subnav{
	float: left;
	position: relative;
	color: #fff506;
	font-weight: bold;
	margin:100px 0 0 0;
	}
	
	#subnav li{
	display: inline;
	float: left;
	}
	
	#subnav-links{
	background-color: #aebe09;
	height: 24px;
	margin:0 0 0 -15px;
	padding:5px 10px 0 0;
	}
	
	#subnav-links a{
	color:#fff;
	}
	
	#subnav-links a:hover{
	text-decoration: underline;
	}

	/*for respective pages*/
	#home #subnav{
	left:6px;
	}
	
	#list #subnav{
	left:225px;
	}
	
	#profile #subnav{
	left:335px;
	}

/*end sub green nav*/


#tabnav { 
	font-weight:bold;
	border-bottom : 1px solid #BAE7F4;
	margin : 0;
	padding-bottom : 25px;
	padding-left : 10px;
	margin-bottom:15px;
}

#tabnav ul, #tabnav li {
	display : inline;
	list-style-type : none;
	margin : 0;
	padding :0;
}	

#tabnav a {
	color : #A4B506;
	float : left;
	font-size:12px;
	line-height : 14px;
	margin-right : 8px;
	padding : 5px 10px 5px 10px;
}

#tabnav span {
	float : left;
	font-size:12px;
	line-height : 14px;
	margin-right : 8px;
	padding : 5px 10px 5px 10px;
}

#tabnav .active a {
	background: url(images/tab_bg_293.png) repeat-x;
	border-bottom:1px solid #fff;
	border-top:1px solid #BAE7F4;
	border-right:1px solid #BAE7F4;
	border-left:1px solid #BAE7F4; 
	color : #A4B506;
}

#tabnav a:hover {color:#A4B506;text-decoration: none;}


/* 2.2 INNER CONTENT */
/*-------------------------------------------------------------------------------*/

/*homepage styles*/

#banner {
	float:left;
	margin: 0 0 0 0;
	border: 0px solid;
}

#homepageButtons{
position: relative;
top:-20px;
left:126px;
}

#homepageButtons a{
margin:0 5px;
}

.homepageSeeMore
{
  padding: 0pt;
  font-size: 15px;
  font-weight:bold;
  text-align: center;
}
/* end homepage styles*/

/*login box*/
	#loginBox{
	background: transparent url(images/login_bg_286.jpg) no-repeat;
	height:152px;
	}
	
	#loginBox .loginInput, .loginInput input{
	width:260px;
	float:left;
	margin:4px 0;
	}
	
	#loginBox h3{
	color:#075d70;
	}
	
	#loginBox a{
	text-decoration: underline;
	}
/*end login box*/

/*start featured */
#featured {
	float: left;
	height:172px;
	margin: 0 10px 0 0;
	background: url(images/featured_bg_217.gif) no-repeat;
	position:relative;
}

#featuredPost{
position:relative;
left:10px;
float:left;
width:330px;
}

#featured h3{
position: relative;
top:5px;
color:#2893ab;

}

.post-featured {
	float:left;
	position:relative;
	left:10px;
	border-bottom: 1px dotted #C5C6C8;
	margin:0 0 10px 0;
}

.post-featuredContent{
float:left;
width: 370px;
}

.post-featured h3{
line-height: 1em;
}

.post-featured .post-thumb{
margin-right:10px;
}

.post-featured h3 a{
color:#369ab1;
}

.post-featured p{

}

.commentsNratings{
	position:relative;
	top: 40px;
	bottom:20px;
	right:0;
	width:100px;
	float:left;
	margin-left: 9px;
}

#featured .commentsNratings{
top:74px;
left:20px;
}

.post-featured-ratings {
	position:absolute;
	bottom:50px;
	right:20px;
	width:60px;
	}
.post-featured-thumb {
	padding:5px;
	float: left;
	border: 1px solid #BAE7F4;
	background:#fff;
}

.post-featured .post-desc {
    padding:10px 0;
}

.post-featured-link{
	font-size:11px;
	font-weight:bold;
	float:right;
	position:relative;
	top:-5px;
}

/*end featured*/

/*start whats new */
#whatsNew {
	height:185px;
	background: url(images/whatsnew_bg_286.png) no-repeat;
}

#whatsNew h3{
color:#2893ab;
}

#whatsNew h4 a{
color:#909b1e;
text-decoration: underline;
position: relative;
top:3px;
}

.readMore a{
float:right;
text-decoration: underline;
margin-top: 5px;
}

/*end whats new*/

/*start middle featured list*/
#mid-featured {
	float: left;
	margin: 0 10px 0 0;
}

.mid-featured-list {
	float: left;
	width: 960px;
	margin: 0;
	height:50%;
}

.mid-comiclist {
    float:left;
    width:620px;
}

.mid-comiclist .item {
	width: 140px; 
	margin-right:5px; 
	margin-left:5px; 
	height: 240px; 
	float: left; 
	vertical-align: top;
}

/*end middle featured list*/

/*start side listing*/
.sideListing h4{
border-bottom:1px solid #dcf1fa;
line-height: 1.8em;
color:#a4b506;
}

.userContainer{
	margin:15px auto;
	width:95%;
	clear:both;
	font-size: 1.2em;
}

.userContainer img{
float:left;
border:1px solid #dcf1fa;
margin:0 5px 0 0;
}

a.username {
color:#2893ab;
font-size: 1.2em;
font-weight: bold;
float:left;
}

.userContainer .userFlag{
float:none;
padding:3px;
border:none;
}
/*end side listing*/
.btn-public {
	padding-left:115px;
	padding-top:45px;
}


.comic-viewer {
	float: left;
	width: 534px;
	height:490px;
	margin: 0 10px 0 0;
	background: url(images/featured_bg_217.gif) no-repeat;
}

.comicCreator {
	width: 430px;
	margin: 15px auto 0 auto;
}

.comicCreator img{
float:left;
margin:0 5px 0 0;
}

.comicCreator h3{
margin:7px;
}

#comic_comments { margin: 5px }
#comic_comments .action { font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif }
	            .comment { padding-bottom: 10px }
		        .comment .comment_title { padding: 5px; background-color: #F6F6F6 }
		        .comment .comment_body { padding: 5px }
.notice_helper {
	border-color: #E4CE0F;
	background-color: #FCFBE1;
	text-align: center;
}






#left-list1
{
font-family: "trebuchet MS";font-weight:bold;
float: left;
width: 149px;
margin: 0;
padding: 1em 0.6em 0 0;
}
#left-list2
{
margin-left:149px;
font-family: "trebuchet MS";font-weight:bold;
float: left;
width: 149px;
margin: 0;
padding: 1em 0.6em 0 0;
}
#left-list3
{
margin-left:301px;
font-family: "trebuchet MS";font-weight:bold;
float: left;
width: 149px;
margin: 0;
padding: 1em 0.6em 0 0;
}
#left-list4
{
margin-left:453px;
font-family: "trebuchet MS";font-weight:bold;
float: left;
width: 149px;
margin: 0;
padding: 1em 0.6em 0 0;
}
#left-list5
{
margin-left:505px;
font-family: "trebuchet MS";font-weight:bold;
float: left;
width: 149px;
margin: 0;
padding: 1em 0.6em 0 0;
}
#left-list6
{
margin-left:657px;
font-family: "trebuchet MS";font-weight:bold;
float: left;
width: 149px;
margin: 0;
padding: 1em 0 0 0;
}
#left-block
{
font-family: "trebuchet MS";font-weight:bold;
float: left;
width: 315px;
margin: 0;
padding: 1em 1em 0 0;
}

#right-block
{
margin-left: 310px;
padding: 1em 0 0 0;
max-width: 28em;
}
#friends-left-heading, #fans-left-heading, #comments-left-heading
{
float: left;
width: 140px;
margin: 0;
padding: 1em 1em 1.2em 1.2em;
}

#friends-left-heading h2, #fans-left-heading h2, #comments-left-heading h2
{
font-size:1em;
font-family: "trebuchet MS";
color:#AEBE09;
font-weight:bold;
}

#friends-right-heading, #fans-right-heading, #comments-right-heading
{
color:#2893AB;
font-size:0.9em;
font-weight:bold;
text-align:right;
margin-left: 100px;
padding: 1.2em 1.2em 1.2em 1em;
max-width: 36em;
}
#friends-right-heading a, #fans-right-heading a, #comments-right-heading a
{
color:#2893AB;
text-decoration:underline;
}
#left-heading
{
float: left;
width: 400px;
margin: 0;
padding: 0;
}

#left-heading h2
{
font-size:1.4em;
font-family: "trebuchet MS";
color:#AEBE09;
font-weight:bold;
}

#right-heading
{
text-align:right;
margin-left: 224px;
margin-top:6px;
padding: 1em 0 0.3em 1em;
max-width: 36em;
}
#right-heading a{
color:#2893AB;
text-decoration:underline;
font-weight:bold;
}


#top{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
background: url(images/profile_bg_264.png) no-repeat;
float: left;
width: 236px;
margin-right: 30px;
}
.content-small {
color:#666;
font-size:0.9em;
font-weight:bold;
}
.content-title-small {
font-size:1em;
color:#18687A;
font-weight:bold;
}
.content-title-small a{
color:#AEBE09;
font-weight:bold;
}
.content-title {
font-size:1.1em;
color:#18687A;
font-weight:bold;
}
.content-title a{
color:#AEBE09;
font-weight:bold;
}
.content-heading {
font-size:1em;
color:#18687A;
font-weight:bold;
}
.link a{
color:#4B4B4B;
text-decoration:underline;
}
.content-subheading{
color:#3B9DB4;
font-weight:bold;
}

.page-small {
color:#666;
font-size:0.6em;
font-weight:bold;
}

#leftnav p { margin: 0 0 1em 0; }
#content-profile h2 { color:#1D8EA8;font-size:2em;font-family: "trebuchet MS";font-weight:bold;margin: 0 0 .5em 0; }



#home_set_list{
float:left;
margin:0;
padding:0;
}
.home_set_next { text-align:right; font-size:11px; }
.home_set_list a, *{
margin:0;
padding:0;
}
.profiles  {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: 100%;
}
.profiles li  {
	float: left;
	padding: 0 2px 2px 0;
}
.profiles>li  {
	position: relative;
}
.side-nav {
	float: left;
	margin:0;
	padding:0;
}

.side-nav li{
margin:0;
padding:0;
list-style: none;
line-height: 0;
}

.side-nav li.top{
margin-top:15px;
margin-bottom:-5px;
}

/* Boxed Style */

.boxed {
background-color: #cef1fc;
}

#inner-content .boxed h1{
margin:0;
padding:0;
font-size:1.8em;
line-height:1.5em;
text-transform: lowercase;
color:#1590aa;
position:relative;
left:10px;
}

.boxed .content {
	padding: 2px;
	background-color: #CEF1FC;
	clear: both;
	padding-right: 0px;
}

.content li{
padding:1px 0;
}

.content li a{
display:block;
	padding-left: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	height:11px;
	_overflow-y:hidden;
	font-weight:bold;
		font-size: 1em;
			line-height: 0.9em;
	text-transform: lowercase;
}

.items a{	
	color: #4B4B4B;
	font-family: "trebuchet ms","Lucida Grande", Arial, sans-serif;

}


.items a:hover, .activeitems a{
	color: #A4B506;
	background: #fff url(images/activebg_310.gif) no-repeat;
	vertical-align: middle;
}


.boxed .content .active a {
	background-image: url(images/activebg_310.gif);
	
}


.side-wrapper {
	padding-top:4px;
	float: right;
	width: 291px;
	min-height:100%;
}

#side-column-wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 291px;
}

#side-latest-font {
	margin: 15px 0 0 0;
	color:#666666;
	font-weight:bold;
}

#side-latest-header, #favorite-header {
font: 1.3em "trebuchet MS";
	margin: 0;
	color:#1D8EA8;
	font-weight:bold;
}

#side-header {
	margin: 15px 0 0 0;
	color:#666666;
	font-weight:bold;
}
#side-a-thumb {
width:48px;
	padding:3px;
	float: left;
}
#side-a {
	padding:3px;
	float: left;
	width: 52px;
}

#side-b {
 	text-align:center;
	padding-top:20px;
	float: right;
	width: 40px;
}

#side-latest { 
	padding-top:10px;
	padding-left:10px;
	float: left;
	width: 280px;
}
#side-content-comment { 
	padding-top:3px;
	float: left;
	width: 230px;
}
#side-content-comment a:hover{ 
	text-decoration:underline;
}
#side-content { 
	padding-top:10px;
	float: left;
	width: 180px;
}

#side-bottom {
	clear: both;
}
.mid-nav-block {
	font-size:0.6em;
	float: left;
	padding-left:22px;
	padding-top:10px;
	width: 149px;
	height:266px;
	font-weight:bold;
}
#mid-nav-block p {
	padding: 0 1em 0 0;
	line-height: 1.25em;
}

.mid-nav {
	float: left;
	width: 149px;
	height:266px;
	background: url(../images/side-nav.gif) no-repeat;
}
.nav-header {
	line-height: 1.25em;
	font-size: 150%;
	color: #075D70;
	font-weight:bold;
}
#mid-login-block p {
	padding: 0 0 1em 0;
	line-height: 1.25em;
}

.mid-login {
	float: right;
	width: 291px;
	height:145px;
	background: url(images/login_bg_217.png) no-repeat;
}

.login-header {
	line-height: 1.25em;
	font-size: 150%;
	color: #075D70;
	font-weight:bold;
}
.nav-header {
	line-height: 1.25em;
	font-size: 180%;
	color: #075D70;
	font-weight:bold;
}
#mid-block-public {
	color: #000000;
	width: 961px;
	margin: 0 auto;
	padding: 1em 0 0 0;
}

#mid-block {
	color: #000000;
	width: 961px;
	margin: 0 auto;
	padding: 1.5em 0 0 0;
}

#mid-block p {
	padding: 0 0 1em 0;
	line-height: 1.25em;
}

#mid-block h3 {
	color: #000000;
	font-weight: bold;
}

.title-header {
	color: #666666;
	font-weight: bold;
	text-decoration:underline;
}

.small-header {
 	font-size:0.75em;
	font-weight: bold;
	float:right;
	padding: 5px 5px 5px 10px;
}

.small-header a{
	color:#666666;
	padding: 5px 5px 5px 10px;
	text-decoration:underline;
}

.small-link {
 	font-size:0.75em;
	font-weight: bold;
	float:right;
	padding: 5px 5px 5px 10px;
}

.small-link a{
	color:#2893AB;
	padding: 5px 5px 5px 10px;
	text-decoration:underline;
}
.small{
 	font-size:0.75em;
}
.side-font {
	font-size:0.9em;
	color:#075D70;
	font-weight:bold;
}

.side-text {
	font-size:1em;
	color:#A4B506;
	font-weight:bold;
}

.login-text {
	float:right;
	font-size:1.2em;
	color:#075D70;
	font-weight:bold;
	padding: 2px 5px 5px 10px;
	text-decoration:underline;
}
.login-text a {
	color:#075D70;
	font-weight:bold;
	text-decoration:underline;
}


/********** Main-Posts  ***********/

/*comiqs listing page*/
#userList h2, #mid-list h2{
border-bottom:1px solid #bae7f4;
color:#1d8ea8;
padding:5px 0;
}

#comiqsList{
float:left;
margin:0;
padding:0;
overflow-x: hidden;
margin-bottom:10px;
}

.post-tags, .comiqDetails strong, #comiqsList strong{
color:#075d70;
font-weight:bold;
}

#comiqsList .post-author{
padding:0;
}

#comiqsList .post-utility{
left:15px;
top:2px;
position:relative;
}

#comiqsList .post-utility a{
vertical-align:middle;
padding:0;
}

#comiqsList .listrow{
width:100%;
margin:0px;
}

#comiqsList li{
float: left;
margin:0 5px 15px 5px;
width:147px;
}

#comiqsList li h3 a{
color:#2893ab;
line-height:1em;
}

#comiqsList p{
padding:3px 0;
}

.pages{
margin:0;
}

.post {
	padding: 1.5em 0 0 0;
}

.post h2 {
	font-size: 200%;
	line-height: 1.2em;
	margin: 0 0 1.0em 0;
}

.post h3 {
	font-size: 120%;
	margin: 0 0 0.2em 0;
}

.post small {
	display: block;
	margin: 0 0 0.7em 0;
}


.post-thumb-list {
	padding:5px;
	float: left;
	width: 136px;
	height:92px;
	margin: 0 10px 10px 0;
	border: 1px solid #BAE7F4;
}
.post-thumb-fav {
	padding:5px;
	float: left;
	width: 136px;
	height:92px;
	margin: 0 10px 25px 0;
	border: 1px solid #BAE7F4;
}
.post-thumb-user {
	float: left;
	width: 98px;
	height:98px;
	margin: 0 10px 25px 0;
	border: 1px solid #BAE7F4;
}

.post-thumb {
	padding:2px;
	float: left;
	border: 1px solid #BAE7F4;
	margin:0 0 5px 0;
}

#post-a {
padding-top:3px;
	float: left;
	width: 66px;
}

#post-b { 
	padding-left:10px;
	margin: 0;
	float: left;
	width: 70px;
	height: 1% /* Holly hack for Peekaboo Bug */
}
.post-comment-fav {
	width: 30px;
	height:40px;
	background: url(images/comment_286.gif) no-repeat;
	color:#A4B506;
	font-weight:bold;
	font-size:1.2em;
	padding-top:3px;
	padding-left:35px;
	padding-bottom:2px;
}
.post-comment-fav a {
	width: 50px;
	height:40px;
	color:#A4B506;
	font-weight:bold;
}
.post-comment {
	background: url(images/comment_217.png) no-repeat;
	_background: url(images/comment_286.gif) no-repeat;
	color:#A4B506;
	font-weight:bold;
	font-size:1.8em;
	margin-top:5px;
	padding-left:35px;
	height:24px;
}
.post-comment a {
	width: 50px;
	height:40px;
	color:#A4B506;
	font-weight:bold;
}

h3#respond{
	margin: 1em 0 0.5em 0;	
}


h3#comments{
	margin: 0 0 1em 0;	
}

.commentlist li {
	margin: 0 0 1.1em 0;
}

.commentlist li cite {
	margin: 0;
	padding: 0;
	display: inline;

}

.commentlist p {
	background: #F2B31E;
	padding: 0.8em 0.8em 1.2em 0.8em !important;
	color: #333;
}


#sidebar {
	border: 0px solid;
	padding: 4em 0 0 0;
	width: 210px;	
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

strong {
	font-weight: bold;
}


/*_______________________________________________________________________________*/
/* 3. FORM */
/*-------------------------------------------------------------------------------*/


form {
	padding:0;
	margin:0;
}


fieldset {
	margin: 0;
	padding: 5px 0;
}

label, select{
font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
}

label{
	font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
	display: block;
	width: 250px;
	float:left;
	margin: 0 2px 0.4em 0;
	color : #0B7188;
}

label.search {
	display: block;
	width: 300px;
	float:left;
	margin: 0 2px 0.4em 0;
	color : #0B7188;
}

label.passwort, label.benutzername{
	display: block;
	width: 300px;
	float:none;
	margin: 0 2px 0.4em 0;
	color : #0B7188;
}

#searchbtn {
margin: 0 0px 0.4em 0;
}


/* 3.1 ANFRAGE FORMULARE */
/*-------------------------------------------------------------------------------*/
#search_form {
	float: right;
	margin-bottom:5px;
	padding:0px 0 10px 0px;
}
#search_ele {
	margin:10px 0 0 0;
	float:left;
	padding:0;
	text-align:right;
}	
small {
	font-size: 80%;
	line-height: 110%;
	color: #666;
}

legend {
	padding: 0 0 0.6em 0;
	color: #EF6D00;
	font-size: 140%;
	
}

input, textarea, select {
background:#FCFBEE;
	border: 1px solid #D0F0FA;
	padding: 4px;
	margin: 3px 0;
	font-size: 1.3em;
	font-weight:bold;
	font-family: "Trebuchet MS", "Lucida Grande", tahoma, sans-serif;
	color: #3d9db5;
}

input.registration-field {
	width: 220px;
}

.search input {
	display: block;
	width: 300px;
	background:#FCFBEE;
	border: 1px solid #D0F0FA;
	padding: 4px;
	margin: 3px 5px;
	
}

input.passwort-feld, input.benutzername-feld {
	display: block;
	width: 300px;
	background:#FCFBEE;
	border: 1px solid #D0F0FA;
	padding: 4px;
	margin: 3px 0;
}

input:focus, textarea:focus, #commentform input:focus, #commentform textarea:focus {
	background:#FFEDA9;
	border: 1px solid #F6D968;
}

input.submit {
	background:none;
	border: 0px;
	width: auto;
	margin: 0;
	float:right;
}

input.search {
	background:none;
	border: 0px;
	width: auto;
	margin: 0 5px;
	padding:0;
}

textarea {
	width: 340px;
	font-size: 1em;
	padding: 2px;
	font-family: "Lucida Grande", Arial, sans-serif;
	
}

input.blind{
	display: none !important;
}

form#login {
	margin: 0 0 1.2em 0;		
}

form#login label {
	width: auto;
	margin: 0 0 0.6em 0;	
	
}

form#search {
	margin: 0 0 1.2em 0;		
}

form#search label {
	width: auto;
	margin: 0 0 0.6em 0;	
}

.noborder{
border:none;
}

/* 3.2 BLOG */


#commentform label {
	width: 400px;
	float:left;
	margin: 0 0px 1em 0;
	color: #000;
}


#commentform input {
	display: inline;
	width: 180px;
	background:#EBEEEC;
	border: 1px solid #C6C9C8;
	padding: 4px;
	margin: 3px 10px 0 0;
}


input#search {
	background:none;
	border: 0px;
	width: auto;
	margin: 0;
	padding:0;
}

hr {
	background-color:#666666;
	color:#666666;
	border: #666666;
	height: 2px;
}

label.search input{
	display: block;
	width: 220px;
	background:#FCFBEE;
	border: 1px solid #D0F0FA;
	padding: 4px;
	margin: 1px 0;
	
}

label.username input, label.passwort input {
	display: block;
	width: 180px;
	background:#EBEEEC;
	border: 1px solid #C6C9C8;
	padding: 2px;
	margin: 1px 0;	
}

form#search input:focus {
	background:#FFEDA9;
	border: 1px solid #F6D968;
}

form#login input:focus {
	background:#FFEDA9;
	border: 1px solid #F6D968;
}


/* 3.2 REGISTRATION */
/*-------------------------------------------------------------------------------*/

#captcha{
float: left;
width:250px;
overflow: hidden;
margin-top: 20px;
background:#e9f7fc;
padding:20px;
margin:20px 0;
}

#captcha h4{
}

#captcha fieldset{
border:none;
}

#captcha_response{

}

.recaptcha_text{
font-size: 0.9em;
}

.captcha_input{
float:left;
}

#recaptcha_image{
margin:5px 0;
}

#regForm{
border:1px dashed #bae7f4;
overflow-x: hidden;
}

#regForm h1{
line-height: 1.5em;
}

#regForm label{
float:none;
font-size: 1.5em;
line-height: 1.1em;
position: relative;
top:5px;
}

#regForm .noborder input{
border: none;
margin:0;
padding:0;
}

#regForm select{
font-size:1em;
line-height: 1em;
}



#regForm .labelTos{

}

#refForm .inputTos{
float:left;
}

#regForm .left{
float:left;
}

#flist li 
{
  background-image: url(images/tick_496.png);
  background-position:left center;
  background-repeat:no-repeat;
  padding:10px 0px 10px 30px;
}

/* 4.1 FOOTER STYLES */
/*-------------------------------------------------------------------------------*/

#footer {
	width:100%;
	clear: both;
	height: 80px;
    background: #fff url(images/footer_bg_286.gif) repeat-x;
    border-top: 3em solid #ffffff;
}

#footer-block {
	line-height: 1.6em;
	color : #0B7188;
	width: 961px;
	margin: 0 auto;
	padding: 2.6em 0 0 0;
}


#footer-block a {
	color : #2893ab;
	 text-decoration: underline;	
}


/* lost styles - to clear if unused 
#blurb{float:left;padding-left:470px;margin-top:-44px;width:600;height:42;}
#avatar{margin:0;padding:0.4em 0.4em 18px 0.4em;}
.hr-line{width:229px;height:5px;border-bottom:1px dotted #ccc;overflow:hidden;}
.hrline-blue{background:#BAE7F4;height:1px;overflow:hidden;}
.block-space{height:5px;overflow:hidden;}
.friends-block{margin-left:20px;float:left;width:290px;height:120px;}
#friends-columns{float:left;width:54px;height:44px;overflow:hidden;padding-right:18px;padding-bottom:20px;}
.fans-block{margin-left:20px;float:left;width:290px;height:120px;}
.side-column-space{background:#C9C9C8;height:1px;overflow:hidden;}
.side-column-hr, .mid-clear{height:8px;overflow:hidden;}
.small-avatar{padding:0px;border:1px solid #8EC7D7;}
.side-bottom-space, .mid-featured-space {height:4px;overflow:hidden;}
.side-bottom-hr{background:#C9C9C8;height:1px;overflow:hidden;}
.side-bottom-clear{height:4px;overflow:hidden;}
.mid-hrline, .side-hrline{background:#DCF1FA;height:1px;overflow:hidden;}
.side-bottom-hrline{background:#DCF1FA;height:1px;overflow:hidden;}
.block-clear{height:25px;overflow:hidden;}
.post-comments-space{height:5px;overflow:hidden;}
.hr-clear{padding-right:20px;line-height: 1.2em;}
.whats-new-space{height:3px;overflow:hidden;}
.topbar-nav {float:right; width:300px; padding:2px;text-align:center;}
.hide{overflow: hidden; height: 30px;}
.pagination{
padding: 2px;
}*/



/* Quick links */
.quicklink-left {
	margin:0px 20px 0px 0px; 
	float:left;
	padding:0px 20px 20px 20px; 
	clear:both; 
	width:570px;
}

.quicklink-left p {
padding:0 0 4px 0;
font-size: 1.2em;
}

.quicklink-left-ul {
	list-style-type:square;
	margin-left: 10px;
	margin-top: 10px;
}

.quicklink-right {
	float: right;
	padding-top:10px;
	width: 290px;
	height:145px;
	margin-top:30px
}


.quicklink-thumbnail {
	float:left;
	position:relative;
	left:10px;
	margin:0 0 10px 0;
}

.quicklink-thumbnail-text {
	position:relative;
	left:20px;
	margin:0 0 10px 0;
}

.error {
    color : #ff0000;
}



/* 5.1 COMICS LISTING AND VIEWER PAGES */
/*-------------------------------------------------------------------------------*/

#flashcontent{
float:left;
margin:55px 0 0 15px;
overflow-x:hidden;
}

.comiqDetails
{
 min-height:700px;
}


.comiqDetails  h1{
font-size:1.4em;
letter-spacing: -0.05em;
line-height: 1em;
font-weight: normal;
}

.comiqDetails h4{
border-top:1px dotted #ddd;
margin:20px 0 10px 0;
}

.comiqDetails h5{
clear:both;
font-size:1.2em;
font-weight: bold;
}

.comiqDetails .post-thumb{
margin:3px;
}

.comiqDetails p{
padding:0 0 4px 0;
}

.comiqDetails p.side-font{
padding-bottom: 0;
}

#urlLinks{
background-color:#e2f4fa;
float:left;
padding:15px;
margin:10px 0;
}

#urlLinks input{
width:220px;
}

#comiqRatings{
clear:left;
margin-bottom:15px;
}

#comments{
margin:20px 0 0 0;
overflow-x:hidden;
position:relative;
}

#comments h2{
background: transparent url(images/bigcomment_311.gif) no-repeat;
height:40px;
padding:0 0 5px 60px;
color:#1d8ea8;
line-height: 1.5em;
border-bottom:1px solid #bae7f4;
}

.avatarThumb{
float:left;
margin:0 10px 0 0;
border:1px solid #DCF1FA;
}

.commentContent{
float:left;
position: relative;
background-color: #e4f6fb;
margin:10px 0;
}

/* 5.2 USER PAGES */
/*-------------------------------------------------------------------------------*/

#userLeftWrapper{
_overflow-x:hidden;
}


#bigText h1{
font-weight: normal;
line-height: 1.25em;
font-size:2.9em;
}

#profileButtons{
margin:auto;
width:380px;
padding:20px 0 0 0;
}

/*CP styling*/
#userCP{
background-color: #cff2fd;
padding:0;
width:220px;
padding:5px;
}

#userCP a{
float:left;
height:30px;
margin:10px 0 0 10px;
padding:0 0 0 30px;
color:#787878;
font-size: 1.2em;
text-decoration: underline;
}

#userCP a:hover{
font-weight: bold;
}

#add_fan { 
background: url(images/add_fan_264.png) no-repeat;
}

/*profile details*/
#profileDetails{
width:390px;
margin:0 0 0 15px;
float:left;
}

#profileDetails h1{
font-size:2.5em;
line-height: 1em;
margin:0 0 5px 0;
}

#profileDetails h1 a{
font-size:0.6em;
}

#profileDetails p{
font-size: 1.2em;
padding:0.5em 0;
}

#profile #comiqsList h2{
margin:20px 0 0 0;
border-top:1px solid #bae7f4;
padding:15px 0;
}

#profile #comiqsList h2 a{
font-size: 0.6em;
color:#369ab1;
text-decoration: underline;
}

/*profile right boxes styling*/
.friends-profile, #fans-profile {
	height:160px;
	background: url(images/user_bg_264.png) no-repeat;
}

#fans-profile .fans-items {
  margin: 5px; 
  float: left;
  width: 48px;
  text-align: center;
}

.fansName{
  font-size: 0.85em;
  font-weight: bold;
}

#userComments {
        background-color:#F4F4F4;        
}

#userComments .userContainer{
padding:15px 0 0 0;
border-top:1px solid #ccc;
}

#userComments .userComment{
line-height: 1.5em;
}

#userComments textarea{
width:270px;
}

#userComments .post-author a{
font-size:1.4em;
}

#profile .twoColbox h2{
font-size:1.5em;
}

#profile .twoColbox h2 a{
float:right;
font-size: 0.7em;
text-decoration: underline;
}

#userEdit h3{
color:#1d8ea8;
}

#profile #regForm{
padding:40px 60px;
margin:auto;
}

#uploadAvatar{
float:left;
width: 320px;
}
#uploadAvatar img{
margin:auto;
margin:20px;
border:2px solid #cff2fd;
}

/*user details page*/
#userLeftNav{
width:230px;
background-color: #cef1fc;
}

.menulistings{
padding:20px 0;
border-top:1px solid #91D3E5;
width:100%;
font-size: 1.2em;
}

.menulistings li{
	font-weight:bold;
	padding:3px 0;
	_overflow-y:hidden;
}

.menulistings li a{
display:block;
	padding:10px 0 10px 24px;
	height:11px;
	_overflow-y:hidden;
			line-height: 0.9em;
	text-transform: lowercase;
}


.menulistings li a:hover, .menulistings li.activeitems{
background: #fff url(images/activebg_310.gif) no-repeat;
color:#A4B506;
padding:10px 0 10px 24px;
	height:11px
	
}

#userList{
width:700px;
}

#userList .userContainer{
float:left;
padding:20px 0;
margin:0 20px;
border-bottom:1px dotted #ccc;
}

#userList .userContainer .userComment{
font-size:1.2em;
padding:5px 0 0 0;
}

#fansList{
float:left;
margin:0;
padding:0;
overflow-x: hidden;
}

.post-tags, .comiqDetails strong, #fansList strong{
color:#075d70;
font-weight:bold;
}

#fansList .post-author{
padding:0;
}

#fansList li{
float: left;
margin:0 5px 15px 5px;
width:220px;
height:120px;
overflow:hidden;
}

#fansList li h3 a{
color:#2893ab;
line-height:1em;
}

#fansList p{
padding:3px 0;
}

#thumb {
text-align: center;
vertical-align: middle;
padding-bottom:10px;
}
.img_thumb{
border: 1px solid #bae7f4;
}
.ss{
vertical-align: top;
font-size: 1.3em;

}