table {
	border-collapse: separate;
	border-spacing: 0px 5px;
}


a { 
	color:#fff; 
	font-weight:normal; 
	}
a:hover { 
	color:#00ff00; 
	}
p {
	margin-top:0px;
	margin-bottom:10px;
}
h1,h2{
	margin:0px; 
	font-style:italic;
	}
h1 { 
	font-size:24px;
	font-weight:bold;
	}
h2 { 
	font-size:14px;
	}
header h1 {
	font-size:45px;
	color:#00ff00;
	}
header h2 {
	font-size:16px;
	}
nav {
	font-weight:bold; 
	}
nav ul {
	font-size:14px;
	list-style-type:none;
	padding:0px;
	margin: 0 0 0 0;
	line-height: 1.25;
	}
header nav ul {
	font-size:26px;
	}
nav li a {
	font-style:normal;
	font-weight:bold;
	padding: 0px;	
	/*display: block;*/
	color:#fff;
	}
nav li {
	color:#00ff00;
	}
header hgroup {
	margin-bottom:45px;
	}
header hgroup h1 {
	line-height: 0.9;
	margin-bottom:3px;
	}
header hgroup h2 {
	margin-top:-2px;
	}
	


#pic_projects {
	background-image: url(pics/pic_offline_01.jpg); 
	}
#pic_about {
	background-image: url(pics/pic_about_01.jpg); 
	}
#pic_press {
	background-image: url(pics/pic_press.jpg); 
	}
#pic_offline {
	background-image: url(pics/pic_offline_03.jpg); 
	}
#pic_online {
	background-image: url(pics/pic_offline_06.jpg); 
	}
	
	
body { 
	background-color:#ff00ff; 
	font-family: helvetica, arial; 
	font-size:16px;
	margin:0px; 
	padding:0px; 
	color:#fff;
	}
header { 
	width:800px;
	background-color:#000;
	text-align:left; 
	color:#fff;
	}
.wrapper { 
	text-align:center;
	width:800px;
	margin:auto;
	background-color:#ff00ff;
	}
.big_box_left { 
	margin-top: 50px;
	float:left;
	width:400px;
	height:400px;
	background-color:#ddd;
	}
.big_box_left_online { 
	margin-top: 50px;
	padding:50px;
	float:left;
	width:300px;
	height:300px;
	background-color:#ddd;
	}
.big_box_right {
	margin-top: 50px;
	padding:50px;
	float:left; 
	width:300px; 
	height:300px;
	background-color:#000; 
	}
.big_box_full {
	/*margin-top: 50px;*/
	/*margin-bottom:12px;*/
	padding:50px;
	padding-bottom:40px;
	float:left; 
	width:700px; 
	background-color:#000; 
	}

.video_full {
	/*margin-top: 50px;*/
	width:800px; 
	height:450px;
	float:left;
	padding-bottom:50px;
	/*background-color:#ddd;*/
	}
.medium_box_left { 
	margin-top: 0px;
	margin-bottom:50px;
	float:left;
	width:400px;
	height:200px;
	background-color:#aaa;
	background-image: url(pics/header_pic_projects.jpg);
	
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	}
.medium_box_left:hover { 
	opacity: 0.5;
	}
/*.medium_box_right {
	margin-top: 50px;
	padding-left:50px;
	padding-right:25px;
	padding-top:50px;
	padding-bottom:25px;
	float:left; 
	width:325px; 
	height:125px;
	background-color:#000; 
	}*/
section {
	width:800px;
	text-align:left; 
	/*background-color:#ff0000;*/
	}
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;
	}
footer h3 {
	/*vertical-align:middle;*/
	font-size:16px;
	margin:0px;
	padding:0px;
	font-weight:bold; 
	font-style:italic;
	}
footer a {
	color:#000;
	}	
.extra_info {
	float:left;
	margin-bottom:10px;
	margin-top:12px;
	padding:0px;
	font-style:italic;
	font-weight:bold; 	
	width:800px; 
	height:30px; 
	text-align:left; 
	color:#000;
	vertical-align:bottom;
	}
.extra_info2 {
	float:left;
	margin-bottom:10px;
	margin-top:-39px;
	padding:0px;
	font-style:italic;
	font-weight:bold; 	
	width:800px; 
	height:30px; 
	text-align:left; 
	color:#000;
	vertical-align:bottom;
	}

	
/* Stuff for hover effect of project boxes*/
.project_short 				{
	margin-top: 0px;
	margin-bottom:50px;
	padding-top:50px;
	padding-right:25px;
	padding-bottom:25px;
	padding-left:50px;
	float:left; 
	width:325px; 
	height:125px;
	position:relative;
	background-color:#000;
	width:325px;
	height:125px;
	}
.project_short .moar		{
	display:none;
	}
.moar h2 {
	/*text-decoration:blink;*/
	}
.project_short:hover .moar    {
	padding-top:50px;
	padding-right:25px;
	padding-bottom:25px;
	padding-left:0px;
	display:block;
	position:absolute;
	z-index:1;
	/*left:-1px;*/
	top:0px;
	/*top:-1px;*/
	width:325px;
	height:125px;
	background-color:#000;
	}
.project_short h1 { 
	text-decoration:underline;
	color:#00ff00;
	}	
.project_short h1 { 
	margin-bottom:5px;
	}
.project_short:hover h2 { 
	color:#fff;
	}
.wrapper_link {
	text-decoration:none;
	}
.wrapper_link:hover {
	color:#fff;
	}
	
	
#fb_resistance {
	background-image: url(pics/projects_fb_resistance.jpg);
	}
	

#short_vita_year {
	width:40px;
	}
#short_vita_city {
	width:70px;
	}
#short_vita {
	font-size:14px;
	}	
#activity_list {
	font-size:13px;
	width:100%;
	}
	
	
::selection {
	        background: #00ff00; /* Safari */
	        }
::-moz-selection {
	        background: #00ff00; /* Firefox */
	}
	
/* email-spam-protection hack via @azaaza */
	.z{
	  float:right;
	  font-size:.001px;
	  color:transparent;
	  display:inline-block;
	  width:0px;
	  }