body
{
	background: #1b1b19 url('../assets/header.png') repeat-x fixed;
	font-family: Georgia;
	font-size: 13px;
}

#menu
{
	background: rgba(0,0,0, 0.3);
	padding:50px 10px 10px;
}

#mobile-menu
{
	background: rgba(0,0,0, 0.3);
	padding:10px 10px;
}



.img-fix { width:auto !important }

.pull-center { text-align:center }

#tags { margin-top:1px; padding:20px; background:#0d0d0c; }

#tags p { color:#fff; font-style: italic; margin:0}

#tags p .s { color:#6e6e68; padding:0 5px }


#overview
{
	color:#e1e1d6;
	font-size:12px;
	background: rgba(0,0,0, 0.3);
	padding:20px;
}

#menu .links li, #mobile-menu .links li { display:inline;padding:0 10px }

#menu .links li a, #mobile-menu .links li { color:#6e6e68 }
#menu .links li a:hover, #mobile-menu .links li a:hover { color:#e1e1d6 }


#overview a, #tags a { color:#6e6e68 }
#overview a:hover, #tags a:hover { color:#e1e1d6 }

#footer .left, #footer .right { background: rgba(0,0,0, 0.3); }

#footer p { padding:10px 10px 0 10px; color:#7a7a72; font-size:12px; }

#footer a { color:#7a7a72; }

/* PROJECT SHIZ */

.project-title { margin:20px 0 0 0; }

#project .project-title h1 { margin: 0 35px; line-height:20px; padding-bottom:10px; background: url(../assets/header-dots.png) bottom center no-repeat; color:#e1e1d6; font-size:13px; font-weight:400 }
#project .project-title h2 { color:#6e6e68; font-size:13px; font-weight:400; line-height:13px; }


.return h3 a { color:#555551; font-size:12px; }

.brandcolor { color:#e1e1d6 }
.brandaccent { color:#6e6e68 }

.mb10 { margin-bottom:10px }
.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }

.mt10 { margin-top:10px }
.mt20 { margin-top:20px }
.mt30 { margin-top:30px }


.expand { position:relative }
.expand:hover { opacity:.8 }
.expand-img { position:absolute; width:auto !important }

.home-img { position: relative }
.home-img .caption { display:none; position:absolute; top:50%; background: rgba(0,0,0,0.8); width:100% }

.home-img .caption h2 { padding:0 15px; color:#e1e1d6; font-size:30px; font-weight:400; margin-bottom:0 }
.home-img .caption h4 { padding:0 15px; color:#86867e; font-size:12px; font-weight:400; margin-top:0; }

@media screen and (max-width: 767px)
{
	#footer .left { text-align:center; margin-top:10px; }
	
	#footer .right p { float:none; text-align:center }
	
	#footer p { padding-bottom:10px; }
	
	.project-title { margin:10px 0 0 0; }
	
	#project img { width:100% }
	
	.expand-img { width:auto !important }
	
	.home-img .caption { top:35% !important;}

	.home-img .caption h2 { padding:0 15px; color:#e1e1d6; font-size:20px; font-weight:400; margin-bottom:0 }
	
	
	/* remove clear from each ul to stop them from breaking into rows */
	ul.thumbnails::after
	{
    	clear: none;
	}

	/* make the width of each span equal to 47% instead of 100%. */
	ul.thumbnails li[class*="span"]
	{
	    width: 47%; 
	    float: left;
	}
    /* select the second span in each row (ul) on the 3 column page*/
	[class*="span"] .span4:nth-child(2),
    /* select the first span in the even rows on the 3 column page*/
	[class*="span"] .row-fluid:nth-child(even) .span4:nth-child(1),
    /* select the even spans in each row on the 4 column page*/
	[class*="span"] .span3:nth-child(even)
	{
    	float: right; /* float them all to the right */
	}
}