/*Colors and Metrics
bg: #090909
content -width: 950px
*/

/*General Structure*/
html,body{
	width:							100%;
	height:							100%;
}

body{
	background-color:		#090909;
	background-image:		url("../images/page_background2.png");
	background-repeat:	no-repeat;
	background-position:top center;
	text-align:					center;
	font-family:				verdana;
	font-size:					10px;
	color:							#fff;
}

*{
	margin:							0px;
	padding:						0px;
	border:							0px solid #fff;	
}

a,
a:link,
a:visited{
	text-decoration:		none;
	color:							#89ff00;
}

a:hover{
	color:							#f1fabd;	
}

/*Mainpage Structure*/
#outer_wrapper{
	width:							100%;
	text-align:					center;
	background-image:		url("../images/footer_background.png");
	background-repeat:	no-repeat;
	background-position:bottom center;
}

#page_area{
	width:							950px;
	margin:							0px auto;
	text-align:					left;
}

#header_area,
#body_area,
#footer_area{
	clear:							both;
	width:							100%;
	text-align:					center;
}

#minheight{
	float:							left;
  width:							1px;
	height:							1000px;
}

/*Main Meneu*/
#mainmenu{
	width:							100%;
	height:							100%;
	margin:							0px auto;
	margin-left:				4px;
	text-align:					left;	
}

#mainmenu ol{
	list-style:					none inside;
}

#mainmenu ol li{
	float:							left;
}

#mainmenu ol li a{
	display:						block;
	height:							175px;
	width:							131px;
	border-width:				0px;
	background-position:top;	
}

#mainmenu ol li a:hover{
	background-position:bottom;
}

#mainmenu ol li a#navi1{
	background-image:		url("../images/frontpage.png");
}

#mainmenu ol li a#navi2{
	background-image:		url("../images/community.png");
}

#mainmenu ol li a#navi3{
	background-image:		url("../images/roster.png");
}

#mainmenu ol li a#navi4{
	background-image:		url("../images/blogs.png");
}

#mainmenu ol li a#navi5{
	background-image:		url("../images/media.png");
}

/*Top Teaser and Login*/
#top_teaser{
	height:							222px;
	margin:							0px 0px 0px 1px;
}

#top_teaser #top_teaser_left{
	float:							left;
	width:							396px;
	height:							221px;
	margin:							3px 0px 0px 0px;
}

#top_teaser #top_teaser_middle{
	text-align:					left;
	float:							left;
	width:							330px;
	height:							221px;
	margin:							3px 0px 0px 0px;
}

#top_teaser #top_teaser_middle #bloglatest{
	margin:							85px 0px 5px 17px;
}


#top_teaser #top_teaser_middle #bloglatest ol{
	list-style:					none inside;
}


#top_teaser #top_teaser_middle #bloglatest ol li{
	margin-bottom:			4px;
}

#top_teaser #top_teaser_middle #bloglatest ol li a{
	font-size:					1.2em;
}

#top_teaser #top_teaser_right{
	float:							left;
	width:							209px;
	height:							92px;
	margin:							125px 0px 0px 6px;
	text-align:					left;	
}

#top_teaser #top_teaser_right form{
	margin:							31px 0px 0px 0px;
}

#top_teaser #top_teaser_right a{
	font-size:					11px;
}

#top_teaser #top_teaser_right form input.inputfield{
	border:							0px;
	background-color:		#0f0f0f;
	color:							#fff;
	margin:							0px 0px 8px 5px;
	height:							14px;
	width:							166px;
	float:							left;
}

#top_teaser #top_teaser_right form input.formsubmit{
	border:							0px;
	background-image:		url("../images/formsubmit.png");
	background-repeat:	no-repeat;
	height:							31px;
	width:							31px;
	float:							right;
}

/*Content Area*/
#content_area{
	clear:							both;
}

#content_area #left_content{
	float:							left;
	width:							723px;
	margin:							2px 0px 90px 0px;	
}

#content_area #left_content #content_wrapper{
	color:							#fff;	
	text-align:					left;
	width:							719px;
	margin:							1px 0px 0px 3px;
}

.content_header{
	background-image:		url("../images/content_header.png");
	background-repeat:	no-repeat;
	height:							52px;
	margin:							0px 0px 1px 0px;
	padding:						10px;
}

