/*
Theme Name: Grooms and Harkins
Description: Theme designed for Grooms and Harkins Web site
Author: Ball Advertising Group, Inc.
Author URI: http://www.balladv.com
version: 3.5
*/


/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong {font-weight: bold;}
em {font-style: italic;}
a {text-decoration: none; cursor: pointer;}


/* Text meant only for screen readers */
.screen-reader-text {position: absolute; left: -9000px;}


/* Fonts */
body, input, textarea, .page-title span, .pingback a.url, h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit], pre {font-family: Georgia, "Times New Roman", Times, serif;}
code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}

body {background: #78112E url(images/background.png) top center no-repeat; color: #333333; font-size: 13px; line-height: 18px;}

hr {background-color: #666666; border: none; clear: both; height: 1px; margin-bottom: 20px; margin-top: 20px;}

p {margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 24px; color: #78112E; font-weight: lighter; font-style: italic;}
h3 {font-size: 16px; line-height: 18px; margin-bottom: 0px; margin-top: 10px;}
h6 {font-size: 18px; line-height: 24px; margin-bottom: 30px; font-style: italic;}

a:link {color: #333333; font-weight: bold; text-decoration: none;}
a:visited {color: #333333; font-weight: bold; text-decoration: none;}
a:hover {color: #78112E; font-weight: bold; text-decoration: none;}
a:active {color: #78112E; font-weight: bold; text-decoration: none;}

ul {list-style: square; margin: 0 0 10px 30px;}
ol {list-style: square; margin: 0 0 10px 30px;}
ol ol {list-style: square; margin: 0 0 10px 30px;}
ol ol ol {list-style: square; margin: 0 0 10px 30px;}
ol ol ol ol {list-style: square; margin: 0 0 10px 30px;}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}

strong {font-weight: bold;}
cite, em, i {font-style: italic;}


/* Images */
#Content img {margin: 0; height: auto; width: auto;}
#Content .attachment img {max-width: 740px;}
#Content .alignleft, #Content img.alignleft {display: inline; float: left; margin-right: 20px; margin-bottom: 10px;}
#Content .alignright, #Content img.alignright {display: inline; float: right; margin-left: 20px; margin-bottom: 10px;}
#Content .aligncenter, #Content img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
#Content div.employee {width: 465px; height: 120px; display: block; margin-bottom: 10px; overflow: hidden;}


/* Structure */
#Wrapper {margin: 0px; padding: 0px; width: 100%; height: auto; text-align: center;}
#Main {margin-left: auto; margin-right: auto; width: 980px; background: #FFFFFF; text-align: left;}

#Header {width: 100%; height: auto; background: url(images/header.png) left top no-repeat;}
#Logo {padding-top: 25px; width: 100%; height: 105px; background: url(images/logo.png) left top no-repeat; text-align: right;}
#Logo p {margin-right: 20px;}
#Logo .phone {padding: 0px; font-size: 18px; font-weight: lighter; color: #78112E;}
#Main-Photo {height: 300px; width: 740px; overflow: hidden; float: left; display: block; }

#Header-Widget-Area h3 {display: none;}
#Header-Widget-Area #random_image_wrapper {margin: 0; padding: 0;}

#Quick-Links {padding-left: 240px; width: 740px; height: auto;}
#Quick-Links a:link, a:visited {color: #333333; font-weight: bold; text-decoration: none;}
#Quick-Links a:hover, a:active {color: #78112E; font-weight: bold; text-decoration: none;}
#Quick-Links h3 {font-size: 20px; line-height: 24px; padding-right: 30px; margin-top: 30px;}
#Quick-Links p {margin: 0px; padding: 0px;}
#Quick-Links #First {margin-bottom: 30px; width: 213px; float: left;}
#Quick-Links #Second {margin-bottom: 30px; width: 213px; float: left; margin-left: 20px; padding-left: 20px;  border-left-style: solid; border-left-width: 1px; border-left-color: #CCCCCC;}
#Quick-Links #Third {margin-bottom: 30px; width: 213px; float: left; margin-left: 20px; padding-left: 20px;  border-left-style: solid; border-left-width: 1px; border-left-color: #CCCCCC;}

#Container {width: 980px; clear: both;}
#Facebook {width: 200px; min-height: 200px; padding-left: 20px; padding-right: 20px; float: left;}
#Content {width: 460px; float: left; height: auto; }
#Primary {padding-right: 20px; padding-left: 20px; border-left-style: solid; border-left-color: #CCCCCC; border-left-width: 1px; width: 213px; height: auto; float: right;}

#Footer {width: 100%; height: 50px; padding-top: 15px; background: #78112E; font-size: 11px; color: #FFFFFF; overflow: auto;}
#Footer a:link {color: #FFFFFF; font-weight: normal; text-decoration: underline;}
#Footer a:visited {text-decoration: underline; color: #FFFFFF; font-weight: normal;}
#Footer a:hover {text-decoration: underline; color: #FFFFFF; font-weight: normal;}
#Footer a:active {text-decoration: underline; color: #FFFFFF; font-weight: normal;}
#Footer .left {padding-left: 20px; float: left;}
#Footer .right {padding-right: 20px; float: right;}


/* Menu */
#Access {width: 240px; height: 300px; float: left;}
#Access .menu-header {padding: 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 18px; line-height: 22px; color: #333333; text-align: left;}
#Access .menu-header ul {margin-top: 20px; padding: 0; list-style: none; list-style-image: none; position: relative; left: -30px; width: 240px;}
#Access .menu-header ul li {background: #FFFFFF; position: relative;}
#Access .menu-header ul li a {padding-left: 20px; padding-right: 40px; padding-top: 5px; padding-bottom: 5px; color: #333333; text-decoration: none; font-weight: normal; display: block; background: #FFFFFF;}
#Access .menu-header ul li a:visited {color: #333333; text-decoration: none; font-weight: normal;}
#Access .menu-header ul li a:hover {color: #FFFFFF; text-decoration: none; font-weight: normal; background: #78112E;}
#Access .menu-header ul.sub-menu {position: absolute; left: 210px; top: -22px; float: left; display: none; visibility: hidden;}
#Access .menu-header ul.sub-menu  li {min-width: 240px; background: #FFFFFF;}
#Access .menu-header ul.sub-menu  li a {padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; color: #333333; text-decoration: none; font-weight: normal; display: block; background: #FFFFFF;}
#Access .menu-header ul.sub-menu  li a:visited{color: #333333; text-decoration: none; font-weight: normal;}
#Access .menu-header ul.sub-menu  li a:hover {color: #FFFFFF; text-decoration: none; font-weight: normal; background: #78112E;}

div#Access .menu-header ul li:hover ul {display: block; visibility: visible;}


/* Post */
.entry-title {margin-bottom: 10px; padding: 0px; font-size: 22px; line-height: 26px; color: #78112E; font-weight: lighter;}
.entry-title a:link, a:visited {color: #78112E; font-weight: lighter; text-decoration: none;}
.entry-title a:hover, a:active {color: #78112E; font-weight: lighter; text-decoration: none;}
.entry-content {}
.entry-content a:link, a:visited {color: #333333; font-weight: bold; text-decoration: none;}
.entry-content a:hover, a:active {color: #78112E; font-weight: bold; text-decoration: underline;}
.entry-meta {margin-bottom: 10px; font-style: italic;}
.entry-meta a:link, a:visited {color: #333333; font-weight: bold; text-decoration: none;}
.entry-meta a:hover, a:active {color: #78112E; font-weight: bold; text-decoration: underline;}
.entry-utility {margin-bottom: 20px; font-style: italic;}
.entry-utility a:link, a:visited {color: #333333; font-weight: bold; text-decoration: none;}
.entry-utility a:hover, a:active {color: #78112E; font-weight: bold; text-decoration: underline;}
.entry-summary {}
.entry-summary a:link, a:visited {color: #333333; font-weight: bold; text-decoration: none;}
.entry-summary a:hover, a:active {color: #78112E; font-weight: bold; text-decoration: underline;}
.comments-link {}


/* Navigation */
.navigation {color: #666666; font-size: 10px; overflow: hidden;}
.navigation a:link, .navigation a:visited {color: #666666; text-decoration: none; font-weight: bold;}
.navigation a:active, .navigation a:hover {color: #000000; text-decoration: underline; font-weight: bold;}
.nav-previous {float: left; width: 50%;}

.nav-next {float: right; text-align: right; width: 50%;}
#Nav-Above {margin: 0; padding: 0; display: none;}
#Nav-Below {margin: 0; padding-bottom: 30px;}


/* Comments */
#Comments {padding-bottom: 50px;}
.form-allowed-tags {display: none;}

#commentssection {clear: both; margin-top: 20px;}
#commentssection h3 {margin-top: 30px; margin-bottom: 10px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 24px; color: #78112E; font-weight: lighter; font-style: italic;}

#commentform {background: #F0F0F0; margin: 0px; padding: 20px; width: 420px;}
#commentform p {color: #000000;}	
#commentform a:link {color: #333333; font-weight: bold; text-decoration: none;}
#commentform a:visited {color: #333333; font-weight: bold; text-decoration: none;}
#commentform a:hover {color: #78112E; font-weight: bold; text-decoration: none;}
#commentform a:active {color: #78112E; font-weight: bold; text-decoration: none;}
	
#commentform h3 {margin-top: 0px; margin-bottom: 10px; padding: 0px; font-family: Georgia, Times New Roman, Times, serif; font-size: 22px; line-height: 24px; color: #78112E; font-weight: lighter; font-style: italic;}
	
#commentbox {width: 100%; min-width: 300px; margin: 0px; border: 1px solid #AAAAAA;}

#author, #email, #url, #commentbox, #submit {background: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 8pt; margin: 5px 5px 0 0; padding: 6px; border: 1px solid #AAAAAA;}
	
#submit {margin: 5px 5px 0 0;}
	
ol.commentlist {list-style-type: none;}
ol.commentlist li {background: #ffffff; margin: 0px; padding: 0px 0px 20px; overflow: hidden;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}
ol.commentlist a:link {color: #333333; font-weight: bold; text-decoration: none;}
ol.commentlist a:visited {color: #333333; font-weight: bold; text-decoration: none;}
ol.commentlist a:hover {color: #78112E; font-weight: bold; text-decoration: none;}
ol.commentlist a:active {color: #78112E; font-weight: bold; text-decoration: none;}

cite {font-family: Verdana, Arial, sans-serif; font-size: 9pt; font-weight: bold; font-style: normal;}
cite a:link {color: #333333; font-weight: bold; text-decoration: none;}
cite a:visited {color: #333333; font-weight: bold; text-decoration: none;}
cite a:hover {color: #78112E; font-weight: bold; text-decoration: none;}
cite a:active {color: #78112E; font-weight: bold; text-decoration: none;}


/* search */
#searchform {padding: 0px; font-family: Verdana, Arial, sans-serif;}
#searchform input#s {font-family: Verdana, Arial, sans-serif; font-size: 8pt; padding: 5px; margin-bottom: 10px; border: 1px solid #AAAAAA; background: #ffffff; width: 120px; height: 15px;}
#searchform input#searchsubmit {background: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 8pt; margin: 0px; padding: 5px; border: 1px solid #AAAAAA; height: 27px;}


/* Widget Areas */

#Primary h3 {margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #78112E; font-weight: lighter; font-style: italic; font-size: 16px; line-height: 18px; margin-bottom: 0px; margin-top: 10px;}
#Primary h3 a:link,a:visited {text-decoration: none; color: #78112E;}
#Primary h3 a:hover,a:active {text-decoration: none; color: #78112E;}

#Facebook-Widget-Area {}

.widget-area ul {list-style: none; margin-left: 0;}
.widget-area ul ul {list-style: none; margin-left: 0px;}
.widget-area li {padding-bottom: 5px;}
.widget_search #s {width: 60%;}
.widget_search label {display: none;}
.widget-container {margin-bottom: 20px;}
.widget-title {color: #78112E; font-weight: normal; font-size: 16px; line-height: 20px; margin-bottom: 5px;}
.widget-title img {display: none;}
.widget-title a:link, a:visited, a:active, a:hover {color: #78112E; text-decoration: none; font-weight: normal;}
.widget-area a:link, .widget-area a:visited {color: #333333; text-decoration: none; font-weight: normal;}
.widget-area a:active, .widget-area a:hover {color: #78112E; text-decoration: underline; font-weight: normal;}

.widget-area .entry-meta {font-size: 10px;}
#wp_tag_cloud div {line-height: 1.6em;}
#wp-calendar {width: 100%;}
#wp-calendar caption {color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left;}
#wp-calendar thead {font-size: 11px;}
#wp-calendar thead th {}
#wp-calendar tbody {color: #aaa;}
#wp-calendar tbody td {background: #f5f5f5; border: 1px solid #FFFFFF; padding: 3px 0 2px; text-align: center;}
#wp-calendar tbody .pad {background: none;}
#wp-calendar tfoot #next {text-align: right;}