/*
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: #211c18;}
body.bespoke, body.contact {background: #a9a8a4;}

#wrap { width:100%;}

#header-wrap, #footer-wrap { margin:0px auto; width:940px;}
#header-wrap, #footer-wrap {position:relative;}

#header, #footer {margin:0px -auto;  background:#bdbbb8;}

#main {width:940px;  margin:0px auto;}  
body.futurebod #main {width:820px; }
body.contact #wrap {background: url(images/nm_mj-bg.jpg) left bottom repeat-x; margin-bottom: 48px; min-height: 700px;}

#content {width:340px; float:left;} 
body.contact #content {width: 460px;}
#sidebar {width:300px; float:right;}

#footer {  /*margin-top:-50px; /* negative value of footer height */ } 


html, body {height: 100%;}

#wrap {min-height: 100%;}

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

#footer {position: relative;
	margin-top: -48px; /* negative value of footer height */
	height: 48px;
	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:345px; height:27px; background-image:url(images/logo.png); margin: auto; padding-top: 30px; margin-bottom: 20px}
#footer h1.logo a {display:block; width:226px; height:16px; background-image:url(images/footer-logo.png); padding-top: 20px;}

/*** Base ***/
body { font-size:62.5%; /* Resets font size to 10px */
			 font-family: Helvetica, Arial, sans-serif; font-weight:lighter;}

