/******************************************************************
 * Tadijanovic CSS
 * @author	Ivan Maros
 * @since		14.12.2005
 ******************************************************************/

/******************************************************************
 * General
 ******************************************************************/
* {padding: 0; margin: 0;}
body {font: 12px Arial, Helvetica, sans-serif; color: #FFF; background-color: #000; margin: 0; padding: 0; text-align: center;}
a, a:link, a:visited, a:active, a:focus {color: #666; text-decoration: none;}
a:hover {color: #9ABBD1;}
img {border-width: 0;}
p {margin: 0 0 1.2em;}
hr {border: 0; height: 1px; color: #666; background-color: #666; margin: 0 0 5px;}
.input-box {font: normal 11px Arial, Helvetica, sans-serif; border: 1px solid #CCC; color: #666; background-color: #FFF; padding: 1px 3px;}
.warn_color {font-size: 11px; color: #F00;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/******************************************************************
 * Structure
 ******************************************************************/
#container, #homepage {position: relative; width: 620px; margin: 0 auto; padding: 0; text-align: left;}
#homepage {width: 450px; text-align: center; margin-top: 100px;}
#header {float; left; width: 100%;}
#left {float: left; width: 205px;}
#right {float: right; width: 415px;}
#footer {clear: both; width: 100%;}

/******************************************************************
 * Homepage
 ******************************************************************/
#homepage {color: #FFF; background-color: #000;}
#homepage img {margin-bottom: 15px;}
#homepage ul {list-style: none; margin-top: 35px;}
#homepage li {display: inline;}

/******************************************************************
 * Header
 ******************************************************************/
#header h1, #header img {float: left;}
#header h1 {display: block; width: 100%;}
#header div {float: left; width: 100%; margin-bottom: 30px; margin-top: 10px;}
#header ul {float: right; list-style: none;}
#header li {display: inline;}
#header li.current {font-weight: bold;}

/******************************************************************
 * Left
 ******************************************************************/
#left h2 {color: #CCC; font-size: 40px; font-weight: normal; text-transform: lowercase;}
#left #lyrics {list-style: none; margin-top: 10px;}
#left #lyrics li {font-size: 10px; padding: 3px 20px; background: url(../images/t_lyrics_line.gif) no-repeat 0% 100%; text-transform: uppercase;}
 
/******************************************************************
 * Right
 ******************************************************************/
#right .iframe {float: right; width: 100%; height: 225px; overflow: auto;}
#right .r-title {font-weight: bold; font-size: 15px;}
 
/******************************************************************
 * Footer
 ******************************************************************/
#footer {text-align: right;}
#footer div {color: #666; font-size: 11px; margin-top: 35px; margin-bottom: 30px;}