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,input,select,textarea,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:400;font-style:normal;font-size:100%;font-family:inherit;vertical-align:baseline;text-decoration:none;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:#000;background:#FFF}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}em,i{font-style:italic}strong,b{font-weight:700}label{cursor:pointer}hr{display:none}img{display:block}

body { background: #FFF url(/img/theme/bg.png); color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }

a { color: #38C1AF; }
a:hover { background: yellow; color: #000; }

#sidebar li { line-height: 16px; border-bottom: 1px #CCC solid; padding: 5px 0; clear: both; overflow: hidden; }
#sidebar ul { margin: 10px 0 0 0; }

#wrapper { width: 930px; margin: 40px auto; clear: both; overflow: hidden; }
#header { clear: both; overflow: hidden; background: #FFF; padding: 20px 20px 10px 20px; }

#logo { border-bottom: 2px solid #000; width: 240px; font-size: 14px; height: 34px; display: block; background: url(/img/theme/logo.jpg) no-repeat; float: left; line-height: 14px; padding: 6px 0 10px 50px; font-weight: bold; color: #000; margin: 0 10px 0 0; }
#logo span { font-size: 12px; font-weight: normal; color: #AAA;  }

#navigation { height: 60px; float: left; }
#navigation li { float: left; }
#navigation li a { border-bottom: 2px solid #AAA; font-size: 14px; line-height: 40px; height: 40px; color: #888; font-weight: bold; width: 130px; display: block; margin: 0 10px 0 0; padding: 0 0 10px 10px; }
#navigation li.last a { margin: 0; width: 130px; }
#navigation li a.current { color: #000; border-color: #000; border-bottom-width: 4px; height: 38px; }
#navigation li a:hover { background: yellow; color: #000; border-color: #000;}

#latest { clear: both; overflow: hidden; margin: 10px 0 0 0; padding: 20px 20px; background: #FFF; }
#latest li, a.featured_item { float: left; }
a.featured_item { position: relative; overflow: hidden; width: 290px; height: 290px; background: #000; }
a.featured_item.two, a.featured_item.one { margin: 0 10px 0 0; }
a.featured_item.three { margin: 0; }
a.featured_item span.title, a.featured_item span.caption { font-size: 10px; text-transform: uppercase; position: absolute; top: 0; left: 0; background: #fffd00; color: black; padding: 5px 10px; }
a.featured_item span.caption { margin-top: 150px; background: #38C1AF; text-transform: none; top: 21px; font-size: 20px; font-style: italic; font-family: Georgia, "Times New Roman", serif; }
a.featured_item:hover { background-position: top right; }
a.featured_item:hover span.caption { background: yellow; color: #000; }

#content { width: 620px; float: left; }
#content.full { width: 930px; float: left; }

.post { margin: 0px 20px; clear: both; overflow: hidden; background: #FFF;  padding: 20px; margin: 10px 10px 10px 0; }
.post img { margin: 0 auto 20px auto; }

.shop {position:relative; margin: 10px 10px 0 0; clear: both; overflow: hidden; background: #FFF;  padding: 20px;}
.shop img {position:relative; padding: 0;}
.shop a.artist {padding-left: 0; padding-right: 0; padding-bottom: 5px; padding-top: 5px; text-transform: none; border-width: 0px; color:#000000; margin: 0 0 0 0; text-decoration:underline;}
.shop a.purchase {line-height: 20px; color:#000000; margin: 0 0 0 0;}
.shop a.title {float: left; margin: 0 0 0 0; padding: 0;}
.shop p {float: left; margin: 0 0 0 0; padding-top: 15px;}
.shop a.buyitnow {margin: 10px 0 0 0; background:#FFFF33;}
.shop a.buyitnow:hover { background:#FF3399;}
.shop a.img {padding:0 0 10px 0;}

.head { margin: 0 0 20px 0; clear: both; overflow: hidden; padding: 0 0 0 0; }
.head span { font-family: Georgia; display: block; margin: 10px 0 0 0; font-size: 16px; font-style: italic; color: #999; }



h2 { font-weight: bold; font-size: 14px; border-bottom: 2px #000 solid; padding: 0 0 5px 0; color: #000; }
h1, .post h2, .post h1 a { font-size: 34px; font-family: Georgia; background: yellow; color: #000; display: inline; padding: 0 10px; }
.post h1 { padding: 0; }
.post h1 a:hover { background: #38C1AF; color: #FFF; }
.post h3 { background: #38C1AF; color: #FFF; }
p { line-height: 18px; color: #444; margin: 10px 0 0 0; }
p.caption { text-align: center; }

p.credit { text-align: right; margin:-20px 0 0 0; }



#sidebar { width: 310px; float: left; margin: 0 0 10px 0; overflow: hidden; }
#sidebar .section { background: #FFF; padding: 20px; margin: 10px 0 0 0; clear: both; overflow: hidden; }

.section { position: relative; }
.section .rss { position: absolute; top: 20px; right: 20px; }

.section.releases li a { position: relative; background: #FFF; }
.section.releases img, .section span.artist, .section span.album { float: left; }
.section.releases span.free { position: absolute; top: -1px; left: -115px; padding: 2px 5px; background: yellow; color: #000; font-weight: bold; font-size: 10px; text-transform: uppercase; }
.section.releases span.artist, .section.releases span.album { font-weight: bold; margin: 0 0 0 10px; color: #000; }
.section.releases span.album { font-weight: normal; }
.section.releases span.info, .section.releases span.date {  margin: 0 0 0 10px; color: #999; }

.section.live a strong { color: #000; }

.section.videos a { position: relative; clear: both; overflow: hidden; display: block; }
.section.videos span { color: #FFF; font-size: 10px; padding: 5px 10px; background: #000; top: 0; left: 0; position: absolute; text-transform: uppercase; }
.section.videos a:hover span { background: yellow; color: #000; }
.section.videos img {  }

div.artists, div.releases { padding: 20px 20px 10px 20px; background: #FFF; margin: 10px 0; clear: both; overflow: hidden; }
a.artist, a.release { width: 250px; background: #FFF; float: left; border: 1px solid #DDD; padding: 10px; margin: 0 0 10px 0; position: relative; }
a.artist img, a.release img { width: 268px; height: 180px; }
a.release img { height: 268px; }
a.artist.one, a.artist.two, a.release.one, a.release.two { margin: 0 10px 10px 0; }
a.artist span.name, a.artist span.genre, a.release span.title, a.release span.artist, a.release span.date, a.release span.free { position: absolute; background: #38C1AF; padding: 5px 10px; color: #FFF; text-transform: none; top: 10px; left: 10px; font-size: 20px; font-style: italic; font-family: Georgia, "Times New Roman", serif; }
a.artist span.genre, a.release span.artist, a.release span.date, a.release span.free  { font-size: 10px; background: #000; top: 41px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-style: normal; }
a.release span.artist, a.release span.date { top: 10px; left: 10px; }
a.release span.date { top: auto; bottom: 10px; }
.post a.release span.date { top: 10px; bottom: auto; }
a.release span.title { top: 31px; left: 10px; }
a.release span.free { top: 62px; left: 10px; background: yellow; color: #000; font-weight: bold; } 
a.artist:hover { }
a.artist:hover span.name, a.release:hover span.title { color: #000; background: yellow; }




.post a.release { cursor: pointer; padding: 20px; background: #FFF; width: 260px; float: left; margin: 0 10px 10px 0; position: relative; }
.post a.release.three { margin: 0 0 10px 0; }
.post a.release img { margin: 0; }

.post a.release span.date { padding: 5px 10px; position: absolute; top: 20px; left: 20px; font-size: 10px; color: #FFF; background: #000; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-style: normal; }
.post a.release span.title { background: #38C1AF; color: #FFF; padding: 5px 10px; position: absolute; top: 41px; left: 20px; font-size: 18px; font-family: Georgia, serif;font-style: italic; }
.post a.release:hover span.title { background: yellow; color: #000; }

.post.clear { background: none; padding: 0; margin: 0; }
.post.release { padding-bottom: 0; }
.post.artist { margin-top: 0; padding-top: 10px; }

#footer { background: #FFF; clear: both; overflow: hidden; margin: 10px 0 0 0; padding: 20px; }
#copyright { float: right; color: #999; }

#footer_nav li { float: left; }
#footer_nav a { color: #999; font-weight: bold; margin: 0 10px 0 0; }
#footer_nav a:hover { color: #000; }

#title, .post h2 { color: #000; display: block; background: #FFF; padding: 10px 20px; margin: 10px 0 0 0; }
#title.artist { padding: 20px; }
.post h2 { border: none; font-weight: normal; margin: 0 0 10px 0; width: 570px; }

a.button, span.button { display: block; font-size: 14px; background: #68B52A; padding: 10px; text-align: center; font-weight: bold; color: #FFF; margin: 10px 0 0 0; }
a.button:hover, a.button.preorder:hover { background: yellow; color: #000; }

a.button.preorder { background: #58429C; }

span.button { background: #DDD; color: #999; }

#sidebar form { margin: 20px 0 0 0; }
#sidebar select { margin: 0 0 10px 0; }

#disqus_thread { padding: 20px 20px 10px 20px; background: #FFF; width: 570px; }
#dsq-pagination, .dsq-item-trackback, #disqus_thread h3 { display: none !important; }

.recentevents h2 { color:#FFF; text-transform:capitalize; padding: 15px; background: #000; margin: 10px 0 0 0; width: 580px;}
.recentevents li { line-height:18px;}

.event { padding: 20px; background: #FFF; margin: 10px 0 0 0; width: 570px; }
.event li { line-height: 18px; }
.event ul { margin: 10px 0 0 0;}