/*  
Theme Name: Music Fusion
Theme URI: http://musicfusion.qualitywordpress.com
Description: Vibrant, energetic sound waves designs and an edgey headphone design.
Version: 1.0
Author: qualitywordpress.com
Author URI: http://qualitywordpress.com
*/
body {margin:0;background:#000}

h1,h2,h3,h4 {margin:0}

img {border:0}

.clear {overflow:hidden; display: block}
.clearleft {clear:left; margin-top: 20px}
* html .clear {height:1%}

#page {margin:0 auto;width:1004px}

blockquote.zitat {
margin-top:1em;
border:none;
padding:8px 40px 1em;
background:url(images/zitatbild.gif) no-repeat 5px 16px}

blockquote.zitat p {font-style:italic;color:#E6E6E6;background:none}

cite {display:block;margin-left:40px;font-weight:700;background:none}

hr {display:block;visibility:hidden;clear:both}


/* Header */
#header {
width:1004px;
height:430px;
background:url(images/header.jpg) no-repeat;
position:relative}

/* Header - Info */
#header-info {
top:80px;
right:50px;
text-indent:-9999px}

#header-info h1 {
color:#FFF;
font:bold 30px Verdana, Verdana}

#header-info h1 a {
color:#FFF;
text-decoration:none;
text-indent:-9999px}

#header-info .description {
color:#FFF;
font:bold 15px Verdana, Verdana;
letter-spacing:1px;
text-indent:-9999px}

/* Header - Menu */
#header-menu {
position:absolute;
top:0;
left:26px;
height:53px}

#header-menu ul {
margin:0;
padding:0;
list-style-type:none;
height:53px}

#header-menu ul li {
float:left;
height:53px;
margin-right:8px;
font:bold 10px/43px Verdana, Verdana;
color:#fff;
text-transform:lowercase;
background:url(images/header_menu_left.gif) no-repeat}

#header-menu ul li a {
color:#fff;
text-decoration:none;
padding:0 40px;
background:url(images/header_menu_right.gif) no-repeat right top;
display:block}

#header-menu ul li a:hover {text-decoration:underline}
#header-menu ul li ul {display:none}

/* Header - Topbar */
#topbar {
position:absolute;
top:235px;
left:0;
width:1004px;
height:201px;
color:#FFF;
font:normal 12px "Trebuchet MS", Verdana}

#topbar h3 {font:bold 15px Verdana, Verdana;color:#CCC}
#topbar ul {margin:0 0 10px 0;padding:0;list-style-type:none}
#topbar ul li {padding-top:2px;color:#FCFAF5;font:bold 12px "Trebuchet MS", Verdana}
#topbar ul li a {color:#FCFAF5;text-decoration:none}
#topbar ul li a:hover {border-bottom:1px dotted #FCFAF5}

/* Header - Topbar - Boxes */
#topbar-left {width:285px;padding:35px 33px;float:left}
#topbar-center {width:306px;float:right;padding:12px 0 0 30px}
#topbar-right {width:287px;float:right;padding:12px 10px 0 0}

/* Main */
#main {width:1004px}

/* Main - Content */
#content {float:left;width:575px;padding:6px 16px 0 26px}
#content.breit {width:770px;padding:6px 0 0;float:right}
#content.breit h2.pagetitle {margin-left: 15px}
#content.breit .post {width:765px;float:right}
#content.breit .post .post-entry {width:745px;margin-left: 10px}

/* Main - Content - Post */
#content .post {
color:#FFF;
float:left;
margin-bottom:16px;
width:565px;
padding:7px;
background:#252525;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px}

#content .dark {background-color:#000}

#listing img {
	clear: left;
	float: left;
	padding-right: 10px}

/* Page - Title */
#content h2.pagetitle {
width:554px;
color:#FFF;
padding: 20px 5px 10px;
font:bold 19px "Trebuchet MS", Verdana}

/* Post - Title */
#content .post .post-title {
width:554px;
height:51px;
color:#888;
font:bold 12px "Trebuchet MS", Verdana}

