body
{
	color: #333;
	font-family: 'Ubuntu', sans-serif;
}
.red
{
	color: #D00;
	opacity: 1.0;
}
#content
{
	/*border: 1px solid #D00;*/
	position:relative;
}
#header
{
	height: 243px;
	position: relative;
}
#typography
{
	text-align: center;
	font-weight: 700;
	text-transform:uppercase;
	font-size: 72px;
	letter-spacing:-3px;
	margin-top: 80px;
}
a.hireme
{
	position:absolute;
	display:block;
	width: 116px;
	height: 117px;
	background-image: url(images/freelance-badge.png);
	background-position: left;
	text-indent: -10000px;
	top: 0px;
	left: 855px;
}
a:hover.hireme
{
	background-position: right;
}
#banner
{
	display: block;
	width: 177px;
	height: 176px;
	background-image: url(images/banner.png);
	background-position: left;
	position: absolute;
	top: 10px;
	left: 782px;
}
#banner:hover
{
	background-position: right;
}
#slogan
{
	text-align: center;
	font-size: 30px;
	/*font-style: italic;*/
	font-weight: 300;
	letter-spacing:-1px;
	line-height: 35px;
	color: #675F5D;
	opacity: 0.5;
}
#featured
{
	padding-top: 41px;
	-webkit-font-smoothing:antialiased;
}

#featured .projectDescription
{
	font-size: 20px;
	margin-top: 20px;
	line-height: 25px;
	margin-bottom: 25px;
}

#featured .projectDescription br {
	display: block;
	margin-top: 6px;
	content: " ";
}
#featured .projectTitle
{
	margin-bottom: -1px;
}

#footer
{
	border-top: 1px black solid;
	background-color: #1a1a1a;
}
.projectTitle
{
	margin-top: 0px;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: -1px;
}
.projectDescription
{
	margin-top:13px;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
}
.projectDescription br {
	display: block;
	margin-top: 6px;
	/*line-height: 10px;*/
	content: " ";
}
.projectDescription .red
{
	font-style: italic;
}
.year
{
	font-size: 22px;
	font-weight: 300;
	color: #ccc;
}
.featuredSmall
{
	margin-top: 40px;
	padding-bottom: 18px;
}
#otherFeatured .container_24
{
	background-repeat:no-repeat;
	background-image: url(images/row-divider.png);
	background-position: bottom;
}
#otherFeatured .container_24:first-child
{
	margin-top: 30px;
}
#otherFeatured .container_24:last-child
{
	background-image: none;
}

/* Links */
#featured a, #featured a:visited, #featured a:active
{
    color: #333;
	text-decoration:none;
}
#featured a:hover
{
	text-decoration: underline;
}
#otherFeatured a, #otherFeatured a:visited, #otherFeatured a:active
{
	color: #333;
	text-decoration:none;
}

#otherFeatured a:hover
{
	text-decoration: underline;
}
#otherFeatured img
{
	width: 430px;
	height: 244px;
	background-size: auto 244px;
}
#featured img
{
	width: 950px;
	/*background-size: 950px auto;*/
}

#featured .grid_24
{
	position: relative;
}

#featuredLabel
{
	background-repeat: no-repeat;
	width: 122px;
	height: 26px;
	background-size: 122px 26px;
	position: absolute;
	top: -37px;
}

#otherFeatured .container_24:first-child
{
	position: relative;
}

#otherPicksLabel
{
	background-image: url(images/label-other-picks.png);
	background-repeat: no-repeat;
	width: 122px;
	height: 26px;
	position: absolute;
	background-size: 122px 26px;
	top: -27px;
}
a .zoom
{
	background-image: url(images/zoom-sprite.png);
	width: 70px;
	height: 70px;
	background-size: auto 70px;
	position: absolute;
	background-position:left;
	visibility:hidden;
}
a:hover .zoom
{
	visibility:visible;
	background-position:right;
}

#footer
{
	height: 114px;
	font-weight: 300;
	line-height: 18px;
	color: #666;
	margin-top: 50px;
}

#footer .grid_24 div
{
	display: inline;
	float: left;
	margin-right: 49px;
	font-size: 16px;
	margin-top: 41px;
}

#footer a, #footer a:visited, #fotter a:active
{
	color: #666;
	text-decoration: none;
}

#footer a:hover
{
	color: white;
}
#footer .grid_24 div#logo
{
	margin-top: 43px;
	float: right;
	margin-right: 0;
}
#footer img
{
	width: 145px;
	height: 34px;
}

#footer [class^="icon-"], #footer [class*=" icon-"] {
	padding-right: 0.25em;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5)
{
	#otherPicksLabel
	{
		background-image: url(images/label-other-picks@2x.png);
	}
	a .zoom
	{
		background-image: url(images/zoom-sprite@2x.png);
	}
}

/* dark theme */

.dark #featured a.bordered>div
{
    -webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1);
    box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1);
}
.dark #featured .red
{
    /*color: rgba(255,255,255,0.7);*/
    color: #1F2C34;
}
.dark #featured .year
{
    color: rgba(255,255,255,0.5);
}
.dark #featured
{
    color: white;
}
.dark #featured a, #featured a:visited, #featured a:active
{
    color: white;
}
.dark #featuredLabel
{
    background-image: url(images/label-featured-dark.png);
}

@media all and (-webkit-min-device-pixel-ratio: 1.5)
{
    .dark #featuredLabel
    {
        background-image: url(images/label-featured-dark@2x.png);
    }
}

#mbImage video {
	background-color: black;
}