/*  
Theme Name: TOTTD
Theme URI: http://www.ainove.com
Description: Theme developed for Talk of the Town Dupage.
Version: 1.0
Author: Ainove Inc.
Author URI: http://www.ainove.com/
*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #fff;
	background-image: url('images/bg-tile.gif');
	background-repeat: repeat-x;
	color: #000000;
}

.smallBg {
	background-image: url('images/bg-tile-small.gif');
}

/**
 * Global block
 */
.clear {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.bold {
	font-weight: bold;
}

h1 {
	font-family: Georgia, Sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;
}

a:link, a:visited {
	text-decoration: underline;
	color: #336699;
}

a:hover {
	text-decoration: none;
	color: #ff0000;
}

p {
	padding: 10px 0 0 0;
}

#wrapper {
	margin: 0 auto 0 auto;
	width: 960px;
	text-align: left;
	position: relative;
}

/**
 * Header block
 */

#header {
	float: left;
	width: 960px;
}

#header #logo {
	float: left;
}

#header #navbar {
	float: left;
	width: 803px;
}

#header #navbar ul {
	margin: 0;
	padding: 0;
}

#header #navbar ul li {
	list-style: none;
	float: left;
}

#header #pages {
	height: 61px;
	line-height: 61px;
	background-color: #333b48;
}

#header #pages ul {
	float:right;
	padding-right: 1em;
}

#header #pages li {
	font-family: Arial;
	font-size: 10pt;
	padding: 0 1em 0 1em;
	text-transform: uppercase;
}

#header #pages li a {
	color: #fff;
	text-decoration: none;
}

#header #pages li a:Hover {
	color: #fff;
	text-decoration: underline;
}

#header #categories {
	height: 31px;
	line-height: 31px;
	background-color: #f3f3f3;
}

#header #categories ul {
	float: right;
	padding-right: 1em;
}

#header #categories li {
	font-family: Arial;
	font-size: 9pt;
	padding: 0 1em 0 1em;
	text-transform: uppercase;
}

#header #categories li a {
	color: #333b48;
	text-decoration: none;
}

#header #categories li a:Hover {
	color: #333b48;
	text-decoration: underline;
}

/**
 * Homepage block
 */
#primaryAd {
	
}

#homepage-search {
	
}

.frontpage-container-social {
	width: 300px;
	float: left;
	margin-left: 12px;
	margin-top:10px;
	margin-bottom: 10px;
}

.frontpage-container-social-l {
	width: 620px;
	float: left;
	margin-left: 12px;
	margin-top:10px;
	margin-bottom: 10px;
}

.frontpage-container {
	width: 305px;
	float: left;
	margin-left: 12px;
}

.frontpage-container .headerImage {
	float:left;
	margin: 0;
	padding: 0;
}

.frontpage-container .content {
	margin: 0;
	height: 270px;
	padding:0 10px 0 20px;
	background-image: url('images/homepage/homepage-container-bg.gif');
	background-repeat: repeat-y;	
}

.frontpage-container UL {
	margin: 0px 60px 0px 15px;
	padding: 0;	
}

.frontpage-container LI {
	margin: 5px 0px 5px 0px;
	padding: 0;	
}

.frontpage-container h3 {
	font-size:16px;	
	font-weight: normal;
	color: #3d4551;
}

.frontpage-container a {
	font-size:12px;	
	font-weight: normal;
	color: #688930;
}

.frontpage-container a:hover {
	font-size:12px;	
	font-weight: normal;
	color: #3d4551;
}

.frontpage-container .footerImage {
	float:left;
	margin: 0;
	padding: 0;
}

#category-callouts {
	clear: both;
}

#category-callouts .callout {
	float: left;
	margin-left: 12px;
}

#featured-sections {
	
}

#featured-section .section {
	
}

/**
 * Page block
 */
 
#primaryAd-small {
	
}

#sub-categories {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
}

#sub-categories ul {
	margin: 0;
	padding: 0;
}

#sub-categories ul li {
	list-style: none;
	float: left;
	padding:0 10px 0 10px;
}

#sub-categories ul .cat-item {
	padding-left: 10px;
}

#sub-categories ul li a {
	color: #333b48;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#container {
	float: left;
	width: 575px;
	margin-right: 20px;
	border: #e4e4e5 1px solid;
	padding: 20px 25px 20px 25px;
	background-color: #fff;
}

#container.wide {
	width: 875px;
}

#home-searchbar {
	position: absolute;
	width: 300px;
	right: 0px;
	top: 250px;
}

#internal-searchbar {
	position: absolute;
	width: 300px;
	right: 0px;
	top: 135px;
}

#searchForm {
	
}

#searchForm #searchButton {
	float: left;
	margin-right: 10px;
}

#searchForm #searchButton input {
	border: 0px none;
	width: 72px;
	height: 28px;
	line-height: 25px;
	background-color: #333b48;
	color: #fff;
	font-weight: bold;
}

#searchForm #searchText {
	float: left;
	background-image: url('images/searchbar_background.gif');
	background-repeat: no-repeat;
	width: 210px;
	height: 30px;
}

#searchForm #searchText input {
	height: 20px;
	width: 195px;
	margin-top: 2px;
	margin-left: 10px;
	border: 0px none;
	font-size: 13pt;
}

