/***************************************************************************

Description: Stylesheet for Nike N7
Site URL: http://n7fund.com
Author: We The Media
Author URL: http://www.wtmworldwide.com


***************************************************************************

**__ CSS selector attributes are listed in alphabetical order __**

****************************************************************************


***************************************************************************

=Colors

****************************************************************************


Background (Light Gray):             #f5f5f5
Headings (Red):                      #b30838
Nav Links (Blue-Green)               #2dadbd
Event Links/Buttons (Bright Blue)    #40d3e6


/***************************************************************************

=Stylesheet Imports 

***************************************************************************/


@import url('reset.css');/* global reset */
@import url('grid.css');/* grid framework */


/***************************************************************************

=General Styles 

***************************************************************************/


body {
	background: #f5f5f5;
	color: #555;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, Times, 'Times New Roman';
	text-align: left;
}
	
p {
  color:#555;
  font: 1.5em Georgia, Times, 'Times New Roman';
  line-height: 1.6em;
  margin:20px 0;
}
  
a {
	color: #b30838;
	text-decoration: none;
}

a:hover {
	color: #be1f4f;
	text-decoration: underline;
}
	
  
blockquote {
	border-left: 5px solid #d8d8cc;
	margin: 15px 30px 0 15px;
	padding-left: 20px;
}

blockquote cite {
	display: block;
	margin: 5px 0 0;
}
  
span {
   color: #8f0d35;
}

small {
	font-size: 1em;
	line-height: 1.5em;
}
	
hr {
	border-right:none;
	border-left:none;
	border-top:1px solid #d4d4c8;
	border-bottom:1px solid #d4d4c8;
  height: 4px;
}

h1 {
  font: 3.2em Helvetica, Arial, sans-serif;
  border-bottom: 2px solid #b30838;
  color:#b30838;
	letter-spacing: -0.02em;
	margin-bottom:-5px;
	text-transform:uppercase;
}
	

h2 {
  color:#b30838;
  font: 1.9em Helvetica, Arial, sans-serif;
	letter-spacing: -0.02em;
	margin-bottom: -15px;
	text-transform: uppercase;
}

h3 {
  color:#b30838;
  font: 1.6em Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0 0 5px 0;
	text-transform:uppercase;
}

.clear {
	clear:both;
}

.clear:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}


/***************************************************************************

=List Styles 

***************************************************************************/


ul {
  font-size: 1.5em;
  margin-bottom: 30px;
}

ul li {
  line-height: 1.5em;
  list-style: disc;
  margin-bottom:5px;
  margin-left: 15px;
  padding-left: 3px;
}

ol {
  font-size 1.5em
}

ol li {
  margin-bottom:15px;
}


/***************************************************************************

=Form Styles 

***************************************************************************/

form {
  font-size: 1.5em;
}

input {
  border: 1px solid #ccc;
  color: #444;
  display:block;
  font: 1em Georgia, Times, 'Times New Roman', serif;
  margin-bottom:20px;
  padding:6px;
  width:250px;
}

label {
  display:block;
  margin-bottom:5px;
}

/***************************************************************************

=Page Structure 

***************************************************************************/


.left {
  margin-right:15px;
}

.center {
	margin-left:15px;
	margin-right:15px;
}

.right {
	margin-left:15px;	
}

.block {
  margin-bottom:40px;
}

.wrapper {
  background: #f5f5f5 url(../images/bg_wrapper.jpg) no-repeat 0 0;
  position: relative;
}

#header {
  height:160px;
  margin: 0;
  padding-top:30px;
}

#content {
  padding-bottom: 15px;
}

#main {
  margin-bottom: 30px;
}

#header,
#content {
  margin-left: 30px;
  margin-right: 30px;
  
}

#footer {
  background:url(../images/bg_footer.png) repeat 0 0;
  margin-bottom: 30px;
  padding:15px 0;
  position:relative;
  width:100%;
}

#footer p {
  margin: 0;
}

#footer #featured,
#footer #mission {
  border-right: 1px solid #b30838;
  min-height: 310px;
  padding: 0 15px;
}

#footer #facebook {
  padding: 0 15px;
}

ul#nav {
  font-size:1em;
  margin:0;
  padding: 0 0 30px 0;
  width:100%;
}

ul#nav li {
  background: #2dadbd;
  display:block;
  font: 1.5em Georgia, Times, 'Times New Roman', serif;
  float:left;
  list-style:none;
  margin: 0 4px 0 0;
  padding: 0;
  text-align:center;
  width: 237px;
  text-transform: uppercase;
}

ul#nav li.last {
  margin-right:0;
}

ul#nav li a {
  color: #fff;
  display:block;
  padding: 7px 0;
  text-decoration:none;
}

ul#nav li a:hover {
  background: #31b5c6;
}

body.fund ul#nav a#fund,
body.contact ul#nav a#contact,
body.board ul#nav a#board,
body.overview ul#nav a#overview {
  background: #b30838;
}

#sidebar_board {
  padding-top:15px;
}

#sam,
#jackie {
  margin-top: 30px;
}

#logo {
  background: url(../images/logo.png) no-repeat 0 0;
  display:block;
  float:left;
  height:126px;
  text-indent: -9999px;
  width:126px;
}

