/* Normalise styles
==================================== */
html {
	overflow: -moz-scrollbars-vertical;
}

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
}

/* General
==================================== */

strong, b {
	font-weight: bold;
}
p {
	margin: 8px 0 8px 0;
} 	
dl {
	float: left;
	margin: 0px 8px 8px 0;
	}
dt {
	font-weight: bold;
	float: left;
	clear: left;
}
dd {
	float: left;
}
table {
	border-collapse: collapse;
	margin-top: 8px;
	margin-bottom: 8px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
th, td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 0px 10px 0 2px;
	vertical-align: top;
}
td {

}

td h3 {
	background-color: transparent;
	padding-left: 0px;
}
table.no-border,
table.no-border th,
table.no-border td {
	border: none;
}
#main_content ul {
	margin: 0 8px 0 0px;
	list-style-position: inside;

}
a:link {
	color: #666;
}
a:visited {
	color: #555;
}
a:active, a:hover  {
	background-color: #D8D9DA;
	color: #fff;
}

/* Body
==================================== */

body {
    margin: 0 auto;
    position: relative;
	 font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.6; 	
    text-align: center;
	 background: #fff;
	color: #333;
}

/* Headings
==================================== */
h1, h2, h3, h4, h5 { 
	font-weight: bold; 
	clear: left;
}

h1 {
	font-size: 16px;
	margin: 0 8px 8px 0px;
	padding: 0 8px 0 8px;
	line-height: 145%;
}
h2 {
	font-size: 16px;
	line-height: 145%;
	margin: 0 8px 8px 0px;
	padding: 0 8px 0 8px;
}
h1 a:link, h2 a:link,
h1 a:visited, h2 a:visited {
	color: #fff !important;
}
h3 {
	font-size: 16px;
	color: #fff;
	background-color: #ddd;
	line-height: 145%;
	margin: 0 8px 8px 0px;
	padding: 0 8px 0 8px;
}
h4 {
	font-size: 14px;
}

span.edit-this{ 
	float: right;	
}
span.edit-this a { 
	display: block;
}
span.edit-this a:hover,
span.edit-this a:active { 
	background-color: #fff;
	
}


span.edit-this img { 
	float: none;
	display: block;
	margin: 6px;
}

/* Banner
==================================== */
  div#message-on {
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
	text-align: left;
	padding: 8px;
	border: 8px solid #E0F3DF;
}
div#message-off {
	position: absolute;
	top: 0;
	right: 0;
}
#page-header {
	padding: 0px;
	width:  937px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
}
img#st-logo {
	clear: both;
	margin-top: 24px;
}
img#strap {
  clear: both;
  margin-bottom: 8px;
}
/* Top Menu
==================================== */
#main_topMenu {
	padding: 0px 0px 0px 0px;
	width:  937px;
	margin:1px auto 0px auto;
	background-color: #fff;
	border: none;
}
.center_this {
	width: auto;
 }
#main_topMenu ul {
	float: right;
	list-style-type: none;
	margin: 0 0 8px 0;
	padding: 0;
	position: static;

}
#main_topMenu ul li {
	float: left;      
	position: relative;  
	list-style-type: none;
	margin-right: 8px;
}
#main_topMenu a {
	font-size: 14px;
	text-decoration: none;
	display: block;
	width: 96px;
	height: 96px;
	line-height: 1.3em;
	font-weight: bold; 
	vertical-align: middle;
	margin: 0 !important ;
	text-transform: lowercase;
	color: #fff ;
}

#main_topMenu a span {
	color: #fff !important;
}

li.main_topmenuitem_off a,
li.main_topmenuitem_off a:visited  {
	background-color: #D8D9DA;
	color: #fff ;
}
span.section-title,
h1.section-title {
	font-size: 14px;
	text-transform: lowercase;
	padding: 0px !important;
	margin: 0px !important;
	line-height: 1.3em;
	text-align: center;	
	left: 0;	
	display: block;
	text-indent:-9999px;
	width: 96px;
	height: 96px;
}
/* Colour coding ======================================================================================================= */

/* home blue ============================================================================= */
li#home.main_topmenuitem_off a:link .section-title,
li#home.main_topmenuitem_off a:visited .section-title {
	background: url(/images/static/squares/home-flat.png) no-repeat bottom right !important;
	background-color: #8dd7cd;
	text-indent:-9999px;
}
li#home.main_topmenuitem_on a:link .section-title,
li#home.main_topmenuitem_on a:visited .section-title,
li#home.main_topmenuitem_off a:active .section-title,
li#home.main_topmenuitem_off a:hover .section-title  {
	background: #8dd7cd url(/images/static/squares/home-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
} 
body#home h2,
body#home .light-on-bright {
  background-color: #8dd7cd;
  color: #fff;

} 
body#home .bright-on-light {
  color: #8dd7cd !important;
  background-color: #daf1ee;
}
body#home ul.block li a:hover,
body#home ul.block li a:active {
	background-color: #e7f6f4 !important;
}
body#home ul.block li a:hover span,
body#home ul.block li a:active span {
	color: #333;
}
body#home ul.block li a:link,
body#home ul.block li a:visited {
	background-color: #daf1ee ;
	color: #555555;
}

body#home .hr-like {
	border-bottom: 8px solid #daf1ee;
	margin-right: 8px;
}

body#home a:active,
body#home a:hover  {
	background-color: #fff;
	color: #8dd7cd;
}
body#home div#release-nav li a:active, 
body#home div#release-nav li a:hover {
	border-bottom: 1px dotted #8dd7cd;
	color: #8dd7cd;
}
/* listen yellow ============================================================================= */
li#listen.main_topmenuitem_off a:link .section-title,
li#listen.main_topmenuitem_off a:visited .section-title {
	background: #f7e794 url(/images/static/squares/listen-flat.png) no-repeat bottom right !important;
	background-color: #f7e794;
	text-indent:-9999px;
}
li#listen.main_topmenuitem_on a:link .section-title,
li#listen.main_topmenuitem_on a:visited .section-title,
li#listen.main_topmenuitem_off a:active .section-title,
li#listen.main_topmenuitem_off a:hover .section-title  {
	background: url(/images/static/squares/listen-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
} 

