/*  
Theme Name: OADA theme
Theme URI: http://www.dssquared.com
Description: Theme made the Okefenokee Area Development Authority.
Version: 1.0
Author: James Matthew Strickland
Author URI: http://www.dssquared.com
-*/


/* CSS Reset
-----------------------------------------------*/

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0;  }
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

:focus { outline: 0; }

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



body { background: url(images/background.gif) top repeat-x #f3e7d2; font-family: Helvetica, Arial; color: #7d745a; }
	
p { margin-bottom: 20px; line-height: 1.4em; }

h2 {
	font-family: Times;
	font-size: 1.6em;
	color: #7d745a;
	margin-bottom: 10px;
	}
	
h3 {
	font-family: Times;
	font-size: 1.2em;
	color: #7d745a;
	margin-bottom: 5px;
	}
	
strong { font-weight: bold; }



/* Header
---------------------------------------------------------------------*/

#header-wrapper {
	width: 960px;
	margin: 0px auto;
}

	#logo {
		width: 341px;
		margin: 5px 0 0 0;
		float: left;
	}
	
	#logo img{
		border: none;
	}
	
	#welcome {
		float: right;
		margin: 6px 0 0 0;
	}

	/* Search Stuff */
	
	#search {
		width: 341px;
		height: 37px;
		float: left;
		clear: left;
		background: url(images/search-bg.png) no-repeat;
	}		
	
	#s {
		background: #8a9c80;
		width: 230px;
		color: #656f61;
		font-size: 1em;
		font-family: Helvetica, Arial, Tahoma, Verdana;
		padding: 4px;
		margin: 5px 0px 20px 26px;
		border-top: 1px solid #8a9c80;
		border-right: 1px solid #8a9c80;
		border-left: 1px solid #8a9c80;
		border-bottom: 1px solid #8a9c80;
	}
	




/************************************************
*	Navbar      								*
************************************************/

#navbar {
	width: 960px;
	height: 41px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	z-index: 100;
	}
	
#navbarleft {
	width: 960px;
	height: 41px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav a {
	font-family: Helvetica, Arial;
	font-size: .9em;
	color: #90a585;
	text-decoration: none;
	display: block;
    margin: 0px 10px 0px 0px;
	padding: 15px 10px 10px 10px;
	}
	
#nav a:hover {
	background: #585858;
	color: #b5c8aa;
	display: block;
	text-decoration: none;
    margin: 0px 10px 0px 0px;
	padding: 15px 10px 10px 10px;
	z-index: 100;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 200px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #333333;
	width: 200px;
	float: none;
	margin: 0px;
	padding: 6px 10px 5px 10px;
	border-top: 1px solid #2b2b2b;
	border-bottom: 1px solid #383838;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #555555;
	z-index: 100;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	z-index: 100;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index: 100;
	}
	
	


/* Content
---------------------------------------------------------------------*/

a, a:visited, a:active { color: #7d745a; text-decoration: none; }

a:hover { color: #7d745a; text-decoration: underline; }


#content-container {
	width: 930px;
	margin: 40px auto 0px auto;
	}

#content-wrapper {
	width: 960px;
	margin: 40px auto 0px auto;
}
	
#content-container2 {
	width: 560px;
	float: left;
	text-align: justify;
	}

/* Spotlight */
	
#spotlight-container {
	width: 100%;
	margin: 0 auto;
	}
	
#spotlight-content {
	padding: 10px;
	background-color: #e8dcc6;
	border-top: 1px solid #dfd3bc;
	border-bottom: 1px solid #dfd3bc;
	}
	
#spotlight-gallery { width: 900px; height: 250px; margin: 0 auto; }
	
h2.spotlight-heading {
	font-family: Times;
	font-size: 1.5em;
	color: #968c6c;
	margin-bottom: 5px;
	padding-left: 32px;
	background: url(images/icon-star.gif) top left no-repeat;
	}	

/* News */
	
#news-container {
	width: 400px;
	float: left;
	margin-top: 40px;
	}
	
#news-content {
	width: 400px;
	float: left;
	clear: left;
	margin-top: 5px;
	background-color: #e8dcc6;
	border-top: 1px solid #dfd3bc;
	}
	
h2.news-heading {
	font-family: Times;
	font-size: 1.5em;
	color: #968c6c;
	padding-left: 32px;
	background: url(images/icon-news.gif) top left no-repeat;
	}
	
#content-container #news-content ul {
	margin: 0px;
	padding: 0px;
	}	
	
#content-container #news-content ul li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
	}			
	
#news-content a { 
	display: block;
	padding: .3em .8em .3em 1.8em;
	font-size: .9em;
	color: #968c6c;
	background: url(images/arrow.gif) no-repeat #e8dcc6; 
	background-position: .5em .5em;
	border-top: 1px solid #f5e9d3;
	border-bottom: 1px solid #dccfb8;
	text-decoration: none;
	}
	
