/*
Theme Name: Clearly (AFM) 
Theme URI: http://afmquartet.org/
Description: Clear and simple theme designed for AFM Quartet 2.
Author: AFM
Version: 1.0
*/

body {

	margin: 0; padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px; font-weight: 400;
	line-height: 27px;
	background: #CDCDC1;


}
.nomargin { margin: 0; }
h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	line-height: 27px;
	margin-top: 0;
}

h2 { 
	font-size: 18px; 
	letter-spacing: .01em;
	
}
h3 {
	font-size: 16px;
	letter-spacing: .03em;
	margin: 0 0 .5em 0;
}
h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 27px;
	margin-top: 0;
}
a { color: #006699; text-decoration: none; }
a:hover, a:focus { color: #fff; background: #006699; text-decoration: none; }
a:active {
	color: #fff; background: #00334D;
}
img { border: 0; }
p { margin: 0 0 1em 0; }

hr.clearleft {
	clear: left; margin: 0; padding: 0; visibility: hidden;
}
div#wrap {
	width: 832px; 
	margin: 20px auto; padding: 0;
	background: #fff;
	
	
	position: relative;
	-webkit-box-shadow:0 2px 15px #9A9A91;
       -moz-box-shadow:0 2px 15px #9A9A91;
            box-shadow:0 2px 15px #9A9A91;
}
div#content {

	padding: 0 0 0 0;
}
div#the_body {
	padding: 40px 30px 0 30px;
}
hr#no_header_images {
	visibility: hidden;
	margin: .5em 0; padding: 0;
	width: 1px; height: 1px;
	border: 0;
}
h1#main {
	display: block;
	font-size: 40px;
	line-height: 70px;
	letter-spacing: .02em;
	margin: 0; padding: 0;
	text-align: center;
	
}
.nav-pills {
	margin-bottom: 4px;
	/*display: inline;*/
	font-size: 16px; font-weight: 800;
}
.nav-pills > li {
	
}
.nav-pills > li > a {

	margin-right: 45px; padding: 0 0 5px 0;
	 border-radius: 0;
	color: #676761; 
}
.nav-pills > li > a:hover {
	color: #006699;
	background: #fff;
}
.nav-pills > li > a:active, .nav-pills > li.current-menu-item  > a, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > .active > a:focus, .nav-pills > .current-page-ancestor > a, .nav-pills > .current-menu-ancestor > a {
	color: #00334D;
	background: #fff;
}
.nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
	color: #006699;
	background: #fff;
}


.nav-pills .dropdown-menu {
    
    border-radius: 0;
    /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;*/
}

.nav .dropdown-toggle .caret, .nav .active .dropdown-toggle .caret { 
   border-bottom-color: #006699;
   border-top-color: #006699;
   
   
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,ul#submenu li a:hover, ul#submenu li.current-menu-item a {
    background-color: #006699;
    background-image: linear-gradient(to bottom, #1a76a3, #006699);
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

.dropdown-menu > li > a:active, ul#submenu li a:active {
    background-color: #00334D;
    background-image: linear-gradient(to bottom, #1a485f, #00334D);
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

h1#main { 
	clear: left;
	margin: 0; padding: 0;
}
h1#main a { 
	display: block;
	/*background-color: #676761;
	background-image: linear-gradient(to bottom, #767671, #676761); */
	background-color: #006699;
  background-image: linear-gradient(to bottom, #1a76a3, #006699);
	color: #fff;
}
h1#main a:hover, a.button {
	background-color: #004D73;
  background-image: linear-gradient(to bottom, #005782, #004D73);
}
h1#main a:active, a.button:hover, a.button:active {
	background-color: #00334D;
	background-image: linear-gradient(to bottom, #1a485f, #00334D);
}

/* buttons */
a.button {
	font-family: Oswald, sans-serif;
	line-height: 27px;
	font-size: 18px;
	letter-spacing: .02em;
	display: block;
	padding: .5em 0;
	text-align: center;
	color: #fff;
}

div#header_fotos {
	position: relative;
	height: 163px;
	margin: 20px 0;
}
div#header_foto {
	margin: 20px 0;
}
div#foto1 {
	position: absolute;
	top: 0; left: 0;
}
div#foto2 {
	position: absolute;
	top: 0; left: 264px;
}
div#foto3 {
	position: absolute;
	top: 0; left: 528px;
}

div#main_content {
	float: left;
	width: 442px;

}
div#main_content.archive h2 { margin: 0 0 .5em 0;}
div#main_content.archive h3 { margin: 0;}