body#listen h2,
body#listen .light-on-bright {
  background-color: #f7e794;
  color: #fff;

} 
body#listen .bright-on-light {
  color: #f7e794 !important;
  background-color: #fdf7dc;
}

body#listen .hr-like {
	border-bottom: 8px solid #daf1ee;
	margin-right: 8px;
}

body#listen a:active, 
body#listen a:hover  {
	background-color: #fff;
	color: #f7e794;
}
body#listen a:active,
body#listen a:hover  {
	background-color: #fff;
	color: #f7e794;
}
body#listen div#release-nav li a:active, 
body#listen div#release-nav li a:hover {
	border-bottom: 1px dotted #f7e794;
	color: #f7e794;
}
/* read  purple ============================================================================= */
li#reviews.main_topmenuitem_off a:link .section-title,
li#reviews.main_topmenuitem_off a:visited .section-title {
	background: url(/images/static/squares/read-flat.png) no-repeat bottom right !important;
	background-color: #c2a8d9;
	text-indent:-9999px;
}
li#reviews.main_topmenuitem_on a:link .section-title,
li#reviews.main_topmenuitem_on a:visited .section-title,
li#reviews.main_topmenuitem_off a:active .section-title,
li#reviews.main_topmenuitem_off a:hover .section-title  {
	background: #c2a8d9 url(/images/static/squares/read-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
} 
body#reviews h2,
body#reviews .light-on-bright {
  background-color: #c2a8d9;
  color: #fff;
} 
body#reviews .bright-on-light, 
body#reviews h3 {
  color: #c2a8d9 !important;
  background-color: #ebe2f3;
}
body#reviews h4 {
  color: #c2a8d9;
  background-color: #fff ;
  padding-left: 0;
  margin-right: 8px;
}
body#reviews ul.block li a:hover,
body#reviews ul.block li a:active {
	background-color: #f2edf7 !important;
}
body#reviews ul.block li a:hover span,
body#reviews ul.block li a:active span {
	color: #333;
}
body#reviews ul.block li a:link,
body#reviews ul.block li a:visited {
	background-color: #ebe2f3 ;
	color: #555555;
}

body#reviews .hr-like {
	border-bottom: 8px solid #ebe2f3;
	margin-right: 8px;
}

body#reviews a:active,
body#reviews a:hover  {
	background-color: #fff;
	color: #c2a8d9;
}
body#reviews div#release-nav li a:active, 
body#reviews div#release-nav li a:hover {
	border-bottom: 1px dotted #c2a8d9;
	color: #c2a8d9;
}
/* see green ============================================================================= */
li#live.main_topmenuitem_off a:link .section-title,
li#live.main_topmenuitem_off a:visited .section-title {
	background: url(/images/static/squares/live-flat.png) no-repeat bottom right !important;
	background-color: #a0c8a9;
	text-indent:-9999px;
}
li#live.main_topmenuitem_on a:link .section-title,
li#live.main_topmenuitem_on a:visited .section-title,
li#live.main_topmenuitem_off a:active .section-title,
li#live.main_topmenuitem_off a:hover .section-title  {
	background: url(/images/static/squares/live-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
}
body#live h2,
body#live .light-on-bright {
  background-color: #a0c8a9 !important;
  color: #fff;

} 
body#live .bright-on-light,
body#live h3 {
  color: #a1caa9 !important;
  background-color: #e6f1e9;
}
body#live h4 {
  color: #c2a7d9;
  background-color: #fff ;
  padding-left: 0;
  margin-right: 8px;
}
body#live ul.block li a:hover,
body#live ul.block li a:active {
	background-color: #ecf4ed !important;
}
body#live ul.block li a:hover span,
body#live ul.block li a:active span {
	color: #333;
}
body#live ul.block li a:link,
body#live ul.block li a:visited {
	background-color: #d8e9dc ;
	color: #555555;
}

body#live .hr-like {
	border-bottom: 8px solid #ecf4ed;
	margin-right: 8px;
}

body#live a:active,
body#live a:hover  {
	background-color: #fff;
	color: #a0c8a9;
}
body#live div#release-nav li a:active, 
body#live div#release-nav li a:hover {
	border-bottom: 1px dotted #a0c8a9;
	color: #a0c8a9;
}
/* watch pink ============================================================================= */
li#watch.main_topmenuitem_off a:link .section-title,
li#watch.main_topmenuitem_off a:visited .section-title {
	background: url(/images/static/squares/watch-flat.png) no-repeat bottom right !important;
	background-color: #e89bd1;
	text-indent:-9999px;
}
li#watch.main_topmenuitem_on a:link .section-title,
li#watch.main_topmenuitem_on a:visited .section-title,
li#watch.main_topmenuitem_off a:active .section-title,
li#watch.main_topmenuitem_off a:hover .section-title  {
	background: #e89bd1 url(/images/static/squares/watch-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
}
body#watch h2,
body#watch .light-on-bright {
  background-color: #e89bd1;
  color: #fff;

} 
body#watch .bright-on-light {
  color: #e89bd1 !important;
  background-color: #fbeef7;
}

body#watch .hr-like {
	border-bottom: 8px solid #fbeef7;
	margin-right: 8px;
}

