/**************************
*
*		Denim Day in LA
*		Stylesheet
*
*		Table of Contents
*		- Reset
*		- Color Dictionary
*		- Typography
*		- Links
*		- Layout
*		- Navigation
*		- Forms
*
**************************/

/*********************************************************** RESET */
* { margin: 0; padding: 0; list-style: none outside; }
a img { border: 0; }

/************************************************ COLOR DICTIONARY */
/*
background gray: 	#E9E9EA
submenu gray:			#D6D6D9
action box gray: 	#989B99
POV logo gray: 		#C2C4C6

logo red:					#FF0000
logo two gray:		#8E9093

body text:				#8E9093
link text:				#8E9093, #FF0000
menu text:				#8E9093, #FF0000
submenu text:			#8E9093, #FFFFFF

old red:					#FF2525
*/

/****************************************************** TYPOGRAPHY */
body {
	font: 80%/1.6 helvetica, arial, sans-serif;
	color: #8E9093;
}
html>body {
	font-size: 12px;
}
p {
	font: 80%/1.6
	line-height:1.5em;
	margin:0 0 1.5em 0;
}
h1 {
	line-height:1em;
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 1em 0;
}
h2 {
	font-size: 1em; /*1.1667em*/
	line-height: 1.5em;
/*	margin:1.929em 0 0.643em 0;*/
	margin: 1.5em 0 1em 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF0000;
}
h3 {
	font-size: 1em; 
	line-height: 1.5em;
	margin: 0em 0 1em 0;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6, p, ul, blockquote {
	margin-right: 1.5em;
	margin-left: 1.5em;
}

/*********************************************************** LINKS */
a:link, a:visited {
	color: #FF5555; /*#8E9093;*/
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
}

a:hover {
	color: #FF0000;
	border-bottom: none;
}

/****************************************************** LAYOUT *****/
body {
	margin: 0;
	text-align: center;
	background: #E9E9EA;
}

#wrap {
	background-color: #ffffff;
	width: 780px;
	margin: 30px auto 0 auto;
	text-align: left;
	position: relative;
	min-height: 700px;
	_height: 700px;
}

#primary {
	float: right;
	width: 390px;
}

#header {
	float: left;
	width: 390px;
}

#header a img {
	display: block;
	float: left;
}

#secondary {
	clear: left;
	float: left;
	width: 390px;
}

#footer {
	clear: both;
}

/****************************************************** WIDGETS ****/

.action {
	background: /*#A8AAAD*/ #989B99;
	color: #ffffff;
	min-height: 177px;
	padding-top: 1.5em;
}

.action h2 {
	color: #ffffff;
	margin-top: 0;
}

.action a {
	color: #fff;
}

.thumb {
	float: right;
	margin: 0 0 10px 10px;
}

.col1, .col2 { 
	width: 195px;
	float: left;
}

.outline {
	border: 1px solid #989B99;
	width: 193px;
	min-height: 175px;
	_height: 175px;
	background: #fff;
	color: #989B99;
}

.outline h2, .outline a { color: #989B99; }

.outline.col1 {
	border-width: 0 0 1px 1px;
	width: 194px;
	min-height: 176px;
	_height: 176px;
}
.outline.col2 {
	border-width: 0 1px 1px 0;
	width: 194px;
	min-height: 176px;
	_height: 176px;
}

/****************************************************** NAVIGATION */

#header h1 { font-size: 1em; margin: 0; }
#header ul { margin-left: 0; margin-right: 0; }
#header a, .menu a, #submenu a { border: 0; }

#menu {
	background: #FFFFFF;
	padding: 12px 0 0 12px;
	width: 183px; /*195 - 12 */
	height: 183px;
	float: left;
}

#menu a {
	font-weight: bold;
	letter-spacing: .1em;	
	text-transform: uppercase;
	text-decoration: none;
	color: #8E9093;
	line-height: 2.2;
}

#menu a:hover, #menu a.active { color: #FF0000; }

#sidebar {
	float: right;
	background: #D6D6D9 url(/images/aboutpov.gif) no-repeat bottom left;
	padding-top: 12px;
	width: 195px;
	height: 378px;
}

#submenu {
}

#submenu a {
	color: #8E9093;
	letter-spacing: .1em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.5;
	padding: 4px 0 4px 12px;
	display: block;
	margin-top: 0;
}

#submenu a:hover { color: #FFFFFF; }

#submenu a.active {
	color: #FFFFFF;
	background: url(/images/arrow.gif) no-repeat top left;
}

#submenu ul {
	margin: -0.5em 0 0 2em;
}

#submenu ul li {
	font-size: 11px;	
	list-style: disc outside;
	padding: 0;
	margin: 0;
	height: auto;
}

#submenu ul li.active {
	color: #fff;
}

#submenu ul li a {
	text-transform: none;
	padding: .5em 0 0 0;
	margin: 0;
}

#submenu ul li a.active {
	background: transparent;
}

/*********************************************************** FORMS */
p.input {
	clear: both;
}

label span {
	float: left;
	width: 150px;
}

input[type=text] {
	width: 200px;
}

/*********************************************************** LISTS */
.content ul {
	text-decoration: none;
	margin-bottom: 1.5em;
	
}
.content li {
	list-style: circle outside;
	margin: 0 0 .5em 1em;
	line-height: 1.5em;
}