/*
THEME NAME: Audacity
THEME URI: 
DESCRIPTION: A custom theme for hasaudacity.com based on the wonderful sandbox theme found at http://www.plaintxt.org/themes/sandbox/
VERSION: 1.0
AUTHOR:Shana Negin
DATE: 9/7/09
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/






/* FONT SIZE CHART FOR A 16PX BASE SIZE - PLEASE USE PERCENTS!
---------------------------------------------------------------*/

/*

6px		0.375em		37.5%		5pt
7px		0.438em		43.8%		5pt
8px		0.5em		50%			6pt
9px		0.563em		56.3%		7pt
10px	0.625em		62.5%		8pt
11px	0.688em		68.8%		8pt
12px	0.75em		75%			9pt
13px	0.813em		81.3%		10pt
14px	0.875em		87.5%		11pt
15px	0.938em		93.8%		11pt
16px	1em			100%		12pt
17px	1.063em		106.3%		13pt
18px	1.125em		112.5%		14pt
19px	1.188em		118.8%		14pt
20px	1.25em		125%		15pt
21px	1.313em		131.3%		16pt
22px	1.375em		137.5%		17pt
23px	1.438em		143.8%		17pt
24px	1.5em		150%		18pt




*/


/* COLOR PALLETTE
---------------------------------------------------------------*/

/*
Blue = #6eb1e0
Orange = #f05a26 
Green = #8bc53f;

*/


/* SOME BASE STYLES
---------------------------------------------------------------*/
body{

line-height: 1.2em;
color: #ddd;
background: #161616;
font-family: arial, helvetica , sans-serif;
}


h1{
font-size: 225%;
font-weight: bold;
margin: 0;
line-height: 1;
}

h2{
font-size: 150%;
font-weight: bold;
margin: 0 0 0.5em 0;
line-height: 1;
letter-spacing: 0.02em;


}

h3{
font-size: 100%;
font-weight: bold;
margin: 0 0 0.5em 0;
line-height: 1;

}



p, li, td{
font-size: 93.8%;
letter-spacing: 0.02em;

}

p{

}

ul{

}

a:link {
color: #f05a26;
} /* unvisited link */

a:visited {
color: #f05a26;
} /* visited link */

a:hover {
color: #6eb1e0;
} /* mouse over link */

a:active {
color: #6eb1e0;
} /* selected link */



 #wrapper{
width: 942px;
margin: 0 auto;
background: #000;

}

#inner-wrapper{
background: url(images/site-bg.png) no-repeat #000;
height: 197px;

}

.home #inner-wrapper{
height: auto;
}



/* UTILITY STYLES
---------------------------------------------------------------*/
.clear{
clear: both;
}

/* MASTHEAD AND MAIN NAV
---------------------------------------------------------------*/
#front-left-wrapper{
float: left;
width: 600px;
padding: 0 25px 0 0;
}

#logo{
padding: 0 0 0 0;
margin: 20px 0 0 30px;
background: url(images/logo.gif) no-repeat;
text-indent: -9999px;
width: 324px;
height: 145px;
}

#logo a {
display: block;
height: 100%;
}

#main-nav{
border: 1px solid #b2b2b2;
border-right: none;
border-left: none;
height: 10px;
padding: 10px 30px 10px 0;
clear: both;
}

#main-nav li{
float: left;
text-indent: -9999px;
margin-right: 17px;

}

#main-nav li a{
display: block;
}


#nav-link-one{
background: url(images/nav-button-1.gif) no-repeat;
width: 69px;
margin-left: 30px;
}

#nav-link-two{
background: url(images/nav-button-2.gif) no-repeat;
width: 83px;
}

#nav-link-three{
background: url(images/nav-button-3.gif) no-repeat;
width: 100px;
}

#nav-link-four{
background: url(images/nav-button-4.gif) no-repeat;
width: 109px;
}

li#nav-link-five{
background: url(images/nav-button-5.gif) no-repeat;
width: 109px;
margin-right: 0;
}




#nav-link-one a:hover,.homepage-page  #main-nav  li#nav-link-one a{
background: url(images/nav-button-1.gif) no-repeat 0 -20px;
}

#nav-link-two a:hover,.events-page  #main-nav  li#nav-link-two a{
background: url(images/nav-button-2.gif) no-repeat 0 -20px;
}

#nav-link-three a:hover, .services-page #main-nav li#nav-link-three a{
background: url(images/nav-button-3.gif) no-repeat 0 -20px;
}

#nav-link-four a:hover, .about-us-page #main-nav li#nav-link-four a{
background: url(images/nav-button-4.gif) no-repeat 0 -20px;
}

#nav-link-five a:hover, .contact-us-page #main-nav li#nav-link-five a{
background: url(images/nav-button-5.gif) no-repeat 0 -20px;
}




#twitter{
float: left;
width: 295px;
padding: 0 15px 0 0;
margin: 20px 0 0 0;
}


#twitter-out{
margin-bottom: 16px;
}