body#watch a:active,
body#watch a:hover  {
	background-color: #fff;
	color: #e89bd1;
}
body#watch div#release-nav li a:active, 
body#watch div#release-nav li a:hover {
	border-bottom: 1px dotted #e89bd1;
	color: #e89bd1;
}
/* look aqua ============================================================================= */
li#gallery.main_topmenuitem_off a:link .section-title,
li#gallery.main_topmenuitem_off a:visited .section-title {
	background: url(/images/static/squares/look-flat.png) no-repeat bottom right !important;
	background-color: #8ed8e3;
	text-indent:-9999px;
}
li#gallery.main_topmenuitem_on a:link .section-title,
li#gallery.main_topmenuitem_on a:visited .section-title,
li#gallery.main_topmenuitem_off a:active .section-title,
li#gallery.main_topmenuitem_off a:hover .section-title  {
	background: #8ed8e3 url(/images/static/squares/look-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
}
body#gallery h2,
body#gallery .light-on-bright {
  background-color: #8ed8e3;
  color: #fff;

} 
body#gallery .bright-on-light, 
body#gallery h3 {
  color: #8ed8e3 !important;
  background-color: #daf2f6;
}
body#gallery .block a:hover,
body#gallery .block a:active {
	background-color: #e7f7f9 !important;
}
body#gallery .block a:hover span,
body#gallery .block a:active span {
	color: #333;
}
body#gallery .block a:link,
body#gallery .block a:visited {
	color: #555555;
	font-weight: bold;
}

body#gallery .hr-like {
	border-bottom: 8px solid #f0fafb;
	margin-right: 8px;
}

body#gallery a:active,
body#gallery a:hover  {
	background-color: #fff;
	color: #8ed8e3;
}
body#gallery div#release-nav li a:active, 
body#gallery div#release-nav li a:hover {
	border-bottom: 1px dotted #8ed8e3;
	color: #8ed8e3;
}
/* collect orange ============================================================================= */

li#releases.main_topmenuitem_off a:link .section-title,
li#releases.main_topmenuitem_off a:visited .section-title {
  background: url(/images/static/squares/browse-flat.png) no-repeat bottom right !important;
  background-color: #f6c583;
  text-indent:-9999px;
}
li#releases.main_topmenuitem_on a:link .section-title,
li#releases.main_topmenuitem_on a:visited .section-title,
li#releases.main_topmenuitem_off a:active .section-title,
li#releases.main_topmenuitem_off a:hover .section-title  {
	background: #f6c583 url(/images/static/squares/browse-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
}
body#releases h2,
body#releases .light-on-bright {
  background-color: #f6c583 !important;
  color: #fff;
} 
body#releases .bright-on-light, 
body#releases h3 {
  color: #f6c583;
  background-color: #fdf7ee !important;
}
body#releases h4 {
  color: #f6c583;
  background-color: transparent ;
  padding-left: 8px;
  margin-right: 8px;
  margin: 25px 0 10px 0;
  border: 1px solid #f6c583;
}
body#releases ul.block li a:hover,
body#releases ul.block li a:active {
	background-color: #fdf3e5 !important;
}
body#releases ul.block li a:hover span,
body#releases ul.block li a:active span {
	color: #333;
}
body#releases ul.block li a:link,
body#releases ul.block li a:visited {
	background-color: #fcecd7 ;
	color: #555555;
}
body#releases .hr-like {
	border-bottom: 8px solid #fdf3e5;
	margin-right: 8px;
}

body#releases a:active,
body#releases a:hover  {
	background-color: #fff;
	color: #f6c583;
}
body#releases div#release-nav li a:active, 
body#releases div#release-nav li a:hover {
	border-bottom: 1px dotted #f6c583;
	color: #f6c583;
}
/* buy leafy green ============================================================================= */
li#buy.main_topmenuitem_off a:link .section-title,
li#buy.main_topmenuitem_off a:visited .section-title {
	background: url(/images/static/squares/buy-flat.png) no-repeat bottom right !important;
	background-color: #a0da9a;
	text-indent:-9999px;
}
li#buy.main_topmenuitem_on a:link .section-title,
li#buy.main_topmenuitem_on a:visited .section-title,
li#buy.main_topmenuitem_off a:active .section-title,
li#buy.main_topmenuitem_off a:hover .section-title  {
	background: #a0da9a url(/images/static/squares/buy-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
}
body#buy h2,
body#buy .light-on-bright {
  background-color: #a0da9a;
  color: #fff;

} 
body#buy .bright-on-light, 
body#buy h3 {
  color: #a0da9a !important;
  background-color: #e0f3df;
}
body#buy h4 {
  color: #a0da9a;
  background-color: #fff ;
  padding-left: 0;
  margin-right: 8px;
}
body#buy ul.block li a:hover,
body#buy ul.block li a:active {
	background-color: #e0f3df !important;
}
body#buy ul.block li a:hover span,
body#buy ul.block li a:active span {
	color: #333;
}
body#buy ul.block li a:link,
body#buy ul.block li a:visited {
	background-color: #ebf7ea ;
	color: #555555;
}

body#buy .hr-like {
	border-bottom: 8px solid #e0f3df;
	margin-right: 8px;
}

body#buy a:active,
body#buy a:hover  {
	background-color: #fff;
	color: #a0da9a;
}
body#buy div#release-nav li a:active, 
body#buy div#release-nav li a:hover {
	border-bottom: 1px dotted #a0da9a;
	color: #a0da9a;
}
/* login reddy pink ============================================================================= */
li#accounts.main_topmenuitem_off a:link .section-title,
li#accounts.main_topmenuitem_off a:visited .section-title {
	background: url(/images/static/squares/stay-flat.png) no-repeat bottom right !important;
	background-color: #f18faf;
	text-indent:-9999px;
}
li#accounts.main_topmenuitem_on a:link .section-title,
li#accounts.main_topmenuitem_on a:visited .section-title,
li#accounts.main_topmenuitem_off a:active .section-title,
li#accounts.main_topmenuitem_off a:hover .section-title  {
	background: #f18faf url(/images/static/squares/stay-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
}
body#accounts h2,
body#accounts .light-on-bright {
  background-color: #f18faf;
  color: #fff;
} 
body#accounts .bright-on-light {
  color: #f18faf !important;
  background-color: #fadae5;
}
body#buy .hr-like {
	border-bottom: 8px solid #fce7ee;
	margin-right: 8px;
}