#content .post .post-title a {color:#888;text-decoration:none}
#content .post .post-title a:hover {color:#ABABAB;text-decoration:none}

#content .post .post-title .post-date {
float:left;
background:url(images/post_date.gif) repeat-x;
width:50px;
height:51px;
color:#000;
text-align:center;
text-transform:uppercase;
margin-right:10px;
font:bold 10px/15px "Trebuchet MS", Verdana;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px}

#content .post .post-title .post-date span {display:block;font:bold 16px/34px "Trebuchet MS", Verdana}

#content .post .post-title h2 {
padding:4px 0 3px;
color:#FFF;
font:bold 19px Verdana, Verdana}

#content .post .post-title h2 a {color:#FFF;text-decoration:none}
#content .post .post-title h2 a:hover {color:#CCC;text-decoration:none}

/* Post - Entry */
a {color:#CCC}

#content .post .post-entry {
font:normal 14px Verdana;
line-height:1.5em;
color:#C2C2C2;
padding:0 4px;
width:546px;
overflow: hidden}

#content .post a {color:#6CF;text-decoration:none}

#content .werbung img {margin:30px auto}

#content .post .post-entry a:hover {text-decoration:underline}

#content .post .post-entry .more-link {
font:bold 12px/20px "Trebuchet MS", Verdana;
float:right;
padding-bottom:5px}

#content .post .post-entry .more-link a {color:#FFF;text-decoration:none}
#content .post .post-entry .more-link a:hover {text-decoration:underline}

/* Post - Info */
#content .post .post-info {
padding:10px 4px 0;
width:546px;
clear:both;
line-height:32px;
font:bold 12px "Trebuchet MS", Verdana;
color:#888}

#content .post .thumb {float: right;display: inline;opacity:.4}
#content .post .thumb:hover {opacity:1}

#content .post .post-info a {color:#ABABAB;text-decoration:none}
#content .post .post-info a:hover {color:#888;text-decoration:none}

/* Post - Comments */
#content .post h3 {
color:#FFF;
font:bold 17px Verdana, Verdana;
margin:25px 0 5px;
padding:0 4px;
width:546px}

#content .post #commentform {
margin:0;
font:normal 12px/18px "Trebuchet MS", Verdana;
color:#FFF;
padding:0 4px;
width:80%}

#content .post #commentform a {color:#FFF;text-decoration:none}
#content .post #commentform a:hover {text-decoration:underline}

#respond {clear: both}

/* Main - Sidebar */
.sidebar {
float:left;
width:189px;
font:bold 15px/18px "Trebuchet MS", Verdana;
color:#fff;
padding:7px 0}

.second {float:right}


.recent-comment a.comment-link {
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	 text-decoration: none;
	 display:block;
	 padding: 5px;
	 font-size: 12px;
	 line-height: 1.3em;
	 -moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}