#twitter-out h2{
color: #f05a26;
font-size: 93.8%;
padding: 0 0 0 49px;
}

#twitter-out p{
height: 35px;
font-size: 75%;
/* margin: 0 0 1em 0; */

}


#twitter-out a{
/* line-height:33px; */
display: block;
float: left;
width: 235px;
padding: 7px 0 0 0;
margin: 0 0 0 15px;
color: #6eb1e0;
text-decoration: none;
border-top: 1px #737475 solid;

 }


#twitter-out a:hover{
color: #f05a26;
}


#twitter-out p.first a{
border-top: none;
}

#twitter-out img{
border: 1px #737475 solid;
float: left;
width: 33px;
/* margin-top: 7px; */
}

#twitter-in{
clear: both;
width: 253px;
height: 242px;
background: #000;
border: 1px solid #737475;
padding: 20px;
margin: 0 0 14px 0;
overflow: hidden;
}

#twitter-in h2{
font-size: 93.8%;
color: #f05a26;
}

#twitter-in ul li ul li{
font-size: 70%;
margin-bottom: 1em;
background: url(images/twitter/twt-ico.gif) no-repeat;
line-height: 1.5em;
letter-spacing: 0.05em;
}

#twitter-in ul li ul li:first-letter {
padding-left: 24px;
}


#twitter-in a{
text-decoration: none;
}

#twitter-in .entry-meta{
display: block;
}

#twitter-in .from-meta{
display: none;
}

/* MAIN CONTENT 

---------------------------------------------------------------*/



#container {
clear: both;
margin: 40px 0;
}

#content{
padding: 0 30px;
}


.entry-content p{
margin-bottom: 1em;
}

.entry-content h3{
color: #f05a26;
}

#bottom-half-callout{
background-color: #000;
clear: both;

}


.homepage-page #bottom-half-callout{
background: url(images/bottom-bg/bottom-bg-home.jpg) no-repeat;

}

.events-page #bottom-half-callout{
background: url(images/bottom-bg/bottom-bg-events.jpg) no-repeat;

}


.contact-us-page #bottom-half-callout{
background: url(images/bottom-bg/bottom-bg-contact.jpg) no-repeat;

}

.about-us-page #bottom-half-callout{
background: url(images/bottom-bg/bottom-bg-about.jpg) no-repeat;

}

.services-page #bottom-half-callout{
background: url(images/bottom-bg/bottom-bg-services.jpg) no-repeat;

}


#photo-callout{
display:block;
height:40px;
padding:17px 0 217px 30px;
text-indent:-9999px;

background: url(images/photo-bg.png) no-repeat 40px 30px;
}

#event-callout{
background-image: url(images/recent-upcoming-bg.png);
background-repeat: no-repeat;
height: 234px;
padding: 3px 30px;


}

#event-callout li{
font-size: 75%;
width: 138px;
margin-right: 15px;
float: left;
}

#event-callout li *{
font-size: 100%;
font-weight: normal;
letter-spacing: 0.03em;
}

#event-callout li p{
line-height: 1.1;
width: 90%;

}

.event-desc {
height: 93px;
overflow: hidden;
}


#event-callout a{
color: #6eb1e0;
text-decoration: none;

}

#event-callout img{
width: 121px;
padding-top: 10px;
}


#recent-events{
float: left;
width: 460px;
margin-bottom: 1em;
overflow: hidden;
}

#upcoming-events{
float: left;
width: 420px;
margin-bottom: 1em;
overflow: hidden;
}

#upcoming-events a{
color: #f05a26;
}

#upcoming-events h3 a{
color: #8bc53f;
}


/*-- H0ME PAGE -- */



#front-highlight{
clear: both;
margin: 0 0 0 30px;

}


#front-highlight h1{
font-size: 225%;
padding: 36px 0 20px 0;

}


#front-highlight-text{
font-size: 93.8%;
line-height: 1.4;

} 


#front-highlight-text *{
font-size: 100%;
}



/*-- INNER PAGE -- */





/* SIDEBAR 
---------------------------------------------------------------*/

/* FOOTER
---------------------------------------------------------------*/

#footer{
background:url(images/footer-bg.gif) no-repeat;
color: #fff;
font-size: 68.8%;
padding: 2px 30px 0 30px;
clear: both;
margin: 1em 0 0 0;
}

#footer *{
font-size: 100%;
}

#footer ul li{
float: left;
margin-right: 8px;
padding-right: 8px;
border-right: 1px solid;
}

#footer ul li.last {
border: none;
}

#footer a{
color: #fff;
text-decoration: none;
}


#footer p {
text-align: right;
font-size: 81.5%;
}




/* GALLERY
---------------------------------------------------------------*/

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

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}




div.gallery {
clear:both;

margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div.gallery dl {
float: left;
}

div.gallery * {
margin:0;
padding:0;
}

div.gallery dt.gallery-icon img{
border: 2px solid #ddd;
margin-bottom: 1em;
padding: 0;
}


div.sociable{
clear: both;
}