body#accounts a:active,
body#accounts a:hover  {
	background-color: #fff;
	color: #f18faf;
}
body#accounts div#release-nav li a:active, 
body#accounts div#release-nav li a:hover {
	border-bottom: 1px dotted #f18faf;
	color: #f18faf;
}
/* ================================================================================================= */
  
body#listen a:active.next-link,
body#listen a:hover.next-link  {
	background: url(/images/static/icons/listen-next-shadow.png) no-repeat bottom right !important;
}
body#listen a:active.previous-link,
body#listen a:hover.previous-link  {
	background: url(/images/static/icons/listen-previous-shadow.png) no-repeat bottom right !important;
}
body#listen a:active.end-link,
body#listen a:hover.end-link  {
	background: url(/images/static/icons/listen-end-shadow.png) no-repeat bottom right !important;
}

body#reviews a:active.next-link,
body#reviews a:hover.next-link  {
	background: url(/images/static/icons/listen-next-shadow.png) no-repeat bottom right !important;
}
body#reviews a:active.previous-link,
body#reviews a:hover.previous-link  {
	background: url(/images/static/icons/read-previous-shadow.png) no-repeat bottom right !important;
}
body#reviews a:active.end-link,
body#reviews a:hover.end-link  {
	background: url(/images/static/icons/read-end-shadow.png) no-repeat bottom right !important;
}

body#gallery a:active.next-link,
body#gallery a:hover.next-link  {
	background: url(/images/static/icons/look-next-shadow.png) no-repeat bottom right !important;
}
body#gallery a:active.previous-link,
body#gallery a:hover.previous-link  {
	background: url(/images/static/icons/look-previous-shadow.png) no-repeat bottom right !important;
}
body#gallery a:active.end-link,
body#gallery a:hover.end-link  {
	background: url(/images/static/icons/look-end-shadow.png) no-repeat bottom right !important;
}


body#live a:active.next-link,
body#live a:hover.next-link  {
	background: url(/images/static/icons/live-next-shadow.png) no-repeat bottom right !important;
}
body#live a:active.previous-link,
body#live a:hover.previous-link  {
	background: url(/images/static/icons/live-previous-shadow.png) no-repeat bottom right !important;
}
body#live a:active.end-link,
body#live a:hover.end-link  {
	background: url(/images/static/icons/live-end-shadow.png) no-repeat bottom right !important;
}

body#watch a:active.next-link,
body#watch a:hover.next-link  {
	background: url(/images/static/icons/watch-next-shadow.png) no-repeat bottom right !important;
}
body#watch a:active.previous-link,
body#watch a:hover.previous-link  {
	background: url(/images/static/icons/watch-previous-shadow.png) no-repeat bottom right !important;
}
body#watch a:active.end-link,
body#watch a:hover.end-link  {
	background: url(/images/static/icons/watch-end-shadow.png) no-repeat bottom right !important;
}

body#releases a:active.next-link,
body#releases a:hover.next-link  {
	background: url(/images/static/icons/browse-next-shadow.png) no-repeat bottom right !important;
}
body#releases a:active.previous-link,
body#releases a:hover.previous-link  {
	background: url(/images/static/icons/browse-previous-shadow.png) no-repeat bottom right !important;
}
body#releases a:active.end-link,
body#releases a:hover.end-link  {
	background: url(/images/static/icons/browse-end-shadow.png) no-repeat bottom right !important;
}
div.next-previous {
	padding: 0 !important;
	clear: both;
	margin: 0 0 8px 0px;
}
a.next-link span,
a.previous-link span, 
a.end-link span  {
	width: 25px;
	height: 25px;
	display: block;
	text-indent:-9999px;
}
a.next-link,
a.previous-link, 
a.end-link  {
	display: block;
	float: left;
	margin-right: 8px;
}
a.next-link {
	background: url(/images/static/icons/next-flat.png) no-repeat bottom right !important;
}
a.previous-link {
	background: url(/images/static/icons/previous-flat.png) no-repeat bottom right !important;
}
a.end-link {
	background: url(/images/static/icons/end-flat.png) no-repeat bottom right !important;
}
/* ================================================================================================= */
  
ul.block {
	margin: 0px 8px 0 0 !important;
	padding-left: 0 !important;
}
table.block tr {
	/*display: block;*/
	margin-bottom: 8px;
}
table.block th,
table.block td {
	margin: 0px 0 8px 0  !important;
	padding-left: 0 !important;
}
ul.block li {
	list-style-type: none;
	margin: 0px 0 8px 0;
}
table.block th a ,
table.block td a ,
ul.block li a {
	display: block;
	padding: 0px 8px 0px 8px;
}
ul.block li span.edit-this a {
	display: inline;
	padding: 0px;
	height: auto;
	margin: 0px;
}
ul.block li a:hover,
ul.block li a:active {
	background-color: #D8D9DA !important;
}
ul.block li a:hover span,
ul.block li a:active span {
	color: #333;
}
ul.block li a:link,
ul.block li a:visited {
	background-color: #ddd;
	color: #555555;
}
/* Page
================================================================================================= */
#main_page {
	width: 937px;
	margin: 0 auto;
	padding: 0px;
}
body.dashboard #main_page {
	width: 937px;
	
}

/* Left Menu
==================================== */

.main_leftmenu {
	float: left;
	width: 100px;
	padding: 0px;
	margin: 8px 0px 0px 0px;
	text-align: left;
}
	 
.main_leftmenu ul {

}

.main_leftmenu a {
  text-decoration:none;
  color:#000;
}
.main_leftmenu a:hover,
.main_leftmenu a:active {
	font-weight: normal;
	color:#666;   
}