div#side {
	margin: 0 0 0 462px;
	font-size: 14px; line-height: 150%;
} 
/*page w/submenu layout*/
div#side_narrow {
	float: left;
	width: 178px;
	text-align: left;
}
div#side_narrow.booking {
	margin-top: 3em;
}
div#side_narrow ul#xoxo ul {
	margin: 0; padding: 0;
}
div#side_narrow ul#xoxo ul li, div#side_narrow div.item {
	margin: 0 0 1em 0;
}

div#side_narrow h3 {
	font-size: 18px;
}
div#side_narrow ul.audio h4 {
	margin-bottom: 0;
	font-weight: normal;
}
div#main_wide {
	margin: 0 0 0 198px;
}
div#main_wide h2 {
	font-size: 28px;
	margin-bottom: 1em;
}
h3.submenu_heading, div#side_narrow h3.submenu_heading {
	color: #676761;
	font-size: 14px;
	letter-spacing: .05em;
	font-weight: normal;
	border-bottom: 1px solid #aaa;
	margin-bottom: 5px;
}

h3.submenu_heading a {
	color: #676761;
}
h3.submenu_heading a:hover {
	color: #006699;
	background: #fff;
}

ul#submenu {
	list-style:none;
	margin: 0 0 22px 0; 
	padding: 0;
}
ul#submenu li {
	margin: 0; padding: 0;
	font-family: Open Sans, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #676761;
	background: #fff;
}
 {
	background: #006699; /*#676761;*/
	color: #fff;
}

ul#submenu li a {
	background: #fff;
	height: auto;
	padding: 3px 10px;
	color: #676761;
	display: block;

}
ul#submenu .icon-external-link {
	color: #676761
}
/*hover listed above same as dropdown*/
/* general widget styling */
ul#xoxo, ul.widget {
	list-style: none;
	margin: 0; padding: 0;
}
ul#xoxo li, ul.widget li {
	margin: 0 0 2em 0;
}
ul#xoxo li#AFMlocal { padding: 0 0 2em 0; }
ul#xoxo li#AFMlocal img {
	display: block;
	float: left;
}
ul#xoxo li#AFMlocal span {
	display: block;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	margin-left: 110px;
	font-size: 16px;
	line-height: 27px;
}
ul#xoxo ul {
	list-style: square inside;
	margin: 0 0 0 20px; padding: 0;
}
ul#xoxo ul li {
	margin: 0 0 .5em 0;
}


/*news headlines */

em.date_under_headline {
	color: #676761;
	font-size: 14px; font-style: normal;
	display: block;
	margin-bottom: 1em;
}
p.pagination {
	font-size: 16px;
	text-align: center;
	color: #B4B4B1;
}
p.pagination a:hover {
	background: #fff;
	color: #00334D;
}

.edit-link { font-size: 14px; }
/* news pages, index, search page */
.entry { margin: 0 0 2em 0;}
div#the_footer {
	clear: left;
	/*background: #00334D;
	background: url(footer_bg.jpg) repeat-y;*/
	margin: 3em 0 0 0;
	background: #819AAE;
	border-top: #00334D solid 5px;
	
	padding: 0 5px 1em 5px; /*10px 10px 0 10px;*/
	color: #000;/* #333330; */
	font-size: 14px; line-height: 21px;
}

div#the_footer ul.widget li, div#footer ul.widget li p {
	margin: 0; padding: 0;
}

div#the_footer a { color: #00334D; text-decoration: underline;}
div#the_footer a:hover, div#the_footer a:active { text-decoration: none; background: none;}
div#the_footer h3 { 
	letter-spacing: normal; 
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	line-height: 21px;
}
div#the_footer ul#widget1 {
	width: 346px;
	/*border-right: 5px solid #fff;
	background: #DADAD1;*/
	margin: 0;
	padding: 20px 10px 0 25px;
	float: left;
	
}

div#the_footer ul#widget2 {
	margin: 0 0 0 411px;
	
	padding: 20px 10px 0 0;
	/*background: #DADAD1;*/
	
}
div#final_footer {
	width: 812px;
	margin: 0 auto .5em auto;
	color: #333330;
	text-align: center;
	font-size: 14px; line-height: 21px;
}

/* band listings */
ul#sub_regions li a {
	color: #fff;
	float: left;
	display: block;
	background: #074252;
	padding: 10px;
	margin: 5px 10px 0 0;
	
}
ul#listing {
	margin: 0 0 1em 0; padding: 0;
	list-style:none;
	display: block;

	border: 1px solid #ccc;
	
}

ul#listing li {
	margin: 0; padding: 10px;
	height: 170px;
	display: block; position: relative; 
	border-top: 1px solid #ccc;
}

