/* 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) fixed 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;}

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

.video_wide {width:100%; height: 300px; padding: 10px 0;}
.video_standard {width:100%; height: 380px; padding: 0 0 10px 0;}
.videocontainer {margin: 10px 0 0 20px; float: left;}
.newsvideocontainer {margin: 15px 0 0 15px;}
.videodescription {padding: 0 0 0 415px;}
.videodescription p {line-height: 175%; 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;}

/* BANDS */
#bands_deloreansuite {background-image: url(../images/bands/deloreansuite_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#bands_thefatherteds {background-image: url(../images/bands/thefatherteds_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}

/* WRITERS */
#writer_adamwakeman {background-image: url(../images/writers/adamwakeman_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_amberrhodes {background-image: url(../images/writers/amberrhodes_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_andrewduncan {background-image: url(../images/writers/andrewduncan_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_edgodsall {background-image: url(../images/writers/edgodsall_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_hughcolocott {background-image: url(../images/writers/hughcolocott_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_janicefitzgerald {background-image: url(../images/writers/janicefitzgerald_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_jimmysantis {background-image: url(../images/writers/jimmysantis_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_jonobuchanan {background-image: url(../images/writers/jonobuchanan_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_neilmyers {background-image: url(../images/writers/neilmyers_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_philipadams {background-image: url(../images/writers/philipadams_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_robertdefresnes {background-image: url(../images/writers/robertdefresnes_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_rolfharris {background-image: url(../images/writers/rolfharris_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_sarahjory {background-image: url(../images/writers/sarahjory_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_stevelynch {background-image: url(../images/writers/stevelynch_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#writer_benlaver {background-image: url(../images/writers/benlaver_title.png); margin: 15px 0 0 15px; width: 630px; height: 80px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}

.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;}

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

#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; font-weight: bold; font-size: 14px; font-variant: small-caps; color: #FFD200;}
.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: 25px 15px 25px 40px;}
#twtr-profile-widget p {font-size: 11px;line-height: 150%;}
.topofpage {margin: 800px 0 0 0; text-align: center;}
/* 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;}

/* FORMS */
#contactform {}