@charset "utf-8";
/* CSS Document */
body {margin:0; padding:0; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF;}
img {border:0;}

/* Global use*/
#titles{
				position:relative;
				margin-left:60px;
				padding-left:10px;
				width:850px; height:65px;
				border-bottom:#CCCCCC solid 2px;
				/*border:#000000 solid 1px;*/
			}

#box{
	position:relative;
	background:url(images/background.jpg) no-repeat top center; background-color:#2d1223;
	width:1000px; height:1000px;
	margin-right:auto; margin-left:auto;
	/*border:#FFFF33 solid 1px;*/
	}
#Ibox{
		position:absolute; top:280px; left:20px;
		padding:0;
		margin-left:0; margin-top:0;
	    /*border:#FFFF33 solid 1px; */
		}
#menubox{position:absolute; left:40px; top:180px;}

#titleFont{font-size:30px; color:#CCCCCC;}	

/*Coners Darkgrey=bg_grey2.png Lighgrey=bg_grey1.png radius=4px*/
.r1gray2, .r2gray2, .r3gray2{background:url(images/bg_grey2.png) repeat; overflow:hidden;}
.r1gray2{margin: 0 4px; height:1px;}
.r2gray2{margin: 0 2px; height:1px;}
.r3gray2{margin: 0 1px; height:2px;}
.r1gray1, .r2gray1, .r3gray1{background:url(images/bg_grey1.png) repeat; overflow:hidden;}
.r1gray1{margin: 0 4px; height:1px;}
.r2gray1{margin: 0 2px; height:1px;}
.r3gray1{margin: 0 1px; height:2px;}
	
/*index*/			
#latest{
		width:277px;
		position:absolute; left:0px;
		}
		.latestHead{
					height:34px;
					background:url(images/bg_grey2.png) repeat; overflow:hidden;
					font-size:30px; text-align:center; letter-spacing: 5px;
					}
		.latestBody{
					height:248px;
					background:url(images/bg_grey1.png) repeat; overflow:visible;
					font-weight:bold;
					text-align:center; padding-bottom:20px;
					}
#contact{
		 width:277px;
		 position:absolute; left:0px; top:326px;
		 }
		 .contactBody{
		 			  height:285px;
					  background:url(images/bg_grey1.png) repeat; overflow:visible;
					  font-weight:bold;
					  padding:15px;
					  }
		.contactBody a{color:#FFFFFF;}
		#contactStart {padding: 10px;}
					  	 		   
#news{
		position:absolute; left: 292px;
		width:422px;
		}
		#newsHead{font-size:24px; color:#d8b308;}
		#newsDate{font-size:10px; color:#8b8a8a;}
		.newsBody{height:611px;
				  background:url(images/bg_grey1.png) repeat; overflow:auto; 
				  padding:15px;
				  }
		.newsBody p {margin-bottom:30px;}
#links{
		position:absolute; left:736px;
		width:224px;
		}
		.linksHead{
				   height:34px;
				   background:url(images/bg_grey2.png) repeat; overflow:hidden;
     			   font-size:30px; text-align:center; letter-spacing: 10px;
				  }
		.linksBody{
				   height:581px;
				   background:url(images/bg_grey1.png) repeat; overflow:visible;
				   font-weight:bold;
				   padding:13px;
				   }
		.linksBody a {font-size:16px;}
		#linkContacts {font-size:12px; color:#FFFFFF;}
		#donate{
				/*position:absolute;*/
				padding:25px;
				}

.vote {
		position:absolute; left: 260px; top:646px;
		margin-left:auto; margin-right:auto;
		/*border:#FFFF33 solid 1px;*/
		}
/*Comic CG_id är till comic.php filen idrekt*/
#cg_img{text-align:center;}
#cg_credits {color:#FFFFFF; text-align:center;}
#gradientComic{
				position:absolute; bottom:-129px;
				background:url(images/bg_gradient.jpg) repeat-x;
				height:129px; width:1000px;
				z-index:-1;
				}
#thumbArchive{
				position:relative;
				top: 10px;
				width:600px;
				color:#999999;
				/*border: #FFFF33 solid 1px*/
			 }
#thumbComic{
				position:relative;
				top: 10px;
				width:750px;
				color:#999999;
				/*border: #FFFF33 solid 1px*/
			 }
/*Archive*/
.archiveBox{
			position:absolute;
			right:20px;
			float:right;		
			top:76px;
			width:200px;
			text-align:center;
			/*border: #FFFF33 solid 1px;*/
			}
.archiveThumb{
				padding-bottom:10px;
				}

a.archiveLink{
				font-size:16px;
				font-weight:bold;
				letter-spacing:8px;
				}				
.thumbBox{
			position:relative;
			float:left;
			padding:5px;
			padding-right:20px;
			width:160px;
			height:60px;
			/*border: #FFFF33 solid 1px;*/
			}
a.thumbLink{
				position:relative;
				color:#FFFFFF;
				font-size:14px;
				/*border: #FFFF33 solid 1px;*/
			 }		 
.thumbText{position:absolute; font-weight:bold; width:60px; left:10px; top:20px;}			 
.thumbDate{position:relative; font-size:12px;}			 

/*Characters*/
#characherHead{font-weight:bold; font-size:16px; color:#d88708;}
#characterBox{
				position:relative;
				float:left;
				top:10px;
				margin-right:20px;
				width:400px;
				padding:10px;
				font-size:12px;
				/*border:#FFFF33 solid 1px;*/
				}
#characterPic{
				width:80px;
				height:190px;
				padding-right:8px;
				float:left;
				/*border:#FFFF33 solid 1px;*/				
				}

/*Gallery*/
#galleryBackground{
					position:absolute; left:-80px; top:160px;
					width:100%; height:418px;
					background:url(images/bg_gallery.png); background-repeat:no-repeat;
					}
#picGallery{
				position:relative;
				float:left;
				padding:12px;
				width:846px;
				font-size:20px;
				text-align:left;
				}
#gallery li {list-style:none; float:left; margin:12px;}

.galleryText{font-size:16px;}

/* Download */
.banner li{
				list-style:none; 
				float:left;
				position:relative;
				padding:12px;
				width:846px;
				font-size:16px;
				text-align:left;
				width:auto;
				}

/* Creator*/
#creatorPic{
			width:300px;
			height:450px;
			padding:20px;
			float:right;
			}
#creatorHead{font-size:24px; margin-top:15px; font-weight:bold;}
#creatorText{font-size:14px; background:url(images/bg_grey1.png) repeat; padding:10px; width:940px;}