/* Musiklab Style */

html {background: #272B4B url(../images/background/bg_fade.jpg) left repeat-y;}

body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF9C00; text-align: left; margin: 0px; padding: 0px;}

div#container { min-width: 780px; max-width: 980px; margin: 0; padding: 0; text-align: left;}

img {border: none;}

.rightimg {padding: 25px; float: right;}

/* LINKS */

a:link		{text-decoration: underline; color: #E58900;}
a:visited	{text-decoration: underline; color: #D57F00;}
a:hover		{text-decoration: underline; color: #ffffff;}
a:active	{text-decoration: underline; color: #684100;}

/* BRANDING */

div#branding {
width: 100%; height:100px;
margin: 0; padding: 0;
border: none;
}

h1 {background-image: url(../images/pagelogos/musiklab_logo.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
margin: 0; padding: 0;
line-height: 100px;
}

/* NAVIGATION */

div#navigation a:link		{text-decoration: none; color: #E58900;}
div#navigation a:visited	{text-decoration: none; color: #E58900;}
div#navigation a:hover		{text-decoration: none; color: #FFC061;}
div#navigation a:active		{text-decoration: none; color: #FF9C00;}

div#navigation {
width: 100%;
margin: 0; padding: 0;
text-align: left;
border: none;
border-left: solid 2px #272B4B;
border-bottom: solid 2px #272B4B;
}

.ul_navigation {
margin: 0; padding: 0;
}

.li_navigation {
margin: 15px 0 15px 15px; padding: 10px;
font-size: 13px;
font-weight: bold;
line-height: 30px;
text-transform: uppercase;
display: inline;
list-style: none;
}

/* CONTENT */

div#content {
width: 100%;
margin: 0; padding: 0;
}

div#content_main01 {
float: left;
width: 50%;
margin: 0; padding: 0 0 20px 0;
border-right: solid 0px #32375F;
}

div#content_main02 {
float: right;
width: 49%; /* 1% short to compensate for IE 6 misplacing columns when expanding */
margin: 0; padding: 0 0 20px 0;
background-color: #272B4B; /* was 2B2E4B */
border-left: solid 1px #424669;
}

div#mp3_player {text-align: center; margin: 0; padding: 25px 0;}

ul {
margin: 25px 0 0 0; padding: 0;
}

li {
font-size: 13px;
color: #DDDDDD;
word-spacing: 0em;
line-height: 150%;
margin: 15px 25px 0 50px; padding: 0;
list-style: square;
}

.projects {
font-size: 13px;
color: #DDDDDD;
word-spacing: 0em;
line-height: 150%;
margin: 0 25px 0 50px; padding: 0;
list-style: square;
}

div#site_info {
clear: both; /* always places div at bottom after columns */
width: 100%; height: 0;
margin: 0; padding: 10px 0;
border-top: solid 5px #272B4B;
}

/* TEXT */

p {
font-size: 13px;
color: #EBEBEB;
word-spacing: 0.1em;
line-height: 150%;
margin: 25px 25px 10px 25px; padding: 0;
}

h2 {
font-size: 15px;
margin: 25px 25px 0 25px; padding: 10px 0;
color: #DDDDDD;
letter-spacing: 0.2em;
word-spacing: 0.2em;
text-align: center;
background-color: #272B4B;
}

h3 {
color: #DDDDDD;
font-size: 11px;
text-align: left;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.2em;
word-spacing: 0.2em;
line-height: 200%;
padding: 0; margin: 25px 25px 0 25px;
background-color: #424669;
}

/* CLASSES */

.center {text-align: center;}

.links {
font-size: 13px;
text-align: left;
font-weight: bold;
line-height: 200%;
margin: 20px 30px 0px 50px; padding: 0;
}

.links_info {
font-size: 13px;
text-align: left;
line-height: 150%;
margin: 0px 30px 10px 45px; padding: 0;
list-style: none;
}

.links_info img {border: none; margin: 0; padding: 0 0 0 10px; float: right;}

/* SITE INFO */

div#site_info a:link		{text-decoration: underline; color: #666666;}
div#site_info a:visited		{text-decoration: underline; color: #666666;}
div#site_info a:hover		{text-decoration: none; color: #999999;}
div#site_info a:active		{text-decoration: underline; color: #666666;}

.site_info {font-size: 12px; color: #666666;}