@charset "UTF-8";

/* Global Content Formatting and Styles */

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #ddd;
	margin: 0;
	padding: 0;
}

#wrapper {
	margin: 0 auto;
}

/* --- styles for all pages --- */
#page-header {
	margin: 0 auto 35px;
}

#page-header nav span {
	/*background-color: #ABABAB;*/
	border: solid #555 2px;
	/*border-radius: 3px;*/
	color: #777;
	display: block;
}

#page-header nav a, .project .description-nav a {
	/*background-color: #888;*/
	border: solid #FFF 2px;
	/*border-radius: 3px;*/
	color: #777;
	display: block;
	text-decoration: none;
}

#page-header nav span, #page-header nav a, .project .description-nav a {
	float: right;
}

#page-header nav a:hover, .project .description-nav a:hover {
	/*background-color: #00baff;*/
	border: #555 2px solid;
	color: #777;
}

#logo {  
	background: url(../images/logo-name3.png) no-repeat 7px 18px;
	color: #FFF;
	float: left;
	font-size: 16px; 
	height: 50px;
	margin: 0; 
	text-indent: -9999px;
	width: 250px;
}

#page-content {
	margin: 0 auto;
	/*position: relative;*/
}

#page-footer {
	border-top: 2px #FFF solid;
}

#page-footer p {
	color: #999; 
	margin: 0;
}

.clear-fix { 
	clear: both; 
	display: block; 
	line-height: 0px; 
}

/* --- styles for portfolio pages and student work pages --- */
.thumbnails a{
	background-color: #222;
	border: #FFF 2px solid;
	/*border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;*/
	display: block;
	float: left;
	margin: 0 7px 11px 6px;
}

.thumbnails a:hover {
	border: #555 2px solid;
}

.top-corner-radius {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

/* --- thumbnails on design-portfolio.html --- */
.project1  { background: url(../images/recordsforlife.jpg) no-repeat center; }
.project2  { background: url(../images/avonex.jpg) no-repeat center; }
.project3  { background: url(../images/imaginarymuseum.jpg) no-repeat center; }
.project4  { background: url(../images/alterego.jpg) no-repeat center; }
.project5  { background: url(../images/lamocha.jpg) no-repeat center; }
.project6  { background: url(../images/jiggle.jpg) no-repeat center; }
.project7  { background: url(../images/shelflife.jpg) no-repeat center; }
.project8  { background: url(../images/thehive.jpg) no-repeat center; }
.project9  { background: url(../images/breda.jpg) no-repeat center; }
.project10  { background: url(../images/barriers.jpg) no-repeat center; }
.project11  { background: url(../images/greatharvest.jpg) no-repeat center; }
.project12  { background: url(../images/peedeearts.jpg) no-repeat top center; }
.project13  { background: url(../images/addrive.jpg) no-repeat center; }
.project14  { background: url(../images/scale.jpg) no-repeat center; }
.project15  { background: url(../images/longlash.jpg) no-repeat center; }
.project16  { background: url(../images/modhistory.jpg) no-repeat center; }
.project17  { background: url(../images/sctt.jpg) no-repeat center; }
.project18  { background: url(../images/interior.jpg) no-repeat center; }
.project19  { background: url(../images/specialolympics.jpg) no-repeat center; }
.project20  { background: url(../images/everydayaba.jpg) no-repeat center; }
.project21  { background: url(../images/confidencekiller.jpg) no-repeat center; }
.project22  { background: url(../images/artsawards.jpg) no-repeat center; }
.project23  { background: url(../images/peedeegolf.jpg) no-repeat center; }
.project24  { background: url(../images/lightning.jpg) no-repeat center; }
.project25  { background: url(../images/em.jpg) no-repeat center; }
.project26  { background: url(../images/ascct.jpg) no-repeat center; }
.project27  { background: url(../images/skeleton.jpg) no-repeat center; }
.project28  { background: url(../images/inferno.jpg) no-repeat center; }
.project29  { background: url(../images/afuoco.jpg) no-repeat center; }
.project30  { background: url(../images/creativeprocess.jpg) no-repeat center; }
.project34  { background: url(../images/inferno-character.gif) no-repeat center; }
.project35  { background: url(../images/inferno-levels.png) no-repeat center; }
.project36  { background: url(../images/inferno-exhibition.jpg) no-repeat center; }

/* --- thumbnails for student work  --- */
.project31  { background: url(../images/intro1-gt.jpg) no-repeat center; }
.project32  { background: url(../images/intro1-itp.jpg) no-repeat center; }
.project33  { background: url(../images/mobile-mib.jpg) no-repeat center; }
.project37  { background: url(../images/mobile-project2.jpg) no-repeat center; }
.project38  { background: url(../images/mobile-project3.jpg) no-repeat center; }

.studentwork-buffer {
	
}

/* --- styles for indiviual project pages and student work pages --- */
.project h1 {
	color: #333;
	font-weight: 200;
	letter-spacing: .06em;
	margin: 0;
	padding: 0;
}

.project .description {
	padding-left: 10px;
}

.project .description a {
	color: #333;
	text-decoration: none;
}
.project .description a:hover {
	/*background-color: #DDD;*/
	color: #333;
	text-decoration: underline;
}

.project .description-nav a{
	/*background-color: #111;
	border-radius: 3px;*/
	color: #777;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
}

.project .description-nav a:hover {
	/*background-color: #A7EE10;*/
	color: #777;
	text-decoration: none;
}
.project .description ul {
	color: #999;
	font-size: 12px;
	list-style: inside disc;
	margin: 0;
	padding: 0;
}

.project .description li {
	margin-bottom: 5px;
}

.project .heros {
	padding-right: 17px;
}

.project .heros a {
	color: #333;
	text-decoration: none;
}
.project .heros a:hover {
	/*background-color: #DDD;*/
	color: #333;
	text-decoration: underline;
}

.project .heros img {
	/*border-radius: 4px;*/
	display: block;
	margin: 0 auto;
}

.project .heros .no-radius {
	border-radius: 0px;
}

.project .heros .no-margin {
	margin-top: 0px;
}

.video-container-nopadding {
	margin-top: 0px;
}

.back-portfolio {
	visibility: visible;
}

/* --- shared styles for project and about pages --- */
.project h2, .about h2 {
	color: #333;
	border-bottom: 2px #FFF solid;
}

.project p, .about p {
	color: #777;
}

.project p span, .about p span {
	color: #555;
}

/* styles for about page */
.about h3 {
	color: #AAA;
	font-weight: normal;
}

.about h3 span {
	color: #555;
}

.about .remove-top-margin {
	margin-top: 0px;
}

.about .resume {
	/*see other stylesheets*/
}

.about .bio {
	/*see other stylesheets*/
}

#profile-photo {
	background: url(../images/about-photo.jpg) no-repeat center;
	border-radius: 4px;
}

