/*
On.A.Wire. Design, styled by Chris Saldanha

Based on the Harry Roberts 'Typogridphy' layout
-------------------------------------------------------- */

/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html{
	font-size:100%;
}
body{
	font-size:62.5%;
	font-family: Lucida Console, "Monaco", sans-serif;
	color:#666;
	background:url(../images/dot.gif);
	padding:0 1em;
	margin:0;
}
#wrapper{
	width:94em;
	margin:0 auto;
	background: #fff;
	min-height: 100%;
}
#header{
	position:absolute;
	top:0;
	z-index: 100;
	width:94em;
	height: 280px;
	background: transparent;
}
#headerflash{
	position:absolute;
	top:0;
	z-index: 1;
}
.flashcontent{
	background: transparent;
	text-align: center;
	width:100%;
}
.flashcontent a{
	border: none;
}
/*NAVIGATION
-------------------------------------------------------- */
#nav {
	position: relative;
	top: 1em;
	clear: both;
	margin: 0;
	padding-right: 1em;
}		
		
#nav ul {
	position: relative;
	float: right;
	list-style: none;
	text-align: center;
	font-size: 1em;
	margin: 0;
	padding: 0;
	height:auto;
}
#nav ul li {
	margin: 0; 
	padding: 0;
	padding-top:.2em;
	background: #b18615;
}
#nav ul li a {
	/* display: block; */
	width: auto;
	margin: 0;
	padding: 1em;
	color: #FFF;
	border: 0;
	text-decoration: none;	
	letter-spacing: 1px;	
}
#nav ul li:hover, 
#nav ul li:active {
	color: #fff;
	background: #ddd228;	
	text-decoration: none;	
}
.current {
	color: #fff;
	background: #ddd228 !important;	
}
/*FOOTER NAVIGATION
-------------------------------------------------------- */


