/*
THEME NAME: Beerfest
DESCRIPTION: Based on 2-column Sandbox theme by Andy Skelton and Scott Allan
VERSION: v1.0
AUTHOR: Clay Bates claybates@gmail.com
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */

@import url('sandbox-layouts/2c-r.css');

body { 
font: 75% arial,lucida,tahoma, helvetica, verdana; 
margin: 0 auto;
background:#44474C url(img/bg.jpg) top left repeat-x;
padding: 0;
line-height:1.5;

}

a img{border:none}


/* Header elements */
div#header{text-align:left; background:transparent url(img/header.jpg) top left no-repeat;height: 200px;  }
div#scroll{padding: 146px 0 0 29px; }
div#header #blog-title{display:none}
div#header #blog-description{display:none}
div#menu{font-size:1.2em; height: 50px; margin: 0 51px 0 30px; background:url(img/header_bg.gif) top left repeat-x; padding-top:15px  }
div#menu ul{list-style:none;margin: 0; padding:0 }
div#menu ul li{float:left;    }
div#menu ul li a{ padding:0 20px; font-weight:700;text-decoration:none; border-right: 1px solid #999;  margin: 2px 0; color:#19325A }
div#menu ul li a:hover{color:#F22627 }


.entry-title{clear:both;}
div#content{margin-bottom: 10px}
div#content h2{padding-bottom: 5px; border-bottom: 1px solid #19325A; color: #19325A}
div#content h3{padding-bottom: 5px;  border-bottom: 1px solid #ddd; color: #19325A;}
div#content h4{padding-bottom: 5px;  border-bottom: 1px solid #ddd; color: #19325A;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
input#noresults-searchsubmit, input#searchsubmit{width:110px;  
	padding:2px; 
	font-size:1.1em;
	background:url('http://www.get-a-life.ca/calgarybeerfest/wp-content/plugins/contactforms/images/button-bg.gif') repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
 }
 input#searchsubmit{width:50px;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar .textwidget{margin: 0 0; padding: 0 0}
div.sidebar h3{font-size:1em; padding:0 0 0 20px}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0;}
div.sidebar li form{margin:0.2em 0 0;padding:0 0 0 15px;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

#imagefade{border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 15px; margin: 0 auto;}

/*Awards page images*/

img.awards {border:1px solid #ddd; padding 5px; margin-bottom:15px}

/*sidebar buttons*/
div#tickets a{display: block;height: 106px;width: 180px;background: url(img/tickets.png) no-repeat 0 0;}
div#tickets a:hover {background-position: 0 -112px;}
div#registration a{display: block;height: 106px;width: 180px;background: url(img/registration.png) no-repeat 0 0;}
div#registration a:hover {background-position: 0 -112px;}
div#sponsorship a{display: block;height: 106px;width: 180px;background: url(img/sponsorship.png) no-repeat 0 0;}
div#sponsorship a:hover {background-position: 0 -112px;}
div#volunteer a{display: block;height: 106px;width: 180px;background: url(img/volunteer.png) no-repeat 0 0;}
div#volunteer a:hover {background-position: 0 -112px;}
.hide{display:none}

div#footer{text-align:left; color: #999; padding: 15px 0 0 80px;font-size:90%;}
div#footer a{color: #fff; }
div#infoWindow{font-size: 90%; color:#333; margin-bottom:20px }
div#infoWindow input.button{width:30px;  
	padding:2px; 
	font-size:1.1em;
	background:url('http://www.get-a-life.ca/calgarybeerfest/wp-content/plugins/contactforms/images/button-bg.gif') repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
 }
 
 /*Photo Gallery styles*/
 

 .thumbnail{padding: 5px;background-color: #fff;
border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666;
float:left;	display:table; margin-right: 10px;	margin-bottom: 10px;	}	
/*Sponsors and Media table*/
table.media img{padding: 10px; text-align:center}

/*Location page map styles*/
 div#infoWindow input.reset{width:150px; }
div#infoWindow h4{text-align: center; font-size: 150%; margin: 0 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #333}
div#infoWindow form{margin: 0 0; padding: 5px 0 0 0}
.tooltip {background-color: #eee; border:#ccc 1px solid;  font-weight :bolder; width: 200px;  font-size: 12px;  padding: 1px 3px 1px 3px;  text-align: center;  overflow:hidden;  }
div#directions{clear:both}






/***************************

 *   Accordion Class     *

 **************************/	

 #accordion{margin-bottom:20px}

 

 /** Containing class for each accordion panel **/ 

.panel{margin:0 0 5px 0; border: 1px solid #ccc;  -moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; }



/** H2 styles/states for accordion headings**/

 .panel h2{padding: 15px 0 0 15px;	font-weight: bold; border-bottom:none !important; height:30px;	margin:0; outline-style: none; -moz-border-radius-topleft: 6px;-khtml-border-top-left-radius: 6px;-webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px;-khtml-border-top-right-radius: 6px;-webkit-border-top-right-radius: 6px;}

.panel h2.ui-state-default{background: #fff url(img/trigger_bg.jpg) no-repeat bottom right;}

.panel h2.ui-state-hover{background: #fff url(img/trigger_bg-hover.jpg) no-repeat bottom right; cursor:pointer}

.panel h2.ui-state-default .ui-state-hover{background: #fff url(img/trigger_bg-hover.jpg) no-repeat bottom right; cursor:pointer}

.panel h2 a {text-decoration: none;display: block; }

.panel h2 a:hover{color:#1f5099}

.panel h2.ui-state-active{background: #fff url(img/trigger_bg.jpg) no-repeat top right;}

.panel h2.ui-state-active.ui-state-hover{background: #fff url(img/trigger_bg-hover.jpg) no-repeat top right;}



/** content div inside each panel **/

.toggle_panel {padding:5px 10px 10px;	background: url(img/grey_shaddow_top.jpg) repeat-x top left;	overflow: hidden;clear: both;	border-top:1px solid #bbb;}
.toggle_panel h3{clear:left; font-size:16px}
.toggle_panel p{font-weight:bold; clear:left;font-size:13px }
.toggle_panel .awards{padding:10px;float:left;margin:0 10px 20px 0 }


.toggle_panel ul{margin:0 0 0 -15px}

.toggle_panel ul li{width:255px; float:left; margin:0 15px 5px 15px; list-style:url(img/bullet.gif);  }

.toggle_panel ul li img{float:left; }

.toggle_panel ul li span{display:block}

.toggle_panel ul li a{text-decoration:underline}







/** Open all panels when printed - move this to the print style sheet at some point **/

@media print {

.toggle_panel { display:block!important; height:auto!important }

}