/* Musiklab Style */

html {background: #080328 url(http://www.musiklab.co.uk/images/background/bg_vertical.jpg) repeat fixed;}

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

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

img {border: none;}
.mlogo {margin: 25px 0;}
.leftimg {padding: 0; margin: 5px 15px 5px 0; float: left; border: solid 1px #756430;}
.leftskype {padding: 0; margin: 0 10px 10px 0; float: left; border: solid 2px #424669;}
.leftnoborder {padding: 0; margin: 0 25px 10px 25px; float: left; border: none;}
.rightimg {padding: 0; margin: 0 0 15px 20px; float: right; border:} /*solid 1px #756430;*/
.favicon {float: left;}
/*
.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: #231B03; font-weight: bold;}
a:visited	{text-decoration: underline; color: #231B03; font-weight: bold;}
a:hover		{text-decoration: none; color: #6B5A27; font-weight: bold;}
a:active	{text-decoration: underline; color: #000000; 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: #000531;}
#latest_blog a:visited	{text-decoration: none; color: #000531;}
#latest_blog a:hover		{text-decoration: none; color: #E58900; font-weight: bold;}
#latest_blog a:active		{text-decoration: none; color: #000531; 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;}



/* 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;}
.home_top {background-image: url(../images/pagelogos/musiklab_logo.jpg); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; line-height: 120px;}
.music_top {background-image: url(../images/pagelogos/dt100_top.jpg); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; line-height: 120px;}
.mastering_top {background-image: url(../images/pagelogos/cstation_top.jpg); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; line-height: 120px;}
.projects_top {background-image: url(../images/pagelogos/sefilter_top.jpg); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; line-height: 120px;}
.upload_top {background-image: url(../images/pagelogos/adatcables_top.jpg); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; line-height: 120px;}
.contact_top {background-image: url(../images/pagelogos/cscontrol_top.jpg); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; line-height: 120px;}
.links_top {background-image: url(../images/pagelogos/cables_top.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: #0A103D;}
div#blogright a:visited	{text-decoration: none; color: #0A103D;}
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 10px; padding: 10px; color: #E58900; font-size: 11px; font-weight: bold; line-height: 30px; text-transform: uppercase; display: inline; list-style: none;}
.li_navigation_selected {margin: 15px 0 15px 5px; padding: 10px; color: #BEC4F2; font-size: 11px; 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: #F7F5EF;}
div#content_full {float: left; width: 100%; margin: 0; padding: 0;}
div.content_left {float: left; width: 50%; margin: 0; padding: 0;}
div.content_right {float: left; width: 49%; margin: 0; padding: 0;}
div#content_main01 {float: left; width: 50%; margin: 0; padding: 0 0 20px 0;}
div#content_main02 {float: left; width: 49%; margin: 0; padding: 0 0 20px 0;}
div#content_leftcolumn {float: left; width: 58%; margin: 0; padding: 0 0 20px 0;}
div#latest_blog {float: left; width: 49%; margin: 0; padding: 0 0 15px 0;}
.bloglead {height: 60px; display: block; padding: 0 0 10px 0;}
/* 1% short to compensate for IE 6 misplacing columns when expanding */
/* border-left: solid 2px #424669; */

#twtr-profile-widget {margin: 40px 25px 25px 25px;}
.fbhomepage {margin: 30px; visibility:visible; display: block; width:420px; height:300px;}
#socialicons {margin: 17px 0 0 0; float: right; height: 34px; width: 240px;}
#socialicons img {padding: 0 1px;}

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 */

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

.albumcovers {width: 64px; height: auto; position: relative; float: left; margin: 0 20px 0 30px;}
.albumcovers img {padding: 1px; margin: 0 0 5px 0; border: solid 1px #756430;}

.mp3_player {margin: 15px 30px 0 30px;}
.youtube {margin: 20px 30px; width: 430px;}
#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: #352A09; 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: 11px; color: #352A09; line-height: 125%; margin: 5px 5px 0 30px; padding: 0; list-style: none;}

.fblike {margin: 0  25px; visibility:visible; display: block;}
/* BLOG */
/*iframe {height:0px; visibility:hidden; display:none;}*/

#contentblog {width: 100%; margin: 0; padding: 0; background-color: #F7F5EF;}
div#blogleft {float: left; width: 60%; margin: 0; padding: 0 0 20px 0; background-color: #F7F5EF;}
div#blogright {float: left; width: 40%; margin: 0; padding: 0 0 20px 0; background-color: #F7F5EF;}
#comments h4 {margin: 25px; font:bold 11px "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#579;}
.post-body {font-size: 13px; color: #352A09; 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: #352A09; letter-spacing: 0; text-align: left; border: none;}
.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;}
.post-footer {font-family: "Courier New", Courier, monospace; font-size: 11px; color: #352A09; text-align: center; line-height: 150%; margin: 15px 25px 25px 25px; padding: 10px 0;}

.soundcloudhomepage {width: 50%; float: left; padding: 0 0 20px 0;}

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

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

.paypalmastering {margin: 0 30px 15px 15px; font-size: 12px; text-align: right; line-height: 175%; float: right;}

/* TEXT */

p {font-size: 12px; line-height: 175%; margin: 15px 30px; padding: 0;}
.profile {font-size: 12px; color: #D6D2FE; margin: 0 25px 10px 25px; padding: 0;}
.points {font-size: 11px; margin: 5px 30px 10px 30px; color: #352A09; line-height: 150%;}
.rates {float: right; width: 60px; text-align: right; color: #CCCCCC;}
.sterling {font-size: 13px; float: right; width: 60px; text-align: right; color: #000531;}
.pricedescription {font-size: 11px; margin: 0 30px 10px 30px; color: #D5D8EE; line-height: 150%;}
.quote {color: #866C1C; font-size: 11px; margin: 0 30px; padding: 5px 0 0 0; font-style: italic;}
.quoter {color: #584B24; font-size: 11px; margin: 0 30px 10px 30px; padding: 0 0 5px 0; text-align: right;}
.updated {font-size: 10px; text-transform: capitalize; color: #50538D; margin: 0 30px 10px 30px; padding: 0;}
.smallprint {font-family: "Courier New", Courier, monospace; word-spacing: 0; line-height: 125%; margin: 5px 30px;}
/*.smallprint_center {font-size: 10px; color: #ADB1D3; word-spacing: 0; text-align: center; line-height: 150%; margin: 0 30px;}*/
.blogleader {font-size: 11px; margin: 5px 30px; color: #514215;}
.scdescription {font-family: "Courier New", Courier, monospace; font-size: 12px; color: #ADB1D3; word-spacing: 0; line-height: 125%; margin: 10px 25px;}
.readmore {font-size: 10px; color: #7E86C2; text-transform: uppercase; float: right;}

h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #000531; margin: 30px 30px 15px 30px; padding: 0; font-size: 18px; line-height: 150%;}

h3 {font-family: Georgia, "Times New Roman", Times, serif; color: #000531; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 150%; margin: 30px 30px 15px 30px; clear:both;}

h4 {font-family: Georgia, "Times New Roman", Times, serif; color: #000531; font-size: 14px; margin: 20px 30px 0 30px; line-height: 150%; letter-spacing: 0; clear: both;}

h5 {color: #000531; font-size: 12px; font-weight: bold; padding: 10px 0 0 0; margin: 15px 30px 0 30px;}

/* CLASSES */

.bold {font-weight: bold;}
.center {text-align: center;}
.justify {text-align: justify;}
.links {font-size: 14px; text-align: left; font-weight: bold; line-height: 200%; margin: 15px 30px 10px 30px; padding: 0; }
.details {font-size: 12px; text-align: left; line-height: 150%; margin: 5px 30px 10px 30px; padding: 0; list-style: none;}
.webaddress {font-size: 11px; text-align: left; line-height: 150%; margin: 5px 30px 10px 30px; padding: 0;}
.details img {margin: 0 0 15px 20px;}

/* FOOTER */

#footer {background-image: url(../images/pagelogos/musiklab_footer.jpg); background-repeat: no-repeat; clear: both; width: 100%; height: 250px; margin: 0; padding: 0; border-top: solid 1px #424669; border-bottom: solid 2px #272C55; background-color: #000212;}
#footer p a:link			{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer p a:visited		{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer p a:hover			{text-decoration: none; color: #E58900; font-weight: bold; line-height: 125%;}
#footer p a:active		{text-decoration: none; color: #BEC4F2; font-weight: bold; line-height: 125%;}
#footer p {font-size: 12px; color: #9294BD; margin: 0 25px 10px 25px; line-height: 125%;}
#footer h3 {font-size: 14px; color: #9294BD; line-height: 125%; text-align: center; margin: 20px 30px 15px 30px;}

#footer_home {background-image: url(../images/pagelogos/musiklab_footer.jpg); background-repeat: no-repeat; clear: both; width: 100%; height: 250px; margin: 0; padding: 0; border-top: solid 1px #424669; border-bottom: solid 2px #272C55; background-color: #000212;}
#footer_home p a:link			{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_home p a:visited		{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_home p a:hover			{text-decoration: none; color: #E58900; font-weight: bold; line-height: 125%;}
#footer_home p a:active		{text-decoration: none; color: #BEC4F2; font-weight: bold; line-height: 125%;}
#footer_home p {font-size: 12px; color: #9294BD; margin: 0 25px 10px 25px; line-height: 125%;}
#footer_home h3 {font-size: 14px; color: #9294BD; line-height: 125%; text-align: center; margin: 20px 30px 15px 30px;}

#footer_music {background-image: url(../images/pagelogos/dt100_footer.jpg); background-repeat: no-repeat; clear: both; width: 100%; height: 250px; margin: 0; padding: 0; border-top: solid 1px #424669; border-bottom: solid 2px #272C55; background-color: #000212;}
#footer_music p a:link			{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_music p a:visited		{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_music p a:hover			{text-decoration: none; color: #E58900; font-weight: bold; line-height: 125%;}
#footer_music p a:active		{text-decoration: none; color: #BEC4F2; font-weight: bold; line-height: 125%;}
#footer_music p {font-size: 12px; color: #9294BD; margin: 0 25px 10px 25px; line-height: 125%;}
#footer_music h3 {font-size: 14px; color: #9294BD; line-height: 125%; text-align: center; margin: 20px 30px 15px 30px;}

#footer_mastering {background-image: url(../images/pagelogos/cstation_footer.jpg); background-repeat: no-repeat; clear: both; width: 100%; height: 250px; margin: 0; padding: 0; border-top: solid 1px #424669; border-bottom: solid 2px #272C55; background-color: #000212;}
#footer_mastering p a:link			{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_mastering p a:visited		{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_mastering p a:hover			{text-decoration: none; color: #E58900; font-weight: bold; line-height: 125%;}
#footer_mastering p a:active		{text-decoration: none; color: #BEC4F2; font-weight: bold; line-height: 125%;}
#footer_mastering p {font-size: 12px; color: #9294BD; margin: 0 25px 10px 25px; line-height: 125%;}
#footer_mastering h3 {font-size: 14px; color: #9294BD; line-height: 125%; text-align: center; margin: 20px 30px 15px 30px;}

#footer_projects {background-image: url(../images/pagelogos/sefilter_footer.jpg); background-repeat: no-repeat; clear: both; width: 100%; height: 250px; margin: 0; padding: 0; border-top: solid 1px #424669; border-bottom: solid 2px #272C55; background-color: #000212;}
#footer_projects p a:link			{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_projects p a:visited		{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_projects p a:hover			{text-decoration: none; color: #E58900; font-weight: bold; line-height: 125%;}
#footer_projects p a:active		{text-decoration: none; color: #BEC4F2; font-weight: bold; line-height: 125%;}
#footer_projects p {font-size: 12px; color: #9294BD; margin: 0 25px 10px 25px; line-height: 125%;}
#footer_projects h3 {font-size: 14px; color: #9294BD; line-height: 125%; text-align: center; margin: 20px 30px 15px 30px;}

#footer_upload {background-image: url(../images/pagelogos/adatcables_footer.jpg); background-repeat: no-repeat; clear: both; width: 100%; height: 250px; margin: 0; padding: 0; border-top: solid 1px #424669; border-bottom: solid 2px #272C55; background-color: #000212;}
#footer_upload p a:link			{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_upload p a:visited		{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_upload p a:hover			{text-decoration: none; color: #E58900; font-weight: bold; line-height: 125%;}
#footer_upload p a:active		{text-decoration: none; color: #BEC4F2; font-weight: bold; line-height: 125%;}
#footer_upload p {font-size: 12px; color: #9294BD; margin: 0 25px 10px 25px; line-height: 125%;}
#footer_upload h3 {font-size: 14px; color: #9294BD; line-height: 125%; text-align: center; margin: 20px 30px 15px 30px;}

#footer_contact {background-image: url(../images/pagelogos/cscontrol_footer.jpg); background-repeat: no-repeat; clear: both; width: 100%; height: 250px; margin: 0; padding: 0; border-top: solid 1px #424669; border-bottom: solid 2px #272C55; background-color: #000212;}
#footer_contact p a:link			{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_contact p a:visited		{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_contact p a:hover			{text-decoration: none; color: #E58900; font-weight: bold; line-height: 125%;}
#footer_contact p a:active		{text-decoration: none; color: #BEC4F2; font-weight: bold; line-height: 125%;}
#footer_contact p {font-size: 12px; color: #9294BD; margin: 0 25px 10px 25px; line-height: 125%;}
#footer_contact h3 {font-size: 14px; color: #9294BD; line-height: 125%; text-align: center; margin: 20px 30px 15px 30px;}

#footer_links {background-image: url(../images/pagelogos/cables_footer.jpg); background-repeat: no-repeat; clear: both; width: 100%; height: 250px; margin: 0; padding: 0; border-top: solid 1px #424669; border-bottom: solid 2px #272C55; background-color: #000212;}
#footer_links p a:link			{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_links p a:visited		{text-decoration: none; color: #BEC4F2; line-height: 125%;}
#footer_links p a:hover			{text-decoration: none; color: #E58900; font-weight: bold; line-height: 125%;}
#footer_links p a:active		{text-decoration: none; color: #BEC4F2; font-weight: bold; line-height: 125%;}
#footer_links p {font-size: 12px; color: #9294BD; margin: 0 25px 10px 25px; line-height: 125%;}
#footer_links h3 {font-size: 14px; color: #9294BD; line-height: 125%; text-align: center; margin: 20px 30px 15px 30px;}

.column25 {height: 100px; width: 25%; float: left;}
.column33 {height: 130px; width: 33%; float: left;}
.column50 {width: 50%; float: left;}

/* SITE INFO */

#site_info {clear: both; width: 100%; height: 30px; text-align: right; margin: 0; padding: 10px 0 0 0; background-color: #000212;}

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

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