.main_leftmenu ul li {
	list-style-type: none;
}

.main_leftmenu ul li li{/**/
	margin: 0px;
}
div#release-nav {
	width: 199px;
	float: left; 
	border: #D8D9DA 1px dotted;
	text-transform: lowercase;    
}
div#release-nav li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
body#releases div#release-nav h3 ,
div#release-nav h3 {
      background-color: #fff !important;
color: #D8D9DA;
}
div#release-nav li a {
	padding-left: 8px;
	display: block;
}
div#release-nav li a:link, 
div#release-nav li a:visited {
	color: #666;
	border-bottom: 1px dotted #fff;
}
div#release-nav li a:active, 
div#release-nav li a:hover {

}


div#release-nav h3 {
	margin: 0px 0 0 0 !important;
	background-color: #fff;
	color: #666 !important;
}
ul.left-nav {
	margin: 0px !important;
	padding: 0px 0px 8px 0px !important;
}

ul.left-nav li {

	
}
ul.left-nav li ul {
	margin-left: 8px;
	margin-bottom: 8px;
}
ul#shop-list {
 	background: #ddd;
}
ul#account-list {
 	background: #eee;
 
}
ul#account-list li {
 	float: left; 
 	width: 90px;
 	list-style-type: none;
 
}
/* Content
==================================== */
#main_content {
	text-align: left;
	width: 937px;
	float: left; 
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body#home #main_content .pad {
	width: 937px;
	float: left;
}
body#home #main_content .pad .pad{
	width: auto;
}
body#home h1 {
}

 #main_content .pad {
	width: 731px;
	float: left;
}

 #main_content .pad .pad{
	width: auto;
}

.col-dbl {
	width: 625px;
	float: left;
}
.col-half{
	width: 468px;
	float: left;
}
.col {
	width: 364px;
	float: left;
}
body#home .col {
	width: 312px;
}

.col-dbl p ,
.col p {
	margin-right: 8px;	
}

/* defaults */

.right-inline {
	float: right;
	margin: 0px 0px 8px 8px;
}
.left-inline {
	float: left;
	margin: 0px 8px 8px 0px;
}
#status {
	color: a00;
}
.error, .errorlist {
	color: red;
}
.price {
	font-weight: bold;
}
.buy {
	font-weight: bold;
}
a.buy :link,
a.buy :visited,
a.buy :active,
a.buy :hover {
	color: 000 !important;
	font-weight: bold;
}
  a.buy {
	}
a.feed {
	background: transparent url(/img/icnFeed.png) no-repeat scroll right center;
	padding-right:20px;
	margin-right: 8px;
}
a:hover.feed {
	color: #f58550;
}
.help {
	color: #33333;
	font-style: italic;
}
.clear {
 	clear: both;
 } 
.left {
	float: left;
}
.right {
	float: right;
}
/*       
==================================== */
#main_footer {
	padding: 8px 0px 0px 0px;
	margin: 15px 0 0 0;
	width:  937px;
	margin:  15px auto 101px auto;
	text-align: left;
	border-top: 1px dotted #D8D9DA;
}
#main_footer p {	
	margin-top: 0px;
	padding-top: 0px;
}
#main_footer ul#new-footer {	
	float: right;
}
#main_footer ul {
	float: left; 
	margin: 0 0 0px 0;
}
#main_footer ul li.footer_on,
#main_footer ul li.footer_off {
	list-style-type: none;	
	float: left; 	
	margin-right: 8px;
}
ul#footer span.section-sub {
	font-size: 14px;
	text-transform: lowercase;
	padding: 0px !important;
	margin: 0px !important;
	line-height: 1.3em;
	text-align: center;	
	left: 0;	
	display: block;
	text-indent:-9999px;
	width: 71px;
	height: 71px;
}
ul#footer li#contact a:link span.section-sub,
ul#footer li#contact a:visited span.section-sub {
	background: url(/images/static/footer/contact-flat.png) no-repeat bottom right !important;
	background-color: #8dd7cd;
	text-indent:-9999px;
}
ul#footer li#contact a:active span.section-sub,
ul#footer li#contact a:hover span.section-sub  {
	background: url(/images/static/footer/contact-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
} 

ul#footer li#copy a:link span.section-sub,
ul#footer li#copy a:visited span.section-sub {
	background: url(/images/static/footer/copyright-flat.png) no-repeat bottom right !important;
	background-color: #8dd7cd;
	text-indent:-9999px;
}
ul#footer li#copy a:active span.section-sub,
ul#footer li#copy a:hover span.section-sub  {
	background: url(/images/static/footer/copyright-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
} 

ul#footer li#who a:link span.section-sub,
ul#footer li#who a:visited span.section-sub {
	background: url(/images/static/footer/who-flat.png) no-repeat bottom right !important;
	background-color: #8dd7cd;
	text-indent:-9999px;
}
ul#footer li#who a:active span.section-sub,
ul#footer li#who a:hover span.section-sub  {
	background: url(/images/static/footer/who-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
} 

ul#footer li#admin a:link span.section-sub,
ul#footer li#admin a:visited span.section-sub {
	background: url(/images/static/footer/admin-flat.png) no-repeat bottom right !important;
	background-color: #8dd7cd;
	text-indent:-9999px;
}
ul#footer li#admin a:active span.section-sub,
ul#footer li#admin a:hover span.section-sub  {
	background: url(/images/static/footer/admin-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
} 

ul#footer li#edit a:link span.section-sub,
ul#footer li#edit a:visited span.section-sub {
	background: url(/images/static/footer/edit-profile-flat.png) no-repeat bottom right !important;
	background-color: #8dd7cd;
	text-indent:-9999px;
}
ul#footer li#edit a:active span.section-sub,
ul#footer li#edit a:hover span.section-sub  {
	background: url(/images/static/footer/edit-profile-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
} 

