/*
Theme Name: Boyahkasha
Theme URI: http://boyahkasha.ch
Description: Wordpress Theme
Version: 1
Author: Benjamin Ogg
Author URI: http://099.ch
*/
/* 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, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle; }
a img, :link img, :visited img { border: 0; }
a { outline: none; }

/* HTML ELEMENTS */
html { height: auto; background: #d9a02d; }
body { font:62.5%/2.1em helvetica, sans-serif; line-height:2.1em; color: #fafafa; }
img.background { min-height: 100%; min-width: 1024px; z-index: 1; width: 100%; height: auto; position: fixed; top: 0; left: 0; border-top: #2C0546 15px solid; }
		
@media screen and (max-width: 1024px) { img.bg { left: 50%; margin-left: -512px; } }

/* PAGE STRUCTURE */
header, section, footer, aside, nav, article, figure { display: block; }
header, #content, footer { margin: 0 auto; width: 940px; padding: 0 10px; }
header { height: 231px; }
#content { z-index: 5; position: relative; }
section { margin: 0 auto; display: block; }
aside { width:  210px; float: left; background-color: #c69033; }
#main { width:  670px; margin-left: 60px; float: left; }
#post-wrapper { background: rgba(38,23,25,0.9); border: 1px rgba(255,255,255,0.1) solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative; padding: 0 0 63px 0; min-height: 40em; height:auto !important; height: 40em; }
body.single #post-wrapper { padding-top: 63px; }
footer { padding: 42px 0; text-align: center; letter-spacing: 1px; }

/* NAVIGATION */
body#home .home { }
nav { margin-bottom: 42px; font-size: 21px; }
nav ul { font-size: 18px; }
nav li { height: 42px; line-height: 42px; list-style: none; background: url(bilder/bg-trenner-light.png) repeat-x left bottom; padding: 0 20px; }
nav li a { color: #fafafa; display: block; text-decoration: none; }
nav li a:hover { color: #38302b; background-position: bottom 0; }
li#current a { color: #553523; }
.wp-pagenavi { text-align: center; padding-top: 21px; }
.wp-pagenavi a { font-size: 14px; margin: 0 20px 0 0; padding: 10px 15px; color: #e3c196; text-align: center; padding: 10px; }
.wp-pagenavi a:hover { background: #D3A5F2; }
.wp-pagenavi .current { font-size: 14px; background: #c5b298; color: #38302b; text-align: center; }

/* TYPROGRAPHY */
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none; text-decoration:none; transition: color 0.4s linear; cursor:hand;}
a:hover { color: #fafafa; }
b, strong { font-weight: bold; }
.bigger { font-size:80px; letter-spacing:-2px;}
em { font-style: italic; }
h1 { font-size:50px; line-height: 1em; text-transform: uppercase; }
h2 { font-size:42px; line-height: 1em; }
h3 { font-size:35px; line-height: 0.8333em; }
h4 { font-size:21px; line-height: 1em; margin-bottom: 1em; }
h5 { font-size:18px; line-height: 1.1666em; }
h6 { font-size:16px; line-height: 1.3125em; }
h1, h2, h3, h4, h5, h6 { position: relative; }
h2, h3, h4, h5, h6 { font-family: 'TeXGyreAdventorRegular', helvetica, arial, sans-serif; font-weight: normal;}
h1, h6 { font-family: 'TeXGyreAdventorBold', helvetica, sans-serif; font-weight: normal;}
h1, h2, h3, h4 { text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5); }
i { font-style: italic; }
p { font-size:16px; line-height:1.3125em; margin-bottom: 1.5em; letter-spacing: 0; }

/* ASIDE */
aside h2 { font-size: 28px; font-weight: normal; color: #C588ED; background: #611693; position: absolute; left: -10px; text-align: center; width: 230px; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);padding: 5px;}
aside h2 { font-family: 'TeXGyreAdventorBold', helvetica, sans-serif; }
.addthis_toolbox { padding: 0 0 24px 20px;}
#main .addthis_toolbox { position: absolute; right: 20px; top: 21px; }
.fb-like-box { background: #fafafa; margin: 60px 0 20px; }

/* ARTICLE */
article { padding: 21px 50px; position: relative; background: url(bilder/bg-trenner-dark.png) repeat-x left bottom; }
body.single-party article, body.post-type-party-archive article, body.post-type-gallery-archive article, body.home article.mainparty { padding-left: 125px; }
body.category-party article { padding-left: 125px; }
article h1 { text-transform: uppercase; letter-spacing: -2px; color: #c588ed; font-family: 'TeXGyreAdventorRegular', helvetica, sans-serif; font-weight: normal; margin-bottom: 10px; }
article h1 a { color: #d3a5f2; font-size: 42px; text-decoration: none; }
article h2 { letter-spacing: -1px; color: #c588ed; }
article h2 a { color: #a03ee2; font-size: 21px; margin-bottom: 1em; text-decoration: none; }
article h4 a { color: #a03ee2; text-decoration: none; text-transform: uppercase; }
article p { color: #9d805a; }
article p a { color: #a84de4; text-decoration: none; }
article p.adress { color: #c5b298; background: url(bilder/ico-adress.png) no-repeat left 7px!important; padding: 10px 0 10px 45px; border-bottom: #35231C 1px solid; }
article p.edition { color: #c5b298; background: url(bilder/ico-edition.png) no-repeat left 7px!important; padding: 10px 0 10px 45px; border-bottom: #35231C 1px solid; }
article p.url { color: #c5b298; background: url(bilder/ico-url.png) no-repeat left 7px!important; padding: 10px 0 10px 45px; border-bottom: #35231C 1px solid; }
article p.musicstyle { color: #c5b298; background: url(bilder/ico-musicstyle.png) no-repeat left 7px!important; padding: 10px 0 10px 45px; border-bottom: #35231C 1px solid; }
article p.location { color: #c5b298; background: url(bilder/ico-location.png) no-repeat left 7px!important; padding: 10px 0 10px 45px; border-bottom: #35231C 1px solid; }
body.single-party article p { background: url(bilder/ico-dj.png) no-repeat left 7px; padding: 10px 0 10px 45px; border-bottom: #35231C 1px solid; }
article p.gallery { color: #c5b298; background: url(bilder/ico-gallery.png) no-repeat left 7px!important; padding: 10px 0 10px 45px; border-bottom: #35231C 1px solid; }
article p.specialact { color: #c5b298; background: url(bilder/ico-specialact.png) no-repeat left 7px!important; padding: 10px 0 10px 45px; border-bottom: #35231C 1px solid; }
article h2.dj { background: url(bilder/ico-dj.png) no-repeat left 17px!important; padding-left: 40px; }
article h4.dj { background: url(bilder/ico-dj.png) no-repeat left 0!important; padding-left: 40px; padding-bottom: 10px; }
article h2.location { background: url(bilder/ico-location.png) no-repeat left 17px!important; padding-left: 40px; }
article img { padding: 10px 0 11px 0; }

/* FOOTER */
footer a { color: #d3a5f2; text-decoration: none; } 

/* OTHER CLASSES  */
blockquote { font: italic 1.6em/1.5em georgia, serif;  padding: 1.5em }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.datum { position: absolute; left: -15px; height: 50px; width: 100px; background: #a03ee2; text-align: center; color: #35231c; margin-top: 12px; }
.datum span { height:15px; width: 15px; position: absolute; left: -1px; bottom: -13px; background: url(bilder/bg-datum.png) no-repeat center center; }
.datum h5 { font-size: 15px; line-height: 0.7em; padding-top: 8px; text-transform: uppercase; }
.datum h6 { color:#C588ED; font-size: 25px; line-height: 1em; } 
.kontakt { padding-left: 20px; margin-bottom: 42px; color: #553523; font-size:12px; }
.kontakt h6 { color:  #fafafa; }
.kontakt a { color: #553523; text-decoration: none; }
.kontakt a:hover { color: #f096bc; }
.logo { background: url(bilder/boyahkasha-logo.png) no-repeat left center; text-indent: -999em; height: 231px; width: 100%; }
.minimum-height { min-height: 30em; height:auto !important; height: 30em; }
.next-post { position: absolute; right: 20px; top: 25px; }
.ngg-galleryoverview { margin: 10px 0 11px 0; }
.ngg-gallery-thumbnail-box { height: 100px; }
.previous-post { position: absolute; left: 20px; top: 25px; }
.next-post a, .previous-post a { text-decoration:  none; font-size: 15px; color: #8e5e4a;}
.next-post a:hover, .previous-post a:hover { color: #fafafa;}
.title { height: 63px; position: relative; }
.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

/* IMAGES  */
img.img-left, img.img-right { margin-bottom: 2.1em; position: relative; top: 0.5em; }
img.img-left { float: left; margin-right: 2.1em; }

img.img-right { float: right; margin-left: 2.1em; }
 
/* LISTS */
ul { margin: 0 0 21px 0; font-size: 15px; line-height: 1.4em; color: #9D805A; }
ul.grid { margin: 21px 0; list-style-type: none; font-size: 15px; line-height: 1.4em; }
ul.grid li { color: #b29978; position: relative; padding-left: 100px; }
ul.grid a { color: #a84de4; text-decoration: none; }
ul.grid a:hover { color: #fafafa; }
ul.grid em { letter-spacing: 1px; padding-right: 5px; text-transform: uppercase; font-style: normal; font-size: 12px; position: absolute; left: 0; }
ul.kontakte { list-style: none; padding-top: 60px; }
ul.kontakte li { height:  26px; padding-left: 30px; color: #553523; }
ul.kontakte li.phone { background: url(bilder/ico-phone.png) no-repeat left top; }
ul.kontakte li.facebook { background: url(bilder/ico-facebook.png) no-repeat left top; }
ul.kontakte li.mail { background: url(bilder/ico-mail.png) no-repeat left top; }
ul.kontakte li.twitter { background: url(bilder/ico-twitter.png) no-repeat left top; }

/* FORM ELEMENTS */
aside form { margin-left: 8px; padding-bottom: 42px; }
aside label { display: block; color: #553535; }
aside form input, aside form textarea { width: 150px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #fafafa; border: none; padding: 5px; font: normal 14px/1.5em arial, sans-serif; margin: 5px 0; -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.7); -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.7); }
form input:focus, form textarea:focus { background-color: #C588ED; border: none; }
input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], textarea {width: 80%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:16px; line-height: 25px; padding:5px; margin: 3px 0 10px 0;border:none;}
form table {width: 100%; }
td { padding: 5px; }

/* BUTTON */
.button { color: #fafafa; cursor: pointer; display: inline-block; position: relative; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); font: normal 14px/1.5em 'TeXGyreAdventorBold', helvetica, sans-serif; width: 160px; text-align: center; background-color: #553525; }
.button:hover { background-color: #611693; }