/*
Theme Name: Harmony Events
Theme URI: 
Description: A Wordpress theme for Harmony Events.
Author: Mark Parolisi
Author URI: 
version: 1.0
Tags: two-column, widget-ready
*/




/* basics */

* { margin:0; padding:0; }
body { font-family: arial, helvetica, sans-serif; font-size: 12px; margin:0; padding: 0; color: #666; background: url(images/body_bg.jpg) no-repeat center top #b6c0a2; }
h1, h2, h3, h4{font-family: Georgia, Times New Roman, serif;}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
img { border: none; padding:0; }
img a { border:none; }
img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }
blockquote { border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px; }
code { font-family:"Courier New", Courier, monospace; }
.clear { clear: both;}
strong {color: #333;}
/* links */

a { color:#6ca0b1; text-decoration:none; }
a:hover {color: #666;}
/* container */


#container { width: 960px; margin: 0 auto; padding:0;  }
/* header */

#header { width: 100%; background: url(images/header_bg.png) no-repeat left top; margin-top: 60px; height: 137px; }
#header h1 { float: left; background: url(images/logo.gif) no-repeat; width: 300px; height: 80px; margin: 40px 0 0 50px; text-indent: -9999px; }
#header h1 a { text-indent: -9999px; width: 300px; height: 80px; display: block;}
#header h2 {display: none;}
#header ul {float: right; margin: 110px 80px 0 0;}
#header ul li {text-transform: uppercase; font-size: 12px; list-style: none; display: inline; padding: 0 0 0 15px;}
/* main menu */


#menu { background: url(images/nav_bg.png) no-repeat 2px top; width: 100%; height: 50px;  }
#menu ul { margin:0; padding:0 0 0 10px; }
#menu ul li { list-style-type: none;  margin: 0; padding: 0; display: block; float: left; text-transform: uppercase; font-size: 13px; letter-spacing: .2em;}
#menu ul li a { padding: 0 35px; margin: 0; color: #fff;  display: table-cell; vertical-align: middle; height: 40px; background: url(images/nav_sep.png) no-repeat right center; }
#menu ul li a:hover, #menu ul li.current-menu-item a {color: #9ca390;}
/* content */
#content_wrapper{background: url(images/content_bg.png) repeat-y;padding-bottom: 30px;}
#breadcrumb {margin:0 0 15px 55px; padding-top: 5px; text-transform: uppercase;}
body.home #content {width: 100%; margin: 0;}
#home_left {float: left; width: 500px; margin: 20px 20px 0 40px;}
#home_left #slides{background: url(images/home_img_bg.jpg) no-repeat; width: 500px; height: 350px;}
div.slide_wrap {width: 450px; height: 275px; overflow: hidden; padding: 30px 0 0 30px;}
#home_left a.readmore {margin-left: 16px;}
#home_left p {margin-bottom: 15px;}
#home_right {float: left; width: 350px; margin-top: 20px;}
#home_right p {color: #999; line-height: 1.9em; padding-top: 15px;}
.home_excerpt {margin-left: 16px;}
#content { float:left; width:650px; margin:0 0 0 55px; }
.post { margin:10px 0; padding:0; line-height: 14pt; }
.post h2, h2.pagetitle { color: #6ca0b1; margin-bottom: 15px; font-size: 30px; font-weight: normal;}
.post h2 a:hover {  }
.post ul { }
.post li { }
.entry {padding-bottom: 20px; border-bottom: 1px solid #ccc; width: 485px;}
.entry .post_thumb_wrap {float: left; width: 250px; overflow: hidden; margin: 0 15px 15px 0;}
.entry .post_thumb_wrap img {width: 250px; height: auto;}
#page_entry {border: none;}
span.inline-title{color: #333; font-weight: bold; float: left; margin-right: 5px;}
.entry p { margin:12px 0; }
.post_thumb_wrapper_lg {background: url(images/post_thumb_bg_lg.jpg) no-repeat; width: 486px; height: 313px; margin: 0;}
.post_thumb_wrapper_lg img {width: 450px; height: auto; margin: 17px 0 0 17px;}
a.readmore {text-transform: uppercase; padding: 5px 7px; color: #fff; background: #6ca0b1; clear: both;}
.postmetadata { clear: both; background:#F7F7F7; padding:6px; margin: 20px 0; }
.navigation { width:100%; float:left; margin:0; padding:0; overflow:hidden; }
.navigation a {text-transform: uppercase; padding: 5px 7px; color: #fff; background: #6ca0b1;}
.alignleft a { float:left; margin:25px 0; }
.alignright a { float:right; margin:25px 0; }
/* sidebar */

#sidebar {  width:250px; float:right; margin:0; padding: 0; }
#sidebar h2 { margin: 0; padding: 0; color: #5f6f3f; font-weight: normal; }
#sidebar h3 {font-family: arial, helvetica, sans; font-size: 12px; text-transform: uppercase; font-weight: normal; }
#sidebar h3 a {color: #5f6f3f;}
#sidebar h3 a:hover {color: #666;}
#sidebar label {  margin: 0; padding: 0; }
#sidebar p { margin:0; padding: 0; }
#sidebar img { padding: 0; margin: 0; }
#sidebar ul { margin:5px 0 15px 0; padding:0; }
#sidebar ul li { margin: 5px 0; padding: 0;  list-style-type: none; }
#sidebar ul ul { margin:14px 0; padding:0; }
#sidebar ul ul li { list-style-type: none; }
#sidebar ul ul ul { margin: 0; padding: 0; }
#sidebar ul ul ul li { padding: 0 0 0 15px; list-style-type: square; color: #898989; }

#sidebar .event_img_wrap {margin: 5px 0 10px 0;}
#sidebar .event_img img {padding: 6px; border: 1px solid #ccc; width: 190px; height: auto;}
#sidebar .event_cal_wrap {width: 202px; margin: 5px 0 10px 0; padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#sidebar .event_cal_wrap img{float: left; margin-right: 5px;}
#sidebar .event_cal_wrap h3 {text-transform: uppercase; color: #5f6f43;font-family: Georgia, Times New Roman, serif; font-size: 18px;}
#sidebar #hb_trail {margin-bottom: 15px; }
#sidebar #hb_trail img{border:1px solid #CCCCCC;height:auto;padding:6px;width:190px;}
#biz_directory {margin: 15px 0; display: block;}
#sidebar iframe {margin-left: -10px;}
/* comments */


#commentform { margin:0; padding:0; }
#commentform p { }
#commentform a { border-bottom: 1px dotted #465D71;  }
#commentform h3 { font-family: georgia, times, verdana; font-size: 10pt; font-weight: 300; color: #000; margin:0; padding:0; }
#comment { width:80%; }
#author, #email, #url, #comment, #submit { background: #fff; margin:5px 5px 0 0; padding:0; border: 1px solid #000; }
#submit { margin:5px 5px 0 0; }
#comments { margin:0; padding:0 }
ol.commentlist { list-style-type: none; margin:0; padding:0; }
.avatar { float:left; margin:0 12px 0 0; }
ol.commentlist li {  margin:10px 0; padding:5px 0 5px 10px; list-style-type:none; }
ol.commentlist li.alt {  }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt; }
ol.commentlist a { color:#000; }
cite { }
cite a { border-bottom: 1px dotted #465D71; }
/* search */

#searchform { padding:0; margin:14px 0; }
#searchform input#s { margin:0; padding:2px; border:1px solid #000; }
#searchform input#searchsubmit { border:none; }
/* misc */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.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; }
/* footer */

#footer { clear: both; width: 100%; background: url(images/content_bottom_bg.png) no-repeat; padding-top: 25px;  }
body.home #footer {padding: 0px;}
#footer p { padding:0; margin: 0; }
#footer a {}
#footer a:hover { }
#footer #home_bottom{padding: 16px 0 0 20px;}
#footer #hb_left {float: left; width: 400px; height: 320px; margin: 0; padding: 20px 20px 20px 35px; background: url(images/hb_left_bg.jpg) repeat;}
#hb_left h2 {color: #5f6f43; font-weight: normal; text-transform: uppercase; font-size: 16px; margin-bottom: 15px; padding-bottom: 3px; border-bottom: 1px solid #b3b9a8;}
#hb_left #events_cal_wrap{float: left; width: 86px; text-align: center;}
#hb_left #events_cal_wrap p {padding: 0; text-transform: uppercase; color: #5f6f43;}
#hb_event_list {margin: 5px 0 0 20px; width: 275px; float: left;}
.hb_event span.inline-title {color: #5f6f43;}
#hb_event_list .hb_event {margin-bottom: 5px;}
.hb_event a.more_info {color: #5f6f43; text-transform: uppercase; }

#hb_left #hb_bottom {margin-top: 10px; border-top: 1px solid #b3b9a8; padding-top: 10px;}
#hb_left #hb_bottom a {color: #5f6f43;}
#hb_left #hb_bottom a:hover {color: #666;}
#hb_left #email_signup {float: left; width: 185px; margin-top: 28px; border-bottom: 1px solid #b3b9a8; padding: 10px 0;}
#hb_left #email_signup img {float: left;margin-right: 20px;}
#hb_left #email_signup p {text-transform: uppercase; padding-top: 4px;}
#hb_left #fb_connect {float: left; width: 185px; padding: 10px 0;}
#hb_left #fb_connect img {float: left; margin-right: 10px;}
#hb_left #fb_connect p {text-transform: uppercase;  padding-top: 4px;}
#hb_bottom #hb_trail{float: left; width: 165px; margin-right: 20px; }
#hb_bottom #hb_trail p {padding: 6px 0; color: #5f6f43; font-size: 14px;}
#hb_bottom #hb_trail img {border: 3px solid #fff;}
#footer #hb_right {float: left; width: 425px; height: 320px; padding: 20px; margin: 0; background: url(images/hb_right_bg.jpg) repeat;}
#hb_right .big_home_event {width: 200px;margin: 0 15px 10px 0; float: left; }
#hb_right .event_img_wrap { background: #fff; padding: 8px;}
#hb_right .big_home_event img {}
#hb_right .big_home_event h3 {text-transform: uppercase; color: #5f6f43; font-family: arial, helvetica, sans; font-weight: normal; font-size: 12px;}
#hb_right p {padding: 6px 0;}
#hb_right a.moreinfo {text-transform: uppercase; color: #666;}
#hb_right a.moreinfo:hover {color: #333;}
#footer ul {text-align: center; margin: 10px 0;}
#footer ul li{list-style: none; display: inline;}
#footer ul li a {color: #fff; padding: 0px 5px; text-transform: uppercase; font-size: 10px; border-right: 1px solid #fff;}
#footer ul li a:hover{color: #5f6f3f}