/*
 * Developer : Linda Sandvik (linda@owlcreative.co.uk)
 * Date : 8th June 2010
 * All code © 2010 Owl Creative Limited, all rights reserved
 */
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,
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-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/*Clearfix*/
.navigation:after, .profilePics:after, gallery:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*debug*/
@font-face {
	font-family:"LeagueGothic";
	src:url("../fonts/leaguegothic-webfont.eot");
	src:local("League Gothic"), local("LeagueGothic"),
		url("../fonts/leaguegothic-webfont.woff") format("woff"), 
		url("../fonts/leaguegothic-webfont.ttf") format("truetype"),
		url("../fonts/leaguegothic-webfont.otf") format("opentype"), 
		url("../fonts/leaguegothic-webfont.svg#webfont") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Basic styles */
html, * {
	font-family:Helvetica, Arial, sans-serif;
	margin: auto;
	padding:0;
}
body {
	font-size:62.5%;
	line-height: 1;
	text-align:left !important;
	min-width:760px;
	margin:0 auto;
	overflow-y:scroll;
	background:#fff url("../img/bg_texture.jpg") repeat top left;
}
/*all the annoying wrapper divs */
.wrapper {
	background:transparent;
	overflow:hidden;
	margin:0 auto;
}
.headWrapperOuter {
	background:#000 url("../img/bg_header.png") repeat-x scroll left top;
	background-clip
}
.headWrapperInner {
	max-width:1440px;
	margin:0 auto;
}
.contentWrapper {
	max-width:1440px;
	margin:0 auto;
	overflow:hidden;
	bottom:0;
	position:relative;
}
/*end wrapper divs*/

.accessibility, span.accessibility {
	position:absolute;
	left:-9999px;
}
.header {
	padding:1px 20px;
}
.logo a {
	display:block;
}
.gallery {
	margin:0 auto;
	overflow:hidden;
	background:transparent;
}
.gallery li {
	background:transparent;
}
ul.navigation {
	font-size:1.2em;
	line-height:2em;
	margin: 0 auto;
	padding:35px 20px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
ul.navigation li {
	float:left;
	width:14.285%;
	color:#808080;
}
.navigation a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
ul.navigation a:hover, ul.navigation a:active, ul.navigation a:focus {
	text-decoration:underline;	
}
ul.profilePics a {
	display:block;
}
ul.profilePics li {
	float:left;
	overflow:hidden;
	width:14.285%;
}
ul.profilePics li a img{
	overflow:hidden;
	position:relative;
	width:100%;
	vertical-align: bottom; /*do not remove, fixes whitespace bug in FF */
	border-bottom:1px solid #ccc;
}

h1, .header p {
	font-size:1.2em;
	line-height:3.2em;
	color:#fff;
}
.logo {
	position:relative;
	left:17px;
	width:65px;
	z-index:1;
	display:block;
	padding:6px 0 0 8px;
}
h1.logo {
	line-height:1em;
}
.categories {
	margin-top:-94px;
	padding: 27px 0 28px 0;
}
.categories h2{
	float:left;
	display:inline;
	clear:none;
	margin-left:100px;
	color:#fff;
	font-size:1.2em;
}
.categories ul {
	margin-left:113px;
}
.categories li {
	float:left;
	text-transform:uppercase;
}
.categories li.first {
	border-left:none;
}
.categories li.selected {
	font-weight:bold;
}
.categories li.selected a {
	text-decoration:underline;
}
.categories a{
	color:#fff;
	padding: 0 8px;
	display:block;
	font-size:1.2em;
	text-decoration:none;
}
.categories a:hover, .categories a :active, .categories a:focus {
	text-decoration:underline;
}
/*profile styles */
.profile {
	height:830px;
	width:100%;
	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}
.post, .content {
	float:left;
}
a#next, a#previous {
	display:block;
	height:100px;
	position:absolute;
	top:47%;
}
a#next img{
	display:block;
	z-index:10;
}
a#previous img{
	display:block;
	z-index:10;
}
a#next {
	float:right;
	right:0;
}
a#previous {
	float:left;
	left:0;
}
.profile h1, .pageWrapper h1 {
	padding:20px 0 5px 0;
	font-size:6.5em;
	color:#000;
	line-height:1em;
	text-transform:uppercase;
	font-family:LeagueGothic, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	
}
.profile h2, .pageWrapper h1 {
	color:#000;
	font-size:1.4em;
	text-transform:uppercase;
	margin:0 0 40px 0;
	padding:0;
}
.profile .post, .pageWrapper .content {
	position:relative;
	top:220px;
	left:44%;
	width:40%;
	padding-left:90px;
}
.profile p, .pageWrapper p {
	font-size:1.4em;
	line-height:1.357em;
	width:95%;
}
#portfolioLink {
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
portfolioLink:hover, portfolioLink:active, portfolioLink:focus {
	text-decoration:underline;
}
.profile ul {
	margin-top:25px;
}
.profile ul li {
	width:33%;
	float:left;
}
.profile ul li a {
	font-size:1.3em;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding:2px 0 2px 30px;
	min-height:27px;
	line-height:2.7em;
	display:block;
	
}
/* ICON styles for linkslist */
.apg a {
	background:transparent url("../img/icons/icon-apg.png") no-repeat center left;
}
.aol a{
	background:transparent url("../img/icons/icon-aol.png") no-repeat center left;
}
.behance a{
	background:transparent url("../img/icons/icon-behancenetwork.png") no-repeat center left;
}
.blogger a{
	background:transparent url("../img/icons/icon-blogger.png") no-repeat center left;
}
.cargocollective a{
	background:transparent url("../img/icons/icon-cargocollective.png") no-repeat center left;
}
.dandyid a {
	background:transparent url("../img/icons/icon-dandyid.png") no-repeat center left;
}
.deviantart a{
	background:transparent url("../img/icons/icon-deviantart.png") no-repeat center left;
}
.delicious a {
	background:transparent url("../img/icons/icon-delicious.png") no-repeat center left;
}
.dribbble a {
	background:transparent url("../img/icons/icon-dribbble.png") no-repeat center left;
}
.facebook a{
	background:transparent url("../img/icons/icon-facebook.png") no-repeat center left;
}
.foursquare a {
	background:transparent url("../img/icons/icon-foursquare.png") no-repeat center left;
}
.flickr a{
	background:transparent url("../img/icons/icon-flickr.png") no-repeat center left;
}
.github {
	background:transparent url("../img/icons/icon-github.png") no-repeat center left;
}
.gowalla a{
	background:transparent url("../img/icons/icon-gowalla.png") no-repeat center left;
}
.kontain a {
	background:transparent url("../img/icons/icon-kontain.png") no-repeat center left;
}
.lastfm a{
	background:transparent url("../img/icons/icon-lastfm.png") no-repeat center left;
}
.linkedin a{
	background:transparent url("../img/icons/icon-linkedin.png") no-repeat center left;
}
.email a{
	background:transparent url("../img/icons/icon-mail.png") no-repeat center left;
}
.myspace a{
	background:transparent url("../img/icons/icon-myspace.png") no-repeat center left;
}
.picassa a{
	background:transparent url("../img/icons/icon-picassa.png") no-repeat center left;
}
.rss a{
	background:transparent url("../img/icons/icon-rss.png") no-repeat center left;
}
.skype a{
	background:transparent url("../img/icons/icon-skype.png") no-repeat center left;
}
.stumbleupon a{
	background:transparent url("../img/icons/icon-stumbleupon.png") no-repeat center left;
}
.tumblr a{
	background:transparent url("../img/icons/icon-tumblr.png") no-repeat center left;
}
.twitter a{
	background:transparent url("../img/icons/icon-twitter.png") no-repeat center left;
}
.vimeo a{
	background:transparent url("../img/icons/icon-vimeo.png") no-repeat center left;
}
.wordpress a{
	background:transparent url("../img/icons/icon-wordpress.png") no-repeat center left;
}
.youtube a{
	background:transparent url("../img/icons/icon-youtube.png") no-repeat center left;
}
/*end icon styles */
.categories li.page, #students {
	float:right;
	border:0;
	color:#fff;
	display:block;
	padding:0 13px;
}
.categories .selected {
	font-weight:bold;
}
#students {
	font-size:1.2em;
}
.tooltip{
	position:absolute;
	font-size:1.2em;
	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	top:0;
	left:0;
	display:none;
	background-color:#000;
	padding:8px 15px;
	color:#fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
p.signature {
	margin-top:100px;
}