/* NorthStar Music */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; background: transparent;}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #F1F4F8; text-align: left; margin: 0; padding: 0; background: url(../images/background/bg_gradient.jpg) repeat-x #020118;}

img {border: none;}

/* DIVS */
#container {width: 980px; height: 540px; margin: 0 auto; padding: 0;}
#topbar {width: 980px; height: 120px; background-image: url(../images/background/bg_topbar.png); background-repeat: no-repeat;}
#leftcolumn {width: 320px; height: auto; padding: 0 0 20px 0; float: left; background-image: url(../images/background/bg_leftcolumn.png); background-repeat: no-repeat;} 
#content {width: 660px; height: auto; padding: 0 0 20px 0; float: left;} 
#bottombar {width: 980px; height: 230px; padding: 0; border-top: solid 2px #666666; border-bottom: solid 5px #333333; clear: both; background-image: url(../images/background/northstar_globe.png); background-repeat: no-repeat;}
#site_info {font-size: 11px; text-align: right; width: 980px; height: 30px; color: #737373; margin: 0; padding: 0;}
#stats {font-size: 10px; width: 980px; height: 30px; color: #020118; margin: 0 auto; padding: 50px 0; clear: both;}
.twocolumn {width: 330px; float: left;}
.halfwidth {width: 49%; float: left;}

#libraryplayer {margin: 15px;}
#soundcloudplayer {margin: 15px;}

