/*	---------------------------------------------------------------------------------------
	Rock.cz
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		All styles
	Media:				screen, projection, handheld
	Datum:				20. 7. 2009
	Author:				Zdenek Kostal (http://zdenekkostal.cz/)
	-------------------------------------------------------------------------------------*/

@import url("./common.css");
@import url("./default.css");

/*	---------------------------------------------------------------------------------------
	HP
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.box, .box2, .box3, .box2, .box2ov, .box2minus { padding-bottom: 20px; }
.box3, .wrap3 { width: 250px; }

#skycrapper { top: 547px; }

/* Header
----------------------------------------------------------------------------------------*/

#header { height: auto !important; height: 490px; min-height: 490px; padding-bottom: 30px; background: #000 url('../images/header.jpg') 50% 0 no-repeat; }
			
#mainarticles { clear: both; overflow: hidden; width: 100%; }
	#mainarticles li { float: left; display: inline; width: 160px; margin-right: 16px; padding: 9px 9px 0; color: #000; background: #fff url('../images/mainarticle-corner.gif') 0 0 no-repeat; }
	#mainarticles li.last { margin-right: 0; }
		#mainarticles li .imgwrap { float: none; }
		#mainarticles li h2 { overflow: hidden; height: 60px; padding: 10px 5px; line-height: 20px; text-transform: uppercase; font-size: 90%; }
			#mainarticles li h2 a { overflow: hidden; text-decoration: none; color: #000; }
		#mainarticles li .readmore { margin: 0 -9px; padding: 0 16px 7px; font-size: 90%; background: url('../images/mainarticle-bottom.jpg') 0 100% no-repeat; }
			#mainarticles li .readmore a { /*padding-left: 16px;*/ text-decoration: none; color: #adadad; /*background: url('../images/ico-comment.gif') 0 .2em no-repeat;*/ }
			#mainarticles li .readmore a:hover, #mainarticles li .readmore a:focus, #mainarticles li .readmore a:active { text-decoration: underline; color: #000; }
			
			.user-article { position: absolute; left: -5px; top: -3px; padding: 5px 10px; font: 90% sans-serif; color: #000; background: #fff; }

.maincontent, .maincontent .in, .stripe .in { background: none; }
.maincontent { background: url('../images/maincontent.jpg') 50% 0 no-repeat; }

/* HP boxes
----------------------------------------------------------------------------------------*/

.player { position: relative; z-index: 999; width: 434px; height: 452px; margin-top: -21px; }

ul.newregistration { margin-bottom: 5px; }
	ul.newregistration .nummer { width: 38px; }			
.bands li strong { height: auto !important; height: 32px; min-height: 32px; line-height: 16px; }

.box .button-more { float: left; /*margin-top: -20px;*/ }

.col3, .col1 { float: left; width: 236px; }
.col3 { width: 472px; }

.adv-actions { border-top: 1px solid #e8e8e8; background: #f0f0f0 url('../images/line-w.gif') 0 0 repeat-x; }
	.adv-actions .in { background: url('../images/adv-actions.jpg') 0 0 no-repeat; }
	.adv-actions h3 { padding-bottom: 10px; }
	.adv-actions ul { overflow: hidden; width: 100%; }
		.adv-actions li { overflow: hidden; float: left; display: inline; width: 220px; margin: 0 6px 6px 0; padding: 5px; font-size: 90%; background: #fff; }
		.adv-actions li.last { margin-right: 0; }
			.adv-actions li a:hover, .adv-actions li a:focus, .adv-actions li a:active { color: #000; }
			.adv-actions li a:hover em, .adv-actions li a:focus em, .adv-actions li a:active em { text-decoration: none; }
				.adv-actions li img { float: left; }
				.adv-actions li em { display: block; margin-left: 68px; text-decoration: underline; font-style: normal; }
 		
/*	---------------------------------------------------------------------------------------
	Cufon
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
.cufon-active #mainarticles li h2 { font-size: 100%; }

.articles a .cufon, #mainarticles li h2 a .cufon { border-bottom: 1px solid #000; }
.articles a:hover .cufon, #mainarticles li h2 a:hover .cufon { border-color: #fff; }