.contentbox_wrapper{
	background-image:		url("../images/contentbox_body.png");
	background-color:		#131313;
	background-repeat:	repeat-y;	
	background-position:top;	
}

.contentbox_header{
	background-image:		url("../images/contentbox_header.png");
	background-repeat:	no-repeat;	
	background-position:top;
}

.contentbox_footer{
	background-image:		url("../images/contentbox_footer.png");
	background-repeat:	no-repeat;	
	background-position:bottom;	
}	

/*News*/
.newsheader{
	background-image:		url("../images/contentheader.png");
	background-repeat:	no-repeat;
	height:							72px;
	margin:							0px 0px 1px 0px;
}

.announce{
	background-image:		url("../images/contentheader_announce.png");
}

.newsheader
.newsheader_left{
	float:							left;
	padding:						15px 0px 0px 15px;
	width:							580px;
	margin:							0px 10px 0px 0px;
}

.newsheader_left h2{
	font-size:					1.7em;
	padding:						0px 0px 5px 0px;	
	font-weight:				normal;
}

.newsheader_right h3{
	color:							#00baff;
	font-family:				Georgia,"Times New Roman";
	font-size:					1.5em;
	padding:						0px 0px 5px 0px;	
}

p.newsdate{
	color:							#00baff;
	font-family:				Georgia,"Times New Roman";
	font-size:					1.2em;
}

p.poster{
	font-size:					1.1em;
}

p.textboxfooter{
	display:						block;
	margin:							35px 0px 5px 10px;
	font-size:					1.2em;
	font-family:				Georgia,"Times New Roman";
	background-repeat:	no-repeat;	
}

.bigfont{
	font-size:					1.3em;	
	font-weight:				bold;	
}

.newsheader
.newsheader_right{
	float:							left;
	padding:						18px 0px 0px 0px;
	text-align:					right;
}

.newscontent_wrapper{
	background-image:		url("../images/contentbody.png");
	background-color:		#131313;
	background-repeat:	repeat-y;	
	background-position:top;	
}

.newscontent_header{
	background-image:		url("../images/content_background.png");
	background-repeat:	no-repeat;	
	background-position:top;	
}

.newscontent_footer{
	background-image:		url("../images/content_background_footer.png");
	background-repeat:	no-repeat;	
	background-position:bottom;	
}	

.newscontent{
	clear:							both;
	padding:						15px;
	margin:							0px 0px 2px 0px;
	font-size:					1.2em;
	//line-height:				1.5em;
	-moz-border-radius:	2px;
}

.newscontent ol,
.newscontent ul{
	list-style:					inside circle;
}

/*Sidebar*/
#content_area #right_content{
	float:							left;
	width:							209px;
	margin:							2px 0px 0px 0px;	
}	

#content_area #right_content #sidebar_wrapper img{
	margin:							-1px 0px;
	padding:						0px;
}

/*Footer*/
#copyright_area{
	text-align:					left;
	text-transform:			uppercase;
	font-family:				Verdana;   
	color:							#edf8d7;
	padding:			     	0px 0px 15px 0px;
	width:							750px;
}

#copyright_area p{
	margin:							5px 0px;   
}

/* Impressum */

.impress{
	margin:							3px;
	padding:						3px;	
}

/* Other */

#gamona_logo{
	position:						absolute;
	margin-left:				875px;
	top:								240px;
}

#allvatar_logo{
	position:						absolute;
	margin-left:				820px;
	top:								270px;
}

/* Media Section */

.media_container{
	float:							left;
}

.media_container img{
	width:							198px;
	height:							60px;
}

#catTable thead tr{
	background-color:#0a0a0a;
}

#catTable thead tr th{
	border:							1px solid #3a3a3a;
	font-size:					0.8em;	
	padding:						1em;
}

#catTable tbody tr td{
	border:							1px solid #191919;
	padding:						1em;
}	

#catTable td{
	background-color: 	#0d0d0d;	
}

#catTable .subCats td{
	background-color:		#191919;	
}

.mediaForm{
	margin:							1em;	
}

.mediaForm fieldset{
	border:							1px solid #3a3a3a;
	background-color:		#0a0a0a;
	padding:						0.8em;	
}

.mediaForm fieldset input,
.mediaForm fieldset select,
.mediaForm fieldset textarea{
	margin:							0.8em 0em;
	width:							400px;	
}

