/*
Theme Name:     Headspin Records
Theme URL:      http://www.headspin-records.de
Description:    WP-Theme für Headspin Records a division of Omniamedia
Version:        1.0
Author:         im:cube7 | Sebastian Schwarz
Author URL:     http://www.imcube7.de/

Cyan (Headspin):	rgb(77,189,209)          
*/

@import "style/css/reset.css";

/* ---GLOABL--- */

body { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 11px; background: rgb(150,150,150) url(img/_design/bg_body2.jpg) repeat-x; }
h1, h2, h3, h5, h5, h6 { font-weight: bold; }
a { color: grey; text-decoration: none; }
a:hover { color: rgb(77,189,209); }
a:active { border: 0; }
a:focus { outline: none; }
p { margin-bottom: 12px; }

#structure { width: 840px; margin: 0 auto; }

.post p { font-size: 12px; margin: 0 20px 10px 20px; width: 510px; }
.pagination { margin: 20px; border-top: 1px dotted grey; padding-top: 5px; clear: both; }
.date { border-top: 1px dotted grey; margin-top: 20px; padding-top: 5px; font-size: 10px; clear: both; }
.alignleft { float: left; margin: 0 20px 10px 0; }
.alignright { float: right; margin: 0 0 10px 20px; }
.head2 { margin: 10px 0 5px 20px; font-variant: small-caps; font-size: 1.2em; }

/* ---TOOLBAR TOP--- */

#toolbar { width: 840px; height: 50px; background: url(img/_design/bg_toolbar.png) repeat-x; font-size: 0.8em; }
#toolbar .logo { width: 156px; height: 34px; margin: 10px 5px 0 8px; padding: 0; float: left; }
#toolbar .logo2 { margin: 0 0 0 3px; padding: 0; float: right; }
#toolbar #slogan { font-size: 1.1em; font-weight: normal; float: left; margin: 16px 14px 0 2px; line-height: 24px; }
#toolbar #bookmarks { height: 20px; width: 100px; float: left; text-align: center; margin: 15px 0 0 40px; }
#toolbar #bookmarks .icon { margin-left: 5px; }
#toolbar #searchbox { width: 280px; height: 28px; margin-top: 10px; float: right; overflow: hidden; }
#toolbar #s { height: 16px; width: 228px; margin: 7px 10px 0 6px; border: 0; float: left; }
#toolbar #searchsubmit { height: 30px; width: 30px; background: url(img/_design/search_sprite.png) no-repeat 0 0; margin: 0; overflow: hidden; }
#toolbar #searchsubmit:hover { background: url(img/_design/search_sprite.png) no-repeat 0 -30px; }

/* ---HEADER--- */

#header { height: 225px; color: white; }

.infiniteCarousel { width: 840px; position: relative; margin: 0 auto; }
.infiniteCarousel .wrapper { width: 740px; height: 250px; overflow: auto; margin: 0 0 0 50px; position: absolute; top: 0; }
.infiniteCarousel .wrapper ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; }
.infiniteCarousel ul li { display:block; float:left; padding: 18px; height: 250px; width: 150px; }
.infiniteCarousel ul li a img { display:block; background-color: rgb(78,143,161); opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8; }
.infiniteCarousel ul li a img:hover { display:block; opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; height: 283px; width: 170px; margin-left: -10px; }

.infiniteCarousel .arrow { display: block; height: 50px; width: 50px; background: url(img/_design/arrow.png) no-repeat 0 0; text-indent: -999px; position: absolute; top: 85px; margin: 0 -5px 0 -5px; cursor: pointer; }
.infiniteCarousel .forward { background-position: 0 0; right: 0; }
.infiniteCarousel .back { background-position: 0 -100px; left: 0; }
.infiniteCarousel .forward:hover { background-position: 0 -50px; }
.infiniteCarousel .back:hover { background-position: 0 -150px; }


/* ---NAVIGATION--- */

#nav { height: 50px; margin-top: -20px; }

#navigation { list-style: none; }
#navigation li { float: left; }
#navigation a * { display: none; }
#navigation a, #navigation a .hover { height: 50px; position: relative; display: block; background: url(img/_design/nav_sprite.png) 0 0 no-repeat; }

