/*
Theme Name: Musicas Muziekwinkel
Theme URI: http://www.freshter.com/
Description: Template ontwikkeld voor de webshop van Musicas.
Version: 1.0
Author: Freshter
Author URI: http://www.freshter.com/
Tags: musicas, muziekwinkel 

*/

/* -- just some ugly styling to make it easier to get started, can safely be removed */
/*.sidebar, #entry-meta-single {border:1px solid red;}
#respond {border:1px solid yellow;}*/
/*#footer, #header {border:1px solid blue;}*/
/*li.depth-1 {border: 1px solid orange;}
.navigation {border:1px dashed black;}
.post {border:1px solid pink}*/
.clear {clear:both;}

/* - BASIC STUFF - */
body {background:#FFF url(images/background.gif) repeat-x -5px -3px;font:9pt/11pt Arial, Verdana, Geneva, sans-serif;color:#000;margin:0 auto;padding:0 20px;}
a {text-decoration:none; color:#cc3300;}
a:hover {text-decoration:none;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}
.sitemap {margin-left:15px;}
.sitemap li {list-style-type:disc;}
/* -- MENU -- */
#menu {padding-top:13px; padding-left:0px; margin-left:220px; margin-top:76px;height:44px;}
#menu li {list-style-type: none; display:block; float:left; font-size:12px; margin-left:19px; height:25px;}
#menu li.current_page_item.page_item a {color:#fff; font-weight:bold; -moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color:#cc3300; padding:5px 9px;}
#menu li.current_page_item a {color:#fff; font-weight:bold; -moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color:#cc3300; padding:5px 9px;}
#menu li.current_page_item a:hover {color:#000; font-weight:bold; -moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color:#fff; padding:5px 9px;}

#menu li.page_item a {color:#000; font-weight:bold; padding:5px 9px; height:15px;}
#menu li.page_item a:hover {color:#000; font-weight:bold; -moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-webkit-border-radius: 4px;
-moz-border-radius-topright:4px;
border-radius: 4px;
background-color:#fff; padding:5px 9px;}


/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
.product-content ul {margin-left:15px;}
.product-content ul li {list-style-type:disc;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
/*.entry-content a, .product-content a {text-decoration:underline;}*/
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1 {font-size:18px; color:#cc3300; font-weight:bold;}
h1.product-title {font-size:18px; color:#cc3300; font-weight:normal; display:inline;}
.product-naam {font-size:18px; color:#cc3300;  }
h1.page-h1 {font-size:18px; color:#cc3300; font-weight:bold; margin-bottom:20px;}
h1.category-title {color:#ca3300;}
h2.entry-title {font-size:180%;}
h2.product-title {font-size:14px; font-weight:bold;}
h2.product-title a {color:#000;}
h2#comments{margin:20px auto 10px;font-size:140%;}
h2.search-nothing {font-size:14px;}
.subtitle {color:#cc3300; font-size:14px; font-weight:bold;}
.subtitle-search {color:#000; font-size:13px; font-weight:bold; margin-top:15px; display:block;}

.formulier h2 {color:#cc3300; font-size:18px;}
/* headings inside posts */
.entry-content {font-size:14px; line-height:30px;}
.entry-content h3 {font-size:140%;}
.entrproduct-contenty-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}
.image-product a img {border:none; margin:0 auto; padding:0 auto;}
.image-product a {float:left;}
.image-product small {clear:both; display:block; }
.image-product small a { display:block; padding-left:20px; background:url(images/vergrootglas.jpg) no-repeat top left; color:#666; }
.image-product {/*width:100px;*/ float:left; overflow:hidden; margin-right:20px;}
/*home */
.home-more {background:transparent url(images/arrow.jpg) no-repeat scroll 100% 3px; padding:0 15px 0 0;}
.news {width:311px; height:205px; background:url(images/news-bg.jpg) no-repeat top left; padding:20px; float:right; margin-left:15px; margin-top:9px; line-height:2;}
.news h2 {font-size:16px; color:#000; margin:0; padding:0;}
.news ul li .title {font-size:14px; display:block; margin:0px; padding:0px; }
.news ul li {font-size:11px; list-style-type:none; margin:10px 0 10px 0; padding:0}
.news ul {margin:5px 0 0 0; padding:0; line-height:1.4;}

.categories {line-height:1.3; margin-top:35px; background:url(images/shadow-sidebar-bg.jpg) no-repeat bottom center; padding:0 0 46px 10px;}
.categories .title {font-size:20px; color:#cc3300; font-weight:bold;}
.categories ul {margin-top:10px; margin-left:-7px;}
.categories ul li {font-size:14px; margin:0;  color:#000;  font-weight:bold; width:213px;}
.categories ul li a {color:#000; display:block; padding:5px 5px 5px 7px;}
.categories ul li a:hover {color:#cc3300; display:block; padding:5px 5px 5px 7px;}
.categories ul li:hover a {display:block; color:#cc3300; background:#ececec url(images/white_arrow.jpg) no-repeat 196px 1px ; padding:5px 5px 5px 7px; font-weight:bold; width:213px;}
.categories ul li.current-cat { background:#ececec url(images/white_arrow.jpg) no-repeat 196px 1px ;  font-weight:bold; width:225px;}
.categories ul li.current-cat a {display:block; color:#cc3300;  }
.categories ul li.current-cat ul li a {display:block; color:#000;  }
.categories ul li.current-cat ul li a:hover {display:block; color:#cc3300;  }


.categories ul li ul.children {color:#000; font-size:14px; left:-999em;
	position:absolute;
	width:330px;
	float:none;
	padding:1px 5px 1px 5px;
	margin:0;
	background:#ececec;
	z-index:999;
}
.categories ul li ul.children li {
	float:left;	
	width:150px;
}

.categories ul li:hover ul.children li a {
	color:#000;
	background:none;
	background-color:#ececec;
	width:150px;
	padding:4px 5px 4px 5px;
}

.categories ul li:hover ul.children li a:hover {
	color:#cc3300;
}

.categories ul li:hover ul ul, .categories ul li:hover ul ul ul, .categories ul li.sfhover ul ul, .categories ul li.sfhover ul ul ul {
	left: -999em;
	}

.categories ul li:hover ul, .categories ul li li:hover ul, .categories ul li li li:hover ul, .categories ul li.sfhover ul, .categories ul li li.sfhover ul, .categories ul li li li.sfhover ul {
	left: auto;
	margin-left:221px;
	margin-top:-28px;
	
	}

.categories ul li:hover, .categories ul li.sfhover { 
	position: static;
	
	}
	

.contact-sidebar {line-height:1.3; padding:0 0 10px 10px;}
.contact-sidebar .naam {font-size:14px; color:#cc3300; padding-left:18px; font-weight:bold; margin-bottom:2px;}
.contact-sidebar .adres {font-size:12px; padding-left:18px; background:url(images/mail-left.gif) no-repeat;margin-bottom:1px;}
.contact-sidebar .plaats {padding-left:18px;font-size:12px;  }
.contact-sidebar .telefoon {padding-left:18px;background:url(images/phone-left.gif) no-repeat;}
.contact-sidebar .email {padding-left:18px;}

#contact-widget-6, #contact-widget-4 {margin-top:5px;}
#contact-widget-5 {margin-top:35px;}

.sidebar-actie { line-height:13pt; width:199px; height:71px; background:url(images/sidebar-blok-bg.jpg) no-repeat top left; margin-top:20px; margin-left:5px; padding:9px 12px 12px 12px; font-weight:bold; color:#cc3300; position:relative;}
.sidebar-actie a {display:block; background:url(images/blue-btn.gif) no-repeat top left; width:125px; height:23px; padding:7px 0 0 10px; float:right; color:#fff; font-weight:normal; position:absolute; right:12px; bottom:12px;}
.sidebar-actie a:hover {display:block; background:url(images/blue-btn-hover.gif) no-repeat top left;}

.home-bottom {width:673px; height:75px; background:url(images/home-bottom-bg.jpg) no-repeat top left; margin-top:40px; margin-bottom:40px; padding:20px; font-size:12px; font-weight:bold;}
.home-bottom .gitaar {width:310px; height:139px; z-index:5; position:absolute; background:url(images/gitaar.gif) no-repeat top left; margin: 0 0 0 400px; }
.home-bottom .title {color:#cc3300;}
.home-bottom p {line-height:18px; width:380px; margin-top:20px;}
.home-bottom p a {float:right; display:block; background:url(images/wide-blue-btn.gif) no-repeat top left; margin-left:20px; width:175px; height:24px; color:#fff; font-weight:normal; padding:6px 0 0 10px;  }
.home-bottom p a:hover {display:block; background:url(images/wide-blue-btn-hover.gif) no-repeat top left;}

/* category */

ul.cats {margin:0 0 15px 0; padding:0;}
ul.cats li {list-style-type:none; padding:0; margin:0; float:left; width:140px; text-align:left; font-size:12px; font-weight:bold; line-height:2;}
ul.cats li a img {border:0; }
ul.cats li a {color:#000;}

/* product meta */
.product-meta { width:100px; float:right; margin-left:20px; height:150px; text-align:right; font-size:14px; color:#cc3300;}
.product-meta .prijs {font-size:24px; margin:12px 0; display:block; color:#cc3300;}
.product-meta a {line-height:11pt; display:block; background:url(images/bestel_btn.jpg) no-repeat top left; width:66px; height:22px; font-size:12px; padding:8px 0 0 13px; float:right; color:#fff; font-weight:normal; text-align:left; }
.product-meta a:hover {background:url(images/bestel_btn-hover.jpg) no-repeat top left; }

.product-content  {line-height:13pt;}
/* -- MAIN DIV'S -- */
.normaal {line-height:13pt; font-size:12px;}
.red-color{color:#cc3300;}
#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:960px;position:relative;}
	#wrapper span.background-left, #wrapper span.background-right {position:absolute;width:10px;height:141px;display:block;}
	#wrapper span.background-left {left:-10px;background:url(images/background-left.jpg) no-repeat}
	#wrapper span.background-right {right:-10px;background:url(images/background-right.jpg) no-repeat}
#header {height:130px;margin:0 auto;text-align:center;padding: 20px 0 0 0; background:url(images/header2.jpg) no-repeat top left;}
#header .searchtop {float:right; margin-top:83px; margin-right:10px;}
#searchform input#s-top {letter-spacing:1.2; color:#999; font-size:12px; background:url(images/searchbg.jpg) no-repeat top left; padding:6px 0 0 29px; border:0; width:184px; height:23px;}
#searchform input#s {letter-spacing:1.2; color:#999; font-size:12px; background:url(images/searchbg-white.jpg) no-repeat top left; padding:6px 0 0 29px; border:0; width:184px; height:27px;}
#header a.logo { width:169px; height:187px; z-index:5; background:url(images/logo.png) no-repeat top left; text-indent:-9999px; display:block; margin-left:40px; position:absolute;left:0px; }
#footer {clear:both;height:50px;overflow:hidden;margin:0 auto;float:none;text-align:center;padding: 10px 0; }
#footer .left {padding-left:20px; padding-top:15px; width:180px; float:left;}
#footer .right {padding-left:0px; padding-top:15px; width:625px; float:right; background:url(images/footerbg.jpg) no-repeat top left;}
#footer .phone {height:27px; background:url(images/phone.gif) no-repeat top left; text-align:left; padding-top:4px; padding-left:30px; margin-left:130px; margin-top:7px;}
#footer .phone a {text-decoration:underline;}

/* contact form */
#page-content .gform_wrapper #gform_1 .gfield_error {
margin-bottom:6px;
margin-top:4px !important;
padding:0 !important;
border:0;
background:none !important;
}
.gform_wrapper .top_label .gfield_error {
width:100% !important;
}
#page-content .gform_wrapper .top_label input.large, #page-content .gform_wrapper .top_label select.large, #page-content .gform_wrapper .top_label textarea.textarea {
width:93%;
}

#page-content .gform_wrapper .validation_error {
color:#790000;
font-family:Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
line-height:150%;
margin-bottom:0;
padding:14px 14px 0;
}
.gform_body small {margin-right:20px; display:block}
#gform_wrapper_1 {float:right; width:382px; border:1px solid #d1d1d1; -moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px; -webkit-border-radius: 5px;
border-radius: 5px;}
#gform_wrapper_1 .gform_wrapper form {margin:0; padding:0;}
#gform_wrapper_1 input#input_1_3, #gform_wrapper_1 input#input_1_2, #gform_wrapper_1 input#input_1_5 {font-size:14px; width:340px; border-top:1px solid #336699; border-left:1px solid #B7D9ED; border-right:1px solid #B7D9ED; border-bottom:1px solid #B7D9ED; padding:5px;}
#gform_wrapper_1 textarea#input_1_4 {font-size:14px; border-top:1px solid #336699; border-left:1px solid #B7D9ED; border-right:1px solid #B7D9ED; border-bottom:1px solid #B7D9ED; padding:5px;}
#gform_wrapper_1 .gform_footer.top_label {float:right; margin:0; padding:5px 8px 10px;}
#gform_wrapper_1 .top_label .gfield_label {font-size:14px; font-weight:normal;}
#gform_wrapper_1 ul.gform_fields {margin:5px 0 0 5px}
#page-content #gforms_confirmation_message {background-color:#FFFAC6; border:1px solid #FEDA70; color:#252525; float:right; font-size:14px; margin-bottom:10px; margin-top:0; padding:20px 14px; text-align:center;}

.bestelform {}
.bestelform input#input_1_4, .bestelform input#input_1_5, .bestelform input#input_1_6, .bestelform input#input_1_7 {font-size:14px; width:336px; border-top:1px solid #336699; border-left:1px solid #B7D9ED; border-right:1px solid #B7D9ED; border-bottom:1px solid #B7D9ED; padding:5px;}
.bestelform input#input_1_1, .bestelform input#input_1_2, .bestelform input#input_1_3 {font-size:14px; width:310px; border-top:1px solid #336699; border-left:1px solid #B7D9ED; border-right:1px solid #B7D9ED; border-bottom:1px solid #B7D9ED; padding:5px;}
.bestelform textarea#input_1_7 {font-size:14px; border-top:1px solid #336699; border-left:1px solid #B7D9ED; border-right:1px solid #B7D9ED; border-bottom:1px solid #B7D9ED; padding:5px; width:336px;}
.bestelform .gform_footer.top_label {float:right; margin:0; padding:10px 1px 10px 8px;}
.bestelform .top_label .gfield_label {font-size:14px; font-weight:normal;}
.bestelform ul.gform_fields {margin:0px}
.bestelform ul.gform_fields li {margin:0px}
.gform_wrapper .top_label .gfield_label {
clear:both;
display:inline-block;
/*font-weight:bold;*/
line-height:130%;
margin:10px 0 4px;
}

.formulier {width:710px; float:left;}
.formulier .left {width:340px; float:left; border-right:2px solid #666; height:468px;}
.formulier .right {width:350px; float:right; overflow:hidden;}
/* -- POSTS -- */
#breadcrumbs {float:right; color:#787878; position:absolute; right:0; }
#breadcrumbs a { color:#666 }

.post-index {margin:0 0 10px;}
.product-index {margin:0 0 10px; padding:15px 15px 20px 15px; background:url(images/bottom-product-bg.jpg) bottom left no-repeat; overflow:auto;}
.product-single {margin:0 0 10px; padding:15px 15px 35px 15px; background:url(images/bottom-product-bg.jpg) bottom left no-repeat; overflow:auto;}

#post-single {margin:0 0 20px;}
.posts-wrap {float:right; clear:none;width:714px; }
.posts-wrap .breadcrumb {height:40px; position:relative;}
.breadcrumb .bread {background:url(images/arrow-gray.gif) no-repeat 0 2px; padding-left:13px;  left:0;}
.posts-wrap .breadcrumb .bread a, .breadcrumb .bread a{color:#666;}
div.sidebar .breadcrumb {margin:10px 0px 0px 0px;}
.posts-wrap .breadcrumb .bread {position:absolute;}
.sidebar-wrap .breadcrumb {margin-left:10px;}

/* -- SIDEBARS --*/
.sidebar-wrap {margin:60px auto 0 auto;overflow:hidden; float:left; clear:none;width:240px;}
.sidebar {width:99%;clear:none;}
.block-1 {float:left;}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}
#post-single img {border:none; }
/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

.error {color:#f00;display:block;margin-bottom:5px;}