.recent-comment a.comment-link:hover {background-color: #252525}
.recent-comment .comment_autor {color: #6CF; font-weight: 700}
.sidebar ul.recent-comment {margin: 10px 0 20px 0}

.sidebar ul.customized-recent-comments {margin:10px 0 20px}
.customized-recent-comments a {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	display: block;
	padding:8px;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size: 12px;
	line-height: 1.3em}
.customized-recent-comments a:hover {background-color: #252525}
.customized-recent-comments .comment_autor {color: #6cf; font-weight:700}



.sidebar a {color:#fff;text-decoration:none}
.sidebar a:hover {text-decoration:underline}

/* Sidebar - Titles */
.sidebar h3 {
padding-left:18px;
font:bold 15px/34px Verdana, Verdana;
text-transform:lowercase;
color:#fff;
height:34px;
width:189px;
background:url(images/sidebar_title.gif) no-repeat;
-moz-border-radius-topleft:13px;
-khtml-border-top-left-radius:13px;
-webkit-border-top-left-radius:13px;
border-top-left-radius:13px
}

/* Sidebar - Menus */
.sidebar ul {margin:10px 0 20px 12px;padding:0;list-style-type:none}
.sidebar ul ul {margin-bottom:0}
.sidebar ul li {color:#fff;font:normal 15px/26px "Trebuchet MS", Verdana}
.sidebar ul li a {color:#fff;text-decoration:none}
.sidebar ul li.current_page_item a {font-weight:700;color:#3793AB;text-transform:uppercase}
.sidebar ul li a:hover {text-decoration:none;color:#49C6E7}

/* Sidebar - Forms */
.sidebar #searchform {margin-left:12px;padding:0 0 25px;width:160px}
.sidebar #searchform #s {width:145px}

/* Sidebar - Texts */
.sidebar .textwidget {padding:0 10px 20px}

/* Footer */
#footer {
clear:both;
margin-top:15px;
width:1004px;
height:62px;
/*background: url("images/footer.gif") repeat-x;*/
color:#FFF;
font:normal 12px Verdana;
text-align:center}

#footer a {color:#CCC;text-decoration:none}
#footer a:hover {text-decoration:underline}

.navigation {
clear:both;
font-family:Arial;
padding:15px 0
}

/**
 * for WordPress classes at images
 * 
 */
.alignleft,img.alignleft {
display:inline;
float:left;
margin:.4em 1em .4em 0}

.alignright,img.alignright {
display:inline;
float:right;
margin:.4em 0 .4em 1em}

.aligncenter,img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto}

.wp-smiley {max-height:1em;margin:0!important}

.gallery dl {margin:0}
.gallery dt {width: 150px}
.gallery-caption {margin:-1.5em 0 0}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto}

.wp-caption {
border:1px solid #484846;
text-align:center;
background-color:#4c4c4c;
padding-top:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px}

.wp-caption:hover {background-color:#3A3A39;border-color: #3A3A39}
.wp-caption img {margin:0;padding:0;border:0 none}

.wp-caption p.wp-caption-text {
color:#F2F2F2;
font:.9em Arial;
line-height:1.1em;
padding:8px 6px;
margin:0}


/* Cleaner Gallery */

.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
	}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	max-width: 89%;
	height: auto;
	padding: 2px;
	margin: 0 auto;
	border: 6px solid #474747;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px
	}
.gallery .gallery-item img:hover, .gallery .gallery-item img.thumbnail:hover {
	border: 6px solid #5B5B5B;
	}
.gallery-caption {
	margin-left: 0;
	}

/* Image sizes depending on the number of columns */
.col-0 { width: 100%; }
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33%; }
.col-4 { width: 25%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }

/**
 * Links in Lightbox
 * 
 */

#lbCaption a {color:#009DE7; font-weight:700;font-size: 12px}

dt {
width:20em;
padding:.5em;
float:left;
margin:0;
font-weight:700}

dd {margin-left:16em;padding:.5em}

.zarda {
width:270px;
height:149px;
text-decoration:none;
display:block;
margin:0 auto;
background:url(images/zarda.jpg) 0 0;
text-indent:-9999px;
text-align:center}

.zarda:hover,.zarda:active {background-position:0 149px}

#comments .post h3 {font-size:30px}

ol.commentlist {list-style:none;margin:0 0 1em;padding:0;font:12px "Lucida Grande", Lucida, Verdana, sans-serif}
ol.commentlist li.comment {padding:1em}
ol.commentlist li div.vcard {font:normal 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;line-height:30px}
ol.commentlist li div.vcard cite.fn {float:left;font-weight:400;color:#6CF;font-size:20px;font-style:normal;margin-left:0}
ol.commentlist li div.vcard img.avatar {border:5px solid #ccc;float:left;margin:0 1em .5em 0}
ol.commentlist li div.vcard span.says {display:none}
ol.commentlist li div.comment-meta {float:right;font-size:10px;line-height:30px}
#content ol.commentlist li div.comment-meta a {color:#908f8f}
ol.commentlist li p {font-size:13px;margin:0 0 1em;line-height:1.5em;clear:left}
ol.commentlist li ul {font-size:15px;list-style:square;margin:0 0 1em 2em}
ol.commentlist li div.reply {font-size:10px}
#content ol.commentlist li div.reply a {color:#908f8f}
#content ol.commentlist li div.reply a:hover {color:#fff}
ol.commentlist li ul.children {list-style:none;margin:1em 0 0;text-indent:0}
ol.commentlist li ul.children li.depth-2 {border-left:5px solid #555;margin:0 0 .25em .25em}
ol.commentlist li ul.children li.depth-3 {border-left:5px solid #999;margin:0 0 .25em .25em}
ol.commentlist li ul.children li.depth-4 {border-left:5px solid #bbb;margin:0 0 .25em .25em}
ol.commentlist li.pingback {padding:1em}
ol.commentlist li.thread-even {background:#181717;-moz-border-radius:12px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
ol.commentlist li.thread-odd {background:#2b2b2a;-moz-border-radius:12px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}

/*-----wp page numbers-----*/
#wp_page_numbers ul,#wp_page_numbers li,#wp_page_numbers a {
padding:0 0 0 10px;
margin:0;
border:none;
text-decoration:none;
font-weight:400;
font-style:normal;
list-style:none;
text-transform:none;
text-indent:0;
font-variant:normal;
text-align:left;
line-height:18px;
letter-spacing:0;
word-spacing:4px;
font-size:16px;
font-family:Arial;
color:#FFF;
font-weight:700}

#wp_page_numbers {
margin-top:10px;
width:100%;
background:url(images/bkg.gif) center left repeat-x;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px}

#wp_page_numbers ul {width:100%}
#wp_page_numbers li {float:left;display:block}
#wp_page_numbers a {padding:6px 7px;display:block}
#wp_page_numbers li a:hover {text-decoration:underline;background:#95c9da;color:#000}
#wp_page_numbers li.space {padding:6px}
#wp_page_numbers li.active_page a {
background:url(images/bkg_active.gif) center left repeat-x;
padding:6px;
padding-left:8px;
padding-right:8px;
color:#FFF}
#wp_page_numbers li.active_page a:hover {color:#fff/* IE fix */}
#wp_page_numbers li.page_info {float:left;display:block;padding:6px 18px;font-size:12px}


/* Advanced videobox plugin for Wordpress by Tom Sramek
 * http://www.tomsramek.com/plugins/advanced-videobox/
 */

.sidebar .av-wrapper { display: block; margin: 0 auto 0 auto; height: auto; background:#000 /*#C4BC86; border: 1px solid #E4E0C8*/; text-align: center; width: 187px;}
.av-video { background: url(images/ajax-loader.gif) no-repeat center center; }
.sidebar .av-wrapper ul.idTabs { display: block; width: auto; height: auto; list-style: none; background-color: white; float: none; clear: both; padding: 0px; margin: 0; text-align: left; }
.sidebar .av-wrapper .idTabs li {  font-size: 11px; font-weight: bold; }
.sidebar .av-wrapper .idTabs li a { display: block; width: auto; height: 40px; line-height: 40px; border-bottom: 1px solid black; overflow: hidden; background: url(images/item-bg-gray-active.jpg) repeat-x; color: #333333; text-shadow: 1px 1px 1px #fff; }
.sidebar .av-wrapper .idTabs li a img { float: left; width: 60px; height: 40px; margin: 0px 5px 0px 0px; border-right: 1px solid black; vertical-align: middle; }
.sidebar .av-wrapper .idTabs li a:hover,
.sidebar .av-wrapper .idTabs .selected { background: url(images/item-bg-gray.jpg) repeat-x;color: white; text-shadow: 1px 1px 1px #000; }
/*
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { min-width: 0; display: inline-block; /* \*/ display: block; }
* html .clear { /* \*/ height: 1%; }
*/

.addtoany_share_save_container{clear:both;line-height:32px;margin:16px 0}.addtoany_list{display:inline}.addtoany_list a{padding:0 9px}.addtoany_list a img{height:16px;opacity:.7;overflow:hidden;vertical-align:middle;width:16px}.addtoany_list a:hover img,.addtoany_list a.addtoany_share_save img{opacity:1}iframe.addtoany_special_service{padding:0 9px;vertical-align:middle}a.addtoany_share_save img{border:0;width:auto;height:auto}
