@charset "UTF-8";
/**
 * musikwinkel.info - CSS: Layout & Content
 *
 *
 * @author Danny Otto | pixelbrand.net
 * @date   2010-06
 *
 * hacer con amor
 *
 */
@import url(fancybox.css);



/* ------------------------------------------ */
/* Contentbase */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { font-size: 100.01%; }

.clearfix { display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.floatbox { overflow: hidden; }

.hideme, dfn, #nav-first a { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }
.print { display: none; }



/* ------------------------------------------ */
/* Ausrichtung */
#margins { background: #fff; margin: 0 auto; width: 740px; }



/* ------------------------------------------ */
/* Header */
#header { background: url(../images/bg_header.png) repeat-x; padding: 0 215px 0 15px; position: relative; }
#header h1 { margin: 0; padding: 0; }
#header #button { position: absolute; top: 6px; right: 60px; }
#header #description { border-top: 1px #ccc solid; font-family: Georgia, Times, "Times New Romain", serif; font-size: 1.1em; padding: 1.2em 10px; }
#header #description p { margin: 0; padding: 0; }



/* ------------------------------------------ */
/* Main */
#main { padding: 0 14px; }
#col1 { border-top: 1px #ccc solid; float: left; padding: 1em 0 50px 0; width: 510px; }
#col2 { border-top: 1px #ccc solid; float: right; padding: 1em 0 50px 0; width: 170px; }



/* ------------------------------------------ */
/* Footer */
#footer { border-top: 1px #ccc solid; margin: 0 15px; padding: 1em 0; }



/* ------------------------------------------ */
/* Navigationen */

/* Sprungnavigation */
#nav-first { position: absolute; top: 0; left: 0; z-index: 67; }
#nav-first ul, #nav-first li { list-style: none; margin: 0; padding: 0; }
#nav-first a { position: absolute; left: -1000em; top: -1000em; }
#nav-first a:focus { background: #743928; color: #fff; display: block; line-height: 1.1em; height: auto; padding: .4em 1em; position: absolute; top: 0; left: 55px; outline: none; text-decoration: none; white-space: nowrap; width: auto; }

/* Hauptnavigationen */
#nav-main { padding: .5em 0; }
#nav-main ul { list-style: none; margin: 0; padding: 0; }
#nav-main li { display: inline; margin: 0; padding: 0; }
#nav-main li a, #nav-main li strong { display: block; float: left; font-size: 1.1em; font-weight: normal; margin: 0 2em 0 0; padding: 0; text-decoration: none; }
#nav-main li a span { color: #ff9a03; }
#nav-main li.current_page_item a,
#nav-main li.open a, #nav-main li strong, #nav-main li a:hover, #nav-main li a:active, #nav-main li a:focus { color: #ff9a03; }

/* Postnavigation */
#nav-posts a { background: #f2f2f2; float: left; margin: 0 .5em 0 0; padding: .5em 1em; text-decoration: none; }
#nav-posts a:hover, #nav-posts a:active, #nav-posts a:focus { background: #ff9a03; color: #fff; }

/* Social-Icons */
#nav-social { border-top: 1px #cfcfcf solid; border-bottom: 1px #cfcfcf solid; padding: 15px 0 0 0; }
#nav-social ul { list-style: none; margin: 0; padding: 0; }
#nav-social li { display: inline; list-style: none; margin: 0; padding: 0; }
#nav-social a { float: left; margin: 0 10px 0 0; }
#nav-social #rss a { background: url(../images/btn_rss2.png) no-repeat; }
#nav-social #facebook a { background: url(../images/btn_facebook2.png) no-repeat; }
#nav-social #flickr a { background: url(../images/btn_flickr2.png) no-repeat; }
#nav-social #twitter a { background: url(../images/btn_twitter2.png) no-repeat; }
#nav-social #youtube a { background: url(../images/btn_youtube2.png) no-repeat; }
#nav-social a:hover img, #nav-social a:active img, #nav-social a:focus img { visibility: hidden; }

/* */
.button { border-bottom: 1px #cfcfcf solid; text-align: center; }



/* ------------------------------------------ */
/* Formatierungen */
body { background: #f3f0e8; color: #666; font-family: "Myriad Pro", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif; font-size: 75.00%; }
textarea { font-family: "Myriad Pro", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif; font-size: 1em; }

h3 { color: #666; font-size: 2.2em; font-family: Georgia, Times, "Times New Romain", serif; font-weight: normal; line-height: 1.3em; margin: 1.2em 0 .6em 0; padding: 0 6px; }
h4 { font-size: 1.5em; font-family: Georgia, Times, "Times New Romain", serif; font-weight: normal; line-height: 1.3em; margin: 1em 0 .8em 0; padding: 0 6px; }
h5 { font-size: 1.1em; font-family: Georgia, Times, "Times New Romain", serif; font-weight: bold; margin: 1em 0 .6em 0; padding: 0 6px; }
h6 { font-size: 1em; font-style: italic; padding: 0 6px; }

p { line-height: 1.5em; margin: 0 0 .8em 0; padding: 0 6px; }

ul, ol { line-height: 1.3em; margin: 0 0 .8em 1em }
li { line-height: 1.6em; margin-left: 1em; }

a { color: #666; text-decoration: underline; }
a:focus, a:hover, a:active { color: #ff9a03; text-decoration: none; }
a img { border: 0; }

acronym, abbr { cursor: help; }

.float-left { float: left; margin: .2em 1em 0.4em 0; }
.float-right { float: right; margin: .2em 0 0.4em 1em; }
.img-left { margin: 0 0 .8em 0; }
.float-left p, .float-right p, .img-left p { font-size: .9em; margin: 0; padding: .5em 0; }

.first { margin-top: 0; }
.xl { font-size: 1.2em; }
.xs { font-size: .8em; }
.c { text-align: center; }
.r { text-align: right; }
.uc { text-transform: uppercase; }

div.hr { border-top: 1px #cfcfcf solid; height: 1px; margin: 1em 0; overflow: hidden; }
div.hr hr { visibility: hidden; }

table { border-collapse: collapse; margin: 0 0 1.2em 0; }
table th, table td { padding: .4em; line-height: 140%; text-align: left; vertical-align: top; }



/* ------------------------------------------ */
/* Col2 */

/* Suche */
#searchbox { border-bottom: 1px #ccc solid; padding: 0 10px 1em 10px; }
#searchbox form, #searchbox fieldset { margin: 0; }
#searchbox input { border: none; vertical-align: middle; }
#searchbox input#search { background: url(../images/ico_seachbox.png) 1px 2px no-repeat #fff; border: 1px #cecece solid; border-top-color: #8f8f8f; margin: 0 1px 0 0; padding: 3px 2px 2px 21px; width: 106px; }

#col2 h3 { font-family: "Myriad Pro", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: normal; margin-bottom: .4em; padding: 0 10px; }
#col2 ul { list-style: none; margin: 0 0 1em 0; padding: 0 10px; }
#col2 ul li { line-height: 1.2em; margin: 0 0 .6em 0; }
#col2 ul li a { text-decoration: none; }



/* ------------------------------------------ */
/* Content */

/* Posts */
.post { border-bottom: 1px #cfcfcf solid; margin: 0 0 1.5em 0; padding: 0 0 .5em 0; }
.post h3 a { text-decoration: none; }
.post .entry-meta { margin-top: -1em; }
.post img.alignnone { border: 1px #ccc solid; margin: 0 0 0 -4px; padding: 3px; }
.post .entry-utility { text-align: right; }

/* Comments */
#comments ol { border-top: 1px #cfcfcf dotted; list-style: none; margin: 0; padding: 0; }
#comments ol li { border-bottom: 1px #cfcfcf dotted; margin: 0; padding: 1em 0; }
#comments .reply { font-size: .8em; text-align: right; }
#comments cite { font-weight: bold; }

/* Commentsform */
#respond form div { padding: 0 6px; }

/* Formulare */
form { margin: 0 0 1em 0; padding: 0; overflow: hidden; }
form fieldset { background: none; border: none; margin: 0 0 1.5em 0; padding: 0; overflow: hidden; }
form legend { background: #f3f0e8; border: 1px #df7b05 solid; border-bottom: 0; color: #743928; padding: .5em 1em; }
form div.type-text { margin: 0.5em 0; position: relative; overflow: hidden; }
form label { cursor: pointer; }
form .type-text input { margin: 0 1em 0 0; padding: 0.2em 0.3em; vertical-align: middle; width: 220px; }
form .type-text textarea { padding: 0.2em 0.3em; position: relative; width: 480px; }
form .type-text input, form .type-text textarea { background: #fff; border: 1px solid #cfcfcf; }
form .form-submit input { background: #e99e00; border: 1px #e99e00 solid; color: #fff; cursor: pointer; padding: .2em 1em; width: auto; }
form .form-submit input:focus, form .form-submit input:hover, form .form-submit input:active { background: #fff; border: 1px #e99e00 solid; color: #e99e00; }