body {
background-color: #485e78;
font-family: arial, helvetica, verdana;
font-size: 15px;
margin: 0px;
padding: 0px;
/*color: #bdbdbb;*/
color:#fff;
}

h2,h3,p {
/*	font-family: 'Source Sans Pro', arial, helvetica, verdana;*/
	letter-spacing: 0.0em;
}
a {
/*color: #a1b8d4;*/
color:#fff;
font-weight: normal;
}
a:hover {
color: #595e80;
}
p {
margin-top: 0px;
margin-bottom: 10px;
}
h1,h2 {
margin: 0px;
}
h1 {
font-size: 18px;
letter-spacing: 0.05em;
}
h2 {
font-size: 15px;
line-height: 1.2;
font-weight: normal;
}

h3 {
font-size: 15px;
margin-bottom:5px;
margin-top:20px;
/*color:#a1b8d4;*/
}
table {
border-collapse: separate;
border-spacing: 0px 5px;
}
header {
width: 800px;
text-align: left;
/*color: #a1b8d4;*/
}
.wrapper {
text-align: center;
width: 800px;
margin: auto;
}
.big_box_left {
margin-top: 50px;
float: left;
width: 400px;
height: 400px;
background-color: #ddd;
}
.big_box_right {
margin-top: 50px;
padding: 30px;
float: left;
width: 340px;
height: 340px;
background-color: #000;
}
.big_box_full {
padding: 30px;
float: left;
width: 740px;
background-color: #000;
}
.video_full {
width: 800px;
float: left;
background-color: #000;
height:450px;
}


.photo_full {
margin-bottom:-5px;
}


/*Stuff for projcet page - Preview boxes*/
section {
width: 800px;
text-align: left;
margin-top:0px;
margin-bottom:0px;
}



@media (min-width:840px) { 
	
	.preview {
		/*opacity: 0.5;*/
	}	
	
}

.preview:hover {
	clear: both;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
	/*opacity: 1;*/

}


.preview a {
	color:#fff;
}

.box-with-image {
margin-top: 0px;
float: left;
width: 400px;
height: 200px;
background-color: #aaa;
}


.box-with-image:hover {
/*
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);*/

}
.box-with-info {
margin-top: 0px;
/*margin-bottom: 50px;*/
float: left;

/*Stuff for the text*/
/*padding-top: 47px;
padding-right: 40px;
padding-bottom: 25px;
padding-left: 50px;*/

padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;

position: relative;
/*text-align:right;*/

width: 340px;
height: 140px;
background-color: #000;
}
.box-with-info h1 {
text-decoration: underline;
/*text-transform: uppercase;*/
margin-bottom: 14px;
}
.wrapper_link:hover {
	/*color:#a1b8d4;*/
}
.wrapper_link {
text-decoration: none;
}	

.meta_info {
	float: left;
	margin-top: 30px;
	padding: 0px;
	width: 800px;
	height: 20px;
	text-align: left;
	color: #000;
	vertical-align: bottom;
}


.meta_info h2 {
	font-size:16px;
	font-weight: bold;
}

#title {
	margin-bottom:5px;
}


/*All things header*/
.big_box_right h1 {
font-size: 35px;
color: #595e80;
}
.big_box_right h2 {
font-size: 16px;
font-weight: bold;
}
nav {
font-weight: bold;
}
nav ul {
list-style-type: none;
padding: 0px;
margin: 0 0 0 0;
line-height: 1.25;
text-transform: uppercase;
}
.big_box_right nav ul {
font-size: 22px;
}
nav li a {
font-weight: bold;
padding: 0px;
/*color: #a1b8d4;*/
}
nav li {
color: #595e80;
}
.big_box_right hgroup {
margin-bottom: 45px;
}
.big_box_right hgroup h1 {
font-style: italic;
line-height: 0.9;
margin-bottom: 0px;
}
.big_box_right hgroup h2 {
margin-top: -2px;
}
.mini-title {
	color:#595e80;
	text-decoration:none;
	font-weight:bold;
	float: left;
	margin-right:210px;
}


	
	
	
/*All things footer*/	
footer {
float: left;
margin: auto;
margin-top: 25px;
width: 800px;
height: 25px;
text-align: left;
color: #000;
vertical-align: bottom;
}
footer span {
/*vertical-align:middle;*/
font-size:9px;
letter-spacing:0.03em;
}
footer h3 {
/*vertical-align:middle;*/
font-size:16px;
margin: 0px;
padding: 0px;
/*font-weight:bold;*/ 
font-style:italic;
}
footer a {
color: #000;
}

.h1-title-in-text-box {
margin-bottom:20px;  
font-weight:bold; 
/*color:#a1b8d4;*/
font-size:18px;
}
.h2-title-in-text-box {
margin-bottom:5px;  
margin-top:20px;  
font-weight:bold; 
/*color:#a1b8d4;*/
font-size:15px;
}






