@import "http://www.davidstreever.com/assets/stylesheets/reset.css";
@import "http://www.davidstreever.com/assets/stylesheets/type.css";
@import "http://www.davidstreever.com/assets/stylesheets/navigation.css";

body, html {
height: 100%;
}

body {
background: #fff url("/images/bgBody.png") repeat-x;
font-size: 100%;
}

body#homePage li#home a {
display: none;
}

/* Page Centering
---------------------------------------------------------------------------------------*/
div#pageWrapper {
margin: 0 auto;
padding: 0;
width: 47.5em;
}


/* LAYOUT BLOCKS
---------------------------------------------------------------------------------------*/

div#pageWrapper {
min-height: 100%;
background-color: #fff;
}

h1#brandingArea {
width: auto;
height: 79px;
background: url("/images/bgBrandingArea.jpg");
position: relative;
}

h1#brandingArea a {
position: absolute;
right: 15px;
bottom: 10px;
}

div#contentWrapper {
width: 47.5em;
float: left;
margin: 2.1875em 0 3.125em;
}

div.content {

}

div#contentPrimary {
width: 27.4375em;
float: left;
margin: 0 .9375em;
}

div.contentSecondary {

}

div.sidebarColumn {

}

div#sidebarColumnPrimary {
width: 16.25em;
float: left;
margin: 0 .9375em;
}

div#footerArea {
clear: both;
background: #000 url("/images/bgFooterArea.png") repeat-x;
width: 100%;
color: #fff;
}

div#footerArea h4 {
font-size: 2em;
color: #999;
padding: 0;
margin: 0 .46875em;
}

div#footerArea div#copyrightInformation {
clear: both;
padding: 5px 1.734375em;
font-size: .85em;
}

div#footerArea ul#siteInformation {
width: 100%;
margin: 2.1875em 0 3.125em;
padding: 0;
min-height: 87px;
list-style: none none;
font-size: 1em;
color: #fff;
}

div#footerArea ul#siteInformation li#authorInformation {
width: 16.4em;
margin: 0 .9375em;
float: left;
padding: 0;
}

div#footerArea ul#siteInformation li#codeInformation {
width: 9.0625em;
margin: 0 .9375em;
float: left;
padding: 0;
}

div#footerArea ul#siteInformation li#designInformation {
width: 16.3em;
margin: 0 .9375em;
float: left;
padding: 0;
}

img.sidebarImage {
width: 16.25em;
height: auto;
}

/* NAVIGATION LAYOUT/STYLE
----------------------------------------------------------------------------------------*/
ul.navigationArea {
float: right;
padding: 2px 0 0;
font-size: .75em;
height: .95em;
}

ul.navigationArea li {
}

ul.navigationArea li a {
width: 6.7em;
color: #000;
text-transform: uppercase;
padding: 0 .36875em;
margin: 0 .36875em;
text-align: center;
}

ul.navigationArea li a.menuActive {
border-bottom: 7px double #333;
font-weight: bold;
}

ul.navigationArea li a:hover {
font-weight: bold;
}

ul.navigationArea li ul {
display: none;
}

ul.navigationArea li ul li {
}

ul.navigationArea li ul li a {
}

ul#contentNavigation {
display: none;
}

/* TYPE & TYPOGRAPHIC ELEMENTS. Starting with general and ending in specific
----------------------------------------------------------------------------------------*/
body {
font-family: Georgia, "Times New Roman", Sans-serif;
}

div#contentWrapper a {
text-decoration: none;
background: #fecfd0;
color: #333;
}

div#contentWrapper a:hover {
background: #333;
color: #fecfd0;
}

div#contentWrapper a:after {
content: " >";
}

big {

}

.important {
font-weight: bold;
}

.subtle {

}

div.sidebarColumn span.green h1, div.sidebarColumn span.green p {
color: #006600;
}

h1#brandingArea a {
color: #fff;
font-size: 2em;
text-transform: uppercase;
font-family: verdana, arial, sans-serif;
}

ul.navigationArea {
font-family: verdana, arial, sans-serif;
}

h2.pageTitle {
display: none;
}

body#portfolioPage h2.pageTitle {
font-size: 1.5em;
margin: 0 0 25px;
display: block;
}

div.content h1, div#ieWarning h1 {
font-size: 1.5em;
margin: 0 0 25px;
}

div.content h1 big, div#ieWarning h1 big {
font-size: 1.1em;
}

div.content h2, div#ieWarning h2 {
font-size: 1.4em;
margin: 0 0 25px;
}

div.content h3, div#ieWarning h3 {
font-size: 1.3em;
margin: 0 0 25px;
}

div.content h4 {
margin: 0 0 25px;
}

div.content p {
margin: 0 0 25px;
font-size: 1em;
line-height: 150%;
}

div.content ol, div.content ul {
font-size: 1em;
line-height: 150%;
margin: 0 .9375em 25px;
}

div.content a {

}

div.content a:hover {

}

div.sidebarColumn h1 {
font-size: 1.4em;
margin: 0 0 20px;
}

div.sidebarColumn h2 {
font-size: 1.25em;
margin: 0 0 20px;
}

div.sidebarColumn h3 {
font-size: 1.1em;
margin: 0 0 20px;
}

div.sidebarColumn h4 {
font-size: 1em;
margin: 0 0 20px;
}

div.sidebarColumn p {
font-size: .85em;
margin: 0 0 15px;
}

div.sidebarColumn a {

}

div.sidebarColumn a:hover {

}

div#footerArea p {
font-size: .85em;
color: #fff;
margin: 0 0 20px;
}

div#footerArea p strong {
font-size: 1.25em;
font-weight: bold;
}

div#footerArea a {
color: #fff;
text-decoration: underline;
}

.accessibility {
display: none;
}

.breadcrumbs {
display: none;
}

/* CMS Modules
----------------------------------------------------------------------------------------*/
div.newsSummary, div#newsSummary {
margin: 10px 0;
}

div.newsPostdate, div#newsPostdate {
float: right;
}

div.newsLink a {
font-size: .85em;
}

div#newsLink a {
font-size: 1.5em;
}

div.newsLink a:hover, div#newsLink a:hover {

}

div.newsCategory, div#newsCategory {
clear: both;
}

div.newsCategory {
font-size: .75em;
}

div#newsCategory {
font-size: .85em;
float: right;
margin: 0 .9375em;
}

div.newsAuthor {
font-size: .75em;
}

div#newsAuthor {
font-size: .85em;
float: right;
margin: 0 .9375em;
}

div.newsSummary {
font-size: .85em;
}

div.newsMoreLink {
font-size: .75em;
}

div.newsContent {
font-size: .85em;
}

div#newsContent {
font-size: 1.25em;
}

div#newsPrintLink {
clear: both;
}

div#newsReturnLink {
clear: both;
}

div.portfolioItem {

}

div.contactForm legend {
display: none;
}

div.contactForm div {
width: 100%;
clear: both;
}

div.contactForm label {
float: left;
}

div.contactForm input {
float: right;
width: 60%;
}

div.contactForm div.captcha {
width: 16.4em;
float: left;
}

div.contactForm div.submit {
}

div.contactForm div.captcha input {
width: 4em;
}

div.contactForm div.submit input {
width: 7em;
float: left;
}