/**********************************************\
|                                              |
|  Style for Legacy-Metal.com                  |
|                                              |
|  created 08-03-2007                          |
|  webmaster@legacy-metal.com                  |
|  (c) 2007 by Legacy                          |
\**********************************************/

/*********************\
| Colors & Typography |
\*********************/

img {
	behavior:				url("pngbehavior.htc");
}
body{
	font-family: 			Arial, Helvetica, "sans-serif";
	background-color: 		#000000;
	color: 					#DDDDDD;
	background-image: 		url(../img/bg-big3.jpg);
	background-attachment: 	scroll;
	background-repeat: 		no-repeat;
	background-position: 	center top;
}

input, textarea, select {
	background: 	#0d1122;
	color: 			#DDDDDD;
	font-size: 		12px;
	font-family: 	Arial, Helvetica, "sans-serif";
}

.gallery-pic-body{
	background-color:		#000000;
}
.item-body{
	background-color:		#000000;
}
a{
	color: 					#ffffff;
	font-weight:			bold;
}
.site {
	font-size: 				11px;
	background-image: 		url(../img/blue_bg.png);
	background-attachment: 	scroll;
	background-position: 	0px 130px;
/*	background-position: 	center center;*/
}
.header {
	font-size: 				10px;
	background-image: 		url(../img/headerpic-small2.png);	
}
.menu {
	font-size: 				12px;
	background-image: 		url(../img/menubg.png);
}
.sidebar {
}
.newsletter {
}
.content {
	background-color: transparent;
}
.footer {
	font-size: 				10px;
	background-image:		url(../img/footer_bg.png);
	text-align: 			center;
}
.counter {
	font-size: 				10px;
}
.links{
	font-size: 				11px;
	font-weight: 			bold;	
}
/* content style */
.contentwin{
	text-align: 			justify;
}

/* news style */
.newswin{
}
.newsline{
	border-width: 			2px;
	border-bottom-style: 	solid;
	border-color: 			#B6AD76;
}
.newstitle{
	color:					#ffffff;
	font-size: 				12px;
	font-weight: 			bold;	
}
.newsdate{
	color:					#ffffff;
	font-weight: 			bold;
	text-align: 			right;
}
.newstext, .newstextpic{
	text-align: 			justify;
	font-weight:			normal;
}
.newsfooter{
	font-style: 			italic;
	text-align: 			right;	
}

/*bio window*/
.biotable, .biotext, .contacttable{
	font-size:				11px;
	font-weight: 			normal;
	font-style: 			normal;
}
.biotext{
	text-align:				left;
}
.biopic{
	border: 				1px solid #B6AD76;	
}
.biowin{
	text-align: 			center;
}
.bioleft{
	
}
.bioright{
	border: 				1px solid #B6AD76;
}
/* gig's style */
.gigwin{
	
}
.gigtitle{
	color:					#FFFFFF;
	font-size:				12px;
	font-weight: 			bold;
	border-bottom: 			2px solid #B6AD76;
}
.gigline{
	font-size: 				11px;
	font-weight: 			normal;
	border-bottom: 			1px dashed #B6AD76;
}
/* media style */
.mediawin{
}

.thumb{
	background:				Black;
	text-align:					center;
	border:					solid 1px #333333;
	
}
.avthumb{
	/*background:				Black;*/
	text-align:					left;
	border-bottom:					solid 1px #B6AD76;
	
}
/* merch style */
.merchwin{
}
.shopitem{
	/*background:				Black;*/
	text-align:					left;
	border-bottom:					solid 1px #B6AD76;
	
}
/*links style */
.linksfooter{
	text-align:				center;	
}
.linkwin{
	text-align: 			justify;
}
/* guestbook style */
.gbwin{
}
.gbline{
	border-width: 			2px;
	border-bottom-style: 	solid;
	border-color: 			#225588;
}
.gbtitle{
	color:					#ffffff;
	font-size: 				12px;
	font-weight: 			bold;	
}
.gbdate{
	color:					#ffffff;
	font-weight: 			bold;
	text-align: 			right;
}
.gbtext{
	text-align: 			justify;
	font-weight:			normal;
}
.gbfooter{
	font-style: 			italic;
	text-align: 			right;
	border-top: 			1px dashed #002255;	
}
.gbpostwin{
	font-size:				11px;
	font-weight: 			normal;
	font-style: 			normal;
}
.errormsg{
	color:					#AA0000;
	font-weight:			bold;
	background-color:		black;
	border:					1px solid #AA0000;
}

.marked{
	font-weight:			bold;
	color:					#AA0000;
}

/* order */
.ordertitle{
	color:					#FFFFFF;
	font-size:				12px;
	font-weight: 			bold;
	border-bottom: 			2px solid #B6AD76;
}
.orderline{
	font-size: 				11px;
	font-weight: 			normal;
	border-bottom: 			1px dashed #B6AD76;
}

/*******************\
| Structural Layout |
\*******************/