/* standard settings for slide boxes*/
#pic_professional {
background-image: url(../images/pic_tbx_07.jpg);
}
#pic_personal {
background-image: url(../images/pic_tbx_01.jpg);
}
#pic_about {
background-image: url(../images/pic_tbx_02.jpg);
}
#pic_press {
background-image: url(../images/pic_press.jpg);
}
		
		
		
	
	
/* Background photos of preview boxes */
#firefox_berlin_ooh {
background-image: url(../images/preview_firefox_berlin_ooh.jpg);
}
#firefox_flicks_promo_videos {
background-image: url(../images/preview_firefox_promo_videos.jpg);
}
#social_id_bureau {
background-image: url(../images/preview_social_id_bureau.jpg);
}
#firefox_flicks {
background-image: url(../images/preview_firefox_flicks.jpg);
}
#firefox_flicks_2013 {
background-image: url(../images/preview_firefox_flicks_2013.jpg);
}
#occupy_the_internet {
background-image: url(../images/preview_occupy_the_internet.gif);
}
#fb_resistance {
background-image: url(../images/preview_fb_resistance.jpg);
}
#demoparty {
background-image: url(../images/preview_demoparty.jpg);
}
#google_car {
background-image: url(../images/preview_google_car.jpg);
}
#china_channel {
background-image: url(../images/preview_china_channel.jpg);
}
#pota {
background-image: url(../images/preview_pota.gif);
}
#owa {
background-image: url(../images/preview_owa.jpg);
}
#webmarker {
background-image: url(../images/preview_webmarker.jpg);
}
#skatekeyboard {
background-image: url(../images/preview_skatekeyboard.jpg);
}
#timemachine {
background-image: url(../images/preview_timemachine.jpg);
}
#studivz_crawler {
background-image: url(../images/preview_studivz_crawler.jpg);
}
#foxbling {
background-image: url(../images/preview_foxbling.jpg);
}
#kanye_vision {
background-image: url(../images/preview_kanye_vision.gif);
}
#artzilla {
background-image: url(../images/preview_artzilla.jpg);
}
#artzilla_silkprints {
background-image: url(../images/preview_artzilla_silkprints.jpg);
}
#skate_the_web {
background-image: url(../images/preview_skate_the_web.jpg);
}
#vdl_fanclub {
background-image: url(../images/preview_vdl_fanclub.jpg);
}
#lsd {
background-image: url(../images/preview_lsd.jpg);
}
#lsd_team {
background-image: url(../images/preview_lsd_team.jpg);
}
#commercial {
background-image: url(../images/preview_commercial.jpg);
}
#internets_on_canvas {
background-image: url(../images/preview_internets_on_canvas.jpg);
}
#swagify {
background-image: url(../images/preview_swagify.jpg);
}
#le_camping {
background-image: url(../images/preview_le_camping.jpg);
}
#faller-stapler {
background-image: url(../images/preview_faller-stapler.jpg);
}
	
	
	
	
	
	
/*Random Fine-tuning*/
#short_vita_year {
width: 70px;
}
#short_vita_city {
width: 80px;
}
#short_vita {
font-size: 14px;
}
#activity_list {
font-size: 13px;
width: 100%;
}
date_posted {
font-size: 9px;
}
#table_press td {
padding-bottom: 5px;
}
#table_press tr {
padding-bottom: 5px;
}
.meta_info_press {
font-size: 10px;
color: #808080;
}*/
.clear {
clear: both;
}	
::selection {
background: #595e80; /* Safari */
}
::-moz-selection {
background: #595e80; /* Firefox */
}

/* Email-spam-protection hack via @azaaza */
.z {
float: right;
font-size: .001px;
color: transparent;
display: inline-block;
width: 0px;
}
.activities {
font-weight: bold;
font-size: 24px;
margin-top:20px
}

.project_page li {
display:block;
float:left;
margin-right:10px;
/*margin-top:5px;*/
}
.project_page h1 {
margin-top:2px;
margin-right:150px;
font-size:16px;
/*color:#595e80;*/
font-style:italic;
}


#header-project-page {
padding-top:15px;
padding-bottom:15px;

}
.center {
	text-align:center;
}

.project_button {
/*	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
*/
	margin-top:50px;
	background-color:#d1d1d1;
	border:1px solid #6d6e6a;
	display:inline-block;
	color:#000000;
	font-size:17px;
	/*font-weight:bold;*/
	padding:6px 10px;
	text-decoration:none;
}.project_button:hover {
	/*background-color:#595e80;*/
	border:1px solid #268a16;
	color:#000000;
}.project_button:active {
	position:relative;
	top:1px;
}


hr {
	width:100%; 
	color:#333333; 
	background: #333333; 
	height:1px; 
	border: none; 
	float:left; 
	margin-top:-5px;
}

#content {
	background-color:#000;
}

.active-category {
	text-decoration:none;
	color:#595E80;
}

.cta {
	padding-top:10px;
}