/*
Theme Name: Chamber of Commerce
Theme URI: http://www.tourathens.com/
Description: Custom two-column theme for the Limestone County Chamber of Commerce.
Version: 1.0
Author: Michael Leigeber
Author URI: http://www.refinacorp.com/
Tags: chamber, athens
*/

* {margin:0; padding:0}
html,body {height:100%}
body {min-height:100%; font:11px Verdana,Arial; color:#252525; background:#8b9aa9 url(http://static.tourathens.com/bg.jpg) bottom repeat-x fixed}
img {border:none}
a {color:#835656}
a:hover {color:#000}
#header {height:116px; background:#fff url(http://static.tourathens.com/header_bg.gif); margin-bottom:14px}
#headercontent,#wrapper {width:914px; margin:0 auto}
#ddnav {clear:left; width:904px; padding:12px 0 0 10px; list-style:none}
#ddnav li {float:left; position:relative}
#ddnav ul {position:absolute; top:34px; left:3px; background:#ced7d2; display:none; list-style:none; font-size:12px; z-index:9000}
#ddnav ul li {border:1px solid #658073; border-top:none; width:175px; margin:0}
#ddnav ul a {display:block; padding:3px 5px 4px; color:#414745; text-decoration:none; background:#ced7d2}
#ddnav ul a:hover {background:#dbe3df}
#join {float:left; margin-top:10px}
#logo {float:left; margin:18px 0 0 224px}
#call {float:right; margin:10px 6px 0 0}
#left {float:left; width:283px; padding-bottom:25px}
#leftcontent {float:left; width:257px; padding:3px 13px; background:url(http://static.tourathens.com/left_bg.png) repeat-y}
#leftbg {float:left; width:237px; padding:10px; background:url(http://static.tourathens.com/left-bg.jpg) no-repeat}
h2 {display:block; font-size:18px; color:#835656}
h3 {display:block; float:left; font-size:13px; color:#835656; margin:0 0 8px}
h4 {display:block; font-size:12px; margin:0 0 6px}
/* Side Navigation */
ul.spaced {float:left; width:100%; list-style:none; background:url(http://static.tourathens.com/dotted_divider.gif) bottom repeat-x; padding-bottom:5px; margin-bottom:15px}
.spaced li {float:left; display:block;; width:100%; padding:5px 0; border-top:1px dotted #ccc}
.spaced li a {text-decoration:none}
.spaced li span, .ec3_events li span {float:left; color:#666; font-style:italic}
.spaced li p, .ec3_events p {float:left; width:237px; padding-bottom:5px}
.underline {border-bottom:1px solid #d4d4d4}
.archive {float:right; text-decoration:none; font-style:italic; color:#835656}
.archive:hover, .details:hover {color:#463737}
.details {float:right; text-decoration:none; color:#835656; padding-right:10px; background:url(http://static.tourathens.com/double_bullet.gif) right center no-repeat}
.event {display:block; margin-bottom:5px; color:#333; text-decoration:none; padding-left:10px; background:url(http://static.tourathens.com/double_bullet.gif) left center no-repeat}
.event:hover {color:#000}
ul#links {float:left; width:100%; list-style:none; margin-left:2px; border-top:1px dotted #ccc}
.links h2 {font-size:11px; width:100%; font-weight:bold; color:#252525; padding:0 0 3px 14px; cursor:pointer; background:url(http://static.tourathens.com/expand.gif) no-repeat 0 5px}
h2.reverse {background:url(http://static.tourathens.com/collapse.gif) no-repeat 0 5px}
#links div {border-bottom:1px dotted #ccc; padding:4px 0 2px}
#links ul {list-style:none; width:100%; margin-left:15px}
.linkcat {margin-bottom:5px; width:100%}
#links li {float:left; clear:left; width:100%}
#links ul li {margin:2px 0}
#links a {display:block; color:#333; padding-left:8px; background:url(http://static.tourathens.com/single_bullet.gif) left center no-repeat; text-decoration:none}
#links a:hover {color:#000}
.blogroll {overflow:hidden}
#right {float:right; width:631px; padding-bottom:25px}
#rightcontent {float:left; width:631px; background:url(http://static.tourathens.com/right_bg.png) repeat-y}
#rightcontent ul {margin:0 0 12px 20px}
#content {float:left; width:584px; padding:10px 23px 35px}
#intro {margin-bottom:12px}
#rightcontent p {font:12px/1.3 Verdana,Arial; clear:left; margin-bottom:10px}
#footer {clear:left; height:25px; width:575px; padding:12px 14px 14px; margin:0 14px 3px; background:url(http://static.tourathens.com/footer_bg.jpg)}
#footerleft {float:left; color:#ab8d8d}
#footerleft a {color:#ab8d8d; text-decoration:none}
#footerleft a:hover {color:#d3bdbd}
#footerright {float:right; text-align:right; color:#e6d7d7}
#footerright a {color:#e6d7d7; text-decoration:none}
#footerright a:hover {color:#fff}
/* Links */
ul#resources {list-style:none; margin-left:0}
#resources h2 {font-size:13px; margin-bottom:5px; color:#b97e6b}
ul#resources ul {list-style:disc}
#resources li li {line-height:1.6}
/* Posts */
.navigation {display:block; margin-bottom:15px}
.alignleft {float:left}
.alignright {float:right}
.post {width:100%; float:left; color:#252525}
.post h3 {display:block; width:100%; margin-bottom:0px}
.post .entry {margin-top:12px}
/* Archive */
.archivepost {border-bottom:1px dotted #aaa; padding-bottom:10px; margin-bottom:15px}
/* Contact Page */
.contactform {float:left; margin-top:10px}
.contactform input {float:left; font:12px Verdana,Arial}
.contactform textarea {float:left; font:12px Verdana,Arial}
.contactform label {float:left; clear:left; width:160px; margin-bottom:10px; font:12px Verdana,Arial}
.contactform .submit {float:left; clear:left}
.contactform .error {float:left; font-weight:bold; color:red; padding-bottom:10px}
/* Directory */
.pagination {display:block; padding:20px 0 10px; font-size:12px}
.pagination a {padding:2px; border:1px solid #835656; margin:0 2px; text-decoration:none}
.activepage {font-weight:bold}
ul#members {list-style:none; margin:10px 0 0}
ul#members li {margin:10px 0 0}
#memberlist {float:left; clear:left; width:100%}
#memberlist span {float:left; clear:left; padding:2px 0 3px 14px; cursor:pointer; color:#444; width:224px; border-top:1px dotted #ccc}
#memberlist span:hover {color:#000}
#memberlist ul {float:left; width:100%; clear:left; display:none; list-style:none; margin:2px 0 7px}
#memberlist li {float:left; width:100%; clear:left; padding:0 0 4px 24px; background:url(http://static.tourathens.com/single_bullet.gif) 16px 6px no-repeat}
.collapse {background:url(http://static.tourathens.com/collapse.gif) 1px 7px no-repeat}
.expand {background:url(http://static.tourathens.com/expand.gif) 1px 7px no-repeat}
.memberdescription {width:330px}
/* Details */
#memberdetails {margin-top:12px}
#memberdetails span {float:left; clear:left; padding-bottom:6px}
.memberlogo {margin-right:15px; float:right}
.memberdescription {margin-top:12px}
.memberurl {width:574px; padding:0 0 0 10px; margin-top:12px; background:url(http://static.tourathens.com/double_bullet.gif) 0 2px no-repeat}
ul#catlist {list-style:none; width:584px; margin:5px 0 0 8px}
ul#catlist li {background:url(http://static.tourathens.com/single_bullet.gif) no-repeat 0 50%; padding-left:8px}
/* Calendar */
table.ec3_schedule {margin:0 0 10px; border:0; border-collapse:collapse}
/* Slideshow */
#slideshow {list-style:none}
#slideshow span {display:none}
#imgwrapper {width:585px; font:11px Verdana,Arial; margin-bottom:15px}
#fullsize {position:relative; width:573px; height:277px; padding:2px; border:4px solid #666}
#information {position:absolute; bottom:2px; width:573px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.75; filter:alpha(opacity=75)}
#information h3 {padding:4px 8px 3px; font-size:14px; color:#fff}
#information p {padding:8px; margin:0}
#image {width:573px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:277px; cursor:pointer; z-index:150}
#imgprev {left:2px; background:url(http://static.tourathens.com/left.gif) left center no-repeat}
#imgnext {right:2px; background:url(http://static.tourathens.com/right.gif) right center no-repeat}
/* Sub Navigation */
ul#subnav {float:left; width:100%; font:14px Verdana,Arial; font-weight:bold; color:#fff; margin:0 8px 14px; list-style:none; padding-left:10px; border-left:1px dotted #fff}
ul#subnav li {float:left; padding-right:10px; margin-right:10px; border-right:1px dotted #fff}
ul#subnav li a {color:#fff; text-decoration:none}
ul#subnav li a:hover {color:#dde8f1}
/* Tourism */
#single {padding-bottom:25px}
#singlewrapper {float:left; width:914px; background:url(http://static.tourathens.com/bg.png) repeat-y}
#singlecontent {float:left; width:866px; padding:10px 23px 35px}
#singlecontent ul {list-style:none; margin-top:10px}
#singlefooter {clear:left; height:25px; width:859px; padding:12px 14px 14px; margin:0 13px 3px; background:url(http://static.tourathens.com/footer_bg.jpg)}
#tourism-events p {margin:14px 0}
#tourism-events p span {display:block; font-style:italic; margin:2px 0 4px; font-size:11px; padding-left:8px; background:url(http://static.tourathens.com/single_bullet.gif) no-repeat left center}
/* Join */
#join {margin-top:15px}
#join ul {list-style:none; margin:0}
#join li {padding:5px}
#join label {font-size:12px; margin-right:5px}
#join input {font-size:12px}
#join select {font-size:12px}
.oddrow {background:#eee}
.required {color:red}
#requiredtext {margin:15px 0}
#communication {margin-bottom:5px}
/* Sidebar Ads */
#sidebarads {float:left; list-style:none; margin-bottom:5px}
#sidebarads li {float:left}
#sidebarads a {float:left; display:block; border:1px solid #333; margin-bottom:10px}
/* Community Map */
#sidebarmap {float:left; padding:12px 53px 0}
#feature {border:5px solid #9d9e58; margin-bottom:10px}
#feature p {padding:10px; border:3px solid #fff; background:#f8f8d3; margin-bottom:0; font:18px Georgia,Verdana}
#feature a {text-decoration:none}