p, li {color:#e5e5e5; font-size:1.2em; line-height:1.6em;}
p, ul {margin-bottom:1.6em; }

/*** Links ***/
a, p a {color:#9e1f1f; text-decoration:none;}
a:link {text-decoration:none;}
a:visited { }
a:hover {text-decoration:underline;}
a:active { }

a.link, a.link span { display:block; background-repeat:no-repeat; float:left; text-decoration:none; font-weight:bold;}
a.link { background:url(images/link.png) left top; padding:0 0 0 5px; height:30px;}
a.link span { background:url(images/link.png) right top; background-color:#fff; padding:5px 30px 5px 25px; height:20px;}

a.link:hover {background-position:left bottom;}
a.link span:hover {background-position:right bottom;}


/*** Lists ***/
ul, ol, li {list-style-position:inside;}
ul, li {list-style-image:;}

/*** 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, h1 a, h2 a, h3 a, h4 a { text-decoration:none; text-transform:none; color:#efefef; margin-bottom:0.62em; }
h2, h3 {font-family: "Times New Roman", Times, Georgia, Serif; font-weight: normal;}
h1 {font-size:1.8em; text-align: center; margin: 0px auto;}
h2 {font-size:2.6em; padding: 30px 0px 27px 0px; letter-spacing: 0.05em;}
h3 {font-size:2em; border-bottom: 1px solid #890105; padding-bottom: 0.31em; margin-bottom: 0.31em;}
h4 {font-size:1.3em; border-bottom: 1px solid #890105; padding-bottom: 0.31em; margin-bottom: 0.31em;}
h6 {font-size:1em;}

.contact #content h4, .contact #content p {margin-left: 320px;}
/*** 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 
***************/
#header .description {display:none;}

#menu { width:960px; height:auto; border-top: 1px solid #aaa8a5; margin: 0px -10px;
				/*position:absolute; z-index:2; bottom:0px; right:0px;*/}
#menu ul { list-style-type:none; padding: 10px 0px;}
#menu ul li {display:inline; float:left; margin-left:0px; margin-bottom: 0;}

/** Images only nav menu **/
#menu ul li a { text-indent:-9999px; display:block; background-position:center; width:192px; padding: 10px 0px; height:10px;}
#menu ul li a:hover { background-color:#d1d0cd; border: 1px solid #aaa8a5; width: 190px; padding: 9px 0px;}
#menu ul li.current_page_item a {border: 1px solid #9a9998; background-color: #aeaca9; width: 190px; padding: 9px 0px;}

#menu ul li.home a {background-image:url(images/home.png);}
#menu ul li.current a {background-image:url(images/current.png);}
#menu ul li.future a {background-image:url(images/future.png); background-position:center 10px;}
#menu ul li.future a:hover { background-position:center 9px;}
#menu ul li.bespoke a {background-image:url(images/bespoke.png);}
#menu ul li.contact a {background-image:url(images/contact.png);}
/****/

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

#content.nelson, #content.jacko {position:relative; float: none; border-top: 1px solid #890105; }
#content.nelson {padding-right: 680px; height: 434px; width: 300px;  margin-top: 35px; }
#content.jacko {padding-left: 460px; height: 439px;  margin-top: 30px;width: 460px; }
.jacko p {padding-right: 180px;}

.nelson h3, .jacko h3 {border: 0px; margin-top: -28px;}

#content.nelson img { margin: -220px 0px 0px 610px;}
#content.jacko img { margin: -340px 0px 00px -380px;}

.nelson dl {position: absolute; top:5px; left:310px; height: 200px; width: 380px; color: #e5e5e5; font-size: 1.2em;}
.nelson dt {clear:left; float: left; width: 100px; padding: 3px 0px; font-weight: bold; text-align: right;}
.nelson dd {  padding: 3px 0px; padding-left: 105px;}

.jacko dl {position: absolute; top:5px; right:0px; height: 200px; color: #e5e5e5; font-size: 1.2em;}
.jacko dt {clear:left; float: left; width: 100px; padding: 3px 0px; font-weight: bold; text-align: right;}
.jacko dd {  padding: 3px 0px; padding-left: 105px;}

.nelson ul { position: absolute; left:-610px; bottom:120px; }
.nelson li { float: left; height: 75px; width:106px; margin-right: 5px; }
.nelson li.portrait { width:62px;}
.nelson li a img {height: 75px; padding: 1px; border: 2px solid #9a9a9a; background-color: #bbb9b6; }

.jacko ul { position: absolute; right:-320px; bottom:100px; }
.jacko li { float: left; height: 75px; width:106px; margin-right: 5px; }
.jacko li.portrait { width:62px;}
.jacko li a img {height: 75px; padding: 1px; border: 2px solid #9a9a9a; background-color: #bbb9b6; }

.nelson li a:hover img, .jacko li a:hover img  {border: 2px solid #d1d0cd; background-color: #efefef; }

#bespoke-wrap {width: 100%; bottom:38px;  height: 162px; position: absolute; background:#211c18; z-index: -1; }
.bespoke-img { bottom:68px;   position: absolute;  z-index: 1; }

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

/*** Widgetized sidebar styles for Wordpress Blogs ***/
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li {list-style-type: none; list-style-image: none; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
#sidebar ul ol li {list-style: none;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding:0;}

.widget li { border-bottom:1px dotted #ccc; padding-bottom:5px;}
.widget li a {text-decoration:none; font-weight:bold;}
.widget li a:hover {text-decoration:underline;}
/****/


/***************
Footer 
***************/
#footer h1 {position: absolute; left: 0px; top: -1px; padding: 0; margin: 0;}
#footer p {float: right; padding-top: 18px; margin-bottom: 0px; color: #4b4643;}

/*** Contact Form ***/

/*** Contact Form ***/
#contactForm {float: left; width: 281px; margin-right: 40px; margin-top: -0px;}
#contactForm label, #contactForm input, #contactForm textarea, #contactForm button {color:#4b4b4b; font-size:1.2em; line-height: 1.5em; font-family:  Helvetica, Arial, sans-serif;}

#contactForm label { display:block; float: left; width:60px; height:18px; padding-top:3px; padding-right:5px; text-align:right;}
#contactForm input, #contactForm textarea {width:208px; height:16px; padding:2px 3px; background-color:#d1d0cd; border: 1px solid #888; margin-bottom: 4px;}
#contactForm textarea { height:80px; margin-top:0; margin-bottom:8px; }

#contactForm .screenreader {display:none;}

.error {color:#C00; font-size:1.1em; text-align:left; text-indent:95px; margin-bottom:0em;}
.contact #content p.thanks {color:#2e2e2e; text-align:left; margin-left: 0px; float: left;}

#contactForm button.submit {display:block; float:right; width:79px;height: 26px; padding-bottom: 4px; margin-bottom: 0px; text-decoration:none; font-family: "Times New Roman", Times, Georgia, Serif; font-weight: normal; border: 0px; text-align:center; color: #666; font-size:1.4em;}
#contactForm button.submit:hover {background-position: bottom; cursor:pointer;}

/* Responses */
.wpcf7-mail-sent-ok { position:absolute; z-index:999999;}
.wpcf7-mail-sent-ok, .wpcf7-mail-sent-ng, .wpcf7-not-valid-tip  { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; background-color:#fff;}