#navigation a.home { background-position: 0 0; width: 120px; }
#navigation .highlight a.home:hover, #navigation a.home .hover { background-position: 0 -50px; width: 120px; }
#navigation .current a.home { background-position: 0 -100px; width: 120px; }

#navigation a.releases { background-position: -120px 0px; width: 120px; }
#navigation .highlight a.releases:hover, #navigation a.releases .hover { background-position: -120px -50px; width: 120px; }
#navigation .current a.releases { background-position: -120px -100px; width: 120px; }

#navigation a.artists { background-position: -240px 0; width: 120px; }
#navigation .highlight a.artists:hover, #navigation a.artists .hover { background-position: -240px -50px; width: 120px; }
#navigation .current a.artists { background-position: -240px -100px; width: 120px; }

#navigation a.shop { background-position: -360px 0; width: 120px; }
#navigation .highlight a.shop:hover, #navigation a.shop .hover { background-position: -360px -50px; width: 120px; }
#navigation .current a.shop { background-position: -360px -100px; width: 120px; }

#navigation a.label { background-position: -480px 0; width: 120px; }
#navigation .highlight a.label:hover, #navigation a.label .hover { background-position: -480px -50px; width: 120px; }
#navigation .current a.label { background-position: -480px -100px; width: 120px; }

#navigation a.b2b { background-position: -600px 0; width: 120px; }
#navigation .highlight a.b2b:hover, #navigation a.b2b .hover { background-position: -600px -50px; width: 120px; }
#navigation .current a.b2b { background-position: -600px -100px; width: 120px; }

#navigation a.contact { background-position: -720px 0; width: 120px; }
#navigation .highlight a.contact:hover, #navigation a.contact .hover { background-position: -720px -50px; width: 120px; }
#navigation .current a.contact { background-position: -720px -100px; width: 120px; }

/* ---CONTENT--- */

#main { overflow: hidden; color: grey; margin: 0 0 20px 0; }

.full { width: 838px; margin: 10px 0; background: rgb(240,240,240) url(img/_design/bg_box.jpg) repeat-x; border: 1px solid grey; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; min-height: 400px; }
.full .head { font-size: 16px; font-variant: small-caps; margin: 10px 0 5px 20px; }

/* ---CONTENT LEFT--- */

#left { width: 558px; float: left; margin: 10px 10px 0 0; background: rgb(240,240,240) url(img/_design/bg_box.jpg) repeat-x; border: 1px solid grey; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; min-height: 400px; }
#left h2 { margin: 10px 0 5px 20px; font-variant: small-caps; }
#left .head { font-size: 16px; font-variant: small-caps; margin: 10px 0 5px 20px; }

/* ---HOMEPAGE LEFT--- */

#newspanel h2 { font-size: 16px; font-variant: small-caps; padding-top: 100px; margin: 5px 0 0 20px;  }

.slider-wrap { width: 520px; height: 390px; margin: 0 0 0 20px; }			

.stripViewer { position: relative; overflow: hidden; width: 520px; height: 390px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel	{ float: left; height: 390px; position: relative; width: 520px; }
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }

.stripNavL, .stripNavR, .stripNav { display: none; }

.nav-thumb { margin: 0; float: left; }

#movers-row { margin: 0; }
#movers-row img { width: 100px; float: left; margin: 0; border: 10px solid rgb(0,0,0); }
#movers-row div a.cross-link { float: right; }

.photo-meta-data { background: url(img/_design/transBlack.png); padding: 10px 10px 20px 10px; height: 80px; margin-top: -80px; position: relative; z-index: 9999; color: white; }
.photo-meta-data p { font-size: 14px; }

.cross-link { display: block; width: 100px; margin-top: -14px; float: left; position: relative; padding-top: 14px; z-index: 9999; }

.active-thumb { background: transparent url(img/_design/icon_arrow.png) top center no-repeat; }

#newspanel .more { list-style: none; margin: 10px 0 10px 20px; width: 520px; }
#newspanel .more li { font-size: 12px; border-bottom: 1px dotted black; line-height: 24px; }
#newspanel .more li a { color: grey; }

/* ---RELEASES--- */