.video {width:50%; height: 350px; padding: 10px 0; float: left;}
.video_wide {width:100%; height: 350px; padding: 10px 0; float: left;}
.video_standard {width:100%; height: 380px; padding: 0 0 10px 0;}
.videocontainer {margin: 10px 0 20px 20px; float: left;}
.newsvideocontainer {margin: 15px 0 0 15px;}
.videodescription {padding: 10px 0;}
.videodescription p {font-size: 11px; line-height: 150%; margin: 20px; color: #CCCCCC;}

/* NAVIGATION */
#nav_logo {width: 370px; height: 120px; float: left;} 
#nav_main {width: 610px; height: 50px; float: left; display: block;} 
#nav_sub {width: 610px; height: 50px; float: left; display: block;}
#nav_sub_musicpublishing {float: left; display: block; background-image: url(../images/navigation/northstar_nav.png); width: 600px; height: 60px; background-position: 0 -160px;}
#nav_sub_b2bmusic {float: left; display: block; background-image: url(../images/navigation/northstar_nav.png); width: 600px; height: 60px; background-position: 0 -220px;}
#nav_sub_musiclicensing {float: left; display: block; background-image: url(../images/navigation/northstar_nav.png); width: 600px; height: 60px; background-position: 0 -280px;}
#nav_logo li {float: left; list-style-type: none; display: block;}
#nav_main li {float: left; list-style-type: none; display: block;}
#nav_sub li {float: left; list-style-type: none; display: block;}
#nav_sub_musiclicensing li {float: left; list-style-type: none; display: block;}

a:link		{color: #7DABF1; font-weight: bold; text-decoration: none;}
a:visited	{color: #7DABF1; font-weight: bold; text-decoration: none;}
a:hover		{color: #FEB815; font-weight: bold;}
a:active	{color: #00B2F1; font-weight: bold; text-decoration: none;}

/*topbar*/
#home a {background-image: url(../images/navigation/nav_home.png); width: 340px; height: 100px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 0;}
#home a:hover {background-image: url(../images/navigation/nav_home.png); width: 340px; height: 100px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -370px 0;}

#musicpublishing a {background-image: url(../images/navigation/northstar_nav.png); width: 205px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 0;}
#musicpublishingpage a {background-image: url(../images/navigation/northstar_nav.png); width: 205px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -50px;}
#musicpublishing a:hover {background-image: url(../images/navigation/northstar_nav.png); width: 205px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -50px;}
#musicpublishingpage a:hover {background-image: url(../images/navigation/northstar_nav.png); width: 205px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -50px;}

#b2bmusic a {background-image: url(../images/navigation/northstar_nav.png); width: 80px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -205px 0;}
#b2bmusicpage a {background-image: url(../images/navigation/northstar_nav.png); width: 80px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -205px -50px;}
#b2bmusic a:hover {background-image: url(../images/navigation/northstar_nav.png); width: 80px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -205px -50px;}
#b2bmusicpage a:hover {background-image: url(../images/navigation/northstar_nav.png); width: 80px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -205px -50px;}

#musiclicensing a {background-image: url(../images/navigation/northstar_nav.png); width: 190px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -285px 0;}
#musiclicensingpage a {background-image: url(../images/navigation/northstar_nav.png); width: 190px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -285px -50px;}
#musiclicensing a:hover {background-image: url(../images/navigation/northstar_nav.png); width: 190px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -285px -50px;}
#musiclicensingpage a:hover {background-image: url(../images/navigation/northstar_nav.png); width: 190px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -285px -50px;}

#contact a {background-image: url(../images/navigation/northstar_nav.png); width: 125px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -475px 0;}
#contactpage {background-image: url(../images/navigation/northstar_nav.png); width: 125px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -475px -50px;}
#contact a:hover {background-image: url(../images/navigation/northstar_nav.png); width: 125px; height: 50px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -475px -50px;}

.newstitle a:link		{color: #FFD200; font-weight: bold; text-decoration: none; display: block;}
.newstitle a:visited	{color: #FFD200; font-weight: bold; text-decoration: none; display: block;}
.newstitle a:hover		{color: #7DABF1; font-weight: bold; display: block;}
.newstitle a:active	{color: #00B2F1; font-weight: bold; text-decoration: none; display: block;}

.newsblock a:hover {display:block; background-color:#2B2A4C;}

/*subnav*/
#tagline {background-image: url(../images/navigation/northstar_nav.png); width: 600px; height: 60px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -100px;}
#northstarmusicnews {background-image: url(../images/navigation/northstar_nav.png); width: 600px; height: 60px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -380px;}
#notforgottentitle {background-image: url(../images/background/not_forgotten_title.png); width: 600px; height: 60px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#veralynntitle {margin: 0px 15px 5px 15px; text-align: center;}

#ml_onestop a {background-image: url(../images/navigation/northstar_nav.png); width: 180px; height: 20px; margin: 20px 0 0 105px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -340px;}
#ml_onestoppage a {background-image: url(../images/navigation/northstar_nav.png); width: 180px; height: 20px; margin: 20px 0 0 105px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -360px;}
#ml_onestop a:hover {background-image: url(../images/navigation/northstar_nav.png); width: 180px; height: 20px; margin: 20px 0 0 105px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -360px;}

#ml_video a {background-image: url(../images/navigation/northstar_nav.png); width: 135px; height: 20px; margin: 20px 0 0 70px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -180px -340px;}
#ml_videopage a {background-image: url(../images/navigation/northstar_nav.png); width: 135px; height: 20px; margin: 20px 0 0 70px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -180px -360px;}
#ml_video a:hover {background-image: url(../images/navigation/northstar_nav.png); width: 135px; height: 20px; margin: 20px 0 0 70px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: -180px -360px;}

#bottombar a:link			{color: #737373; font-weight: bold; text-decoration: none;}
#bottombar a:visited	{color: #737373; font-weight: bold; text-decoration: none;}
#bottombar a:hover		{color: #FEB815; font-weight: bold;}
#bottombar a:active		{color: #00B2F1; font-weight: bold; text-decoration: none;}

#site_info a:link			{color: #737373; font-weight: bold; text-decoration: none;}
#site_info a:visited	{color: #737373; font-weight: bold; text-decoration: none;}
#site_info a:hover		{color: #FEB815; font-weight: bold;}
#site_info a:active		{color: #00B2F1; font-weight: bold; text-decoration: none;}

/* TEXT */
p {line-height: 175%; margin: 10px 15px 0 15px;}
p.date {font-size: 10px; line-height: 100%; margin: 10px 15px 15px 15px; padding: 0 0 0 5px; color: #AAB5C6; border-left: solid 5px #AAB5C6;}
.newsline {font-size: 12px; letter-spacing: 0;}
.readmore {margin: 5px 15px 15px 15px; font-size: 11px; font-style: italic;}
h1 {height: 110px;}
h2 {margin: 15px; font-weight: bold; font-size: 20px; color: #E8EAFF; letter-spacing: 0.1em;}
.audiocategory {text-align: center;}
h3 {margin: 16px 16px 0 16px; font-weight: bold; font-size: 14px; font-variant: small-caps; color: #FFD200; clear: both;}
.video h3 {text-align: center;}
h4 {margin: 15px 15px 5px 15px; font-weight: bold; font-size: 14px;color: #0090FF; letter-spacing: 0.1em;}
h5 {margin: 15px 15px 5px 15px; font-weight: bold; font-size: 13px;color: #0090FF; letter-spacing: 0;}

.bold {font-weight: bold; color: #E6F7FF;}
.italic {font-style: italic;}
.center {text-align: center;}
.quote {font-style: italic; color: #CCCCCC; line-height: 150%; margin: 15px 15px 0 15px;}
.quotename {font-weight: bold; color: #CCCCCC; font-size: 11px; line-height: 125%; margin: 5px 15px 0 15px;}
ul.lists {margin: 0 15px 15px 15px; list-style: inside;}

/* TITLES */
#title_news {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 0;}
#title_watch {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -50px;}
#title_listen {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -100px;}
#title_lifestylemusic {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -150px;}

#title_news a {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 0;}
#title_news a:hover {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -25px;}
#title_watch a {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -50px;}
#title_watch a:hover {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -75px;}
#title_listen a {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -100px;}
#title_listen a:hover {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -125px;}
#title_lifestylemusic a {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -150px;}
#title_lifestylemusic a:hover {background-image: url(../images/background/maintitles.png); width: 300px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; background-position: 0 -175px;}

/* LEFT COLUMN */
#leftcolumn p {line-height: 150%; margin: 10px 40px; font-size: 11px; color: #CCCCCC;}
#leftcolumn .date {font-family:Georgia, "Times New Roman", Times, serif; color: #FFD200; border-left: solid 5px #FFD200;}
#leftcolumn h3 {margin: 15px 40px 5px 40px; font-size: 14px; color: #00AEFF;}
#leftcolumn h4 {margin: 15px 40px 5px 40px; font-size: 13px;}
#leftcolumn h5 {margin: 15px 40px 5px 40px; font-size: 12px; line-height: 150%;}
#leftcolumn ul {line-height: 175%; margin: 0 40px 15px 40px; font-size: 11px; color: #CCCCCC;}
#leftcolumn li {list-style: inside square; font-size: 9px;}
#newslist li {list-style: none; line-height: 200%; font-size: 11px; border-bottom: 1px dotted #6B4D07;}
#newslist li a {font-weight: normal; display: block; width: 100%;}
#ml_categories li {list-style: none; font-size: 18px;}
#ml_categories li a {font-size: 13px; line-height: 200%; letter-spacing: 0.1em; display: block; width: 100%; font-weight: bold;}
#twtr-profile-widget {margin: 10px 0 25px 15px;}
#twtr-profile-widget-left {margin: 40px 0 25px 40px;}
#twtr-profile-widget p {font-size: 11px; line-height: 150%;}
.topofpage {margin: 800px 0 0 0; text-align: center;}

.fb-like-box {margin: 10px 0 0 15px;}

.artists_bands {margin: 15px 0 0 15px; padding: 20px 0 0 0; width: 200px; height: 220px; float: left; background-color: #000000; text-align: center; border: solid 1px #222222;}
.artists_bands img {border: solid 1px #333333;}
.artists_bands p {font-size: 11px;}
.music_cat {font-size: 10px; color: #999999; margin: 0;}

/* BOTTOM BAR */
#bottombar ul {width: 180px; height: auto; margin: 20px; float: left;}
#bottombar li {font-size: 11px; color: #737373; line-height: 200%; font-weight: bold; text-transform: uppercase; list-style: none; letter-spacing: 0.1em;}

#links {padding: 0 0 0 315px;}

/* IMG */
.imgleft {float: left; padding: 5px 20px 10px 0;}
.imgright {float: right; padding: 5px 0 10px 20px;}
.contactbtn {float: left; padding: 10px 20px 10px 0;}

/* FORMS */
#contactform {}

/* SLIDESHOW */
#slideshow {list-style:none; color:#fff;}
#slideshow img {margin: 0 0 0 15px;}
#slideshow span {display:none;}
#wrapper {width:300px; height:390px; margin:0 0 0 15px; display:none; border: solid 1px #030212;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:300px; height:300px; padding:0; border: none; background:#030212;}
#information {position:absolute; bottom:0; width:300px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.8; filter:alpha(opacity=80);}
#information h3 {padding:4px 8px 3px; font-size:13px;}
#information p {padding:0 8px 8px; font-size:11px; line-height: 130%;}
#image {width:300px;}
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:25%; height:300px; cursor:pointer; z-index:150;}
#imgprev {left:0; background:url(http://www.northstarmusic.co.uk/images/tinyslideshow/left.gif) left center no-repeat;}
#imgnext {right:0; background:url(http://www.northstarmusic.co.uk/images/tinyslideshow/right.gif) right center no-repeat;}
#imglink {position:absolute; height:300px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);}
.linkhover {background:url(http://www.northstarmusic.co.uk/images/tinyslideshow/link.gif) center center no-repeat;}
#thumbnails {margin-top:5px;}
#slideleft {float:left; width:20px; height:70px; background:url(http://www.northstarmusic.co.uk/images/tinyslideshow/scroll-left.gif) center center no-repeat; background-color:#222;}
#slideleft:hover {background-color:#333;}
#slideright {float:right; width:20px; height:70px; background:#222 url(http://www.northstarmusic.co.uk/images/tinyslideshow/scroll-right.gif) center center no-repeat;}
#slideright:hover {background-color:#333;}
#slidearea {float:left; position:relative; width:255px; margin-left:5px; height:70px; overflow:hidden;}
#slider {position:absolute; left:0; height:70px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}