/*
Theme Name: Name
Theme URI: http://uri.com
Description: LoremIpsumDolorSitAmet
Version: 1.0
Author: Red Balloon Creative
Author URI: http://redballooncreative.com
Tags: 

Author Notes: Theme Designed by Billy Carey for Red Balloon Creative. http://careyb.com | http://redballooncreative.com 

*/

/***********************************
Reset 
***********************************/

@import url("reset.css");


/***********************************
Layout 
***********************************/
body {background: url(images/bg.png);}
#wrap, #footer { margin:0px auto; width:940px; padding: 0px 30px; background: #fff;}

#header, #footer {position:relative; padding: 30px 0px;}

#header, #main {width:940px;}  
#content {width:620px; float:left;} 
#sidebar {width:290px; float:right;}

#footer {position: relative; clear:both; background:#fff;padding: 30px;} 

/* Footer to bottom of page */
html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 120px; }  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -120px; /* negative value of footer height */
	height: 60px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/***********************************
Typography 
***********************************/

/*** Logos ***/
h1.logo a {display:block; text-indent:-9999px; background-position:bottom left; background-repeat:no-repeat;}
#header h1.logo a {display:block; width:125px; height:125px; background-image:url(images/logo.png);}
#footer h1.logo a {display:block; width:301px; height:28px; background-image:url(images/footer-logo.png); margin-bottom: 0.28em;}

