@charset "utf-8";
/*   
Theme Name: Portfolio
Theme URI: http://hans.jarvman.com/portfolio
Description: Unique theme especially for hans.jarvman.com/portfolio
Author: Hans Järvman
Version: 1.0.1
*/

html {
	height:100%;		
}
body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background:#464646;
}
.clear {
	clear:both;	
}
#mainContainer {
	width:100%;
/*	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
/*	min-height:100%; /* real browsers */
	margin:0 auto;
	padding:0px;
}
#logoContainer {
	height:112px;
	padding:16px 0 0 16px;
	background:#5ea4a0;
	margin:0px;
	text-align:left;
}
#logoContainer a img {
	border:0px;
}
#menuContainer {
	padding:0 0 0 16px;
	margin:0px;
	height:32px;
	background:#000000;
	text-align:left;
}
#mainMenu {
	list-style-type:none;	
	padding:9px 0 0 8px;
	margin:0px;
	text-align:left;
	height:16px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:12px;
}
#mainMenu li {
	padding:0px 0px 0px 0px;
	margin:0px;
	display:inline;
	height:32px;
}
#mainMenu li a {
	padding:9px 8px 9px 8px;
	margin:0px;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
}
#mainMenu li a:hover {
	color:#000000;
	background:#464646;
}

/*
================================================================
	The Content and posts
================================================================
*/

#contentContainer {
/*	height:440px; */
	height:100%;
/*	top:144px; */
/*	position:relative; */
	margin:-160px 0 0 0;
	padding:0px;
/*
	padding:160px 0 0 0;
	margin:-160px 0 -320px 0;
*/	
	overflow:auto;
	
/*	display:block; */
	position:absolute;
	height:auto; 
	bottom:0; 
	top:160px; 
	left:0; 
	right:0; 
	margin:0px;
}

/*
================================================================
	Text Page
================================================================
*/

#textContainer {
	text-align:center;	
}

/*
================================================================
	Gallery Page
================================================================
*/

#galleryContainer {
	overflow:hidden;
	white-space:nowrap;
	padding:0px 24% 0 22%;
}
.galleryItem {
	width:768px;
	height:424px;
	float:left;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.galleryItem .itemContent {
	height:376px;
	width:768px;
	display:table-cell;
	vertical-align:middle;
}
.galleryItem .itemBorder {
	display:inline;
	margin:0 auto;
}
.galleryItem .itemBorder .topLeft {
	width:8px;
	height:8px;
	background:URL(images/frame_topleft.png);
}
.galleryItem .itemBorder .top {
	height:8px;
	background:URL(images/frame_top.png);
}
.galleryItem .itemBorder .topRight {
	width:8px;
	height:8px;
	background:URL(images/frame_topright.png);
}
.galleryItem .itemBorder .left {
	width:8px;
	background:URL(images/frame_left.png);
}
.galleryItem .itemBorder .right {
	width:8px;
	background:URL(images/frame_right.png);
}
.galleryItem .itemBorder .botLeft {
	width:8px;
	height:8px;
	background:URL(images/frame_botleft.png);
}
.galleryItem .itemBorder .bot {
	height:8px;
	background:URL(images/frame_bot.png);
}
.galleryItem .itemBorder .botRight {
	width:8px;
	height:8px;
	background:URL(images/frame_botright.png);
}
.galleryItem .itemBorder a img {
	border:0px;	
}
.galleryItem .itemName {
	height:24px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:8px 0 0 0;
	margin:0px;
}
.galleryItem .itemExcerpt {
	height:24px;
}

/*
#content .post {
	width:650px;
	height:480px;
	display:block;
	text-align:center;
	float:left;
}

#content .post .title {
	font-size:14px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	height:30px;
}

#content .post .attachment {
	display:table-cell;
	width:650px;
	height:420px;
	text-align:center;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	line-height:1px;
	font-size:1px;
}
#content .post .attachment p {
	line-height:1px;
	font-size:1px;
	margin:0px;
	padding:0px;
	background:#ff99ff;
}
#content .post .attachment a {
	margin:0px;
	padding:0px;
}
#content .post .attachment a img {
	margin:0px;
	padding:0px;
	border:0px;
}
#content .post .subtext {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	height:30px;
}
*/