.mediaForm .mediaSubmit{
	border:							1px solid #3a3a3a;			
	background-color:		#89ff00;
	padding:						0.5em;
	font-weight:				bold;
	text-transform:			uppercase;
	margin:							0.5em 0em;
}

#mediaError{
	padding:						1em;
	border:							1px solid #b2b2b2;
	background-color:		#723434;
	color:							#d5d5d5;
	font-size:					0.8em;
	margin:							1em;
	clear:							both;	
}

#mediaList{
	list-style:					none inside;
	margin:							2em;
	padding:						0px 0px 2em 0px;	
}

#mediaList div{
	background-image:		url("../../../page_images/media_list_bg.png");
	background-repeat:	repeat-x;	
}

#mediaList div img{
	float:							right;
	margin:							0.2em;
	border:							1px solid #3a3a3a;
}

li.media{
	margin:							0.3em;	
}

li.media div{
	background-color:		#0a0a0a;
	padding:						0.8em;	
}

li.media div p{
	margin:							0.5em;	
}

#mediaStream{
	text-align:					center;
	margin:							3em auto;
	width:							600px;
	height:							393px;
	border:							0px solid #fff;
}

.mediaButton{
	border:							1px solid #3a3a3a;			
	background-color:		#0a0a0a;
	padding:						0.5em;
	font-weight:				bold;
	text-transform:			uppercase;
	margin:							0.5em;
	display:						inline-block;
}

#mediaWrapper{
	background-color:		#1f1f1f;
}

.media_subs{
	list-style:					none inside;	
}
	
.media_subs li{
	font-size:					0.8em;
	padding:						10px;
	float:							left;
	background-color:		#0a0a0a;
	border-right:				2px solid #131313;
	border-left:				2px solid #131313;
}

.media_subs li#media_active{
	background-color:		#1f1f1f;
	border:							0px;
}

/*Member*/

#membertable{
	margin:							0px;
	padding:						0px;
	border:							0px solid #3a4d5d;
}

#membertable thead tr th{
	text-align:					left;
	border:							0px solid #3a4d5d;
	padding:						2px 5px 3px 10px;
}

#membertable thead tr #name{
	width:							465px;	
}

#membertable thead tr #level{
	width:							25px;	
}

#membertable thead tr #class{
	width:							25px;	
}

#membertable thead tr #race{
	width:							25px;	
}

#membertable thead tr #rank{
	width:							80px;	
}

#membertable tbody .row1 {
	background-image:		url("../../../page_images/armory/member_row1.png");
	background-repeat:	no-repeat;
}

#membertable tbody .row2 {
	background-image:			url("../../../page_images/armory/member_row2.png");
	background-repeat:			no-repeat;
}

#membertable tbody tr td .class_image{
	margin:						4px 0px 0px 0px;
	padding:					0px;
	width:						16px;
	height:						16px;
}

#membertable tbody .extend {
	display:					none;
}

#membertable tbody .extend td{
	padding:					0px;
	margin:						0px;		
}

#membertable tbody .extend td .information{
	padding:					15px;
	margin:						0px;
	-moz-border-radius:			0px;
	background-image:			url("../../../page_images/armory/armory.png");
	background-repeat:			no-repeat;
}

#membertable tbody .extend td .information #error{
	padding:					15px;
	height:						420px;
	background-color:			#14629b;		
}


#membertable tbody tr td{
	border-width:				0px;
	border-style:				solid;
	border-color:				#3a4d5d;
	padding:					0px 5px 5px 10px;
	color:						#fff;
}


#member .classbox{
    font-family:				verdana;
    padding:					20px;	
	width:						250px;
	height:						150px;
    margin:						0px 15px 10px 0px;
    float:						left;
    -moz-border-radius:			2px;
	background-repeat:			no-repeat;
}

#member ul.memberlist{
	margin:						20px 0px 15px 5px;
	list-style:					none outside;
}

#member ul.memberlist li.class1{
	margin:						2px 0px;
	float:						left;
}

#member ul.memberlist li.class2{
	margin:						2px 0px;
	float:						right;
	clear:						left;
}

#member ul.memberlist li a{
	font-size:					1em;
	display:					block;
	width:						80px;		
}

#member #characterTab{
	float:						left;
}

#member #characterTab2{
	width:						240px;
	float:						right;
}

