@import url(reset.css);

html{
	font-family: Arial, Verdana;
	font-size:12px;
}


body {text-align:center;background:#000;}


/*---------------- COMMON ------------------*/
.center{text-align:center;}
.number{text-align:right;}
.top{vertical-align:top;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.full {width:100%;}
.with_padding td{padding:2px;}
.more_padding td{vertical-align:top; padding:10px 5px;}
.with_border th{padding:2px 4px; border:1px solid #7d7d7d; color:#f9eed9; background:#494949;}
.with_border td{padding:2px 4px; border:1px solid #7d7d7d; vertical-align:top;}
.news_list td{vertical-align:top; padding:4px 5px;}
.news_list{width:566px;margin-left:140px;}
.news_list a{color:#000000;}
.news_list p{padding:0px; margin:0px;}
.song_list{width:330px;}
.song_list td{padding:0px 2px;}
.song_list td a{color:#000000;}
.dotted td{border-bottom:1px dotted #7a6f5b;}

p, td, span, th {font-size:11px;}
em{font-style:italic;}
p{text-align:justify;padding:4px 0px;}
th, strong {font-weight:bold;}

a {color: #7a6f5b; text-decoration:none;}
a:hover{color:#a99a7e;text-decoration:underline;}
input, textarea, select {border:1px solid #aaa; padding:2px; font-size:11px;}
input:focus, textarea:focus{border:1px solid #bf9e65;}
input.button{border:1px outset #222; cursor:pointer; background: #787878; color:#FFF;}
input.button:hover{border:1px inset #222;}


hr {border:1px dotted #aaa; border-width:1px 0px 0px 0px; height:1px;}

.notice, .error {width:100%; text-align:center; color:#ff9981; padding:4px; font-size:10px;}
li{list-style-position:outside;text-align:justify;}
ol{list-style:decimal;margin-left:20px;}
ol.lower-latin{list-style:lower-alpha;}
ul{list-style:square;margin-left:20px;}

/****** MENU *******/
#menu {position:relative; background: url(img/home_bg.jpg) top left no-repeat;}
#menu a{display:block; height:70px; position:absolute; border:0px solid red; background-position:0px -70px; background-repeat:no-repeat;}
#menu #starlink{position:absolute; border:0px solid red; left:400px; top: 375px; height:200px;  width:250px;}

#dates				{background-image: url(img/menu/dates.jpg); 		width:121px; left:118px; top: 60px;	}
#discography		{background-image: url(img/menu/discography.jpg);	width:210px; left: 29px; top:196px;}
#songs				{background-image: url(img/menu/songs.jpg);			width:114px; left:125px; top:336px;}
#texty				{background-image: url(img/menu/texty.jpg);			width:127px; left:112px; top:484px;}
#foto				{background-image: url(img/menu/foto.jpg);			width:106px; left:133px; top:616px;}

#news				{background-image: url(img/menu/news.jpg);		width:114px; left:797px; top: 60px;}
#facts				{background-image: url(img/menu/facts.jpg);		width:114px; left:797px; top:196px;}
#blog				{background-image: url(img/menu/blog.jpg);		width:100px; left:797px; top:336px;}
#partners			{background-image: url(img/menu/partners.jpg);	width:172px; left:797px; top:484px;}
#kontakt			{background-image: url(img/menu/kontakt.jpg);	width:154px; left:797px; top:616px;}

#menu a#star			{background: url(img/menu/white_star.jpg) no-repeat;	width:356px; height:343px; left:353px; top:288px;
					 background-position:0px -354px;}


#menu p{display:block; height:20px; position:absolute; border:0px solid red;}
#visitors{width:150px;left:450px; top:726px;/*708px;*/color:#585753;/*#292823;*/font-size:10px;text-align:center;font-family:Tahoma;font-weight:normal;}

#menu a:hover{background-position:0px 0px;}
#menu a#star:hover{background-position:0px 0px;}

#back_link{position:relative; height: 60px;}
#back_link a{display:block; position:absolute; top:18px; left:455px;  width:98px; height:33px; background: url(img/back_link.jpg) top left no-repeat;}

/******** SROBY **********/
#srob{position:absolute; top:70px; left:727px;}


/******** MAIN **********/

#main, #subpage, #menu{width:1024px; height:768px;}

#main {margin: auto; text-align:left;		}
#subpage{background: url(img/page_bg.jpg) top left no-repeat;}

#content{margin:0px 139px; border:0px solid red;}
.white{background:#f9eed9; overflow:auto;}
.inner{margin:10px;}

.h326{height:326px;}
.h219{height:219px;}
.h402{height:402px;}
.h203{height:203px;}
.h506{height:506px;}
.h616{height:616px;}
.h99 {height: 99px;}
.h11  {height: 11px;}
.h300{height:300px;}
.h305{height:305px;}
.w367{width:367px;}
.contact{margin:0px 200px;}
.contact p{text-align:justify; padding:10px 26px;}

/************ HEADINGS  ************/
h1{font-size:14px; font-weight:bold; text-transform: capitalize; color:#363634;margin:4px 0px;}
h3{font-weight:bold;}

h2{height:29px;}
#hlavni_partneri{background: url(img/headings/hlavni_partneri.jpg) top left no-repeat; 		margin:8px 0px 18px 0px;}
#medialni_partneri{background: url(img/headings/medialni_partneri.jpg) top left no-repeat; 	margin:27px 0px 15px 0px;}

#nagy_info{background: url(img/headings/nagy_info.jpg) top left no-repeat; 					margin:8px 0px 18px 0px;}
#band_info{background: url(img/headings/band_info.jpg) top left no-repeat; 					margin:27px 0px 15px 0px;}

#kontaktujte_ma{background: url(img/headings/kontaktujte_ma.jpg) top left no-repeat; 		margin:8px 0px 18px 0px;}
#official_starsite{background: url(img/headings/official_starsite.jpg) top left no-repeat; 	margin:27px 0px 15px 0px;}

h2#vystupenia{background: url(img/headings/vystupenia.jpg) top left no-repeat;	 			margin:8px 0px 18px 0px;}
h2#novinky{background: url(img/headings/novinky.jpg) top left no-repeat;					margin:8px 0px 18px 0px;}
h2#fotky{background: url(img/headings/fotky.jpg) top left no-repeat;						margin:8px 0px 18px 0px;}
h2#albumy{background: url(img/headings/albumy.jpg) top left no-repeat;				 		margin:8px 0px 18px 0px;}
h2#info_o_albume{background: url(img/headings/info_o_albume.jpg) top left no-repeat; 		margin:8px 0px 18px 0px;}
h2#texty_piesni{background: url(img/headings/texty_piesni.jpg) top left no-repeat;	 		margin:8px 0px 18px 0px;}
h2#songs_mp3{background: url(img/headings/songs_mp3.jpg) top left no-repeat;				margin:8px 0px 18px 0px;}
h2#video{background: url(img/headings/video.jpg) top left no-repeat;				 		margin:8px 0px 18px 0px;}
h2#songs{background: url(img/headings/songs.jpg) top left no-repeat;				 		margin:8px 0px 18px 0px;}
h2#blog{background: url(img/headings/blog.jpg) top left no-repeat;					 		margin:8px 0px 18px 0px;}




/******** ADMIN  ***********/
#login{padding:20px; margin:auto; width:200px; margin-top:120px}
#login table {margin:auto;}
#login td{padding:4px;}

#admin_menu{height:46px; margin-top:8px; width:710px;} /*dokopy max 55px*/
#admin_menu a{font-size:12px; font-weight:bold; color:#8e8e8a;}
#admin_menu a:hover{color:#FFF; text-decoration:none;}


/*fotky*/
div.fotothumb{width:114px;height:112px; margin-top:6px;margin-left:18px;vertical-align:bottom;}
div.fotothumb img{vertical-align:bottom; border:0px; margin:0px; padding:0px;}


.thumbinfo{border:1px solid #aaa; background:#e6dcca; margin:3px;padding:3px;}
.thumbdiv img{margin:0px 3px 0px 0px;}
.thumbinfo  td, .thumbinfo  input{font-size:9px;}


.debug_info{color:#FFF;}