#releaselist { list-style: none; margin: 10px 20px 10px 20px; }
#releaselist li { float: left; margin: 0 65px 0 0; height: 265px; }
#releaselist .last { margin-right: 0; }
#releaselist .releasepic { width: 150px; height: 250px; overflow: hidden; }

.releaseinfo { margin: -80px 0 20px 0; width: 150px; background-color: rgb(240, 240, 240); }
.releaseinfo h1 { font-size: 14px; margin-bottom: 2px; color: rgb(75,75,75); }
.releaseinfo h2 { font-size: 12px; margin-bottom: 4px; }
.releaseinfo p { font-size: 11px; margin-bottom: 12px; }

/* ---RELEASE SINGLE--- */

#release-left { width: 390px; margin: 10px 0px 10px 20px; float: left; }
#release-left-top { width: 390px; overflow: hidden; }
#release-left-top #releasepic { width: 150px; height: 150px; float: left; margin: 0 20px 0 0; overflow: hidden; }
#release-left-top h1 { font-size: 18px; margin: 0 0 8px 0; }
#release-left-top h2 { font-size: 14px; margin: 0 0 10px 0; }
#release-left-top h3 { font-size: 12px; margin: 0 0 10px 0; font-weight: normal; }
#release-left-top .shopbtn { width: 190px; height: 50px; float: left; background: url(img/_design/btn_shop-big.png) no-repeat 0 0; margin: 0 0 0 -8px; }
#release-left-top .shopbtn:hover { background: url(img/_design/btn_shop-big.png) no-repeat 0 -50px; }
#release-left-top .shopbtn img { width: 180px; height: 40px; margin: 5px 0 0 5px; }

#release-left-bottom { margin-top: 20px; }
#release-left-bottom h4 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
#release-left-bottom ol { list-style-position: outside; margin: 0 0 10px 24px; width: 360px; }
#release-left-bottom ol li { list-style-type: decimal-leading-zero; font-size: 11px; }
#release-left-bottom ol li p { font-size: 12px; border-bottom: 1px dotted grey; margin: 0 0 3px 0; }
#release-left-bottom ol li .player { border: 0; }

#release-right { width: 390px; margin: 10px 20px 10px 0px; float: right; }
#release-right .quote { font-size: 16px; font-style: italic; margin: 0 0 10px 0; }
#release-right-mid { font-size: 12px; margin: 0 0 20px 0; }
#release-right #videoplayer { margin: 0 0 20px 0; }
#release-right #videoplayer .head-right { font-size: 14px; font-weight: bold; margin-bottom: 10px; font-variant: small-caps; }

/* ---ARTISTS--- */

#artistlist { list-style: none; margin: 10px 20px 10px 20px; }
#artistlist li { width: 380px; float: left; margin: 0 38px 10px 0; }
#artistlist .right { margin: 0; }
#artistlist .artistpic { width: 380px; height: 250px; }

.artistinfo { width: 380px; margin: -90px 0 20px 0; }
.artistinfo h1 { font-size: 16px; margin: 0 0 10px 0; color: rgb(75,75,75); }
.artistinfo p { font-size: 12px; margin-bottom: 12px; }

/* ---ARTIST SINGLE--- */

#artist-left { width: 390px; margin: 10px 0px 10px 20px; float: left; }
#artist-left-top { width: 390px; overflow: hidden; }
#artist-left-top img { float: left; margin: 0 20px 0 0; }

#artist-left-top h2 { font-size: 14px; margin: 0 0 14px 0; }
#artist-left-top h3 { font-size: 12px; margin: 0 0 20px 0; font-weight: normal; }
#artist-left-top .shopbtn { width: 190px; height: 50px; background: url(img/_design/btn_shop-big.png) no-repeat 0 0; margin: 0 0 0 160px; }
#artist-left-top .shopbtn:hover { background: url(img/_design/btn_shop-big.png) no-repeat 0 -50px; }
#artist-left-mid { font-size: 12px; margin: -70px 0 10px 0; }
#artist-left-mid p { margin-bottom: 12px; }
#artist-left-bottom h4 { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
#artist-left-bottom ul { margin: 0; font-size: 14px; overflow: hidden; }
#artist-left-bottom ul li { float: left; margin: 0 10px 10px 0; }
#artist-left-bottom ul img { opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8; }
#artist-left-bottom ul img:hover { opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; }
#artist-left-bottom .discoinfo { width: 120px; margin: 10px 0 10px 0; }
#artist-left-bottom .discoinfo h1 { margin: 0 0 6px 0; }
#artist-left-bottom .discoinfo p { font-size: 11px; margin: 0; }
#artist-left-bottom .discoinfo .shopbtn-small { width: 100px; height: 30px; margin: 0 0 0 -5px; background: url(img/_design/btn_shop-small.png) no-repeat 0 0; }
#artist-left-bottom .discoinfo .shopbtn-small:hover { background: url(img/_design/btn_shop-small.png) no-repeat 0 -30px; }
#artist-left-bottom .discoinfo .shopbtn-small img { width: 90px; height: 20px; margin: 5px 0 0 5px; }

