/*  
Theme Name: BoogiePost Theme
Theme URI: 
Description: Theme for boogiepost.com 
Version: 0.2
Author: Johannes Burström
Author URI: http://johannes.ljud.org

@import url("debug.css");
	
 */

/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; background: #fff; margin: 1.5em 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } input,textarea { margin: 0; } hr {display:none;} /* Removes Firefox imposed outline */ a { outline: none; } /* Clearing floats without extra markup  */ .wrapper { display: inline-block; } .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .wrapper { height: 1%; } .wrapper { display: block; } 
html{
    margin:0;
    padding:0
     }

body{
    font-size: 62.5%;
    margin:0;
    padding:0;
/*    background-color:#a9bfc8;*/
    background-color:#fcfcfa;
     }
/*--------------------id's--------------------*/

#header {
    position:relative;
    margin-top:5px;
    padding-left:10px;
    width:95em;
    margin-bottom:0em;
    margin-bottom:3.6em;
}

#header h1 {
    margin:0;
    padding:0;
    line-height:0;
}

#header h1 a {
    height:0px;
    position:relative;
    overflow:hidden;
    display:block;
    width:133px;
    height:100px;
}

#header h1 a span { 
    background:#fcfcfa url("images/BPlogo.png") top left no-repeat;
}


#mainmenu {
    right:0em;
    float:right;
    position:absolute;
    margin-bottom:0;
    bottom:0px;
}

#mainmenu li {
    padding: 0.2em 0 0 40px;
    float:left;
    display:block;
    position:relative;
}

#befriend {
    background-color:#fcfbf5;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #666;
    padding:8px 0;
}
.js #befriend { display:none; }

#befriend li p {
    width:25em;
    margin-bottom:0;
}

#mailsignup {
    float:right;
    padding-right:0.5em;
}

#content {
    width:95em;
    padding-left:10px;
    background-color:#fcfcfa;
}

#subheader {
    position:relative;
    width:100%;
    color:#666;
    padding:1.8em 0;
    margin-top:-3.6em;
}
#contactus, #shopping_line {
    position:absolute;
    right:0px;
    top:0px;
    text-align:right;
    margin-top:-9.2em;
}
#subheader #shopping_line {
    margin-top:-7.4em;
}
    

#welcome_blurb {
    width:46em;
    float:left;
    padding-right:1em;
}

#welcome_blurb #news {
    padding-top:1.8em;
    width:42em;
}

#welcome_records {
    margin:0 0 0 1.8em;
    width:2px;
    float:left;
    position:relative;
    text-align:center;
}

#welcome_records .image {
    position:absolute;
}

#welcome_events {
    padding-left:1em;
    float:left;
    margin-top:3.62em;
    position:relative;
    width:24em;
}


#footer {
    clear:both;
    padding-left:10px;
}

#about-body {
    position:relative;
    float:left;
}
#about-form {
    float:right;
    width:28em;
    position:relative;
    margin-left:2em;
}

#about-form .ddfmwrap {
    margin-top:1.6em;
}
    

#artist_blurb {
    width:56em;
    float:left;
    position:relative;
}
#artist_press {
    background:#fcfbf5;
    border:1px solid #666;
    padding:1.8em 10px 0;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    width:28em;
    float:right;
    position:relative;
}

#artist_discog {
    clear:left;
    float:left;
    position:relative;
    width:56em;
    padding-right:2em;
}

#artist_discog .image {
    position:relative;
    clear:right;
    float:right;
    margin-left:2em;
}

#artist_discog .release_catalog_number {
    display:none;
}

#artist_events {
    float:left;
    position:relative;
    width:24em;
}

.artistblock {
    width:420px;
    float:right;
    clear:right;
    position:relative;
    margin-bottom:1.8em;
}

.artistblock.alt {
    float:left;
    clear:left;
}
.releaseblock {
    margin-bottom:1.8em;
    float:right;
    clear:right;
    position:relative;
    width:420px;
}
.releaseblock.alt {
    float:left;
    clear:left;
}


.releaseblock .image {
    float:right;
    position:relative;
    margin:1.8em 0 1.8em 2em;
}
#release_blurb {
    width:32em;
    float:left;
    position:relative;
}

#release_flashcontent {
    position:relative;
    width:500px;
    float:left;
    margin-left:4em;
}

#release_flashcontent p {
    width:300px;
    margin-left:100px!important;
}

#eventpage, #archive, .narrowcolumn {
    width:72em;
}

#about-body.narrowcolumn {
    width:56em;
}

.event .img {
    margin:0 0.6em 0 0;
    float:left;
}

/*--------------------textgestaltung--------------------*/
body {
	font-family:Geneva, Verdana, sans-serif;
    color: #200;
}

h1, h2, h3, h4, #mainmenu li {
    font-family: helvetica, arial,  sans-serif;
    color: #200;
    /*font-weight: bold;*/
}

p {
    font-size:1.3em;
    margin-bottom:1.385em;
    line-height: 1.385;
}

.breadcrumb {display:none; }
#subheader p{
    font-size:1.1em;
    margin-bottom:1.637em;
    line-height:1.637em;
}
#shopping_line .checkout a {
    padding: 0 3px;
    background-color:yellow;
}
.js span.checkout {
    display:none;
}

.medium p, 
p.medium, 
p.events_showall, 
p.permalink, 
.review p, 
#welcome_blurb #news p, 
#release_flashcontent p, 
p.slogan, 
p.keywords
{
    font-size:1.2em;
    margin-bottom: 1.5em;
    line-height:1.5;
} 

