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

/*** GLOBAL ***/
/*background images*/
body,
body.home {background:#ffffff url(/img/bg-home.jpg) repeat-x top left;}

body.contact	{background-image: url(/img/bg-contact.jpg);}
body.credits	{background-image: url(/img/bg-credits.jpg);}
body.guestbook	{background-image: url(/img/bg-guestbook.jpg);}

body.links		{background-image: url(/img/bg-links.jpg);}
body.media		{background-image: url(/img/bg-media.jpg);}
body.music		{background-image: url(/img/bg-music.jpg);}

body.news			{background-image: url(/img/bg-news.jpg);}
body.press			{background-image: url(/img/bg-press.jpg);}
body.stayintouch	{background-image: url(/img/bg-stayintouch.jpg);}

strong {
	font-weight:bold;}
em {
	font-style:italic;}

/*logo*/
#logo a {
	position:absolute;
	top:0;
	left:68px;
	width:336px;
	height:169px;
	background:transparent url(/img/logo-rys-sf.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;}

/*navigation*/
#nav {
	position:absolute;
	top:82px;
	left:420px;}

#nav ul {
	float:left;
	padding-right:25px;}

#nav ul li {
	height:14px;}

#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited {
	text-decoration:none;
	color:#ffffff;
	font:normal 12px/14px Helvetica,Arial,sans-serif;}

body.news			#nav ul li a#news,
body.music			#nav ul li a#music,
body.media			#nav ul li a#media,

body.credits		#nav ul li a#credits,
body.press			#nav ul li a#press,
body.links			#nav ul li a#links,

body.guestbook		#nav ul li a#guestbook,
body.stayintouch	#nav ul li a#stayintouch,
body.contact		#nav ul li a#contact,
#nav ul li a:hover {
	color:#FF6699;}

#nav ul li a:active {
	color:#666666;}

#content-pos {
	z-index:1;
	position:absolute;
	top:159px;
	left:68px;}
	
#video {
	position:absolute;
	top:159px;
	left:68px;
	padding:15px;
	background-color:#000000;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	z-index:2;}

#video a {
	color:#ffffff;
	font:normal 12px Helvetica,sans-serif;
	margin-top:5px;
	text-decoration:none;
	float:right;}

#player {
	z-index:3;
	position:absolute;
	top:174px;
	left:83px;}
	
#content {
	width:319px;
	height:509px;
	padding:0 0 0 16px;
	background-color:#000000;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	overflow-y:scroll;
	color:#B3B3B3;
	font:normal 12px/15px Helvetica,Arial,sans-serif;
	/*letter-spacing:1px;*/}

.content-pad {
	z-index:0;
	/*clear:both;*/
	width:335px;
	height:13px;
	background-color:#000000;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}

h1, h2, h3 {
	color:#ffffff;
	font:bold 12px/15px Helvetica,Arial,sans-serif;}

p {
	margin-bottom:1em;}

a,
a:link,
a:visited {
	text-decoration:none;
	color:#FF6699;}
a:hover {
	text-decoration:underline;}
a:active {
	color:#666666;}

/*buttons*/
a.button,
a.button:link,
a.button:visited {
	text-decoration:none;
	display:inline-block;
	margin:12px 0 0;
	padding:4px 6px;
	font:normal 8px Helvetica,Arial,sans-serif;
	background-color:#FF6699;
	color:#ffffff;}
a.button:hover {
	background-color:#ffffff;
	color:#FF6699;}
a.button:active {
	background-color:#666666;
	color:#ffffff;}

/*raveplayer*/
#rysplayer {
	height:30px;
	margin:14px 0 10px;}

/*
#raveplayer a {
	color:#000000;}
*/

/*forms*/
#content form {
	margin-top:-5px;}

#content label {
	display:block;
	line-height:22px;
	margin-top:3px;}
	
#content input,
#content textarea {
	margin:0;
	padding:0;
	border:0;
	width:292px;
	height:19px;}

#content textarea {
	height:58px;}

#content input#submit {
	width:42px;
	height:18px;
	margin:13px 0 0 251px;}

/*footer*/
#footer {
	border:0 red dotted;
	position:absolute;
	left:0;
	top:830px;
	width:950px;
	text-align:right;
	color:#999999;
	font:normal 10px Helvetica,Arial,sans-serif;}
	
/*** PAGE SPECIFIC STYLES ***/
/*home*/
body.home #content {display:none;}

/*news*/
body.news #content div.news_entry {
	margin-bottom:15px;}
	
body.news #content div.news_date {
	color:#666666;
	font:normal 10px/14px Helvetica,Arial,sans-serif;}

body.news #content h2.news_title {
	margin-top:0;
	color:#ffffff;
	font:bold 12px/15px Helvetica,Arial,sans-serif;}

/*links*/
body.links h2 {
	margin-top:1em;}

/*music*/
body.music #content {
	font:normal 12px/14px Helvetica,Arial,sans-serif;}

body.music #content h2,
body.music #content h3 {
	color:#ffffff;
	font:bold 12px/15px Helvetica,Arial,sans-serif;}

body.music #content ol li {
	margin-left:25px;
	line-height:14px;
	list-style-type:decimal-leading-zero;}

body.music #content p {
	margin-bottom:1em;}
body.music #content .song {
	margin-top:20px;
	padding-top:20px;
	border-top:1px #FF6699 dotted;}
body.music #content .song a {
	font-size:10px;
	float:right;}

/*guestbook*/
body.guestbook .guestbook_entry {
	color:transparent;
	display:block;
	margin-top:2.5em;}

body.guestbook .guestbook_comment {
	color:#ffffff;}
	
body.guestbook .guestbook_date {
	float:left;
	margin-top:-1.5em;
	color:#FF6699;
	font:normal 10px/14px Helvetica,Arial,sans-serif;}

body.guestbook .guestbook_name {
	float:left;
	margin-bottom:-2em;
	color:#ffffff;
	font:bold 12px/15px Helvetica,Arial,sans-serif;}

body.guestbook hr {
	display:none;}

/*contact*/
body.contact h1,
body.credits h1 {display:none;}
body.contact h2 {margin-top:1em;}