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

@import url("./sub.css");

/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

h2.nom { padding: 0; }

.vip-r { position: relative; z-index: 500; float: right; margin: 0 0 -24px; }
	
/* Top buttons
----------------------------------------------------------------------------------------*/

ul.actions { overflow: hidden; width: 100%; }
	.actions li { position: relative; float: left; width: 146px; padding: 0 5px; text-align: center; text-transform: uppercase; background: url('../images/dotted-v.gif') 100% 0 repeat-y; }
	.actions li.last { background: none; }
		.actions li a { text-decoration: none; color: #000; }
		.actions li h2 { padding: 0; font-size: 100%; color: #000; }
			.actions li h2 a { float: left; position: relative; overflow: hidden; width: 100%; display: block; padding-bottom: 110px; line-height: 25px; background: url('../images/ico-search.gif') 50% 100% no-repeat; }
			.actions .article a { background-image: url('../images/ico-article.gif'); }
			.actions .photo a { background-image: url('../images/ico-photo.gif'); }
			.actions .settings a { background-image: url('../images/ico-settings.gif'); }
			.actions .search a { background-image: url('../images/ico-search.gif'); }
			.actions .addmusic a { background-image: url('../images/ico-addmusic.gif'); }
			.actions .newaction a { background: url('../images/ico-newaction.gif') 60% 90% no-repeat; }
			.actions li a:hover, .actions li a:focus, .actions li a:active { color: #f00; }
		.actions li em { position: absolute; left: 6px; bottom: 6px; display: block; width: 119px; padding: 7px; line-height: 16px; font-style: normal; font-weight: bold; background: #fff; }
		
/* About user
----------------------------------------------------------------------------------------*/

.author { margin: 0 -11px 0 11px; padding-bottom: 0; }
	.box3 .author { margin-bottom: 20px; }

/* Writing news
----------------------------------------------------------------------------------------*/

.actualform/*, p.count, p.count-over*/ { overflow: visible; margin-bottom: 16px; border-bottom: 3px solid #000; }
	.actualform .security { position: relative; margin: -28px 100px 2px 0; }
	.actualform input.text { width: 542px; margin-right: 15px; }
	.actualform button { width: 83px; padding: 0; text-align: center; }

/* New actions
----------------------------------------------------------------------------------------*/
		
.box2 .column, #mainarticles, #mainarticles .box2 { width: 191px; }
.box2 .column { overflow: hidden; margin-bottom: 10px; padding: 10px 9px 20px; }
#mainarticles { margin: 0; padding-bottom: 16px; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
	#mainarticles .date { margin-top: -50px; }
	#mainarticles h2 { width: 178px; margin: -25px 0 0; }
	
.box2 .column dl, .box2 .column dt, .box2 .column dd { float: left; }
.box2 .column dl { width: 45%; padding: 8px 0; text-transform: uppercase; font-size: 80%; }
.box2 .column dl.sec { float: right; }
	.box2 .column dt { margin-right: 2px; font-weight: bold; }
.box2 .desc { clear: both; overflow: hidden; width: 181px; margin: 0; padding: 16px 5px 18px; background: #fff; }
.box2 { margin-right: -10px; }

/* Friends, favorites bands and clubs
----------------------------------------------------------------------------------------*/
	
.box3 .bookmarks a { width: 88px; }
p.count { margin-bottom: 11px; }
#main .count-over, #main .count { padding: 5px 0;  background: url('../images/dotted-h.gif') 0 100% repeat-x; }

ul.subjects { overflow: hidden; width: 100%; margin-bottom: 10px; }
	.subjects li { overflow: hidden; float: left; width: 120px; margin-right: 16px; padding: 4px 0; line-height: 1.2; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
	.box3 .subjects li { width: 127px; }
	.subjects li.nobg { background: none; }
		.subjects li img { float: left; }
		.subjects li h3, .subjects li strong { overflow: hidden; float: left; width: 65px; margin: 0 -10px 0 5px; }
		.subjects li h3 { font-size: 100%; font-weight: normal; }
		.subjects li h3 a { text-decoration: none; }
		.subjects li h3 a:hover, .subjects li h3 a:focus, .subjects li h3 a:active { text-decoration: underline; color: #000; }
		.subjects li strong { /*margin-top: 3px;*/ font-size: 130%; color: #797979; }
		
.box3 ul.subjects { width: 275px; margin-right: -10px; }
	.box3 .subjects li { margin-right: 10px; }
	
.maincontent .clubs li { width: 100%; padding: 8px 0; }
.maincontent .box12 .clubs li { width: 156px; }
	.maincontent .clubs li h3 { float: none; width: auto; margin: 0; font-weight: bold; }
	.maincontent .clubs li h3 a { text-decoration: underline; color: #000; }
	.maincontent .clubs li h3 a:hover, .maincontent .clubs li h3 a:focus, .maincontent .clubs li h3 a:active { text-decoration: none; }
	.maincontent .clubs li em, .maincontent .clubs li span, .subjects-overview .toprofile { font: 90% sans-serif; }
	.maincontent .clubs li em { display: block; padding: 3px 0; color: #8f8f8f; }
	.maincontent .clubs li span, .subjects-overview .toprofile { clear: left; float: left; padding: 4px 5px; text-transform: uppercase; color: #fff; background: #0cc; }
	
	.subjects-overview .friends, .subjects-overview .toprofile { clear: none; float: right; margin-top: 15px; line-height: 17px; text-decoration: none; font-size: 90%; color: #fff; }
	.subjects-overview .friends { padding-right: 25px; background: url('../images/friend-add.gif') 100% 0 no-repeat; }
	.subjects-overview .friends:hover, .subjects-overview .friends:focus, .subjects-overview .friends:active { color: #000; background-position: 100% -17px; }
	.subjects-overview .toprofile:hover, .subjects-overview .toprofile:focus, .subjects-overview .toprofile:active { color: #fff; background: #000; }
	.subjects-overview .remove { background-image: url('../images/friend-remove.gif'); }
	
.imp { margin-top: 5px; }
.box3 ul.addfriends { clear: both; width: 265px; margin-bottom: 20px; }
	.maincontent .addfriends li { width: 100%; background-position: 0 0; }
	.addfriends li.last { border-bottom: 1px solid #000; }
		.addfriends li h3, .addfriends li strong { width: 120px; }
		.addfriends .buttons, .addfriends .buttons a { float: right; line-height: 19px; text-transform: uppercase; font-size: 80%; font-weight: bold; }
			.addfriends .buttons a { clear: right; padding: 0 14px 0 7px; text-decoration: none; background: url('../images/no.gif') 100% .5em no-repeat; }
			.addfriends .buttons .accept { padding-right: 17px; color: #fff; background: #f00 url('../images/ok.gif') 100% .5em no-repeat; }
			.addfriends .buttons a:hover, .addfriends .buttons a:focus, .addfriends .buttons a:active { color: #000; }
			.addfriends .buttons .accept:hover, .addfriends .buttons .accept:focus, .addfriends .buttons .accept:active { color: #fff; background-color: #000; }

/*	---------------------------------------------------------------------------------------
	Public profil
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.overview .in { overflow: hidden; }
	.overview ul, .overview p { float: left; display: inline; margin: 0; }
	.overview ul { width: 135px; margin-right: 15px; }
		.overview li { float: left; clear: left; width: 124px; padding: 8px 8px 9px; color: #009797; background: #fff url('../images/dotted-h.gif') 0 100% repeat-x; }
		.overview li.last { background-image: none; }
			.overview li a { overflow: hidden; display: block; width: 124px; text-decoration: none; margin: -8px -8px -9px; padding: 8px 8px 9px; }
			.overview li a:hover, .overview li a:focus, .overview li a:active { color: #000; }
				.overview li a em, .overview li a span { cursor: pointer; }
				.overview li em { float: left; font-style: normal; }
				.overview li span { float: right; color: #000; }
	.overview p { width: 290px; padding: 15px; font-weight: bold; background: #fff; }

.maincontent .user-radio { position: relative; float: right; margin-bottom: -26px; }
	.user-radio a, .user-radio em { float: left; }
	.user-radio a {  line-height: 36px; text-transform: uppercase; text-decoration: none; color: #fff; background: #00c4c4 url('../images/user-radio.jpg') 0 0 no-repeat; }
	.user-radio a:hover { color: #000; }
		.user-radio em { padding: 0 25px 0 50px; font-style: normal; background: url('../images/user-radio-in.jpg') 100% 0 no-repeat; cursor: pointer; }
		
/* Statistic on public profile
----------------------------------------------------------------------------------------*/

.bookmarks-wrapper { overflow: hidden; width: 100%; padding-bottom: 18px; background: url('../images/bookmarks-sec.png') 50% 100% no-repeat; }

#listened table { table-layout: fixed; width: 100%; margin: -10px 0 -1px; }
	#listened th, #listened td { padding: 4px 0 5px; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
	#listened .last th, #listened .last td { background: none; }
	#listened th { width: 483px; text-align: left; }
	#listened td { padding-left: 10px; text-align: right; }
	#listened td.time { width: 127px; color: #adadad; }
		#listened th a { color: #000; }
		#listened th .band { margin-right: 5px; padding-right: 12px; text-decoration: none; color: #009797; background: url('../images/arrow-r.gif') 100% .4em no-repeat; }
		#listened th .band:hover { color: #000; }
			#listened th .band img { margin-right: 10px; }
			
#listened, #news { position: relative; margin-top: -5px; }
	#news ul { margin: 0; }
#actual { position: relative; width: 100%; }

/*	---------------------------------------------------------------------------------------
	Band profile
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.bandinfo img { margin-bottom: 10px; }
.bandinfo dl { margin-bottom: 5px; padding-bottom: 3px; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
.bandinfo dl.last { background: none; }
	.bandinfo dt { font-weight: bold; color: #333; }
	.bandinfo dd { text-transform: uppercase; font-size: 80%; color: #9d9d9d; }
	
.bandprofile { float: right; width: 480px; height: auto !important; min-height: 475px; height: 475px; }

ul.bandactions { overflow: hidden; width: 100%; margin: 0; }
	.bandactions li { overflow: hidden; float: left; clear: left; width: 100%; padding: 9px 0 10px; line-height: 16px; font-size: 90%; color: #fff; background: #000 url('../images/dotted-h.gif') 0 100% repeat-x; }
	.bandactions li.last { background-image: none; }
		.bandactions li em, .bandactions li h3, .bandactions li span { float: left; }
		.bandactions li em { width: 85px; text-align: center; font-family: sans-serif; font-style: normal; }
		.bandactions li span { padding: 0 12px; }
		.bandactions li h3, .bandactions li h3 a { font-size: 100%; color: #00cbcb; }
			.bandactions li h3 a { text-decoration: none; }
		.bandactions li a.more { clear: none; float: right; display: inline; margin-right: 12px; padding: 0; font-size: 90%; color: #fff; }
		.bandactions li a:hover, .bandactions li a:focus, .bandactions li a:active { color: #fff; }
		
.bandprofile #map_div { width: 480px; height: 346px; }
#map_div { width: 664px; height: 346px; }

.newwindow { position: absolute; right: 0; top: 0; z-index: 500; padding: 0 20px 0 5px; line-height: 21px; text-decoration: none; color: #fff; background: #f00 url('../images/external-white.gif') 100% 50% no-repeat; }
.newwindow:hover { background-color: #000; }
	  
/*	---------------------------------------------------------------------------------------
	MUSIC
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
ul.tags { width: 690px; margin-right: -26px; }
	.tags li { float: left; display: inline; width: 202px; margin-right: 28px; } 
	
.adv { margin: 0 -12px 0 0; }
#square { margin-bottom: 16px; }
	  
/*	---------------------------------------------------------------------------------------
	MESSAGES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.maincontent .messages-panel { padding-top: 0; }
	.dirtybox .button-big { float: right; display: inline; margin: 3px 0 3px 10px; padding: 0 15px; border: 5px solid #00c4c4; line-height: 26px; text-decoration: none; text-transform: uppercase; color: #fff; background: #00c4c4; }
	.dirtybox .button-big:hover, .dirtybox .button-big:focus, .dirtybox .button-big:active { border-color: #000; background: #000; }
	
	.dirtybox .button-big { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }


.messages { margin-top: -13px; }		
.messages li { padding: 12px 0 5px; }
	
	.messages .header { float: left; width: 300px; margin-bottom: 10px; padding: 5px 0 0 20px; line-height: 1.2; text-transform: none; background: url('../images/ico-message-open.gif') 0 5px no-repeat; }
		.messages .header em { font-size: 80%; }
	
	ul.buttons { float: right; display: inline; margin: 6px 0 15px; }
		.buttons li, .buttons li a { float: left; display: inline; }
		.buttons li { width: auto; margin-left: -1px; padding: 0; background: none; }
		.buttons li a { padding: 2px 8px 3px 18px; border: 1px solid #e0e0e0; line-height: 20px; text-decoration: none; text-transform: uppercase; font-size: 80%; font-weight: bold; }
		.buttons li a:hover, .buttons li a:focus, .buttons li a:active { color: #000; }
			.buttons li a.message-delete { background: url('../images/ico-delete.gif') 7px 45% no-repeat; }
			.buttons li a.message-reply { background: url('../images/ico-pen.gif') 5px 45% no-repeat; }
	
	.messages .text { float: right; width: 480px; }
		.messages .text p { margin-bottom: 10px; }
		.messages .text .more { margin: 0; text-transform: uppercase; font-size: 80%; font-weight: bold; }
			.messages .text .more a { padding: 0; color: #009797; background: none; }
			.messages .text .more a:hover, .messages .text .more a:focus, .messages .text .more a:active { color: #000; }
		
	.messages .unread .header { background: url('../images/ico-message-close.gif') 0 8px no-repeat; }
	.messages .unread .text { font-weight: bold; }