/*GRIDS
-------------------------------------------------------- */
/* Set styles common among all grids - all grid divs must be assigned this class */
.generic{
	float:left;
	width: 96em;
}
/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */
.clear{
	clear:both;
}
/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */
.end{
	margin-left:0 !important;
	margin-right:0 !important;
}
/* 300px */
.threehun{
	width:30em;
	margin:1em;
}
/* 940px */
.nineforty{
	width:94em;
	margin: 0;
	padding: 0;
}
.footer{
	width:94em;
	height:12em;
	padding:0;
	margin:0;
	background: url(../images/footer.jpg) repeat-x;
}
/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
.generic p{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1.5em;
}
.main {
	padding-top: 280px;
	background: url(../images/main.jpg) bottom no-repeat #fff;
	min-height: 28em;
}
.intro {
	padding:2em;
}
.intro a{
	padding-right:.5em;
}
.threehun p{
	font-size:1em;
	line-height:1.5em;
	margin-top:1em;
	margin-bottom:1.5em;
}
.footer p{
	padding:2em;
	color:#999;
	font-family: "MS Serif", "New York";
	font-style: italic;
	font-size:1.6em;
	line-height:1.5em;
}
#smalltext p{
	font-size:1em;
	line-height:1.5em;
	margin-bottom:1.5em;
}
/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro:first-line{
	font-variant:small-caps;
}
/* Styles a drop cap on each paragraph with this class */
p.drop:first-letter{
	float:left;
	font-size:3em;
	margin-top:-0.05em;
	margin-right:0.1em;
	margin-bottom:-0.5em;
}
/*HEADINGS
-------------------------------------------------------- */
h1{
	color:#b18615;
	font-size:3em;
	font-family: "MS Serif", "New York";
	font-style: italic;
	margin-top:0.5em;
	margin-bottom:0.2em;
	line-height:1.2em;
}
h2{
	color:#666;
	font-size:2em;
	font-family: "MS Serif", "New York";
	margin-bottom:0.3em;
	font-style:italic;
	line-height:1.5em;
}
/*LINKS
-------------------------------------------------------- */
a{
	color:#ddd228;
	text-decoration: none;
	border-bottom: #ddd228 thin dotted;
}
a:hover{
	color:#b18615;
	text-decoration:none;
}
p a{
	color:#ddd228;
	text-decoration: none;
	border-bottom: #ddd228 thin dotted;
}
p a:hover{
	color:#b18615;
	text-decoration:none;
}
.navigation a{
	color:#ddd228;
	text-decoration: none;
	border-bottom: #ddd228 thin dotted;
}
.navigation a:hover{
	color:#b18615;
	text-decoration:none;
}
.samples a{
	border:0!important;
}
h1 a{
	color:#b18615;
	font-size:3em;
	font-family: "MS Serif", "New York";
	font-style: italic;
	margin-top:0.5em;
	margin-bottom:0.2em;
	line-height:1.2em;
	text-decoration:none;
}
h1 a:hover{
	text-decoration:none;
}
h2 a{
	color:#666;
	font-size:2em;
	font-family: "MS Serif", "New York";
	margin-bottom:0.3em;
	font-style:italic;
	line-height:1.5em;
	text-decoration:none;
}
h2 a:hover{
	text-decoration:none;
}
li a{
	color:#000;
}
li a:hover{
	text-decoration:none;
}
/*ALL THE TRIMMINGS
-------------------------------------------------------- */
blockquote p{
	font-size:1.5em!important;
	line-height:1.5em!important;
	margin: 1em 0!important;
	font-family: "MS Serif", "New York";
	font-style:italic;
}
blockquote p cite{
	font-style:normal;
}
.generic strong{
	color:#1A4D62;
	font-variant:small-caps;
	font-size:125%;
}
.generic em{
	font-style:italic;
	font-weight:inherit;
}
.amp{ /* Give those ampersands a right sexy look */
	font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style:italic;
	font-weight:normal;
	line-height:inherit;
}
abbr{
	border-bottom:1px dotted #666;
	border-color:inherit;
	cursor:help;
}
.clear{
	clear:both;
}
.right-float{ /* Float any item to the right */
	float:right;
	margin-left:2em;
	margin-right:0;
}
.left-float{ /* Float any item to the left */
	float:left;
	margin-right:2em;
	margin-left:0;
}
.code{ /* Styling for and code type items */
	font-family:Courier, "Courier New", monospace;
	background:#ddd;
	font-size:1em;
}
.line{
	width: inherit;
}
/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img{
	font-size:1em;
	padding-bottom:10px;
}
img.left-img{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8em;
	margin-right:2em;
	margin-top:0.3em;
}
img.right-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8em;
	margin-left:2em;
	margin-top:0.3em;
}
/*CONTACT FORM STYLES
-------------------------------------------------------- */
#contact-form{
}
#contact-form label{
	width:10em;
	float:left;
	margin-top:0.6em;
}
#name, #form-email, #url, #location{
	width:42.7em;
	height:20px;
	padding:3px;
	padding-top:5px;
	border:2px solid #666;
	margin-bottom:18px;
	background:#fff !important;
}
#comments{
	width:43.8em;
	height:10em;
	padding:3px;
	border:2px solid #666;
	margin-bottom:18px;
	overflow:auto;
	background:#fff !important;
}
#name:active, #form-email:active, #url:active, #location:active, #comments:active, #submit:active, #name:focus, #form-email:focus, #url:focus, #location:focus, #comments:focus, #submit:focus{
	border:2px solid #000;
}
#submit{
	clear:both;
	padding:5px;
	border:2px solid #666;
	background:#fff !important;
	cursor:pointer;
	margin-left:9em;
}
#reset{
	clear:both;
	padding:3px;
	border:none;
	background:#f00 !important;
	cursor:pointer;
	float:right;
	color:#fff;
	margin-top:-28px;
}
/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/
ul{
	margin-bottom:1.8em;
	list-style:square outside;
}
ul li{
	font-size:1.2em;
	line-height:1.5em;
}
ul li.caption{ /* Apply this class to the first list item in a list to give it a caption */
	font-variant:small-caps;
	list-style:none;
	color:#000;
}
li > ul, li > ol{
	margin-bottom:0;
	margin-left:5em;
}
li > ul li, li > ol li{
	font-size:1em;
}
ol{
	margin-bottom:1.8em;
	list-style:decimal inside;
}
ol li{
	font-size:1.2em;
	line-height:1.5em;
}