/*
Theme Name: downtowncolumbus.com
Theme URI: http://www.downtowncolumbus.com/
Description: Wordpress theme for downtowncolumbus.com
Version: 1.0
Author: Nathan Demick
Author URI: http://www.huberandco.com/
Tags: custom, widgets
*/

* { padding: none; margin: 0px; }
body { font: 16px Arial, sans-serif; line-height: 16px; text-align: center; background: #fff; margin: 0px }
a { color: #428cb6 }
a:hover { text-decoration: none }
p { margin: 10px auto; }

/* Header */
#header { width: 907px; height: 102px; background: url('img/header-background.jpg'); margin: 0px auto; text-align: left; overflow: hidden; }

/* Top right links */
#top-links ul { float: right; list-style-type: none; margin: 0px; padding: 0px 5px 3px 0px; background: url('img/top-links-background.jpg') top right no-repeat }
#top-links ul li { float: left; padding: 0px 7px; background: url('img/top-links-background.gif') 0px 5px no-repeat }
#top-links ul li.first-child { background: none }
#top-links ul li a { font: 0.75em serif; color: #fff; text-decoration: none }
#top-links ul li a:hover { text-decoration: underline }
#top-links ul li a:visited { color: #cce2be }

/* Email signup form */		
#newsletter-signup { float: right; clear: right; margin: 50px 5px 0px 0px; padding: 0px }
#newsletter-signup label { color: #d7d7d7; width: 190px; display: block; float: left; font-size: 11px; line-height: 12px; }
#newsletter-signup fieldset { border: none; padding: 0px }
#newsletter-signup input { font: normal 13px Georgia, serif; color: #333; padding: 0px; height: 15px; width: 150px }
#newsletter-signup button { margin-top: 2px; height: 20px; float: right; border: 1px solid #fff; color: #fff; background: #d85213; font-size: 11px; text-transform: uppercase; cursor: pointer }

/* Main navigation and search */
#nav { width: 934px; height: 28px; background: url('img/nav-background.jpg'); margin: 5px auto 0px auto; text-align: left; overflow: hidden; }
#nav ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 25px }
#nav ul li { float: left; background: url('img/nav-li-background.gif') 0px 6px no-repeat; padding: 2px 5px 0px 7px; margin: 0px; }
#nav ul li.first-child { background: none }
#nav ul li a { font: 14px Georgia, serif; color: #fff; text-decoration: none; height: 16px; display: block; float: left; padding: 4px; overflow: hidden; }

#nav ul li a.doing-business:hover, #nav ul li a.doing-business-highlight { background: #70905d }
#nav ul li a.experiencing:hover, #nav ul li a.experiencing-highlight { background: #8c2908 }
#nav ul li a.living:hover, #nav ul li a.living-highlight { background: #004270 }

#nav form { float: right; margin: 0px; padding: 2px 0px }
#nav form fieldset { border: none; padding: 2px 0px 0px 0px }
#nav form input { font: normal 13px Georgia, serif; color: #333; padding: 0px; height: 15px; width: 150px; }
#nav form button { vertical-align: top; border: 1px solid #fff; color: #fff; background: #004270; margin-right: 18px; font-size: 11px; height: 19px; text-transform: uppercase; cursor: pointer }

/* Blog header */
#blog-header { background: url('img/blog-central-back.gif') no-repeat center top; text-align: left; margin-bottom: 0px; height: 47px; font-family: Times, serif; font-size: 20px; color: #fff; font-weight: bolder; padding: 15px 0px 0px 38px; }
#blog-header-kickball { background: url('img/blog-kickball-back.gif') no-repeat center top; text-align: left; margin-bottom: 0px; height: 47px; font-family: Times, serif; font-size: 20px; color: #fff; font-weight: bolder; padding: 15px 0px 0px 38px; }
#blog-header-pearl-market { background: url('img/blog-market-back.gif') no-repeat center top; text-align: left; margin-bottom: 0px; height: 47px; font-family: Times, serif; font-size: 20px; color: #fff; font-weight: bolder; padding: 15px 0px 0px 38px; }
#blog-header a, #blog-header-kickball a, #blog-header-pearl-market a { color: #fff; text-decoration: none; }
#blog-header a:hover, #blog-header-kickball a:hover, #blog-header-pearl-market a:hover { text-decoration: underline; }

/* Main content container */
#content { width: 934px; margin: 5px auto 0px auto; text-align: left; }

#posts { float: left; width: 758px; padding: 0px 0px 0px 15px; font: 14px Georgia, serif; line-height: 18px; border-left: 1px solid #ccc; }
#posts-wide { float: left; width: 903px; padding: 0px 0px 0px 15px; font: 14px Georgia, serif; line-height: 18px; }
#posts .post, #posts-wide .post {  }
#posts .post h2, #posts-wide .post h2 { font-size: 18px; }
#posts .post h2 a, #posts-wide .post h2 a { color: #d85213; text-decoration: none; }
#posts .post .post-info, #posts-wide .post .post-info { color: #666; }

#sidebar { float: left; width: 150px; padding-right: 10px; font: 12px Arial, sans-serif; color: #666; }
#sidebar ul { list-style-type: none; padding: 0px 0px 0px 18px; }
#sidebar ul li { margin: 2px 0px; }
#sidebar ul h2 { font-size: 13px; font-weight: bold; }
#sidebar ul li ul { list-style-type: disc; padding: 0px 0px 15px 20px; }

/* Ad */
#advertisement { float: right; width: 160px; text-align: center; margin-top: 14px }	/* This allows an ad (up to 160px wide) to be centered within its placement context */

/* Footer */
#footer { padding-top: 10px; margin-top: 20px; background: url('img/footer-background.jpg') top center no-repeat; color: #58595b; font: normal 11px Georgia, serif; text-align: center; }
#footer ul { list-style-type: none }
#footer ul li { display: inline; background: url('img/footer-li-background.gif') 0px 2px no-repeat; padding: 0px 3px 0px 6px }
#footer ul li.first-child { background: none }
#footer a { text-decoration: none }
#footer a:hover { text-decoration: underline }

/* Other Wordpress styles */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; border: 4px solid #ccc; }
img.alignright { margin: 4px 4px 6px 11px; display: inline; border: 4px solid #ccc; }
img.alignleft { margin: 4px 11px 6px 4px; display: inline; border: 4px solid #ccc; }

.alignright { float: right;	}
.alignleft { float: left; }

.navigation { margin-bottom: 15px; }

/* Misc. */
hr { height: 0px; border: none; border-top: 1px solid #bddd9b; margin: 20px 1px }
a img { border: 0px }
.clear-left { clear: left }
.clear-right { clear: right }
.clear { clear: both }
.accessibility { position: absolute; left: -9999px }
.invisible { display: none }
input:focus { background: #ffd }	/* Gives form elements a slight yellow highlight when focused */