ul#footer li#change a:link span.section-sub,
ul#footer li#change a:visited span.section-sub {
	background: url(/images/static/footer/change-password-flat.png) no-repeat bottom right !important;
	background-color: #8dd7cd;
	text-indent:-9999px;
}
ul#footer li#change a:active span.section-sub,
ul#footer li#change a:hover span.section-sub  {
	background: url(/images/static/footer/change-password-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
} 

ul#footer li#logout a:link span.section-sub,
ul#footer li#logout a:visited span.section-sub {
	background: url(/images/static/footer/logout-flat.png) no-repeat bottom right !important;
	background-color: #8dd7cd;
	text-indent:-9999px;
}
ul#footer li#logout a:active span.section-sub,
ul#footer li#logout a:hover span.section-sub  {
	background: url(/images/static/footer/logout-shadow.png) no-repeat bottom right !important;
	display: block;
	text-indent:-9999px
} 
 /* content blocks */
.img-shadow {
  float:left;
  background: url(/images/static/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/static/shadow.gif) no-repeat bottom right;
  margin: 8px 8px 0 5px !important;
  margin: 8px 8px 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  margin: -6px 7px 6px -6px;
    padding: 3px;
    } 

.wide {
	width: 418px;
}

.narrow {
	width: 312px;
}

/* home page */
ul#tour-dates {
	margin: 0 8px 0 0 !important;
	padding: 0 0px 0 0 !important;

}
ul#tour-dates li {
	list-style-type: none;
	clear: both;
margin-bottom: 8px;
overflow: clip;
}
ul#tour-dates li p {
	margin: 0;
}

ul#tour-dates span.countdown {
	clear: left;
	display: block;
	font-weight: bold;
}

ul#tour-dates a:hover span.countdown,
ul#tour-dates a:active span.countdown {
font-weight: bold;
}

ul#tour-dates span.venue {
	font-weight: bold;
}

ul#latest-news {
	margin: 0 8px 0 0 !important;
	padding: 0 0px 0 0 !important;

}
ul#latest-news ul li span {
	float: left;
}
.news-title {
	font-weight: bold;
}
.news-summary {
	clear: both;
	display: block;
	font-style: italic;
	font-size: 13px;
}
p.feed {
	float: right;
	margin: 0px 8px 8px 8px;
}


dl#profile-details dt {
	width: 160px;
}

/* release page */
ul.sorter {
	float: left;
	margin: 0px 0 0px 0 !important;
	padding: 0px;
	text-transform: lowercase;
}
ul.sorter li {
	float: left;
	list-style-type: none;
	margin: 0 0px 0 0;
	padding: 0 0px 0 0;
}
ul#releases-full {	
	margin: 0px 0 8px 0 !important;
	padding: 0px 0 8px 0 !important;
	position: relative;
}
ul#releases-full li {
	width: 96px;
	float: left;	
	display: block;
	text-align: center; 	
	list-style-type: none;
	padding: 0px 0 0px 0 !important; 
	margin-right: 8px;
	margin-bottom: 8px;
}
.wordwrap { -moz-binding: url('./wordwrap.xml#wordwrap'); }
/* http://blog.stchur.com/2007/03/01/word-wrap-for-mozilla-take-2/ */

body#buy ul#releases-full li ,
body#home ul#releases-full li{  
	width: 312px;  
	margin-bottom: 8px;
	padding: 0px 0 0px 0 !important; 
} 

ul#releases-full li a {
	display: block;
	    opacity: 0.77;	
}
ul#releases-full li a:link {

}
ul#releases-full li a:hover  {
	opacity: 0.99;
	z-index: 99;	
	overflow: visible;
	background-color: #fdf7ee;
}
ul#releases-full li a:visited  {
	font-style: italic;
}
ul#releases-full li a:hover span.price,
ul#releases-full li a:visited span.price {
	color: #f6c583;
}
ul#releases-full li .pad {
	margin: 0px 8px 8px 0px !important;
	padding: 0 0 10px 0 !important;
	border: 0px;
	height: 150px;
	width: auto !important;	
	float: none !important;
	position: relative;
}
body#buy ul#releases-full li .pad,
body#home ul#releases-full li .pad {  
	height: 80px;
	margin: 0px !important; 
	padding: 0px !important;
} 
body#buy ul#releases-full li span.text-block,
body#home ul#releases-full li span.text-block {
	margin-top: 8px;
	padding-top: 0px;
	position: absolute; 
	top:-4px; 
	right: 0; 
	width: 221px;
	text-align: left;
} 
ul#releases-full li .pad  a span.img-shadow { 
	margin-left: 10px !important;	
}
body#buy ul#releases-full li .pad a span.img-shadow,
body#home ul#releases-full li .pad a span.img-shadow {
	margin-left: 8px !important; 
} 
ul#releases-full li .pad  a span.release-name { 
	display: block; 
	clear: left; 
	font-weight: bold;
}
ul#releases-full li .pad  a span.release-info { 
	float: none;
}
ul#releases-full li .pad  a span.sold-out { 
	float: none;
}
ul#releases-full li .pad  a span.release-price { 
	float: none;
}
ul#releases-full li .pad  a:link span,
ul#releases-full li .pad  a:visited span { 
	color: #999;
}
ul#releases-full li .pad  a:hover span,
ul#releases-full li .pad  a:active span { 
	color: #333;
}
ul#releases-full li .pad  a:link span.release-name,
ul#releases-full li .pad  a:visited span.release-name,
ul#releases-full li .pad  a:hover span.release-name,
ul#releases-full li .pad  a:active span.release-name { 
	color: #333;
	line-height: 14px;
}
/*release detail*/
div#release-detail {
	padding: 0px 0 8px 0;
	margin: 8px 0px 0px 0px;
	position: relative;
	min-height: 267px;
}	
  div#release-detail div.release-primary {
	padding: 0px;
}	
div.rel-img-info {
	float: left;
	width: 727px;
	text-align: center;
}
div.rel-img-info span.image-title {
	font-weight: bold;
}
div.rel-img-info span.designed-by {
	clear: left;
}
div.rel-notes {
}
div.rel-tracks {
}
p.track-key {
  margin: 0px 0px 8px 8px; 
float: left; 
}
table.track-listing {
	margin: 0 8px 8px 8px	;
	border: 0px;
	width: 716px;
}
table.track-listing tr {
	/*display: block;*/
}
table.track-listing th, 
table.track-listing td {
	border-right: 0px;
	border-bottom: 1px dotted #d8d9da;      
}
table.track-listing td.recording-length {
	text-align: right;
	font-style: italic;
}
table.track-listing a:link span.play-link,
table.track-listing a:visited span.play-link {
	padding: 3px !important;
	display: block;
	float: right;
	background: #fff url(/images/static/icons/listen-play-flat.png) no-repeat 3px 3px !important;
	margin: 0px 8px 8px 0px;
}
table.track-listing a:hover span.play-link,
table.track-listing a:active span.play-link  {
	background: url(/images/static/icons/listen-play-shadow-browse.png) no-repeat 3px 3px !important;
}
table.track-listing span.play-link span {
	width: 25px;
	height: 25px;
	display: block;
	text-indent:-9999px
	
}
.disc-total-time {
	font-style: italic;
	float: right;
	margin: 0 8px 0 0;
	padding-right: 0 16px 0 0;
	border-bottom: 1px dotted #d8d9da;      
}