#artist-right { width: 390px; margin: 10px 20px 10px 0px; float: right; }
#artist-right h1 { font-size: 18px; margin: 0 0 8px 0; }
#artist-right .quote { font-size: 16px; font-style: italic; margin: 0 0 10px 0; }
#artist-right #audioplayer { margin: 0 0 20px 0; }
#artist-right ul li p { font-size: 12px; border-bottom: 1px dotted grey; margin: 0 0 3px 0; }
#artist-right ul li .player { border: 0; }
#artist-right #videoplayer { margin: 0 0 20px 0; }
.head-right { font-size: 14px; font-weight: bold; margin-bottom: 10px; font-variant: small-caps; }

.releasethumb { width: 100px; height: 100px; overflow: hidden; }
.releasethumb img { margin: 0; }

/* ---NEWS SINGLE--- */

#singlenews { width: 520px; margin: 0 0 10px 20px; overflow: hidden; }

#singlenews-left { width: 100px; float: left; margin: 0 20px 10px 0; overflow: hidden; }

#singlenews-right { width: 400px; margin: 0 0 10px 0; overflow: hidden; }
#singlenews-right p { font-size: 12px; }
#singlenews-right #postinfo { font-size: 11px; margin: 20px 0 10px 0; }

#singlenews-info { margin-top: 10px; padding-top: 5px; border-top: 1px dotted grey; clear: both; }

/* ---B2B--- */

#b2b { background: url(img/_design/b2b.png) no-repeat 0 0; width: 600px; height: 350px; margin: 10px auto; }

#presse { width: 120px; position: absolute; margin: 234px 0 0 106px; }
#haendler { width: 120px; position: absolute; margin: 234px 0 0 376px; }

/* ---CONTACT--- */

#adresse { width: 160px; margin-left: 20px; float: left; }

#wpcf7-f1-p14-o1 { width: 354px; float: right; margin-bottom: 20px; }
#wpcf7-f1-p14-o1 p { font-size: 11px; margin: 0; padding: 0; width: 354px; }
#wpcf7-f1-p14-o1 img { margin: 10px 0 5px 0; }

/* ---SIDEBAR RIGHT--- */

#right { width: 268px; float: right; }

#sidebar { width: 268px; margin: 10px 0; float: right; }
#sidebar ul { list-style: none; }
#sidebar ul li { margin: 0 0 10px 0; background: rgb(240,240,240) url(img/_design/bg_box.jpg) repeat-x; padding: 10px; border: 1px solid grey; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#sidebar ul li h3 { font-size: 12px; font-variant: small-caps; margin: 0 0 5px 0; }
#sidebar .audio { height: 120px; }
#sidebar .shop { height: 120px; }
#sidebar .newsletter { height: 120px; }

/* ---FOOTER--- */

#footer { clear: both; height: 30px; color: white; border-top: 1px solid grey; }
#footer #footer_left { float: left; line-height: 30px; margin: 0 20px 0 0; font-variant: small-caps; letter-spacing: 1px; }
#footer #footer_left a { color: lightgrey; text-shadow: 1px 1px 1px black; } #footer #footer_left a:hover { color: white; }
#footer #footer_right { float: right; line-height: 30px; margin: 0 0 0 20px; font-variant: small-caps; letter-spacing: 1px; }
#footer #footer_right a { color: lightgrey; text-shadow: 1px 1px 1px black; } #footer #footer_right a:hover { color: white; }