/* Use this class on any div.span / container to see the grid. */
/* .showgrid { background: url(../images/grid.png);  } */



/* typography.css */
body {font-size:75%;color:#222;background:transparent;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em; }
h2 {font-size:2em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}


a:focus, a:hover {color:#000;}
a {color:#f5751f;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
.last {margin-right:0;padding-right:0;}
.right {float: right; }

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}


.container { background-color: #fff; /*border-right: 11px solid #e0e0e0; border-left: 11px solid #e0e0e0;*/ }


body{
	margin:0;
	background:#e7e7e7 url("../images/body-bg.png") repeat-x 0 0;
}

.header { width: 745px; height: 116px }
.header .logo { margin-top: 30px; float: left; }
.header .logo a { background:#fff url("../images/logo.png") no-repeat 0 0; display:block; width:266px; height:79px; text-indent:-9999px;}

.header .nav { text-align: right; margin: 0; margin-top: 62px; }
.header .nav li { display: inline; margin-right: 4px; padding-right:5px; border-right: 1px solid #ff9f55; }
.header .nav li a { padding:8px 8px 38px 8px; font-size: 12px; font-weight: bold; text-transform: uppercase; color:#000; text-decoration: none; }
.header .nav li a.selected, .header .nav li a:hover { color:#fff; background:transparent url("../images/nav-bg.png") repeat-x 0 0; }
.header .nav li.last { margin-right: 0; padding: 0; border: none; }


/*.body { margin-top: 2em; }*/
.body p { line-height: 3em; font-size: 1.2em;}
.container .lead { padding: 0 10px; background: #fff url("../images/lead-bg.png") no-repeat top left; }

.body { padding-top: 20px; padding-bottom: 2em; border-right: 10px solid #e0e0e0; border-left: 10px solid #e0e0e0; background:#fff url("../images/posts-bg.png") repeat-y top left; }
.body .posts { min-height: 400px; width: 393px; border-right: 1px solid #ccc; background: transparent url("../images/post-bg.png") no-repeat 1px top; }
.body .post h2 { position: relative; }
.body .post h2 a { color: #9b9591; text-decoration: none; color: #1C4586; cursor: default;}
.body .post .entry ul { font-size: 1.2em; padding: 0 1em 1em 0; list-style-type: square; }
.body .post .entry ul li { margin-bottom:5px; }

.sidebar { padding-top: 1.5em; text-align: right; }
.sidebar img{ margin: 0 1em .5em 0; }


/* CONTENT PAGE */
body#content {background:#E7E7E7 url("../images/html-content-bg.png") repeat-x 0 0;}
body#content .lead { height: 92px; background: url("../images/lead-content-bg.png") no-repeat left bottom; }
body#content .sidenav { min-height: 600px; border-right: 1px solid #faba8c; }

body#content .post h1 { margin-bottom:0; color: #1c4586; text-transform: uppercase; font-size: 1.7em;}
body#content .post h2 { margin-bottom:1em; color: #79726d; font-size: 1.4em; }
body#content .body p { line-height: 1.5em; }

body#content .sidenav ul { margin: 0 0 0 1em; padding: 0;}
body#content .sidenav ul li { margin: 0 1em 1em 0; padding: 0 0 1em 0; display: block; text-transform: uppercase; border-bottom: 1px dotted #faba8c; }
body#content .sidenav ul li a { display: block; }

.footer { width:753px; text-align: right; border-top: 2px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: #c3c2c0; }
.footer p { margin-right: 10px; }