ul#listing li.odd {
	background: #BFD9E5;
	border-top: none;
}
ul#listing li h3 {
	display: block;
	font-size: 22px;
	margin-left: 160px;
}
ul#listing li.no_pic h3 {
	display: block;
	margin-left: 0px;
}
ul#listing li img.thumb {
	display: block;
	position: absolute;
	left: 10px; top: 10px;
}
ul#listing li p {
	margin-left: 160px;
}
ul#listing li.no_pic p {
	margin-left: 0px;
}
ul#listing li ul.genres {
	margin: 0 0 0 160px; padding: 0;
	text-align: right;
	list-style: none;
	display: block;
	position: absolute; 
	bottom: 10px; right: 10px;
}
ul#listing li ul.genres li {
	float: right; height: auto;
	margin: 0; padding: 0 0 0 15px;
	font-size: 12px;
	border: none;
}

ul#additional_genres {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
ul#additional_genres li {
	margin: 0 0 .5em 10px;
	padding: 0;
}
/* 
* Group profile
*/
p#backlink {
	float: right;
	line-height: 27px;
}
ul.audio {
	margin: .5em 0 2em 0;
	padding: 0;
	list-style: none;
}
ul.audio li {
	margin: 0 0 1em 0; padding: 0;
	color: #676761;
}
img#profilepic {
	display: block;
	margin: 0 0 1em 0;
}


div#videostrip {
    float: left;
    margin: 0 20px 0 0;
    width: 145px;
}
div#main_wide h3.request_quote {
	margin: 1em 0;
}
form { margin: 0; padding: 0; }
/* forms (using .modal to override bootstrap) */
.modal select, .modal input {
	width: auto;
}
.modal fieldset {  
float: left;    
clear: left;    
width: 100%;    
margin: 0 0 1.5em 0;    
padding: 0;  
border: 0;
}  
.modal fieldset {
	width: 95%;
}
fieldset ol li hr { margin: 0 0 2em 0; padding: 0; visibility: hidden; height: 1px; background: none;}
label span, h4 span { color: red;}
fieldset label.error { color: red; font-size: .8em; float: none; }
.modal legend {  
margin: 0 0 1em 0; 
padding: 0;
color: #000000;  
font-weight: bold;
font-size: 1em;  
} 
fieldset ol {  
padding: 0 1em 0 0;  
list-style: none;  
margin: 0;
}  
fieldset li {  
float: left;    
clear: left;    
width: 100%; 
margin: 0;  
padding-bottom: 1em;

}
.last { margin-bottom: 0;}
fieldset li.submit {
padding-bottom: 0;
}  
fieldset.submit {  
border-style: none;  
}
fieldset label {
float: left;    
width: 13em;  
text-align: right;  
margin-right: 1em;
font-weight: normal;
}
.model { display: none;}
.modal label { width: 10em; }
.modal fieldset fieldset { margin: 0 0 0 11em;}

.photo_list li { width: 140px; clear: none; margin: 0 10px; }
.photo_list fieldset label { width: auto; float: none; margin-left: 0; }

fieldset fieldset {      
margin-bottom: -2.5em;      
border-style: none;      
background-color: transparent;      
background-image: none;      
}      
fieldset fieldset legend {      
margin-left: 0;      
font-weight: normal;      
}      
fieldset fieldset ol {      
position: relative;      
top: -1.5em;      
margin: 0 0 0 14em;      
padding: 0;      
}
      
fieldset fieldset label {      
float: none;      
width: auto;      
margin-right: auto;      
}
.req {
	color: #bb0000;
}
#upload_frame { 
	margin: 0; padding: 0; 
	width: 0; height: 0;
	border: 0;
}
#upload_frame.dev { 
	margin: 0; padding: 0; 
	width: 700px; height: 700px;
	border: 1px solid #000;
}
label.ajax-loader {
	 
	padding-top: 3px
}
label.ajax-loader img {
	display: none;
}
.flash, div.errorExplanation {
	color: #000;
	padding: 10px;
	background: #EEBFBF;
	margin: 1em 0;
	border: 1px solid #bb0000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}
div.errorExplanation h2 {
	font-size: 1em; display: inline; 
}
div.errorExplanation ul {
	margin: 0; padding: 0;
}
div.errorExplanation ul li {
	list-style: none; display: inline;
}
div.fieldWithErrors label { color: #bb0000;}


.footercentered { text-align: center; margin: 0 auto;}
a.fancybox-nav:hover { background: none; }
a.fancybox-item:hover { background-color: transparent; background-image: url("/wp-content/themes/leggerio/lib/fancybox/fancybox_sprite.png");}

/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */

.gallery {
	margin-bottom: 20px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
/* Images */
/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

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

img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 80%;
	font-style: italic;
	font-weight: 300;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
	list-style-position: inside;
}

.dropdown-menu.datepicker {
	z-index: 9999;
}