/*
	Current version: 1.0
	
	Site: Greenhatpeople
	www: greenhatpeople.se
	Author: Malin Klingsell, malin.klingsell@atrox.se
*/


@import "common.css";
@import "custom.css";

body{color: #fff;}
table td{color: #fff;}


/* Styles accessed trough TinyMCE */
.boxLeft, .boxMiddle, .boxRight
{
	background:url(../images/common/box-bg.gif) no-repeat;
	width: 196px;
	height: 213px;
	padding: 10px;
	float: left;
	overflow: hidden;
	display: inline;
	font-size: .916em;
}
.boxLeft, .boxMiddle{margin: 9px 6px 9px 0;}
.boxRight{margin: 9px 0;}
.boxText
{
	float: left;
	display: inline;
	clear:both;	
	margin: 0 0 0 6px;
	width: 185px !important;
}
.boxText a
{
	margin: 0 !important; 
	padding: 0 !important; 
	background:none !important; 
	display: inline !important; 
	float: none !important;
	font-weight: normal !important;
	font-size: 1em !important;
}

.boxLeft a, .boxMiddle a, .boxRight a, .boxLeft h2, .boxMiddle h2, .boxRight h2
{
	margin: 10px 0 0 6px; 
	padding: 0 20px 5px 0; 
	background:url(../images/common/submenu-arrow.gif) right top no-repeat; 
	display: inline; 
	float: left;
	clear: both;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
}

.smallHeader
{
	margin:0 0 4px 6px;
	font-size:1.1em;
	font-weight:bold;
}

.smallHeader a
{
	background:url(../images/common/submenu-arrow.gif) right top no-repeat;
	padding:0 20px 5px 0;
	text-decoration:none !important;
}

.smallText
{
	margin:0 0 0 6px;
	font-size:0.916em;
}

.gameLeft
{
	width: 226px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
	font-size: .916em;
}
.gameLeft ul
{
	margin: 0 !important;
	padding: 0 40px 0 0 !important;
}
.gameLeft li
{
	background:url(../images/common/right-grey-line.gif) left bottom no-repeat; 
	padding: 0 0 .5em 0 !important;
	list-style-type: none;
}
.gameRight
{
	width: 430px;
	float: left;
	display: block;
}
.teaser
{
	width: 194px;
	height: 144px;
	padding: 20px 17px;
	background: url(../images/custom/teaser.gif) no-repeat;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 10px 0;
}
	.teaser h2, .bigBox h2
	{
		font-size: 120%;
		font-weight: bold !important;
	}
	
		.bigBox p{font-size:11px;}
		.bigBox a{text-decoration:none;font-size:11px;font-weight:normal;}
			.bigBox a:hover{text:decoration:none;}
		.bigBox h3 a, .bigBox .teaserH3Link{line-height:normal;display:inline-block;background:transparent url(../images/common/submenu-arrow.gif) no-repeat scroll right top;padding:0 20px 0 0;}
		
		
		#startPage .teaser h2, .teaserH2
		{
			font-size:11px !important;
			margin-bottom:10px;
			color:#fff;
		}
		
		#startPage .teaser h1, .teaserH1
		{
			font-size:11px !important;
			width:auto !important;
			border:0;
			font-weight:bold;
			color:#fff;
		}
		
		#startPage .teaser h3, .teaserH3
		{
			font-weight:normal !important;
			line-height:1.3em;
			margin:0 0 1em 0 !important;
			color:#fff;
			font-size:11px !important;
		}
		
			#startPage .teaser h3 a, .teaserH3Link
			{
				background-position:right 1px;
				color:#fff;
			}
				
		
	
	.teaser table
	{
		height: 120px;
	}
	.teaser a
	{
		background:transparent url(../images/common/submenu-arrow.gif) no-repeat scroll right top;
		display:block;
		margin:10px 0 0;
		padding:0 20px 0 0;
		text-decoration:none !important;
		clear: both;
		width: 174px;
		text-align: right;
	}
	.teaser p, .teaser a
	{
		font-size: 11px;
	}
	#t2
	{
		margin: 0 10px;
	}
	#t3
	{
		margin-right: 10px;
	}
	
	#t4{background:none !important;padding:0 !important;margin:0 !important;width:228px;height:184px;}
		#t4 a{margin:0 !important;padding:0 !important;display:inline !important;}

/* CSS from the old site */

.style8 
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:x-small;
	color: #000;
}
.style7 
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:small;
	color: #000;
}
.style28 
{
	font-size:x-small;
	color: #000;
}
.green
{
	margin: 10px 10px 0 0 !important; padding: 0 20px 10px 0 !important; background:url(../images/common/submenu-arrow.gif) right top no-repeat !important; width: 170px !important; text-align: right !important; display: block !important; clear: both !important;
}
p a.green
{
	font-size: 1.1em !important;
}
a.green
{
	font-size: 1em !important;
}