.about a {
	color: #999;
	text-decoration: none;
}

.about a:hover {
	background-color: #A7EE10;
	color: #222;
}

/* --- styles for blog pages --- */
.blog .posts {
	/*see other stylesheets*/
}

.individual-post {
}

.post-content {
	padding: 10px 0;
}

.blog h1 {
	color: #333;
	font-size: 16px;
	line-height: 18px;
	margin: 0;
}

.blog h2 {
	color: #333;
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	padding: 15px 0 0 0;
}

.blog p {
	color: #777;
	margin: 0;
}

.blog img {
	/*border-radius: 4px;*/
	display: block;
	margin: 25px auto;
}

.post-header, .categories-header {
	border-bottom: 1px #333 solid;
	color: #333;
	font-size: 12px;
	margin: 0;
}

.post-header a {
	color: #555;
	padding: 1px;
	text-decoration: none;
}

.post-header a:hover {
	background-color: #A7EE10;
	color: #222;
	padding: 1px;
}

.post-footer {
	color: #555;
	font-size: 11px;
	line-height: 13px;
	padding: 0;
}

.post-footer a {
	color: #555;
	padding: 1px;
	text-decoration: none;
}

.post-footer a:hover {
	background-color: #A7EE10;
	color: #222;
	padding: 1px;
}

.post-content a {
	/*background-color: #DDD;*/
	color: #333;
	text-decoration: none;
}

.post-content a:hover {
	/*background-color: #DDD;*/
	color: #333;
	text-decoration: underline;
}

.project .description-nav a{
	/*background-color: #111;
	border-radius: 3px;*/
	color: #777;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
}

.blog .categories {
	padding-left: 6px;
	/*position: fixed;*/
}

.categories-header {
	padding-left: 4px;
}

.blog .categories a {
	border-bottom: 1px #AAA solid;
	color: #555;
	display: block;
	font-size: 12px;
	line-height: 13px;
	margin: 0;
	padding: 9px 4px;
	text-decoration: none;
}

.blog .categories a:hover {
	background-color: #FFF;
	color: #555;
}

.nav-links {
	background-color: #FF0004;
}

/* navigation arrows at bottom of Wordpress index and achrive */
.paging-navigation a {
	color: #555;
	text-decoration: none;
	padding: 0 1px 1px 1px;
}

.paging-navigation a:hover {
	background-color: #A7EE10;
	color: #222;
	padding: 0 1px 1px 1px;
}
/* remove the navigation on individual post pages */
.post-navigation {
	display: none;
}

/* removed the "categories" title over 
   the Wordpress sidebar widget */
.widget-title {
	display: none;
}
/* removed the author name that follows the date */
.post-header .byline {
	display: none;
}