p.slogan,
p.keywords
{
    font-family:Helvetica, Arial, Sans-serif;
    margin-top:-1.5em;
}
p.permalink {
    font-size:1.1em;
    margin-bottom: 1.64em;
    line-height:1.64;
    margin-top:-1.64em;
}

p.fancy_permalink {
    font-size:1.1em;
    position:absolute;
    top:0;
    right:0;
    margin-top:0;
}
p.release_catalog_number {
    position:absolute;
    right:0px;
    font-family:Helvetica, Arial, Sans-serif;
    font-size:1em;
}

p.small, small, #eventpage p.small, p.time {
    font-size:1.0em;
    margin: 1.8em 0;
    line-height:1.8;
}


#welcome_blurb #news p.time {
    font-size:1em;
    margin:0em 0 1.8em;
}

form.paypallink {
    position:absolute;
    top:0px;
    right:0px;
}

form.paypallink .producttext {
    margin-bottom: 1.654em 0;
}
div.producttext {
	font-size:100%!important;
}


/*
p.paypal_link {
    font-size:1.1em;
    margin: 1.654em 0;
    line-height:1.654em;
}
    */
#eventpage p.small {
    margin: 1em 0;
}
p.event_icons img {
    margin-bottom:-2px;
}

h1 {
    float:left;
    display:block;
    letter-spacing:-1px;
    font-size:2.4em;
    line-height:0.75;
}

h2 {
    font-size:1.75em;
    line-height:1.029;
    margin-bottom:1.029em;
}

h3, h2.prodtitles{
    font-size:1.6em;
    line-height:1.125;
    margin-bottom:1.125em;
}

h3.releasetitle {
    margin-top:-0.643em;
    margin-bottom:1.928em;
}

h4 {
    font-size:1.4em;
    line-height:1.286;
    margin-bottom:1.286em;
}

#news h4 {
    margin-bottom:0;
}

#eventpage p {
    font-size:1.2em;
    margin-bottom: 1.5em;
    line-height:1.5;
}

b, strong { font-weight:bold }
em, cite { font-style:italic; }

/*---------------------
LISTS
---------------------*/

ul{
    list-style-type:none;
    margin-bottom:1.8em;
}

li {
    font-size:1.2em;
    line-height:1.5;
}
li.small {
    font-size:1em;
}
#mainmenu li {
    font-size:1.6em;
    line-height:1;
}
.eventlist li { font-size:1.0em;}
.event li { font-size: 1.2em; line-height:1.5; }
.event li.more { font-size:1.0em; line-height:1.8;}
.event .artist {
    font-weight:bold;
}
#befriend ul {
    margin:0;
}
#befriend li {
    font-size:1.1em;
    line-height:1.637em;
    display:block;
    float:left;
    padding:0 50px 0 10px;
}

#befriend li li {
    font-size:1em;
    float:none;
    padding:0;
}



/*--------------------linkgestaltung--------------------*/

a {
    text-decoration:none;
    color: #ab1314;
}

a:hover {
    border-bottom:1px solid #ab1314;
}

.gallery a:hover {
    border:none;
}

.image a:hover {
    position:relative;
    top:-2px;
    left:-2px;
    border:none;
}
#mainmenu li a:hover {
    border:0;
}

a.wpsc_product_title:hover {
    border:none;
}


a:visited { 
    color: #7E1314;
    border-color:#7E1314;
}

#sideshoppingcart a {
    color: #666666;
}

#header a {
    border:none;
}

#mainmenu li a,
#mainmenu li a:visited,
p.breadcrumb a, p.breadcrumb a:visited,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited,
h1 a, h2 a, h3 a, h4 a {
    border:none;
    color: #200;
}

p.breadcrumb a:hover,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #ab1314;
}

#mainmenu li a:hover, 
#mainmenu li.current_page_item a, 
#mainmenu li.current_page_item a:visited,
#mainmenu li.current_page_ancestor a, 
#mainmenu li.current_page_ancestor a:visited
{
    color: #ab1314;
}

td { font-size:1.2em; }


/*--------------------bilder als links--------------------*/
a img{
    border:0px;
     }


/* forms */

input, textarea, select{
    padding:1px;
    background-color:#f8f8f8;
    font-family:Geneva, Verdana, sans-serif;
    font-size:1.1em;
}

input#YMLP0 {
    margin-bottom:14px;
}

form .submit input, form input#submit {
    background-color:#f8f8f8;
    border-width:1px 2px 2px 1px;
}

form .credits {
    display:none;
}
#commentform {
    width:502px;
}
#commentform p {
    line-height:0.75em;
    margin-bottom:0;
    margin-top:0.75em;
}

#commentform .submit {
    text-align:right;
}
form.ddfm label {
    color:#200!important;
    font-weight:normal!important;
}
p.fieldwrap {
    font-size:1.2em;
    line-height:1.5;
    margin-bottom:1.5em;
}

.ddfmwrap {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #999;
    background-color:#fcfbf5;
}

.ddfm .required {
    display:none; /* remove stars from form */
}

.gallery dl {
    float:left;
    margin-right:10px;
    overflow:hidden;
    width:82px;
}

.gallery img {
    border:1px solid #666
}

/*---------MISC CLASSES-----------*/

.noborder {
    border:0;
}
.highlight {
    background-color:yellow
}

.replace { 
background:none;
position:relative;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.replace span {
display:block;
position:absolute;
top:0px; left:0px;
z-index:1; /*for Opera 5 and 6*/
width:100%;
height:100%;
}
.replace a { display:block; cursor:pointer;}