/* For Jim Hodson 2012 */

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 14px;
	font-family: "Anaheim",arial, helvetica, sans-serif;
	color: #f3f3f3;
	background-color: #222;
}

img {vertical-align:bottom;}

a {
	text-decoration: none;
	color: inherit;
}

a:hover, a.selected {
	color: #9Cf;
}

/*#wrapper {
	width: 960px;
	margin: auto;
	min-width: 720px;

}*/

/* Sections */

header {
position: fixed;
width: 100%;
background-color: #000;
height: 6em;
min-width: 760px;
z-index: 100;
}

content {
	position: absolute;
	top: 6em;
	bottom: 0;
	left: 0;
	right: 0;	
min-width: 760px;
}

/* Header */

header h1 {
font-family: "Julius Sans One",arial, helvetica, sans-serif;
 font-size: 3em;
 font-weight: normal;
 padding: 0.5em;	
}

header h1 span.tagline {
	font-family: "Anaheim",arial, helvetica, sans-serif;
 font-size: 0.5em;
 /*font-family: "Julius Sans One",arial, helvetica, sans-serif;
 font-size: 0.4em;
	*/
}

/* Header Navigation */

nav a {
	display: block;
	float: left;
	padding: 5px 10px; 
}

#menu {
	position: absolute;
	top: 3em;
right: 1em;
}


/* Content */

content section {
/*	width: 960px;*/
	height: 100%;
	width: 100%;
	margin: 0;
}

article.col_2 {
	float:left;
	position:relative;
	width: 50%;
	height: 100%;
}


article.col_2 h1 {
position:absolute;
bottom: 20px;
left: 19px;
right: 9px;
/*
background-color: rgba(0,0,0,0.7);
*/
background-color: rgba(153, 204, 255, 0.4);
font-size: 1.4em; 
font-weight:normal;
	padding: 5% 0 20px 20px;
	margin: 0 1px;
/* 	text-align: center; */
	/* font-family: "Julius Sans One",arial, helvetica, sans-serif; */
	z-index: 10;
}

article.right h1 {
	left: 9px;
right: 19px;
}

/* !Projects */

#listProjects {
	padding-top: 20px;
}

#listProjects h1 {
	font-weight: normal;
	text-align: center
}

#theList {
	padding: 10px 0;
	margin: 0 auto;
/*
	text-align:center;
	overflow: auto;
*/
}

#theList div.theProject {
/* width:220px; */
/* width: 20%; */
/* max-width: 400px; */
/* margin: 10px;	 */
width: 23%;
margin: 10px 0.9% 10px 1%;
float: left;
/*
overflow: hidden;
position: relative;
*/
}

#theList div img {
width:100%;

}

#theList div.theProject p {
display: none;
position:absolute;
left:0;
bottom: 0;
background-color: rgba(153, 204, 255, 0.4);
z-index:10;
height: 100%;
width: 100%;
/* color: #000; */
font-size: 1.5em;
/*
font-weight: bold;
text-transform: uppercase;
*/
/* display: table-row; */
}

#theList div.theProject span {
display: block;
text-align:center;
padding: 30% 5% 0 5%;
/* display: table-cell; */
}	

#theList a:hover {
color:#fff;
}


/* Folio */


.homePage #galleria1, .homePage #galleria2, #galleria {
height:100%;
background-color: #222;
		}
			
.homePage .galleria-stage {
top:20px;
bottom:20px;
left:20px;
right:10px;
}

.homePage #galleria2 .galleria-stage {
	left: 10px;
	right: 20px;
}

.galleria-image {
	background-color: #222;		
}

/* !Contact page */

.contactPage article.col_2 section {
	padding-top: 50px;
}


.contactPage article.col_2 p {
	padding: 10px 50px;
}

.contact {
		color: #9Cf;
		font-size: 16px;
}

.contact a:hover {
	color: #fff;
}

/*
.folioTable {

width: 100%;
height: 100%;
	
	background-color: #222;
}



.folioTable img {
	max-width: 100%;
	max-height: 100%;	
}

.folioTable table {
border-collapse: collapse;
height: 100%;
}

.folioTable tr {
	height: 100%;
	overflow-x: scroll;
}

.folioTable td {
padding: 10px;
min-width: 400px;
text-align: center; 
}

td.folioText {
text-align: left; 
}

td.folioText article {
	padding: 2em;
	line-height: 1.5em;

}

td.folioText article p, td.folioText article h1 {
	padding: 0.5em 0;
	line-height: 1.5em;
}

.folioTable ul {
	list-style: none;
	width: 90000px;	
	height: 100%;
	overflow: auto; 
}

.folioTable li {
	float: left;
		height: 100%;
padding: 10px;
}
*/

/* Generic */

.hidden {
	display:none;	
}