@charset "UTF-8";
/**
 * Sascha Hommel - CSS: Layout
 *
 *
 * @author Danny Otto | pixelbrand.net
 * @date   2010-03
 *
 * hacer con amor
 *
 */
@import url(contentbase.css);
@import url(navigations.css);
@import url(tabs.css);
@import url(fancybox.css);



/* ------------------------------------------ */
/* Layout & Raster */
body { background: url(../images/bg_sascha.jpg) center 0 no-repeat #000; }
#margins { background: url(../images/bg_sascha.jpg) center 0 no-repeat; margin: 0 auto; position: relative; width: 1000px; }



/* ------------------------------------------ */
/* Header */
#header { background: url(../images/top_default.jpg) 48px 0 no-repeat; height: 395px; }
#header h1 { position: absolute; top: -999em; left: -999em; }
#header #mainsponsor { position: absolute; top: 0; left: 775px; }



/* ------------------------------------------ */
/* Main */
#main-bg { background: url(../images/bg_main.jpg) repeat-y #fff; margin: 0 270px 0 30px; }
#main { background: url(../images/bg_sascha.jpg) -140px -395px no-repeat; margin: 0; min-height: 500px; }
#content { float: left; margin: 0 0 0 50px; padding: 20px 0 50px 0; position: relative; width: 500px; }
#sidebar { float: right; padding: 465px 0 0 0; position: relative; width: 120px; }
#facebook { position: absolute; top: 406px; left: 653px; z-index: 667; }
#twitter { position: absolute; top: 446px; left: 653px; z-index: 667; }



/* ------------------------------------------ */
/* Sidebar */
#sidebar #sponsors ul { list-style: none; margin: 0; padding: 0; }
#sidebar #sponsors ul li { margin: 0 0 10px 0; padding: 0; text-align: center; }



/* ------------------------------------------ */
/* Footer */
#footer { padding: 10px 30px 0 50px; }
#footer p.top { color: #888; font-size: .9em; margin: 0; }
#footer p.top a { background: url(../images/bg_date.png) no-repeat; color: #d2d1cc; float: left; margin: 0 .2em 0 0; padding: .2em .7em .1em .7em; }
#footer p.top a:hover, #footer p.top a:active, #footer p.top a:focus { background: #003789; color: #fff; text-decoration: none; }



/* ------------------------------------------ */
/* Content */
.first { margin-top: 0; }
.xl { font-size: 1.2em; }
.c { text-align: center; }
.r { text-align: right; }
.y { color: #003789; text-transform: uppercase; }

div.hr { border-top: 1px #087fcb dotted; height: 1px; margin: 1.2em 0; overflow: hidden; }
div.hr hr { visibility: hidden; }

/* Single */
#date { position: absolute; top: 0; left: 0; }
#date span { background: url(../images/bg_date.png) no-repeat; color: #d2d1cc; float: left; font-size: 1.1em; margin: 0 .2em 0 0; padding: .3em .7em; }

/* Single + List */
.post h3 a { color: #dbbc1b; }
.post h3 a:hover, .post h3 a:active, .post h3 a:focus { color: #003789; }
.post h3 a:visited { font-style: normal; }
.postmeta { font-size: .8em; margin: 0 0 2em 0; }
#paging { border-top: 1px #b0aca6 solid; border-bottom: 1px #b0aca6 solid; margin: 2em 0 1em 0; padding: .5em; }

/* Kommentare */
#comments { }
#comments ol#commentlist { border-top: 1px #b0aca6 solid; list-style: none; margin: 0 0 1em 0; padding: 0; }
#comments ol#commentlist li { border-bottom: 1px #b0aca6 solid; font-size: .9em; margin: 0; padding: 10px; }
#comments ol#commentlist li p.meta { font-size: .9em; margin: 0; }

/* Formular */
#commentsform { }

/* Sponsoren */
ul.sponsors { margin: 0 0 1em 0; padding: 0; }
ul.sponsors li { float: left; list-style: none; margin: 0 15px 15px 0; padding: 0; }
ul.sponsors li img { vertical-align: bottom; }

/* Bildergalerie */
.gallery { margin: 0 0 1em 0; }
.gallery ul { list-style: none; margin: 0; padding: 0; }
.gallery li { display: inline; list-style: none; margin: 0; padding: 0; }
.gallery li a { float: left; margin: 0 1px 1px 0; }
.gallery li a img { border: 1px #fff solid; padding: 1px; }
.gallery li a:hover img, .gallery li a:active img, .gallery li a:focus img { border-color: #000; }

/* Twitterfeed */
#twitterfeed {
  background: url(../images/bg_twitterfeed.png) 0 -35px no-repeat;
  color: #fff;
  display: none;
  height: 420px;
  font-size: .9em;
  padding: 20px;
  position: absolute; top: 25px; left: -54px;
  width: 240px;
}
#twitterfeed h3 { color: #fff; font-size: 1em; margin: 0; padding: 0 .5em; }
#twitterfeed ul { height: 340px; margin: 0; padding: 0; overflow: auto; }
#twitterfeed li { border-bottom: 1px #fff dotted; list-style: none; margin: 0 5px 0 0; padding: .5em; }
#twitterfeed li:last-child { border: none; }
#twitterfeed a { color: #fff; }
#twitterfeed .profileLink, #twitterfeed .preLoader { padding: .5em; }