/*
Theme Name: Build With Nature
Theme URI: http://build-with-nature.com/
Description: A custom theme, built for Luke Kreye.
Version: 1.0
Author: Andy Vaughn
Author URI: http://andyvaughn.com/
*/


@import url('reset.css');

/* Begin Typography & Colors */
body {font: 62.5%/1 Cambria, Georgia, "Times New Roman", Times, serif; background: #131; text-align: center;}
#page {width: 980px; margin: 0 auto; text-align: left;}
#header {margin: 0 20px; border-top: 4px solid #AAC66F; position: relative;}
#header h1 {}
#header h1 a {display: block; position: absolute; top: 25px; right: 10px; width: 366px; height: 22px; background: url('images/title.png') top left no-repeat; text-indent: -9999px; outline: none;}
#header h2 {font: 1.6em/1.125 Cambria, Georgia, "Times New Roman", Times, serif; text-transform: uppercase; margin: 54px 10px 0; text-align: right; color: #d9d921;}
#header cite {font: italic 1.6em/1.125 Cambria, Georgia, "Times New Roman", Times, serif; display: block; margin: 0 10px 16px; text-align: right; color: #d9d921;}
#header cite a:link, #header cite a:visited {color: #d9d921;}
#header cite a:hover, #header cite a:active {background: #2A6954; color: #FFF; text-decoration: none;}

#featured {margin: 0 17px; height: 483px; width: 940px; padding: 0 3px 7px; background: #FFF url('images/showcase_bg.jpg') bottom right no-repeat; position: relative;}
#featured ul {position: absolute; top: 0; right: 3px; text-align: right;}
#featured ul li {position: relative;}
#featured ul li a:link, #featured ul li a:visited {display: block; text-decoration: none; font: 2.4em/1.333 Cambria, serif; color: #2A6954; padding: 0 10px; width: 200px;}
#featured ul li a:hover, #featured ul li a:active {background: #AAC66F; color: #FFF;}
#featured ul .current_page_item a:link, #featured ul .current_page_item a:visited, #featured ul .current_page_parent a:link, #featured ul .current_page_parent a:visited {background: #AAC66F; color: #FFF;}
#featured ul li ul {position: absolute; top: 0; left: -120px; z-index: 999; visibility: hidden; border-top: 1px solid #CCC;}
#featured ul li ul li a:link, #featured ul li ul li a:visited {font-size: 1.5em; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; width: 160px; background: #FFF; }
#featured ul li ul li a:hover, #featured ul li ul li a:active {color: #000;}
#featured #showcase div {width: 720px; height: 483px; border-right: 1px solid #CCC; position: relative;}
#featured #showcase div img {display: block;}
#featured #showcase div p {position: absolute; bottom: 0; left: 0; width: 560px; height: 36px; background: #000; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; text-align: center; font: 2.1em/1.14 Cambria, Georgia, "Times New Roman", Times, serif; color: #AAC66F; padding: 12px 80px 18px;}

#main {margin: 0 20px; border-bottom: 4px solid #AAC66F;}

/* Content */
#content {width: 580px; margin: 32px auto; padding: 16px 20px; background: url('images/preamble_bg.jpg') top left repeat; border: 1px solid #DCDBCD; border-width: 1px 0;}
#content p {font: 1.2em/1.5 Helvetica, Arial, sans-serif; margin: 0 0 1.5em; color: #333;}
#content p.first:first-letter {font: bold 6em/1 Cambria, Georgia, "Times New Roman", Times, serif; display: block; float: left; height: 1em; padding: 0 10px 0 0; text-align: center; vertical-align: baseline;}
#content a:link, #content a:visited {color: #2A6954;}
#content a:hover, #content a:active {color: #AAC66F; text-decoration: none;}
#content h2 {font-size: 2.4em; color: #2A6954; line-height: 1.5em; margin: 0 0 .75em;}
#content h3 {font-size: 1.8em; color: #333; line-height: 1.5em; margin: 0 0 1.5em;}
#content ul {margin: 1.5em 0; list-style: inside disc;}
#content ol {margin: 1.5em 0; list-style: inside decimal;}
#content li {font-size: 1.8em; line-height: 1.5; margin: 0 0 0 1em;}
#content li li {font-size: 1em;}
#content img {border: 1px solid #CCC; padding: 3px; background: #FFF;}
#content .wp-caption img {display: block; margin: 0 auto; border: none;}
#content .wp-caption {border: 1px solid #CCC; background: #FFF; padding: 3px; margin: 0 0 2.4em;}
#content p.wp-caption-text {font-family: Cambria, "Georgia", "Times New Roman", Times, serif; text-transform: uppercase; font-size: 1em; color: #111; margin: 0; text-align: center;}

/* Footer */
#footer {margin: 0 20px; padding: 10px;}
#footer p {font: 1.1em/1.5 Helvetica, Arial, sans-serif; color: #EEE;} 
#footer a:link, #footer a:visited {color: #d9d921;}
#footer a:hover, #footer a:active {background: #2A6954; color: #FFF; text-decoration: none;}

img.centered {display: block; margin: 0 auto;}
.alignright {float: right;}
.alignleft {float: left;}