@charset "utf-8";
/* CSS Document */

/* colors
shine lime
	color:#d3ff82;
copy lime
	color:#94b24d;
desat sky
	color:#363d52;
 altered (brighter)
	color:#6b748f;
dark blue
	color: #121d2b;
really dark blue
	color: #111b1c;
background fade
	color: #0c1213;
*/ 

body {
	background-image: url(background03.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#0c1213;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#wrapper {
	width:100%;
	position: absolute;
}

#header, #content, #blogpost, #footer {
    width: 1000px;
    margin-left:auto; 
	margin-right:auto;
	position: relative;
}

#footer img.cover{
    position: absolute;
    /* position in top left of #tobecovered */
    bottom: 0; /* top of #tobecovered */
    right: 0; /* left of #tobecovered */
	z-index:1001;
	pointer-events:none;
}

#header {
	font-size:2px;
}

#blogpost {
	border-top: 1px solid #d3ff82;
	padding-top: 22px;
	clear:both;
}

#infoduo {
	width:494px;
	float:left;
    position: relative;
	margin-bottom:12px;
}

#infoduo1 {
	width:494px;
	float:left;
	margin-right:6px;
    position: relative;

}

#infoduo2 {
	width:494px;
	float:right;
	margin-left:6px;
	    position: relative;

}

#infotrio {
	width:325px;
	float:left;
	margin-bottom:22px;
}

.blogdate {
	margin-right: 12px;
	border-top: 1px solid #363d52;
	border-bottom: 1px solid #363d52;
	height:200px;
}

#infoblog {
	width:663px;
	float:left;
	margin-bottom:22px;
}

#infoimage {
    position: static;
}

#makingofoverlay {
	position:absolute;
	left:12px;
	max-width: 60%;
	background-color:#0c1213;
	padding:12px;
	opacity:0.8;
	filter:alpha(opacity=80);
	top:12px;
}


#infotext {
    position: relative;
	clear:both;
}

#infoSPACE {
	width:12px;
	float:left;
}

#infoSPACE2 {
	width:13px;
	float:left;
}

#infoquad {
	width:241px;
	float:left; 
	margin:0px;
}

#infoquadmid1 {
	width:241px;
	float:left;
	margin:0px 6px 0px 12px;
}

#infoquadmid2 {
	width:241px;
	float:left;
	margin:0px 12px 0px 6px;
}

li, ul {list-style:none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin-left:0;
}

#portfolio {overflow:hidden;}
#portfolio .work {
	position:relative;
	float:left;
	display:inline-block;
	width:325px;
	line-height:20px;
	margin:0 12px 40px 0;
	overflow:hidden;
	background-image: url(vis/work_Tpauli.jpg);
}
#portfolio .work:nth-child(3n) {margin-right:0;}
#portfolio .work .main-link {display:block;line-height:0;height:200px;}
#portfolio .work img {display:none;height:200px;margin-bottom:7px;}
#portfolio .work h2 {display:block;margin-top:5px;}
#portfolio .work p {display:block;overflow:hidden;}
#portfolio .work .curtain {position:absolute;top:0;right:0;left:0;height:200px;opacity:0.45;filter:alpha(opacity=45);background-image: url(pinstripe.png);}
#portfolio .work:hover img {display:block;}
#portfolio .work:hover .curtain {display:none;}

	
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:left;
	margin-top:0em;
	margin-bottom:-0.1em;
	color:#cccccc;
}

a:link, a:visited {
	color:#d3ff82; 
	letter-spacing: 1px;
}

a:hover {
		background-color:#d3ff82;
		color:#0c1213;
		letter-spacing: 1px;
}


h1 {font-weight:normal;
	font-size: 46px;
	line-height: 0.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:left;
	text-transform:uppercase;
	letter-spacing: 14px;
	padding-top:0;
	margin-top:0;
	padding-bottom:0;
	margin-top:22px;
	margin-bottom:22px;
	color:#94b24d;
}

h2 {font-weight:normal;
	font-size: 28px;
	line-height: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	/*text-transform:uppercase;*/
	letter-spacing: 0.25em;
	padding-top:0;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:0;
	color:#d3ff82;
}

h3 {color:#94b24d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:left;
	margin-top:0em;
	margin-bottom:-0.1em;
	font-weight:normal;
}

h4{font-weight:normal;
	font-size: 17px;
	line-height: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	text-transform:uppercase;
	letter-spacing: 1.5px;
	padding-top:0;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:0;
	color:#6b748f;
	margin:35px;
}

#makingofoverlay h4{
	margin:0px;
	text-align:left;
}

/*margin:25px 50px 75px 100px;
top margin is 25px
right margin is 50px
bottom margin is 75px
left margin is 100px*/

h5 {color:#94b24d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
	margin-top:0em;
	margin-bottom:-0.1em;
	font-weight:normal;
	font-style:italic;
}

h6 {font-weight:normal;
	font-size: 28px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
		text-align:center;
	/*text-transform:uppercase;*/
	letter-spacing: 1px;
	padding-top:0;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:0;
	color:#ffffff;
}

span.dash {	letter-spacing: -.35em;
			color:#d3ff82;
			font-weight:bold;
}

span.uncap {	text-transform:none;
}