/* Color Key */
/*
beige: 			rgb(255,255,232)
dark beige: 	rgb(220,216,195)
light brown: 	rgb(191,183,146)
brown: 			rgb(138,125,109)
dark brown: 	rgb(76,69,60)
blush: 			rgb(232,110,72)
light blue: 	rgb(156,201,201)
mid blue: 		rgb(95,166,166)
dark blue: 		rgb(74,116,130)
charcoal: 		rgb(45,45,56)
*/

/* Reset CSS */
* {margin:0; padding:0; border: 0; text-decoration:none; list-style-type:none; font-size:1em;}

/* IE PNG fix */
/*img { behavior: url(iepngfix.htc); }*/

/* ========================================== */
/* Layout */
body {
	background-color: rgb(255,255,232);
	font-family: "Trebuchet MS";
	font-size: 0.8em;
}

div#BodyWindow {width: 851px; margin: 12px auto 0 auto;}
hr {height:1px; background-color: rgb(138,125,109); margin: 1.5em;}
div.downloads_box {display:block;}

p {color:rgb(76,69,60);}
h1 {color:rgb(95,166,166);margin:0.5em;font-size:1.7em;}
h2 {color:rgb(232,110,72);margin:6px;font-size:1.5em;}
h3 {color:rgb(76,69,60);margin:8px;font-size:1.3em;}
h4 {}
h5 {}

/* ========================================== */
/* Embedded Videos */
span.youtubeVideo {margin: 0 0 0 1.5em; float: right; z-index: 0;}

/* ========================================== */
/* Downloads Section */
h2.freeStuf {margin: 1em 0 0 0;}
.itemBlock {display:block;}
.freeStufDesc {width: 60em; margin: 1em 0 0 2em;}
ul.freeStufDesc {margin-left: 3em;}

/* ========================================== */
/* Blog Styling */
ul.postList {}
span.articleDate {font-size: 0.5em;	color: rgb(232,110,72);}
h1 span.postDate {font-size: 0.5em; color: rgb(76,69,60);}

/* Blog Feed Box */
hr.footerBreak {clear: both;}
div.RecentPostsBox {margin-top:20px; background-color:rgb(220,216,195); padding:5px; margin:0; clear: both;}
div.RecentPostsBox h3.blogTitles {font-size:1em;}
h4.RecentPosts {color:rgb(76,69,60); margin-bottom:10px;}
h5.BlogPostTitle {font-size: 1.2em; color:rgb(74,116,130); margin-bottom:0.5em;}
ul.postList li a {font-size: 1.2em; font-weight: bold;}
ul.postList li.post1 {margin-left:4px; height:55 px; padding-left:45px; background-repeat:no-repeat;}
ul.postList li.post2 {margin-left:4px; height:55 px; padding-left:45px; background-repeat:no-repeat;}
ul.postList li.post3 {margin-left:4px; height:55 px; padding-left:45px; background-repeat:no-repeat;}
ul.postList li.post4 {margin-left:4px; height:55 px; padding-left:45px; background-repeat:no-repeat;}

.rss_box {font-size:0.8em;}
ul.rss_items {color:rgb(76,69,60);}
li.rss_item span.rss_date {color:rgb(138,125,109);font-size:0.6em;}

/* Image Thumbnails */
.articleImgR {position: relative; float: right; margin-left:0.5em;}
.articleImgL {position: relative; float: left; margin-right:0.5em;}
img.thumbs {border: 1px solid rgb(191,183,146); padding: 0.2em;}
img.floatR {position: relative; float: right; margin: 0.5em; padding: 0.5em; border: 1px dotted rgb(191,183,146);}
img.floatL {position: relative; float: left; margin: 0.5em; padding: 0.5em; border: 1px dotted rgb(191,183,146);}


/* ========================================== */		
/*** Video Credits Page ***/
.creditsSection {text-align: center;}
h3.credits {color: rgb(76,69,60); padding-top: 0.5em;}
p {margin: 0 0 0.5em 0;}
.photoTitle {font-weight: bold;}
ul.creditList {list-style: none; margin: 0 0 0 0; padding: 0; color:rgb(76,69,60);}
ul.creditList li {margin: 0; padding: 0;}
.creditsEnd {margin: 2em 0 0 0;}
.imgLeft {position: relative; margin: 0 0 0 0;}
.imgRight {position: relative; float: right; margin: 0 30% 0 0;}
div.sponsorLogos {display: block; clear: both; margin-top: 0.5em;}
.copyrightNotice {margin: 2em 0 0 0; font-size: 0.3em;}

/* ========================================== */
/*** Contact Form ***/
#contactForm {}
#contactDetails {width: 30em;}
#contactForm h2 {margin-top: 12px; margin-bottom: 8px;}
#contactForm p.firstParagraph {margin-top: 6px;}
#contactForm p {font-size: smaller;	margin: 12px 0 5px 0;}
#contactForm input, #contactForm textarea {border: 1px solid rgb(76,69,60);}
#contactForm input.submitButton {padding: 4px; margin-top: 10px; font-size: smaller;}

/* ========================================== */
/* Links */
a:link {color:rgb(232,110,72);}
a:active {color:rgb(156,201,201);}
a:visited {color:rgb(74,116,130);}
a:hover {color:rgb(95,166,166);}

/** Menu **/
		ul.nav {width: 860px;}
 		ul.nav li {display:block; float:left; list-style-type:none; margin-bottom:30px;}
	
/* Links */
	/** 143px w x 51px h **/
	/** Normal States **/
		ul.nav li a {
		   display:block;
		   height:50px; width:143px;
		   background:transparent url(../i/navbar3.png) no-repeat 0 0;
		   text-indent:-9009px;
		   }
		
		ul.nav li.work a {width:143px; background-position: -143px 0;}
		ul.nav li.services a {width:143px; background-position: -286px 0;}
		ul.nav li.downloads a {width:141px; background-position: -429px 0;}
		ul.nav li.contact a {width:140px; background-position: -570px 0;}
		ul.nav li.blog a {width:145px; background-position: -710px 0;}
		
	/** Hover States **/
	
		ul.nav li a:hover {background-position: 0 -51px;} 
		ul.nav li.work a:hover {background-position: -143px -51px;} 
		ul.nav li.services a:hover {background-position: -286px -51px;}
		ul.nav li.downloads a:hover {background-position: -429px -51px;}
		ul.nav li.contact a:hover {background-position: -570px -51px;}
		ul.nav li.blog a:hover {background-position: -710px -51px;}
		
	/** Active (down) States **/
	
		ul.nav li a:active {background-position: 0 -102px;}
		ul.nav li.work a:active {background-position: -143px -102px;}
		ul.nav li.services a:active {background-position: -286px -102px;}
		ul.nav li.downloads a:active {background-position: -429px -102px;}
		ul.nav li.contact a:active {background-position: -570px -102px;}
		ul.nav li.blog a:active {background-position: -710px -102px;}