/*
 *  Raising Them Right Stylesheet
 *
 *  Created by Eli Van Zoeren
 *  http://elivz.com
 *
 */

/* Begin CSS Reset - courtesy of MeyerWeb.com */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
em { font-weight: normal; font-style: italic; }
strong { font-style: normal; font-weight: bold; }
	
/* End CSS Reset */


/* Begin layout */

body {
	text-align: center;
	}
	
#wrapper {
	width: 620px;
	margin: 0 auto;
	text-align: left;
	}
#wrapper:after {
/* auto clear the section */
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	#wrapper {display: inline-table;}
	/* Hide from IE Mac \*/
	* html #wrapper {height: 1%;}
	#wrapper {display: block;}
	/* End hide from IE Mac */

/* End layout */


/* Begin general styles */

#wrapper {
	font-size: 1.4em;
	}
	
/* End general styles */


/* Begin text */

body {
	font-size: 62.5%;  /* Reset base size to 10px */
	line-height: 2em;
	}

body, h2, h3, input, textarea, select, label {
	font-family: "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
	font-weight: normal;
	}
		
h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-weight: bold;
	font-size: 2em;
	line-height: 1.429em;
	}
	
code {
	font-family: Consolas, "Courier New", Courier, mono;
	}
	
p {
	padding-bottom: 1.429em;
	}
	
a:link {
	color: #656565;
	text-decoration: underline;
	}
	
a:visited {
	color: #4d4d4d;
	}
	
a:hover, a:active {
	color: #006a99;	
	}
	
	
h2 {
	font-style: italic;
	font-size: 1.429em;
	line-height: 1.5em;
	text-align: center;
	}
	
h3 {
	font-style: italic;
	font-size: 1.286em;
	line-height: 1.111em;
	}
	
blockquote {
	font-style: italic;
	font-weight: 100;
	font-size: 1.286em;
	line-height: 2.222em;
	width: 575px;
	margin: 0 -30px;
	padding: 1.111em 0;
	background: url(../images/interface/lquote.png) no-repeat left 1.333em;
	}
blockquote p {
	margin: 0 0 1.111em 0;
	padding: 0 40px 0;
	background: url(../images/interface/rquote.png) no-repeat right bottom;	
	}

cite {
	color: #4d4d4d;
	padding-right: 0.25em;
	font-weight: bold;
	font-style: normal;
	font-size: 0.8em;
	text-transform: uppercase;
	}
cite:after {
	content: ":";
	font-size: 1.3em;
	font-weight: normal;
	}

.left {
	float: left;
	}
.right {
	float: right;
	text-align: right;
	}
	
.amp {
	font-style: italic;
	}
.caps {
	font-size: 0.85em;
	}

/* End text */ 

/* Begin header */

#header {
	text-align: center;
	position: relative;
	padding: 30px 0;
	font-size: 1.5em;
	float: left;
	width: 100%;
	}

h1 {
	width: 254px;
	height: 72px;
	margin: 0 auto;
	}

h1 a {
	float: left;
	width: 254px;
	height: 72px;
	background: url(../images/interface/title.png) no-repeat 0 top;
	text-indent: -9999px;
	}
h1 a:hover {
	background-position: 0 -72px;
	}

#nav li {
	position: absolute;
	top: 90px;
	}
#nav li#prev {
	left: 0;
	}
#nav li#next {
	right: 0;
	}

#nav li a {
	text-decoration: none;
	}

/* End header */


/* Begin body */

#intro {
	text-align: left;
	}

#feature {
	clear: both;
	}
.feature_photo {
	border-style: solid;
	border-width: 2px 0;	
	padding: 1px 0;
	display: inline-block;  // Fix IE double-padding bug
	}

.feature_photo img {
	display: block;
	border-style: solid;
	border-width: 1px 0;
	}

#feature h2 {
	padding: 0.5em 0;
	}

#content {
	text-align: center;
	}

#interview {
	width: 515px;
	margin: 0 auto;
	padding: 2.858em 0 1.429em;
	border-style: solid;
	border-width: 1px 0;
	text-align: left;
	}

#participant_photos {
	text-align: center;
	padding: 1.333em 0;
	}

.photo_grid {
	width: 630px;
	margin: 0 -5px;
	padding: 20px 0 10px;
	text-align: center;
	}
.photo_grid li {
	display: inline;
	width: 200px;
	margin: 0;
	padding: 0 3px 10px;
	}
.photo_grid li a:hover img {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	}


#menu {
	border-top: 2px solid;
	padding-top: 1px;
	clear: both;
	display: inline-block;  // Fix IE double-padding bug
	}
#menu #menu_inside {
	border-top: 1px solid;
	}
#menu h2 {
	margin-top: 0.5em;
	}
#menu .photo_grid {
	padding: 0;
	}
#menu .photo_grid li {
	padding-bottom: 0;
	}
#menu .photo_grid li a {
	position: relative;
	text-decoration: none;
	}
#menu .photo_grid li a span {
	position: absolute;
	left: 0;
	bottom: 50px;
	width: 100%;
	font: 2.5em/50px "Hoefler Text", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
	text-align: center;
	color: #006a99;
	cursor: pointer;
	display: none;
	}
#menu .photo_grid li a:hover img {
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	}
#menu .photo_grid li a:hover span {
	display: inline;
	}

.col1 {
	float: left;
	width: 305px;
	margin: 0 10px 1.333em 0;
	}
.col2 {
	float: left;
	width: 305px;
	margin: 0 0 1.333em 0;
	}

/* End body */

/* Begin footer */

#footer {
	clear: both;
	text-align: center;
	border-top: 1px solid;
	padding-top: 1px;
	margin-top: 20px;
	}
#footer_inside {
	border-top: 2px solid;
	padding: 20px 0;
	}
	
/* End footer */