/* Musiklab Style */

html {background: #080328 url(../images/background/bg_vertical.jpg) repeat fixed;}

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

div#container {width: 980px; margin: 0 auto; padding: 0; text-align: left;} /* background-color: #101641;*/

img {border: none;}
.mlogo {margin: 25px 0;}
.leftimg {padding: 0; margin: 0 25px 10px 25px; float: left; border: solid 2px #424669;}
.leftnoborder {padding: 0; margin: 0 25px 10px 25px; float: left; border: none;}
.rightimg {padding: 0; margin: 0 0 10px 25px; float: right; border: solid 2px #424669;}
.rightimgnob {padding: 0; margin: 0 25px 10px 25px; float: right;}
.rightimgp {padding: 0; margin: 25px 0 25px 25px; float: right; border: solid 2px #424669;}
.rightimgblog {padding: 0; margin: 0 0 10px 25px; float: right;}

/* LINKS */

a {outline: none;}

a:link		{text-decoration: underline; color: #E58900; font-weight: bold;}
a:visited	{text-decoration: underline; color: #E58900; font-weight: bold;}
a:hover		{text-decoration: none; color: #EBEBEB; font-weight: bold;}
a:active	{text-decoration: underline; color: #E58900; font-weight: bold;}

.post-title a:link		{text-decoration: none; color: #BEC4F2;}
.post-title a:visited	{text-decoration: none; color: #BEC4F2;}
.post-title a:hover		{text-decoration: none; color: #E58900;}
.post-title a:active	{text-decoration: none; color: #BEC4F2;}

#latest_blog a:link			{text-decoration: underline; color: #BEC4F2;}
#latest_blog a:visited	{text-decoration: none; color: #BEC4F2;}
#latest_blog a:hover		{text-decoration: none; color: #E58900; font-weight: bold;}
#latest_blog a:active		{text-decoration: none; color: #BEC4F2; font-weight: bold;}

.labels a:link		{text-decoration: underline; color: #BEC4F2;}
.labels a:visited	{text-decoration: none; color: #BEC4F2;}
.labels a:hover		{text-decoration: none; color: #E58900;}
.labels a:active	{text-decoration: none; color: #BEC4F2;}

.projects a {color: #DDDDDD;}

/* BRANDING */

div#branding {width: 100%; height:120px; 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: 120px;}

/* NAVIGATION */

.li_navigation a:link		{text-decoration: none; color: #DADEFF;}
.li_navigation a:visited	{text-decoration: none; color: #DADEFF;}
.li_navigation a:hover		{text-decoration: none; color: #FFC061;}
.li_navigation a:active		{text-decoration: none; color: #FF9C00;}

.li_navigation_selected a:link		{text-decoration: none; color: #BEC4F2;}
.li_navigation_selected a:visited	{text-decoration: none; color: #BEC4F2;}
.li_navigation_selected a:hover		{text-decoration: none; color: #FFC061;}
.li_navigation_selected a:active		{text-decoration: none; color: #FF9C00;}

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

div#navigation {width: 100%; margin: 0 auto; padding: 0; text-align: center; border-top: solid 4px #424669; border-bottom: solid 2px #424669; background-color: #010313;}
.ul_navigation {margin: 0; padding: 0;}
.li_navigation {margin: 15px 0 15px 15px; padding: 10px; color: #E58900; font-size: 13px; font-weight: bold; line-height: 30px; text-transform: uppercase; display: inline; list-style: none;}
.li_navigation_selected {margin: 15px 0 15px 15px; padding: 10px; color: #BEC4F2; 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; background-color: #000099; background: url(http://www.musiklab.co.uk/images/background/container_gradient.jpg) repeat-x #06021E;}
div#content_main01 {float: left; width: 50%; margin: 0; padding: 0 0 20px 0;} /* border-right: solid 2px #424669;*/
div#content_main02 {float: left; width: 49%; margin: 0; padding: 0 0 20px 0;}
div#latest_blog {float: left; width: 49%; margin: 0; padding: 0 0 20px 0;}
.bloglead {height: 60px;}
/* 1% short to compensate for IE 6 misplacing columns when expanding */
/* border-left: solid 2px #424669; */

#twtr-profile-widget {margin: 25px;}

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

/* BLOG */
iframe {height:0px; visibility:hidden; display:none;}

div#blogleft {float: left; width: 60%; margin: 0; padding: 0 0 20px 0;} /* background-color: #101641; border-right: solid 2px #424669;*/
div#blogright {float: left; width: 39%; margin: 0; padding: 0 0 20px 0;} /* background-color: #101641;*/
div#comments {font-size: 11px;}
.post-body {font-size: 13px; color: #EBEBEB; line-height: 175%; margin: 15px 25px; padding: 0;}
.date-header {font-size: 15px; margin: 25px 25px 0 25px; padding: 10px 0; word-spacing: 0; text-transform: none; color: #E58900; letter-spacing: 0; text-align: left; border: none;} /* border-top: solid 5px #424669; border-bottom: none; background-color: #030516;*/
.post-title {font-size: 16px; text-align: left; letter-spacing: 0.1em; word-spacing: 0; padding: 10px 0; text-transform: none; margin: 0 25px 25px 25px; border: none;} /* border-top: none; border-bottom: solid 1px #424669; background-color: #030516;*/
.post-footer {font-family: "Courier New", Courier, monospace; font-size: 11px; color: #E5E5E5; text-align: center; background-color: #0D1025; line-height: 150%; margin: 15px 25px 25px 25px; padding: 10px 0;}

#labelslist {padding: 25px 0 0 25px; margin: 0;}
ul.labels li {display: inline; font-variant: small-caps; font-size: 11px; color: #E5E5E5; font-weight: bold; padding: 0; margin: 5px 10px 5px 5px;}

form#contact {margin: 25px; padding: 25px 0; border: solid 1px #424669; text-align: right;}

/*UPLOAD PAGE */
#file_upload_iframe {margin: 25px; padding: 25px 0;}
#file_upload_iframe form {color: #ffffff;}

.albumcovers {width: 64px; height: auto; position: relative; float: right; margin: 0 25px 0 0;}
.albumcovers img {padding: 2px; margin: 0 0 10px 0; border: solid 1px #424669;}

.mp3_player {margin: 0 25px 25px 25px;}
#player {margin: 0;}
#mp3_projects {margin: 0; padding: 0 0 25px 25px; width: 415px; height: 200px;}

ul {margin: 0 25px 25px 0; padding: 0;}
li {font-size: 12px; color: #DDDDDD; word-spacing: 0; line-height: 150%; margin: 0 0 0 30px; padding: 0 0 10px 0; list-style: none;}
li.cost {padding: 0;}

.projects {font-size: 12px; color: #BEC4F2; word-spacing: 0; line-height: 150%; margin: 5px 25px 0 40px; padding: 0; list-style: square;}

div#site_info {clear: both; width: 100%; height: 22px; margin: 0 0 25px 0; padding: 5px 0; border-top: solid 1px #424669; background-color: #02051C;}

/* TEXT */

p {font-size: 13px; color: #D5D8EE; line-height: 175%; margin: 15px 30px; padding: 0;}
.profile {font-size: 12px; color: #D6D2FE; margin: 0 25px 10px 25px; padding: 0;}
.points {border-bottom: solid 1px #424669; margin: 0 25px 10px 25px; padding: 0 0 15px 0;}
.quote {border-top: solid 1px #424669; color: #ADB1D3; font-size: 11px; margin: 0 25px 0 25px; padding: 5px 0 0 0; font-style: italic;}
.quoter {border-bottom: solid 1px #424669; color: #9194AE; font-size: 11px; margin: 0 25px 10px 25px; padding: 0 0 5px 0; text-align: right;}
.updated {font-size: 10px; text-transform: capitalize; color: #50538D; margin: 0 25px 10px 25px; padding: 0;}
.smallprint {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #ADB1D3; word-spacing: 0; line-height: 125%; margin: 5px 25px;}
.smallprint_center {font-size: 10px; color: #ADB1D3; word-spacing: 0; text-align: center; line-height: 150%; margin: 0 25px;}
#latest_blog p {font-size: 11px; margin: 5px 25px; color: #7E86C2;}
.scdescription {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #ADB1D3; word-spacing: 0; line-height: 125%; margin: 10px 25px;}

h2 {float: left; width: 100%; margin: 30px 0 10px 0; padding: 0; font-size: 24px; color: #E58900; letter-spacing: 0.1em; text-align: center;}

h3 {color: #BEC4F2; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 0.2em; word-spacing: 0.1em; padding: 10px; margin: 25px 30px; border-top: solid 1px #424669; border-bottom: solid 1px #424669;}

#latest_blog h4 {color: #BEC4F2; font-size: 13px; margin: 20px 30px 0 5px; line-height: 150%; letter-spacing: 0;}

/* CLASSES */

.bold {font-weight: bold;}
.center {text-align: center;}
.links {font-size: 14px; text-align: left; font-weight: bold; line-height: 200%; margin: 15px 30px 10px 30px; padding: 0; }
.links_info {font-size: 12px; text-align: left; line-height: 150%; margin: 10px 30px 10px 40px; padding: 0; list-style: none;}
.details {font-size: 12px; text-align: left; line-height: 150%; margin: 5px 30px 10px 40px; padding: 0; list-style: none;}
.details img {margin: 0 0 10px 10px; padding: 3px; float: right; border: solid 2px #424669;}

.links img {margin: 0 0 0 10px; padding: 3px; float: right; border: solid 2px #424669;}
.links_info img {margin: 0 0 10px 10px; padding: 3px; float: right; border: solid 2px #424669;}

/* SITE INFO */

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

div#site_info p {font-size: 12px; color: #50538D; text-align: right; margin: 0 25px 10px 25px;}