html {
	height:101%;
}

body {
	background:#fef8f1;
	background-image:url('img/background.png');
	margin:auto;
}

body, p, td, th, input, textarea {
	font-family:"Courier New", "Lucida console", Monaco, helvetica, georgia, arial;
	font-weight:100;
	font-size:13px;
}

table {
	width:100%;	
}

th {
	font-weight:bold;
	text-align:left;
}

th, td {
	vertical-align:top;
	padding-right:20px;
}


img {
	border:0px #000000 solid;
}

h1 {
	font-size:36px;
	font-weight:100;
	margin:auto;
}

h2 {
	font-size:18px;
	font-weight:100;
	width:100%;
}

h3 {
	font-size:15px;
	font-weight:100;
}

hr {
	height:1px;
	color:#FFFFFF;
	border:0px;
	border-bottom:1px #000000 dotted;
	background:#00ff00;
}

a:link {color:#c06060;text-decoration:none}
a:visited {color:#c06060;text-decoration:none}
a:hover {color:#c06060;text-decoration:underline}
a:active {color:#c06060;text-decoration:none}






/************************ PAGE */
.page {
	position:relative;
	width:920px;
	margin:auto;
}

.topBorder {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:19px;
	background-image: url('img/backgroundTop.png');
	z-index:1;
}

.clearMarginDiv {
	clear:both;
	height:60px;
	overflow:hidden;
	font-size:1px;
}





/************************ BLUEBOTTOM */
.blueBottomTop {
	position:relative;
	top:1px;
	width:100%;
	height:25px;
	background-image:url('img/blueBottomTop.png');
	z-index:1;
}

.blueBottom {
	position:relative;
	width:100%;
	height:200px;
	background-image:url('img/blueBottomBack.png');
	z-index:1;
}

.blueBottom3Part a:link {
	color:#ffffff;
}

.blueBottomCenter {
	width:920px;
	margin:auto;
	color:#ffffff;
}

.blueBottom3Part {
	position:relative;
	float:left;
	width:280px;
}

.blueBottomDivider {
	position:relative;
	top:25px;
	float:left;
	width:30px;
}






/************************ START */
.startPic {
	position:relative;
	background-image:url('img/backgroundColor.png');
	width:832px;
	height:444px;
	padding-top:70px;
}

.startBlog {
	position:relative;
	width:920px;
}

.startBlogLatest {
	position:relative;
	top:-20px;
	float:left;
	width:530px;
}

.startBlogArchive {
	position:relative;
	top:-20px;
	left:30px;
	float:left;
	width:360px;
	clear:right;
}

.startBlogArchiveLink {
	position:relative;
	text-align:right;
	top:22px;
	left:-32px;
}

.startBloggArchivePost {
	position:relative;
	top:20px;
	clear:both;
	width:328px;
	height:42px;
	background-image:url('img/transpBgLight.png');
	border:1px #dddddd solid;
	margin-bottom:2px;
}

.startBloggArchivePost:hover {
	position:relative;
	clear:both;
	width:328px;
	height:42px;
	background-image:url('img/transpBgDark.png');
	border:1px #dddddd solid;
	margin-bottom:2px;
	cursor:pointer;
}

.startBloggArchiveDate {
	position:relative;
	float:left;
	background-image:url('img/blogDate.png');
	background-repeat:no-repeat;
	background-position:center;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	width:53px;
	height:38px;
	padding-top:4px;
}

.startBloggArchiveTitle {
	position:relative;
	float:left;
	width:270px;
	height:38px;
	padding-top:4px;
}




/************************ BLOGARCHIVE */
.bloggArchiveDate {
	position:relative;
	top:18px;
	float:left;
	background-image:url('img/blogDate.png');
	background-repeat:no-repeat;
	background-position:center;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	width:53px;
	height:38px;
	padding-top:7px;
}

.bloggArchiveTitle {
	position:relative;
	float:left;
	width:270px;
	height:38px;
	padding-top:4px;
}

.blogArchiveText {
	position:relative;
	clear:both;
	padding-bottom:30px;
	padding-left:53px;
}




/************************ MENU */
.menu {
	position:relative;
	height:216px;
}

.menuLogo {
	position:relative;
	float:left;
	left:-20px;
	top:30px;
	margin:auto;
	z-index:1;
}

.menuMenu {
	position:relative;
	float:left;
	top:90px;
	left:20px;
	width:550px;
	font-size:15px;
	margin:auto;
}

.menuMenu ul {
	position:relative;
	width:520px;
	list-style: none;
}

.menuMenu li {
	display:inline;
	margin:9px;
}

.menuSelected {
	background:#4da7d0;
	padding:8px;
	color:#ffffff;
}

.menuSelected a:link {
	color:#ffffff;
}




/************************ LOGIN */
.loginForm {
	position:relative;
	top:-14px;
}

.loginInput {
	width:100px;
	height:18px;
	border:1px #1f7393 solid;
}

.loginButton {
	position:relative;
	left:-14px;
	top:26px;
	width:35px;
	height:35px;
}




/************************ EA'S */
.eaWithFriends {
	position:absolute;
	top:148px;
	left:242px;
}

.eaBalloon {
	position:absolute;
	top:180px;
	left:770px;
}

.eaPen {
	position:absolute;
	top:-50px;
	left:430px;
}

.eaBirdy {
	position:absolute;
	top:-61px;
	left:340px;
}



/************************ PORTFOLIO */
.portfolioList {
	position:relative;
	left:100px;
	width:700px;
	background-image:url('img/transpBgLight.png');
	border:1px #dddddd solid;
	padding:10px;
}

.portfolioList img {
	border:8px #ffffff solid;	
}

.portfolioJagDaniel {
	border: 8px #ffffff solid;
	position:relative;
	right:100px;
	top:-40px;
	width:140px;
}

.portfolioLeft {
	position:relative;
	width:580px;
	float:left;
	padding-right:20px;
	text-align:center;
}

.portfolioLeft img {
	border:14px #ffffff solid;	
}

.portfolioRight {
	position:relative;
	float:left;
	width:300px;
}



/************************ HISTORIEN */
.historienList:hover {
	background-image:url('img/transpBgDark.png');
}




/************************ MOVIESGAMES */
.gamesMoviesChatAndStats {
	position:relative;
	float:left;
	width:450px;
	padding-right:100px;
}

.gamesMoviesLatest {
	position:relative;
	float:left;
	width:360px;
}

.top250_smallsquare {
	background:#cccc00;
	border:1px #444444 solid;
	width:15px;
}

.gamesMoviesChat {
	width:100%;
	clear:both;
}

.moviesGamesChatUpdate {
	background-image:url('img/transpBgLight2.png');
}

.moviesGamesList:hover {
	background-image:url('img/transpBgDark.png');	
}

.moviesGamesListGames {
	cursor:pointer;
}

.moviesGamesIMDBLink {
	font-size:11px;	
}

.moviesGamesGamesLink {
	text-align:right;	
}




/************************ MOVIES */
.moviesPart {
	position:relative;
	float:left;
	width:33%;
}

.moviesListHead {
	font-weight:bold;
	font-size:15px;
}

.moviesTop250Blue {
	background:#4da7d0;
	text-align:center;
	color:#ffffff;
}

.moviesUniqueList {
	width:60%;
	margin:auto;
}





/************************ GAMES */
.gamesListList {
	width:60%;
	margin:auto;
}

.gamesListId {
	position:absolute;
	display:none;
	z-index:10;
	width:300px;
	height:120px;
	background-image:url('img/transpBgLight2.png');	
	border:1px #000000 dotted;
	padding:10px;
}

.gameListIdForm {
	float:left;
	width:29%;
}

.gameListIdForm2 {
	width:85%;
	float:left;
}

.gameListIdForm3 {
	float:left;
	width:12%;
	text-align:left;
}

.gameListIdForm3 input {
	display:inline;	
	margin:0px;
}




/************************ USERPAGE */
.userpageLeft {
	position:relative;
	float:left;
	width:340px;
	padding-right:40px;
}

.userpageRight {
	position:relative;
	float:left;
	width:480px;
}

.userpageNotes {
	width:100%;
	height:400px;
}

.userpageBlog {
	width:100%;
	clear:both;
}

.userpageBlog textarea, input {
	width:80%;
}




/************************ EXTRAS */
.smallText {
	font-size:10px;
}

.noBorder {
	border:0px;
}

.redBorder {
	border:1px #ff0000 solid;
}

.borderBottom {
	border-bottom:1px #e3e3e3 solid;	
}

.paddingTop {
	padding-top:10px;	
}

.alignRight {
	text-align:right;
}

.copyright {
	width:100%;
	text-align:center;
	clear:both;
	margin:auto;
	font-size:9px;
}