.thirty {
	width: 29px;
}
.sixty {
	width: 59px;
}
.ninety {
	width: 89px;
}
.one-eighty {
	width: 179px;
}
.two-seventy {
	width: 269px;
}

div.rel-tracks div.left {
	clear:left;	
}
div.rel-tracks div.right {
	clear:right;	
}

/* featured releases */

ul#releases-set {
	margin: 0 8px 8px 0;

}
ul#releases-set li {
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	border-bottom: 1px solid #fff;	
	height: 71px;
	list-style-type: none;
}
ul#releases-set li.highlight {
	background-color: #eee;
}
ul#releases-set li .pad{
	width: 100% !important;
	background-color: #eee;
	margin-bottom: 8px;
}
ul#releases-set span.release-thumb {
	float:left;
	height:71px;
	text-align:center;
	width:71px;
}	
ul#releases-set span.release-thumb img {
}

ul#releases-set .img-data {	
	float:left;
	margin:0 0 0 8px !important;
	padding:0 !important;
}
ul#releases-set .img-data h4{
	clear: both;
	float: left;
	background: transparent;
}	
ul#releases-set .img-data p{
	clear: both;
	margin: 0px 0px 0px 0px;
	float: left;
}	
/*  song archive */

table#songs-archive {
	width: 723px;
	margin-top: 0px !important;
}
table#songs-archive tr th {
  background-color: #fdf5da !important;
  border-bottom: 8px solid #fff;
  padding-left: 8px;
} 

table#songs-archive tr td {
  background-color: #fdf7ee !important;
  border-bottom: 1px dotted #fff;
  padding-left: 8px;
} 

table#songs-archive tr:hover td {
  background-color: #fdf5da !important;
} 


/* song detail */
h4.recording {
	margin: 0 0 0 0px;
	padding: 0 0 0 8px !important;
	background-color: #FCECD7 !important;
}
.release-index img {
	margin: 0 15px 15px 0;
	float: left;
}
.release-index dl dt {
	width: 70px;
}

ul.recordings {
	margin-top: 15px;
	margin-left: 0 !important;
}
ul.recordings li {
	list-style-type: none;
	margin: 0 0 8px 0;
	padding: 0 0 0px 0;
}
ul.recordings li p {
	margin: 0px !important;
	list-style-type: none;
}
ul.recordings li div#mp3player {
	margin: 8px 0px 0px 8px !important;
	list-style-type: none;
	float: none;
clear: both;
}
ul.releases-sml {
	margin: 0px 0px 0px 0px !important;
	list-style-type: none;
}
img.rec-icon  {
	margin: 3px 6px 3px 6px;
	float: left;
}
ul.releases-sml li {
	margin: 0 0 0 0;
	background-color: #fff;
	padding: 0px 0px 0px 8px;
	height: 45px;
}

ul.releases-sml li .pad{
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px !important;
	width: auto !important;
	float: none !important;
}
ul.releases-sml span.release-thumb {
	float: left;
}

ul.releases-sml span.release-thumb a {
	padding: 8px 0px 0 0;
}
ul.releases-sml span.release-year {
	float: left; 	
	width: 30px;
	}
ul.releases-sml h4 {
	margin-right: 0 !important;
	clear: none;
	background-color: transparent; 	
	color:#F6C583;
}	

ul.releases-sml .img-data {
	margin: 0 !important;
	float: right;
	width: 241px;
	padding: 6px 0 0 0;
}	
ul.releases-sml .img-data p {
	margin-left: 0px !important;
}

/* concerts page */
table#concerts {
	width: 545px;
}

/* video page */
ul#video-archive {
	margin: 0 8px 8px 0;
}

ul#video-archive li {
	border-bottom: 1px solid #fff;	
	list-style-type: none;
	margin: 0 0px 8px 0 !important;
	padding: 8px 0px 0px 8px !important;
	background-color: #fbeef7;
	display: block;

}