#member #characterTab #left_row,
#member #characterTab #middle_row,
#member #characterTab #right_row{
	float:						left;
	margin:						0px 5px;
}

#member #characterTab ol{
	margin:						0px;
	padding:					0px;
	list-style:					none inside;	
}

#member #characterTab ol li .itemiconbox{
	width:						43px;
	height:						43px;
	border:						0px;
	margin:						0px 7px 2px 0px;
}

#member #characterTab ol li .itemiconbox a img{
	width:						40px;
	height:						40px;
	border:						0px;
	margin:						1px 1px;
	padding:					0px;
}

#member #characterTab #middle_row{
	width:						270px;
	text-align:					center;
}

#member #characterTab #middle_row .top_box{
	text-align:					left;	
}

#member #characterTab2 .top_box .fuelbar{
	font-size:					0.8em;
	border:						1px solid #14191f;
	padding:					2px 4px 2px 0px;
	text-align:					right;
	margin:						0px 0px 2px 0px;
	background-image:			url("../../../page_images/armory/fuelbar.gif");
	background-repeat:			repeat-x;
	color:						#fff;					
}

#member #characterTab2 .top_box #achievbar{
	background-color:			#000;
	background-image:			url("../../../page_images/armory/achievbar.gif");
	background-repeat:			repeat-x;					
}


#member #characterTab2 .top_box #Healthbar{
	background-color:			#000;
	background-image:			url("../../../page_images/armory/healthbar.gif");
	background-repeat:			repeat-x;				
}

#member #characterTab2 .top_box #Manabar{
	background-color:			#000;
	background-image:			url("../../../page_images/armory/manabar.gif");
	background-repeat:			repeat-x;					
}

#member #characterTab2 .top_box #Ragebar{
	background-color:			#000;
	background-image:			url("../../../page_images/armory/ragebar.gif");
	background-repeat:			repeat-x;					
}

#member #characterTab2 .top_box #Energybar{
	background-color:			#000;
	background-image:			url("../../../page_images/armory/energybar.gif");
	background-repeat:			repeat-x;					
}

#member #characterTab2 .top_box #Runicbar{
	background-color:			#000;
	background-image:			url("../../../page_images/armory/runebar.gif");
	background-repeat:			repeat-x;					
}

#member #characterTab .top_box .statbox{
	text-align:					left;	
	width:						116px;
	margin:						2px 4px;
	padding:					5px;		
	font-size:					0.8em;
	background-color:			#223341;	
}

#member #characterTab #middle_row .top_box .statbox h3{
	margin:						3px 0px 1px 0px;	
}

#member #characterTab #middle_row .top_box .statbox table{
	width:						100%;				
}

#member #characterTab #middle_row .top_box .statbox table tbody tr .values{
	text-align:					right;					
}

#member #characterTab #middle_row .top_box #basestats,
#member #characterTab #middle_row .top_box #meleestats,
#member #characterTab #middle_row .top_box #defstats,
#member #characterTab #middle_row .top_box #rangedstats,
#member #characterTab #middle_row .top_box #spellstats{
	float:						left;					
}


#member #characterTab #middle_row #bottom_box{
	clear:both;
	width:						158px;
	padding:					6px 0px 0px 0px;
	margin:						0px auto 0px auto;	
}

#member #characterTab #middle_row ol li{
	float:						left;
}


/* Login */
#userPanel{
	background-image:		url("../images/login_bg.png");
	background-repeat:		no-repeat;
	margin:					-4px 0px 0px 0px;
	padding:				15px 13px 0px 10px;
	height:					120px;
}

/* Werbung */

#werbeflaeche_rechts{
	margin-top:				20px;
}

/* Blogs */
#blogheadmenu{
	background-color:		#223341;
	margin:					0px;
	background-image:		url("../images/blog_mm_bg.png");
	height:					34px;
}

#blogheadmenu ol{
	list-style:					none inside;
	margin:							0px;
	padding:						0px;	
}

#blogheadmenu ol li{
	float:							left;
	clear: 							right;
}

#blogheadmenu ol li a,
#blogheadmenu ol li a:link,
#blogheadmenu ol li a:hover,
#blogheadmenu ol li a:visited{
	display:						block;
	margin:							0.7em 0px;
	padding:						0px 0.7em;
	/*border-right:					1px solid #14212d;*/
}