/* page structure */
body, .site{
	margin: 				0px;
	padding:				0px;
	top:					0px;

}
.secretlink{
	position: 				static;
	height: 				20px;
	width: 					20px;
	left: 					0px;
	top: 					0px;	
}
.site {
	position: 				absolute;
	left: 					50%;
	right: 					50%;
	margin-left:			-385px;
	width:					770px;
	height:					548px;
	z-index: 				1;
}
.header{
	position: 				absolute;
	margin: 				0px 15px 0px 0px;
	padding:				0px 0px 0px 0px;
	top:					0px;	
	width:					770px;
	height:					115px;
	z-index: 				3;
}
.menu {
	position:				absolute;
	margin: 				0px;
	padding:				0px;	
	top:					115px;
	height:					25px;
	width:					770px;
	z-index: 				3;
}
.sidebar {
	position: 				absolute;
	left: 					50%;
	right: 					50%;
	margin-left:			200px;/*-330px;*/
	padding:				0px;
	border:					0px;
	top:					147px;/*554px;*/
	width:					163px;/*660px;*/
	z-index: 				5;
}
.add {
	padding:				0px;
	border:					0px;
	margin:					0px;
	left: 					0px;
	top:					0px;
	float:					left;
}
.content {
	position:				absolute;
	margin: 				0px;
	padding:				0px;
	top: 					139px;
	height:					380px;
	overflow:				auto;
	width:					770px;
	z-index: 				3;
	left: -3px;
}
.footer{
	position:				absolute;
	top:					520px;
	width:					770px;
	height:					28px;
	z-index: 				5;
}
.counter{
	position:				absolute;
	top:					528px;
	left:					680px;
	height:					20px;
	z-index: 				6;
}
.langs{
	position:				absolute;
	top:					524px;
	left:					22px;
	height:					20px;
	z-index: 				6;
}

/* content elements */
.contentheader{			/*	top	 ri    bo   left */
	padding:				10px 40px 30px 40px;

	
	}
.contenttitle{
	float:					left;}
.contentmenu{
	float:					right;}
.contentwin{
	padding:				10px 40px 10px 40px;}
.errormsg{
	padding:				10px 10px 10px 10px;
	margin:					20px 50px 5px 50px;}
/* news windows */
.newswin{	
	padding:				10px 180px 10px 80px;}
.newsheader{
	padding:				0px 0px 0px 0px;}
.newsline{
	margin:			 		1px 0px 0px -2px;
	padding:				0px 0px 0px 0px;}
.newstitle{
	float:					left;}
.newsdate{
	float:					right;}
.newspic{
	padding:				5px 5px 5px 10px;
	float:					left;}
.newstextpic{					/* abstand zur line || abstand links || abstand unten || abstand rechts */
	margin: 				5px 20px 0px 155px;}
.newstext{					/* abstand zur line || abstand links || abstand unten || abstand rechts */
	margin: 				5px 20px 0px 10px;}
.newsfooter{
	padding:				0px 20px 0px 0px;}
/*bio window*/
.biotable{
						
}
.biowin{
	
	padding:				6px 80px 6px 80px;			
}
.bioleft{
	float:					left;
}
.bioright{
	float:					right;
}
/* gig window */
.gigtitle{
	text-align:				center;
	}
.gigline{
/*link windows */
}
.linkwin{
	padding:				10px 80px 10px 80px;
 }
.linksfooter{
	padding:				30px 40px 8px 40px
}
/* gb window */
.gbwin{	
	padding:				10px 120px 10px 120px;}
.gbheader{
	padding:				0px 0px 0px 0px;}
.gbline{
	margin:			 		1px 0px 0px -2px;
	padding:				0px 0px 0px 0px;}
.gbtitle{
	float:					left;}
.gbdate{
	float:					right;}
.gbtext{					/* abstand zur line || abstand links || abstand unten || abstand rechts */
	margin: 				5px 20px 5px 10px;}
.gbfooter{
	padding:				2px 20px 0px 0px;}
/*media win*/
.mediawin{
	padding:				0px 90px 10px 110px;
}

.thumb{
	width:					140px;
	height:					160px;
	padding:				10px 10px 10px 10px;
	margin:					10px 10px 10px 10px;
	float:					left;
	overflow:				hidden;
		
}
.avthumb{
	width:					440px;
	padding:				10px 10px 10px 10px;
	margin:					10px 10px 10px 10px;
	overflow:				hidden;	
}
/*merch win*/
.merchwin{
	padding:				0px 90px 10px 110px;
}
.gimg{
	padding:				10px 10px 10px 10px;
}
.shopitem{
	width:					480px;
	padding:				10px 10px 10px 10px;
	margin:					10px 10px 10px 10px;
	overflow:				hidden;	
}

ul{
	list-style:				none;
	margin:					0px;
	padding:				0px;
}
li{
	display: 				inline;
}

/* menu positioning */

#mh{
	top:					4px;
	left: 					123px;
	position: 				absolute;
}
#mb{
	top:					3px;
	left: 					189px;
	position: 				absolute;
}
#ms{
	top:					4px;
	left: 					252px;
	position: 				absolute;
}
#mm{
	top:					4px;
	left: 					331px;
	position: 				absolute;
}
#mc{
	top:					4px;
	left: 					398px;
	position: 				absolute;
}
#mo{
	top:					4px;
	left: 					474px;
	position: 				absolute;
}
#ml{
	top:					4px;
	left: 					566px;
	position: 				absolute;
}