#news-content a:hover {
	background: url(images/arrow.gif) no-repeat #dfd3bb;
	background-position: .7em .5em;
	}

/* Events */
	
#events-container {
	width: 400px;
	float: right;
	margin-top: 40px;
	}
	
#events-content {
	width: 400px;
	float: left;
	clear: left;
	margin-top: 5px;
	background-color: #e8dcc6;
	border-top: 1px solid #dfd3bc;
	}
	
h2.events-heading {
	font-family: Times;
	font-size: 1.5em;
	color: #968c6c;
	padding-left: 32px;
	background: url(images/icon-clock.gif) top left no-repeat;
	}	
	
#content-container #events-container ul {
	list-style-type: none;
	margin: 0;
	margin-left: 0;
	padding: 0px;
	}	
	
#content-container #events-content ul li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
	}
	
#events-content a { 
	display: block;
	padding: .3em .8em .3em 1.8em;
	font-size: .9em;
	color: #968c6c;
	background: url(images/arrow.gif) no-repeat #e8dcc6; 
	background-position: .5em .5em;
	border-top: 1px solid #f5e9d3;
	border-bottom: 1px solid #dccfb8;
	text-decoration: none;
	}
	
#events-content a:hover {
	background: url(images/arrow.gif) no-repeat #dfd3bb;
	background-position: .7em .5em;
	}	

/* Lists */

#content-container ul { 
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 1em;
	margin-bottom: 30px;
}

#content-container li {
	background: url(images/ibullet2.gif) no-repeat 0 .1em;
	margin: .5em 0;
	padding-left: 1.2em;
}

#content-container2 ul { 
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 1em;
	margin-bottom: 30px;
}

#content-container2 li {
	background: url(images/ibullet2.gif) no-repeat 0 .1em;
	margin: .5em 0;
	padding-left: 1.2em;
}

#content-container2 img { background: #ffffff; padding: 8px; border: 1px solid #dddddd; }


/* Sidebar */

#sidebar {
	float: right;
	font-size: 75%; 
	line-height: 1.6em; 
}

.widget {
width: 310px;
margin: 20px;
padding: 10px;
background: #f3f1eb;
border: 1px solid #dedbd1;
margin-bottom: 15px;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}

	.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	}
	
		.tabnav li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #222;
		font-weight: bold;
		padding: 4px 6px;
		outline: none;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #dedbd1;
		color: #222;
		text-decoration: none;
		}
		
	.tabdiv {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
	}
	
		.tabdiv li {  }
		
		.tabdiv li a { padding: 3px; display: block; background: #ffffff; border-bottom: 1px solid #eeeeee; }
		
		.tabdiv li a:hover, .tabdiv li a:active { background: #90a585; color: #ffffff; text-decoration: none; }

.ui-tabs-hide {
		display: none;
		}

		#featuredvid {
		text-align: center;
		}
		
			.fvid {
			margin-bottom: 5px;
			}
		
			.vidselector li {
			text-align: left;
			list-style: none;
			padding: 5px;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}
			
 #featuredvid {
    text-align: center;
    }

    .fvid {
    margin-bottom: 5px;
    }

    .vidselector li {
    text-align: left;
    list-style: none;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #dedbd1;
    text-transform: uppercase;
    margin-bottom: 5px;
    }

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* Links */

.links-1 { font-weight: bold; font-size: 90%; }




/* Footer
---------------------------------------------------------------------*/

#footer-bar {
	width: 100%;
	height: 10px;
	margin-top: 60px;
	background: #dfd3bb;
	clear: both;
	}
	
#footer-bar2 {
	width: 100%;
	height: 50px;
	background: #3d3d3d;
	clear: both;
	}

#copyright-wrapper {
	width: 100%;
	height: 23px;
	clear: both;
	margin: 0;
	padding: 0;
	background: #2a2a2a;
	}
	
#copyright-container {
	width: 960px;
	margin: 0 auto;
	font-family: Helvetica, Arial;
	font-size: .8em;
	color: #f3e7d2;
	}
	
#copyright-container img {
	float: left;
	padding: 0 10px;
	}
	
#copyright-container p {
	float: left;
	margin: 7px 0px 0px 0px;
	line-height: 1em;
	}
	
#copyright-container a,
#copyright-container a:visited,
#copyright-container a:active {
	color: #f3e7d2;
	text-decoration: none;
	}
	
#copyright-container a:hover {
	color: #f3e7d2;
	text-decoration: underline;
	}


	
	
	
/* ---------- @ Float Clearing -----------*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}
	
	
/* Bug Fixes
-----------------------------------------------------------------*/


/* Clear Fix 
-------------------------*/

.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear-both { clear: both; }