.post {
	padding: 10px 0 10px 0;
}

.post h2, .post h2 a {
	font-family: Arial;
	text-decoration: none;
	font-size: 14pt;
	color: #1d75cf;
}

.post h2 a:hover {
	text-decoration: underline;
	color: #1d75cf;
}

.entry {
	line-height: 18px;
}

.postmetadata {
	margin: 10px 0 0 0;
	font-size: 8pt;
}

.sidebar {
	float: left;
	width: 300px;
	margin: 0 0 0 10px;
	display: inline;
}

.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0;
}

.sidebar ul li {
	padding: 0 0 0 0;
	line-height: 24px;
}

.sidebar ul li h2 {
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}

.sidebar ul ul li {
	padding: 0;
}

table#wp-calendar {
	width: 100%;
}

.navigation {
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/**
 * Mini Sitemap block
 */

#footer-sitemap {
	background-image: url('images/footer-bg.gif');
	background-repeat: repeat-x;
	background-color: #81868e;
	padding: 10px;
}

#footer-sitemap ul {
	margin: 0 40px 0 10px;
	padding: 0;
	float: left;
}

#footer-sitemap ul li, #footer-sitemap ul li a {
	list-style: none;
	color: #fff;
	font-size: 10pt;
	text-decoration: none;
}

#footer-sitemap ul li.category, #footer-sitemap ul li.category a {
	font-weight: bold;
	font-size: 11pt;
}

#footer-sitemap ul li a:Hover {
	text-decoration: underline;
}

/**
 * Footer block
 */

#footer {
	width: 100%;
	background-color: #333b48;
	color: #fff;
	line-height: 35px;
	margin-top: 10px;
}

#innerFooter {
	clear: both;
	width: 940px;
	margin: 0 auto;
}

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

#footer a:Hover {
	text-decoration: underline;
}

/***************************************
 * Busines Listing Styles
 **************************************/

.right-column, .left-column {
	
	width: 50%;
	float: left;
	
}

.bl_category {
	
	margin: 0 0 20px 0;
	
}

.bl_category .parent-name {
	
	font-size: 14pt;
	
}

.bl_category .children {
	
	margin: 5px 0 0 0;
	
}

.bl-company {
	
	width: 550px;
	height: 65px;
	
	margin: 5px 0 15px 0;
	padding: 0 0 5px 25px;
	
	border-bottom: #CCC 1px solid;
	
	position: relative;
	
}

.bl-company .number {
	
	width: 25px;
	margin: 2px 0 0 0;
	
	position: absolute;
	left: 0px;
	top: 0px;
	
	font-size: 12pt;
	font-weight: bold;
	
}

.bl-company .name a {
	
	font-size: 16pt;
	
	text-decoration: none;
	
}

.bl-company .name a:Hover {
	
	text-decoration: underline;
	
}

.bl-company .contact {
	
	width: 200px;
	height: 65px;
	
	position: absolute;
	right: 0px;
	top: 0px;
	
	text-align: right;
	
}

.bl-company .contact .city {
	
	font-size: 11pt;
	font-weight: bold;
	
}

.bl-company .contact .phone {
	
	font-size: 14pt;
	
}

.coupon-large {
	
	width: 582px;
	height: 247px;
	
	position: relative;
	
	/*background-image: url('/images/coupon-bg.png');*/
	background-repeat: no-repeat;
	
}

.coupon-large .title {
	
	font-size: 14pt;
	
	position: absolute;
	top: 15px;
	left: 90px;
	
}

.coupon-large .description {
	
	font-size: 10pt;
	
	width: 380px;
	height: 110px;
	
	position: absolute;
	top: 45px;
	left: 90px;
	
}

.coupon-large .company {
	
	font-size: 10pt;
	font-weight: bold;
	
	position: absolute;
	bottom: 65px;
	left: 90px;
	
}

.coupon-large .address {
	
	font-size: 10pt;
	
	width: 200px;
	height: 55px;
	
	position: absolute;
	bottom: 10px;
	left: 90px;
	
}

.coupon-large .expiration {
	
	font-size: 12pt;
	font-weight: bold;
	
	width: 165px;
	
	position: absolute;
	bottom: 35px;
	right: 10px;
	
}

.coupon-large .website {
	
	font-size: 10pt;
	
	width: 165px;
	
	position: absolute;
	bottom: 15px;
	right: 10px;
	
}

#wide-container {
	float: left;
	width: 910px; /* 960px - padding */
	margin-right: 20px;
	border: #e4e4e5 1px solid;
	padding: 20px 25px 20px 25px;
	background-color: #fff;
}

.wide-box {
	
	width: 650px; /* 660px - padding */
	padding: 5px;
	margin: 0 0 10px 10px;
	
	border: #dbe1e6 1px solid;
	background-color: #fff;
	
}

.wide-box ul {
	
	width: 100%;
	
}

.wide-box ul li.event {
	
	width: 310px;
	
	float: left;
	
}

.wide-box ul li.business {
	
	width: 210px;
	
	float: left;
	
}

.normal-box {
	
	width: 315px; /* 320 - padding */
	padding: 5px;
	margin: 0 0 10px 10px;
	
	border: #dbe1e6 1px solid;
	background-color: #fff;
	
	float: left;
	
}

#skyscraper-ad {
	width: 160px;
	height: 600px;
}