@charset "utf-8";

/* css document */
/* zero out styles */
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, images, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, hr
{
	margin: 0;
	border-style: none;
	border-collapse: collapse;
	padding: 0;
	font-size: 100%;
	line-height: 1;
	outline: 0;
	text-align: left;
	text-indent: 0;
	vertical-align: baseline;
	background: none;
}

html, body, div, applet, object, iframe, address, blockquote, pre, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, th, td { position: relative; }

html
{
	font-size: 62.5%;
	/* reset font to 10px starting point */
}

a images, :link images, :visited images { border: 0; }

/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* end zero out styles */
/* embed font */

@font-face {
    font-family: 'Benguiat';
    src: url('../images/fonts/benguitb-webfont.eot');
    src: url('../images/fonts/benguitb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/benguitb-webfont.woff') format('woff'),
         url('../images/fonts/benguitb-webfont.ttf') format('truetype'),
         url('../images/fonts/benguitb-webfont.svg#BenguiatItcTBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* end embed font */
/* start layout */
body
{
	background-color: #f2ebe1;
	color: #75665E;
	font-family: Arial, sans-serif;
	font-size: 1em;
	position: relative;
}

img.bgImg
{
	width: 1157px;
	height: 824px;
	display: block;
	position: absolute;
	top: 0px;
	left: -88px;
}

#bodyRow, #footRow, #headRow
{
	display: block;
	height: auto;
	width: 980px;
	min-width: 980px;
	margin: 0px auto 0px auto;
	position: relative;
}

#bodyBox, #footBox, #headBox
{
	display: block;
	height: auto;
	width: 674px;
	margin: 0px 0px 0px 252px;
	position: relative;
}

#headBox { height: 274px; }

#footBox
{
	min-height: 120px;
	background-image: url(../images/bg-foot.gif);
	background-repeat: no-repeat;
}

#navBox ul
{
	display: block;
	height: 28px;
	width: 600px;
	margin: 20px 0px 40px 35px;
	position: relative;
}

#navBox ul li
{
	width: 100px;
	height: 28px;
	float: left;
	display: block;
	padding-right: 20px;
}

#navBox ul li:nth-child(5) { padding-right: 0px; }

#navBox ul li a
{
	font-size: 2.1em;
	font-family: 'Benguiat';
	line-height: 28px;
	text-decoration: none;
	color: #3F332E;
	font-weight: normal;
	text-transform: uppercase;
}

#navBox ul li#home, #navBox ul li#home a { width: 68px; }
#navBox ul li#about, #navBox ul li#about a { width: 78px; }
#navBox ul li#services, #navBox ul li#services a { width: 108px; }
#navBox ul li#stories, #navBox ul li#stories a { width: 162px; }

#navBox ul li#contact, #navBox ul li#contact a
{
	width: 102px;
	padding-right: 0px;
}

#navBox ul li a:hover { color: #75665E; }

#headBox h1, #headBox h1 a
{
	width: 307px;
	height: 88px;
	display: block;
	overflow: hidden;
	text-indent: -500px;
}

#headBox h1
{
	position: absolute;
	top: 63px;
	left: 354px;
}

#bodyBox
{
	min-height: 550px;
	background-image: url(../images/bg-nav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}

#bodyBox p
{
	font-size: 1.4em;
	line-height: 22px;
	padding: 5px 40px 35px 40px;
}

#bodyBox h2, #bodyBox h1.entry-title, #bodyBox h1.page-title
{
	color: #75665E;
	font-size: 2.6em;
	font-family: 'Benguiat';
	line-height: 26px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	padding: 5px 40px 5px 40px;
	margin: 0px;
}

#bodyBox .post h2.entry-title
{
	color: #75665E;
	font-size: 1.8em;
	font-family: 'Benguiat';
	line-height: 26px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	padding: 5px 40px 5px 40px;
	margin: 0px;
}

#bodyBox .post h2.entry-title a, #bodyBox .post h1.entry-title a { color: #3F332E; }
#bodyBox .post h2.entry-title a:hover, #bodyBox .post h1.entry-title a:hover { color: #75665E; }

#bodyBox h3.widget-title
{
	color: #75665E;
	font-size: 1.4em;
	font-family: 'Benguiat';
	line-height: 26px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}

.widget ul li
{
	border-top: 1px solid #75665E;
	color: #777777;
	font-size: 13px;
	margin-top: 4px;
	padding-top: 6px;
}

.widget a, .widget a:hover
{
	color: #75665E;
	text-decoration: none;
	font-weight: normal;
}

.widget a:hover { color: #3F332E; }

body.category-birthstories article
{
	background-image: url(../images/lineArticle.png);
	background-repeat: no-repeat;
	background-position: 40px 11px;
}

#rotation
{
	width: 225px;
	height: 300px;
	display: block;
	overflow: hidden;
	position: relative;
	float: right;
	margin: 0px 40px 40px 40px;
}

#rotation img
{
	width: 225px;
	height: 300px;
	display: block;
	cursor: pointer;
}

.clearBoth
{
	width: 100%;
	height: 1px;
	clear: both;
	display: block;
}

#footBox
{
	height: 150px;
	margin-top: 40px;
	padding-bottom: 20px;
	position: relative;
	z-index: 5;
}

#footBox, #footBox p
{
	color: #A57E63;
	font-size: 1.1em;
	line-height: 20px;
	font-weight: normal;
}

#footBox p
{
	padding-top: 90px;
	padding-right: 20px;
	width: auto;
	float: right;
	display: inline-block;
}

#footBox a
{
	color: #A57E63;
	text-decoration: none;
}

#footBox a:hover { color: #93838C; }

/* fancy form stuff */
#formBox2
{
	width: 554px;
	height: 266px;
	display: block;
	background-color: #f2ebe1;
	border-radius: 8px;
	-moz-border-radius: 8px;
	z-index: 110;
}

#formBox2 .space { padding: 40px; }

#formBox2 .space img
{
	width: auto;
	height: 100%;
	display: none;
	margin: 0px auto 0px auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

#formBox2 a.cancel
{
	width: 33px;
	height: 34px;
	display: none;
	background-image: url(../images/cancel.png);
	background-position: 0px 0px;
	overflow: hidden;
	text-indent: -200px;
	position: absolute;
	top: 10px;
	left: 590px;
	z-index: 111;
}

#formBox2 a:hover.cancel { background-position: 0px -40px; }

#overlay
{
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0px auto 0px auto;
	position: fixed;
	width: 100%;
	z-index: 100;
}

#blanket
{
	background-color: #000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	-khtml-opacity: .80;
	opacity: .80;
	position: absolute;
	width: 100%;
}

.formDialog
{
	display: none;
	margin: 100px;
	position: relative;
}

.invisible { display: none; }
#homey { width: 100%; }
#primary { width: 450px; }

#secondary
{
	width: 170px;
	margin-right: 40px;
}

/* end js */