#blog_top{
	background-image:				url("../images/blog_top_bg.png");
	background-repeat:				no-repeat;
	height:							157px;
}

.blog_topbox{
	padding:						1em 1em 1.2em 1em;
	margin:							35px 0px 0px 0px;
}

.blog_topbox ol{
	list-style:					none inside;
}

.blog_topbox ol li{
	margin:							0.3em 0px 0px 0px;
}

.blog_topbox ol li a{
	border-bottom:			1px dotted #89ff00;
}

#hottestBlogs{
	float:							left;
	width:							160px;
	padding-right:					40px;	
}

#latestBlogs{
	float:							left;
	width:							160px;
	padding-left:					40px;
	padding-right:					40px;
}

#blog_top #bugReport{
	display:					block;
	float:						left;
	margin-top:					15px;
}

#blog_main{
	background-color:			#0e0e0e;
	position:					static;	
}

#blog_header{
	height:						75px;
	background-image:			url("../images/blog_header_bg.png");
	background-repeat:			no-repeat;
}

#blog_header img{
	float:						left;
	margin:						20px 20px 0px 15px;	
}

#blog_header #section_info{
	float:						left;
	margin:						21px 0px 0px 0px;
}

#blog_header #section_info h2{
	font-size:					1.3em;	
}
#blog_header #section_info h3{
	font-size:					0.8em;
	font-weight:				normal;
}

#blog_header span#entry_info{
	float:						right;
}

#blog_header span#entry_info img{
	clear:						both;
	margin:						10px 2px 0px 0px;
}

#blog_sidebar{
	width:						220px;
	background-color:	#1a1f23;
	position:					absolute;
	top:							750px;
	margin-left:				460px;
}

#blog_sidebar ol{
	margin:						0px;
	padding:					0px;
	list-style:					none inside;
}

#blog_sidebar ol li{
	padding:					0.5em;
	margin-right:				20px;
}

#blog_sidebar ol li.blog_sidebar_active{
	background-color:			#0e0e0e;	
}

#blog_sidebar ol li p span.blogdate{
	font-size:					0.8em;	
}

#blog_entry{
	width:						620px;
	padding:					20px 0px 3.5em 20px;
	font-size:					1.1em;
	line-height:				1.3em;
	letter-spacing:				-0.01em;
	color:						#eeeeee;
	text-align:					justify;
}

#blog_entry h3{
	font-size:					1.5em;
	color:						#00baff;
	margin-bottom:				1.5em;
	padding-bottom:				0.5em;
	border-bottom:				2px solid #00baff;
}

#blog_entry ul,
#blog_entry ol{
	list-style:					square inside;
}

#blog_entry li{
	margin:						0.2em 0em 0.3em 0em;	
}

.readmoreBlog{
	font-size:					0.6em;
}

/*Comments*/

.comments{
	background-image:		url("../images/comments_text.png");
	background-repeat:	no-repeat;
	padding:						45px 0px 0px 0px;
	margin:							20px 0px 0px 0px;
}

.comments .comment{
	margin:							20px 0px;
}

.comments .comment *{
	font-size:					1em !important;
}

.comments .comment .comment_left_box{
	float:							left;
	background-image:		url("../images/comment_left_box.png");
	width:							164px;
	height:							80px;
	background-repeat:	no-repeat;
}

.comment_left_box p{
	padding:						25px 0px 0px 0px;
	text-align:					center;
}

.comments .comment .comment_right_box{
	float:							left;
	background-image:		url("../images/comment_right_box.png");
	width:							500px;
	background-repeat:	repeat-y;
}

.comment_right_box_header{
	background-image:		url("../images/comment_right_box_header.png");
	background-repeat:	no-repeat;
	height:							100%;
}

.comment_right_box_footer{
	background-image:		url("../images/comment_right_box_footer.png");
	background-repeat:	no-repeat;
	height:							8px;
}

.comment_text{
	padding:						25px;
	clear:							both;
	text-align:					justify;
	line-height:				1.3em;
}

.comment_text .quoteBox{
	padding:						0px 10px;
	margin:							0px 0px 5px 0px;
	background-image:		url("../images/black_alpha_25.png");
	background-repeat:	repeat;

}

.comment_text .quoteHeader *{
	margin:							0px;
	padding:						0px;
}