#tagline {
  background: url(../images/tagline.png) no-repeat 0 0;
  display:block;
  float:right;
  height:72px;
  margin-top: 25px;
  text-indent: -9999px;
  width:442px;
}

a#event_tout {
  background: url(../images/event-tout.png) no-repeat 0 0;
  display:block;
  height:200px;
  text-indent: -9999px;
  width:285px;
  
}

a#event_tout_grant_recipients {
  background: url(../images/event-tout-grant-recipients.jpg) no-repeat 0 0;
  display:block;
  height:200px;
  text-indent: -9999px;
  width:285px;
  
}

div#product_tout_n7_collection {
  width: 285px;
  height: 200px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

div#product_tout_n7_collection a {  
  position: absolute;
  width: 285px;
  height: 200px;
  display: block;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 1001;
  
}

.tout_font {
  color: #111;
  font-size: 14px;
}

div#product_tout_n7_collection div { position: absolute; left: 0px; width: 10000px; }

div#product_tout_n7_collection div img { float: left; }

div#product_tout_n7_collection span { 
  position: absolute;
  display: block;
  height: 39px;
  width: 270px;
  top: 147px;
  background: rgba(255, 255, 255, 0.5);
  padding-left: 15px;
  padding-top: 3px;
  z-index: 1000;
 }


a#facebook_badge {
  background: url(../images/bg_sprites.png) no-repeat 0 0;
  display:block;
  height:45px;
  margin-top:10px;
  text-indent: -9999px;
  width: 160px;
}

a#swoosh {
  background: url(../images/bg_sprites.png) no-repeat -99px -48px;
  display:block;
  float:left;
  height: 30px;
  margin: 0 15px 15px 0;
  text-indent: -9999px;
  width: 70px;
}

ul#meta {
  float:right;
  text-align:right;
}

ul#meta li {
  font-size: 0.9em;
  list-style:none;
  line-height: 1em;
}

input#contact_text_area {
  width: 500px;
}

input#contact_submit {
  background: url(../images/bg_sprites.png) no-repeat 0 -48px;
  border: none;
  height:32px;
  text-indent: -9999px;
  width:93px;
}

input#contact_submit:hover {
  cursor: pointer;
}


div#featured img {
  margin-left: 15px;
  border: 1px solid #cacac9;
}

/***************************************************************************

=Override Styles 

***************************************************************************/


.wrapper .grid_6 {
  width: 265px;
}

.wrapper .grid_7 {
  width: 285px;
}

.wrapper .grid_11 {
  width:435px;
}

.wrapper .grid_14 {
  width:585px;
}

.wrapper .grid_22 {
  width: 900px;
}

body.event .wrapper .grid_7 {
  width: 255px;
}

body.event .wrapper .grid_14 {
  width: 550px;
}

body.board #main h2 {
  font-size: 1.8em;
  margin: 10px 0 5px 0;
}

body.grant-recipients #main h2 {
  font-size: 1.8em;
  margin: 10px 0 5px 0;
}

body.grant-recipients h1 {
  margin-bottom:15px;
}

body.contact #main h2 {
  font-size: 1.8em;
  margin: 0 0 5px 0;
}

div.portrait {
  float:left;
  margin: 30px 10px 10px 0;
  width: 135px;
}

div.bio {
  float:right;
  margin-top: 20px;
  width: 430px;
}

body.contact div.portrait {
  margin:0 10px 10px 0;
}

.portrait img {
  border: 1px solid #b30838;
}

body.board #main p,
body.grant-recipients #main p {
  margin-top: 5px;
}

body.contact #main ul {
  margin:0;
}

body.contact #main ul li {
  list-style:none;
  margin:0;
  padding:0;
}

body.event #event {
  background: #000;
  margin-bottom:30px;
  padding:30px 0 0 0;
}

body.event #event #main {
  padding-top: 30px;
}

body.event #event #sidebar {
  margin-left: 30px;
}

body.event #event #sidebar img {
  margin-bottom:25px;
}

body.event #event a {
  color:#40d3e6;
}

body.event #event p {
  color:#fff;
}

body.event #event h2 {
  font-size: 2.7em;
  color: #fff;
  margin:30px 0 30px 0;
}

body.event #event h3 {
  font-size: 1.9em;
  color: #40d3e6;
  margin:30px 0 -15px 0;
}

body.event #event a#event_download_pdf {
  background: url(../images/bg_sprites.png) no-repeat -162px 0;
  display:block;
  height: 45px;
  text-indent: -9999px;
  width: 158px;
}

body.event #event ul li {
  color:#40d3e6;
  font-size: 1.1em;
  list-style:none;
  margin:0;
  padding:0;  
  text-transform: uppercase;
}

body.event #event a#n7_event_badge {
  background: url(../images/bg_sprites.png) no-repeat -320px 0;
  display:block;
  float:right;
  height: 80px;
  margin:30px 0 40px 0;
  text-indent: -9999px;
  width: 195px;
}

body.event #event #event_info {
  float:left;
}

div.done {
  display:none;
  font-size:1.6em;
}

.highlight {
  color: #b30838;
  font-weight: bold;
}