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



/* basics */

*{margin:0; padding:0;}

body {font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; line-height: 18px; color: #333333; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; text-align: center; background-color: #78112E; background-image: url(images/background.png); background-repeat: no-repeat; background-position: center top;}
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;}
h1 {margin: 0px; padding: 0px; font-family: Georgia, Times New Roman, Times, serif; font-size: 22px; line-height: 24px; color: #78112E; font-weight: lighter;}
h2 {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;}
h4 {margin-top: 0px; margin-bottom: 10px; padding: 0px; font-family: Georgia, Times New Roman, Times, serif; font-size: 22px; line-height: 24px; color: #aaaaaa; font-weight: lighter; font-style: italic;}

#page {background-color: #FFFFFF; text-align: left; padding: 0px; height: auto; width: 980px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}

#logo {background-image: url(images/logo.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding-top: 25px; height: 105px; width: 100%; text-align: right;}
#logo p {margin-right: 20px; padding: 0px;}
#logo .phone {padding: 0px; font-size: 18px; font-weight: lighter; color: #78112E;}


/* images and misc. */

img {border: 0px;}
img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

blockquote{border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px;}

code {margin: 10px; font-family:"Courier New", Courier, monospace;}
	
	
	
/* header */
#header {margin: 0px; padding: 0px; height: 300px; width: 100%; text-align: left;}
#header #casestudy {margin: 0px; padding: 0px; height: 300px; width: 740px; float: left; display: inline; overflow: hidden;}

#header #headernav {margin: 0px; padding: 0px; height: 300px; width: 240px; float: left; display: inline; overflow: auto;}
#header #headernav  ul.nav-header {list-style-position: outside; list-style-image: none; list-style-type: none; margin-top: 20px; padding: 0px;}
#header #headernav  ul.nav-header li {margin-left: 20px; margin-right: 20px; list-style-position: outside; list-style-image: none; list-style-type: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 22px; color: #333333; padding: 0px; margin-top: 15px; margin-bottom: 0px;}
#header #headernav  ul.nav-header li a:link {color: #333333; text-decoration: none; font-weight: normal;}
#header #headernav  ul.nav-header li a:visited {color: #333333; text-decoration: none; font-weight: normal;}
#header #headernav  ul.nav-header li a:hover {color: #78112E; text-decoration: none; font-weight: normal;}
#header #headernav  ul.nav-header li a:active {color: #78112E; text-decoration: none; font-weight: normal;}
#header #headernav  ul.nav-header li.nav-selected {color: #78112E; text-decoration: none; font-weight: normal;}
#header #headernav  ul.nav-header li a.nav-selected {color: #78112E; text-decoration: none; font-weight: normal;}



/* content */
#content {margin: 0px; padding: 0px; width: 100%; overflow: auto; text-align: left;}
#content #sidebar {margin: 0px; padding: 0px; height: auto; width: 240px; float: left; display: inline; overflow: hidden;}
#content #sidebar #bulletin {height: 330px; width: 240px; display: inline; overflow: hidden;}
#content #main {margin: 0px; padding: 0px; height: auto; width: 740px; float: right; display: inline;}
#content #main #services {margin-top: 20px; margin-bottom: 0px; height: auto; width: 720px; background-image: url(images/services.png); background-repeat: repeat-y; overflow: auto;}
#content #main #services p {margin:  0px; padding: 0px; line-height: 16px;}
#content #main #servicesleft {padding: 0px; margin: 0px; height: auto; width: 210px; float: left; display: inline;}
#content #main #servicesmiddle {padding-left: 40px; margin: 0px; height: auto; width: 210px; float: left; diplay: inline;}
#content #main #servicesright {padding-left: 40px; margin: 0px; height: auto; width: 220px; float: left; display: inline;}
#content #main #maincontent {margin-top: 30px; margin-bottom: 50px; margin-right: 20px; height: auto; width: 720px; overflow: hidden;}
#content #main #maincontentleft {padding-right: 40px; height: auto; width: 460px; float: left; display: inline; background-image: url(images/maincontent-background.png); background-repeat: repeat-y;}
#content #main #maincontentright {margin: 0px; padding: 0px; height: auto; width: 220px; float: right; display: inline;}
#content #main #maincontentright h2 {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; text-align: left;}
#content #main #maincontentright p {margin: 0; padding: 0;}
#content #main #maincontentright img {padding: 0; margin: 0;}
#content #main #maincontentright ul {margin: 0; padding: 0; list-style-type: none; list-style-position: inside;}
#content #main #maincontentright ul li {margin-bottom: 10px; padding: 0; line-height: 16pt; list-style-type: none; list-style-position: inside;}

.horizontalline {height: 40px; width: 720px; background-image: url(images/horizontal-line.png); background-repeat: repeat-x; background-position: left top;}



/* post */
.post {margin: 0px; padding: 0px; width: 100%; overflow: auto; text-align: left;}
	
.post h2 {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;}
.post h2 a:link {text-decoration: none; color: #78112E; border: 0px; font-weight: lighter;}
.post h2 a:hover {text-decoration: underline; color: #78112E; border: 0px; font-weight: lighter;}
.post h2 a:visited {text-decoration: none; color: #78112E; border: 0px; font-weight: lighter;}
.post h2 a:active {text-decoration: none; color: #78112E; border: 0px; font-weight: lighter;}

.post h3 {color: #999999; font-weight: normal;}
.post h3 a {border-bottom: none; color: #999999; font-weight: normal;}

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

.post li {}

.entry p {margin: 10px 0;}

.postmetadata {clear: both; margin-top: 16px; text-align: right;}
.postmetadata a:link {padding: 0 10px 0 0; border-bottom: none; color: #333333; font-weight: bold; text-decoration: none;}
.postmetadata a:hover {padding: 0 10px 0 0; border-bottom: none; color: #78112E; font-weight: bold; text-decoration: none;}
	
.navigation {font-size:10pt; float:left; width:100%; background: #F4F4F4; border-top:1px dotted #5F5F5F; letter-spacing: 1px; margin: 10px 0 0 0;}
.navigation a {color: #1f1f1f; border-bottom: none;}
	
.alignleft {float:left; margin: 8px;}
.alignright {float:right; margin: 8px;}

.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}



/* comments */

#commentssection {clear: both; padding: 0px; margin: 0px;}
	
#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;}



/* footer link section */
#linksection {clear: both; background: #121212; width: 530px; overflow: hidden; padding: 15px 0 30px 0; font-family: verdana, arial, tahoma; font-size: 7pt; border-bottom: 1px dotted #A79B91;}
	
#linksection .section1{padding: 20px 0 0 40px; width: 20%; float: left;}
#linksection .section2{padding: 20px 0 0 50px; width: 25%; float: left;}
#linksection .section3{padding: 20px 50px 0 0; width: 20%; float: right;}

#linksection h2{
	font-family: georgia, tahoma, verdana, arial, times;
	font-size: 12pt;
	font-weight: 300;
	color: #fff;
	margin: 0 0 12px 0;
	padding: 0 0 6px 0;
	letter-spacing: 1px;
	border-bottom: 1px dotted #A79B91;
	}
	
#linksection ul{
	margin: 6px 0 24px 0;
	padding: 0;
	list-style-type: none;
	}
	
#linksection li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#linksection li a{
	margin: 0;
	padding: 2px 0 2px 0;
	list-style-type: none;
	border-bottom: 1px dotted #A79B91;
	display: block;
	color: #fff;
	}
	
* html body #linksection li a {
   width:100%;
}
	
#linksection li a:hover{
	background: #1F1F1F;
	color: #fff;
	text-decoration: none;
	}
	
#linksection p{
	color: #666;
	line-height: 14pt;
	}
	
#linksection .textwidget{
	color: #666;
	line-height: 14pt;
	}
	
	
	
	
/* footer */

#footer {margin: 0px; padding: 0px; height: 50px; width: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #ffffff; overflow: auto; background: #78112E;}
#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;}
#footerleft {margin-top: 15px; margin-left: 20px; float: left; display: inline;}
#footerright {margin-top: 15px; margin-right: 20px; float: right; display: inline;}