ul#video-archive li a:link span.play-link,
ul#video-archive li a:visited span.play-link {
	padding: 3px !important;
	display: block;
	float: left;
	background: #fff url(/images/static/icons/watch-play-flat.png) no-repeat 3px 3px !important;
	margin: 8px 8px 0px 0px;
}
ul#video-archive li a:hover span.play-link,
ul#video-archive li a:active span.play-link  {
	background: #fff url(/images/static/icons/watch-play-shadow.png) no-repeat 3px 3px !important;
}
ul#video-archive li span.play-link span {
	width: 25px;
	height: 25px;
	display: block;
	text-indent:-9999px
}
ul#video-archive li h3 {
margin-left: 0 !important;
padding-left: 0 !important;
}
ul#video-archive div.video-thumb {
float: left;
padding: 0px 0px 0px 0px !important;
}
ul#video-archive div.video-summary {
float: left;
  padding: 0px 8px 0px 0px !important;
  width: 560px
}

/* listen page*/
ul#online-archive {
	margin: 0 8px 8px 0;
}
ul#online-archive li {
	border-bottom: 1px solid #fff;	
	list-style-type: none;
	margin: 0 0px 8px 0 !important;
	padding: 8px 0px 0px 8px !important;
	background-color: #fdfae9;
	display: block;
}
ul#online-archive li.highlight {
	background-color: #eee;
}
ul#online-archive li span.thumb-wrap 	{
	display: block;
	float: left;
	margin-top: -8px;
}
ul#online-archive li span.record-url 	{
font-weight: bold;
}
ul#online-archive li a:link span.play-link,
ul#online-archive li a:visited span.play-link {
	padding: 3px !important;
	display: block;
	float: right;
	background: #fff url(/images/static/icons/listen-play-flat.png) no-repeat 3px 3px !important;
	margin: 8px 8px 8px 0px;
}
ul#online-archive li a:hover span.play-link,
ul#online-archive li a:active span.play-link  {
	background: url(/images/static/icons/listen-play-shadow.png) no-repeat 3px 3px !important;
}
ul#online-archive li span.play-link span {
	width: 25px;
	height: 25px;
	display: block;
	text-indent:-9999px
	
}





/* reviews page */

div#review-content p {
	padding-right: 8px;
}

ul#reviews,
ul#features {
	padding-right: 0px !important;
	margin-right: 0px !important;
}
ul#reviews li ,
ul#features li {
	float: left;
	width: 357px;
	padding-right: 8px;
}

ul#features li a span.feature-date {
	float: right;
}
ul#features li a span.feature-comments{
	float: right;
}

ul#reviews li a,
ul#features li a {
	height: 71px;
}
ul#reviews li a span.review-title {
	font-weight: bold;
	float: left;
}
ul#reviews li a span.review-date {
	float: right;
}
ul#reviews li a span.review-author {
	clear: both;
}
ul#reviews li a span.review-publisher {
	font-style: italic;
}
ul#features li a span.feature-title {
	font-weight: bold;
	float: left;
}
ul#features li a span.features-date {
	float: right;
}
ul#concerts  li a span.when-where {
	font-weight: bold;
      
}
ul#concerts  li a span.concert-city {
	font-weight: normal;
      
}
ul#concerts li {
}
ul#concerts.block  li.forthcoming a:link,
ul#concerts.block  li.forthcoming a:visited  {
background: #a1caa9 !important;
color: #fff !important;
}
ul#concerts.block  li.forthcoming a:hover,
ul#concerts.block  li.forthcoming a:active  {
background: #ebf4ed !important;
color: #fff !important;
}
ul#concerts.block  li.forthcoming a:hover span.countdown,
ul#concerts.block  li.forthcoming a:active  span.countdown {
font-weight: bold;
color: #a0c8a9 !important;
}
ul#concerts  li a span.concert-releases {
	float: right;
}
ul#concerts  li a span.concert-pictures {
	float: right;
}

/* look page */
ul#gallery-collection {
	margin-left: 0px;
}
ul#gallery-collection li {
	  list-style-type: none;
	  text-align: center;	
	  position: relative;
}
ul#gallery-collection li p.image-info{
	text-align: center;	
	clear: both;
}
ul#gallery-collection li span.image-name {
	font-weight: bold;
}
ul#gallery-collection li span.photographer {
	clear: left;
}
ul#gallery-collection li div { 
margin:10px auto;
text-align: center;
clear: left;
}

ul#gallery-collection li div span.img-shadow{ 
margin:10px auto !important;
width: auto !important;
display:block;
}
table#gallery {
	width: 720px;
	margin-top: 0px !important;
}
table#gallery tr th {
  background-color: #daf2f6 !important;
  border-bottom: 8px solid #fff;
} 

table#gallery tr td {
  background-color: #f0fafb !important;
  border-bottom: 1px dotted #fff;
} 

table#gallery tr:hover td {
	background-color: #daf2f6 !important;
} 
 /* form */
fieldset label {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 8px;
}
fieldset input {
	width: 200px;
	float: left;
	margin-bottom: 8px;
	border: 1px solid #999;
}
fieldset input:focus {
	background-color: #eee;
}
fieldset div {
	clear: both;
	margin-bottom: 8px;
}
input.submit {
	background-color: #dedede;
	color: #fff;
	font-weight: bold;
	text-transform: lowercase;
	border: none;

}

dl.profile dt {
	float: left;
	width: 200px;
	margin: 0px 8px 8px 0;
	display: block;
	}
 /* admin over-rides */
 
body.dashboard #main_content {
	width: 805px;
}
body.dashboard #main_content .pad {
	float:left;
	width:815px;
}
body.dashboard .main_leftmenu {
	width: 110px;
}
body.dashboard .main_leftmenu,
body.dashboard .main_leftmenu  ul.left-nav,
body.dashboard .main_leftmenu  ul.left-nav li {
 	padding-left: 0px;
	margin-left: 0px;	
  }
  
body.dashboard fieldset {
	width:815px;
}
body.dashboard #main_content ul.object-tools {
	margin: 4px 8px 0 0;
}
.object-tools li {
	z-index: 100;
	position: relative;
}
#content-related {
	float: right;
	margin-right: 0px !important;
	position: relative;
	width: 18em;
}