/*** Base ***/
body { font-size:62.5%; /* Resets font size to 10px */
			 font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Helvetica Neue",Arial,Helvetica,sans-serif;}

p, #main li {color:#2e2e2e; font-size:1.3em; line-height:1.5em;}
p, #main ul {margin-bottom:1.2em; }

/*** Links ***/
a, p a {color:#c7a10d; text-decoration:none;}
a:link {text-decoration:none;}
a:visited { }
a:hover {text-decoration:none; color: #7e6611;}
a:active { }

a.link, a.link span { display:block;text-decoration:none; font-weight:bold; position: absolute; bottom: 15px; right: 15px; color: #efefef; font-size: 1.4em;}
a.link { background:url(images/services.png) left top; display: block; width: 148px; height: 28px; padding: 12px 0px 0px 35px; float: right;}
a.link:hover {text-decoration:none; color: #7e6611;}

/*** Lists ***/
ul, ol, li {list-style-position:inside;}
ul, li {list-style-image:;}
ul.serv li {list-style-image:url(images/tick.png);}

/*** Extra Typographic Classes ***/
.alignleft {float:left;}
.alignright {float:right;}

.margin {margin-bottom:1.6em;}
.half-margin {margin-bottom:0.8em;}
.no-margin {margin-bottom:0em;}

/*** Headings ***/
h2, h3, h4, h5, h6{ color:#177a42; margin-bottom:0.62em; font-family:"Palatino","Times New Roman",Times,serif; font-style: italic; font-weight: normal;}
h1 {font-size:1.8em;}
h2 {font-size:3.4em; margin-bottom: 20px;}
h2.intro {font-size:1.6em; font-weight: bold; font-style: normal; color: #999999; line-height: 1.6em; font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Helvetica Neue",Arial,Helvetica,sans-serif}
h3 {font-size:2.2em;}
h4 {font-size:1.6em;}
h5 {font-size:1.6em; color: #efefef; padding-left: 20px; font-weight: bold;}
h6 {font-size:1.3em;}

/*** Blockquotes and Citations ***/
blockquote {border:1px solid #561275; background-color:#f2f3f4; padding:10px 10px 0px 10px; margin-bottom:1.6em;}
blockquote p { margin-bottom:1em}
blockquote cite { font-style:italic;}
blockquote cite span {}


/***********************************
Content 
***********************************/

/*************** 
Header 
***************/

#topbar { width:auto; height:auto;
				position:absolute; z-index:2; top:50px; right:0px;}
#topbar ul { list-style-type:none; float:right;}
ul#topbar li {float: left; padding-left:10px; border-left: 1px solid #999999; font-weight: bold; color: #2e2e2e; font-size: 1.4em;}
ul#topbar li:first-child {border: 0;}
ul#topbar li span {color: #009140;}
ul#topbar li a {color: #2e2e2e;}

#menu { width:460px; height:auto;
				position:absolute; z-index:2; bottom:70px; right:0px;}
#menu ul { list-style-type:none; float:right;}
#menu ul li {display:inline; float:left; margin-left:10px;}

/** Sliding Doors Navigation **/
#menu ul li a, #menu ul li a span { display:block; background-repeat:no-repeat; float:left; text-decoration:none;}
#menu ul li a { background:url(images/nav.png) left top; padding:0 0 0 5px; height:29px; font-size: 1.4em; font-weight: bold; color: #efefef;}
#menu ul li a span { background:url(images/nav.png) right top; background-color:#fff; padding:7px 10px 3px 5px; height:19px;}
#menu ul li a:hover {color: #7e6611;}
/****/

/***************
Content
***************/
.entry h3 {background: url(images/h3.png) top left no-repeat; margin: 0px -15px 0.42em -15px; padding: 8px 0px 0px 15px; height: 26px;}
.entry { position: relative; background: url(images/h3-bg.png) bottom no-repeat; width: 420px; padding: 0px 15px 15px;}
.entry li {font-weight: bold;}

ul#services {width: 640px; margin-right: -20px; margin-bottom: -20px;}
ul#services h4 {background: url(images/h4.png) top left no-repeat; margin: 0px -15px 0.42em -15px; padding: 8px 0px 0px 30px; height: 26px;}
ul#services li {float: left; width: 270px; padding: 0px 15px; background: url(images/list-bg.png) bottom; margin-right: 20px; margin-bottom: 20px;}
ul#services li p {font-size: 0.9em;}

#contact {width: 262px; height: 62px; padding: 15px; background: url(images/contact.png); margin-bottom: 20px;}

dl {font-size: 1.4em; color: #efefef; font-weight: bold;}
dl dt {float: left; width: 50px; text-align: right;}
dd {padding-left: 55px; color: #2e2e2e; margin-bottom: 5px;}
dd a {color: #2e2e2e;}


/***************
Sidebar 
***************/


/***************
Footer 
***************/
#footer p {font-size: 1.1em; color: #999999; font-weight: bold; margin-bottom: 0em;}

ul#foot {float: right; margin-right: -10px; position: absolute; right: 20px; top: 30px;}
ul#foot li {float: left; padding: 0px 10px; border-left: 1px solid #999999;}
ul#foot li:first-child {border: 0;}
ul#foot li a {display: block; text-indent: -9999px; background: url(images/nic.png); width: 179px; height: 51px;}


/*** Contact Form ***/
#contactForm {float: left; width: 480px; margin-right: 20px; margin-top: -0px;}
#contactForm label, #contactForm input, #contactForm textarea, #contactForm button {color:#4b4b4b; font-size:1.2em; line-height: 1.5em;font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Helvetica Neue",Arial,Helvetica,sans-serif;}
#contactForm label {color:#2e2e2e; font-weight: bold;}
#contactForm label { display:block; float: left; width:110px; height:18px; padding-top:5px; padding-right:10px; text-align:right;}
#contactForm input, #contactForm textarea {width:348px; height:16px; padding:5px; border:1px solid #c7a10d; background: #f1f1f1; margin-bottom: 4px; -moz-border-radius: 2px; -webkit-border-radius:2px;}
#contactForm textarea { height:108px; margin-top:0; margin-bottom:8px; }

#contactForm .screenreader {display:none;}

.error {color:#C00; font-size:1.1em; text-align:left; text-indent:120px; margin-bottom:0em;}
.thanks {color:#177a42; text-align:center;}

#contactForm button.submit {display:block; float:right; width:79px;height: 26px; padding-bottom: 4px; margin-bottom: 20px; border: 0px; text-align:center; background: #c7a10d; color: #fff; font-size:1.1em; font-weight: bold;}
#contactForm button.submit:hover {background-position: bottom; cursor:pointer;}