html, body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial;
	font-size: 11px;
	color: #252525;
	line-height: 16px;
	height: 100%;
	background-image: url(img/bgv2.jpg);
}
body {
	overflow: -moz-scrollbars-vertical; 
	background-image: url(img/bgv2.jpg); 
	background-repeat: repeat-x; 
}

a {
	text-decoration: none;
	color: #299a1e;
}
a:hover {
	text-decoration: underline;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
.multi { color: #1AB7EA; font-weight: bold; }
.sony { color: #EAAB1B; font-weight: bold; }
.microsoft { color: #81CA3C; font-weight: bold; }
.nintendo { color: #DA562B; font-weight: bold; }
.pc { color: #989898; font-weight: bold; }

p {
	margin: 0;
	padding: 0;
}

.inf {
	font-size: 10px;
	color: #d4d4d4;
}

/* Rubriker */
* th, h2, h3, h4, strong {
	font-family: arial, verdana;
}

* th {
	font-weight: bold;
	font-size: 11px;
	color: #299a1e;
}
* strong {
	font-size: 12px;
}
input, textarea {
	font-family: verdana, arial;
	font-size: 11px;
}
.button, .invbutton {
	font-family: arial, verdana;
}

h2.box {
	display: block;
	margin: 0;
	padding: 7px 0 0 20px;
	font-size: 14px;
	height: 23px;
	background-image: url('../graphics/headline_background.gif');
	background-repeat: repeat-x;
	color: #F1F1F1;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-family: "Trebuchet MS", arial, verdana;
}
h3 {
	font-size: 13px;
	margin: 0px;
	padding: 0;
}
	h3 a {
		color: #299a1e;
	}
h3.block {
	background-color: #c9c9c9;
	display: block;
	height: 15px !important;
	height: 18px;
	margin: 0;
	padding: 3px 0 3px 42px !important;
	padding: 3px 0 1px 42px;
	font-size: 11px;
	color: #000;
	letter-spacing: 1px;
}
h4 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #299a1e;
}
	h4 a {
		font-weight: bold;
		color: #299a1e;
	}
	h4 a:hover {
		text-decoration: underline;
	}
	
h4.txt {
	font-size: 13px;
}

/* Globala klasser */	
.nav  {
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 6px 5px 5px 5px;
	text-align: right;
	font-weight: bold;
	color: #acacac;
}
	
	#paging {
		float: right;
		margin: 0;
		padding: 0;
		border: 0;
		border-collapse: collapse;
		width: 420px;
	}
		#paging tr td {
			width: 210px;
			text-align: right;
			color: #b4b4b4;
		}
			#paging tr td a {
				color: #b4b4b4;
			}
			#paging tr td a:hover {
				text-decoration: underline;
			}
			
	#paging-2 {
		float: right;
		margin: 0;
		padding: 0;
		border: 0;
		border-collapse: collapse;
		width: 240px;
	}
		#paging-2 tr td {
			text-align: right;
			color: #b4b4b4;
		}
			#paging-2 tr td a {
				color: #b4b4b4;
			}
			#paging-2 tr td a:hover {
				text-decoration: underline;
			}
			
	#paging-3 {
		float: right;
		margin: 0 5px 0 0;
		padding: 0;
		border: 0;
		background: #2e333b;
		border-collapse: collapse;
		width: 264px;
	}
		#paging-3 tr td {
			text-align: right;
			color: #b4b4b4;
			padding: 0 5px;
		}
			#paging-3 tr td a {
				color: #b4b4b4;
			}
			#paging-3 tr td a:hover {
				text-decoration: underline;
			}
	
.clear {
	clear: both;
}

div.spoiler {
	border: 1px solid #B4BABD;
	padding: 3px;
	display: none;
	margin-top: 2px;
}

.emoticon {
	margin: 0 5px 0 5px;
	display: inline;
}
ul#errms {
	font-weight: bold;
	border: 1px dashed #dadada;
	margin: 5px 0 10px 0;
	text-align: left;
	padding: 3px 3px 3px 20px;
	float: none;
}

.error {
	padding: 5px;
	text-align: center;
	color: #d4d4d4;
}
	.error strong {
		color: #acacac;
	}
	
#image-header {
	border-top: 1px solid #000;
	width: 795px;
	height: 130px;
}
	
div.info {
	margin: 0 5px 0 5px;
	background-color: #2e333b;
	padding: 0 10px 5px 10px;
	text-align: right;
}
	div.info #image {
		text-align: center;
		padding-bottom: 10px;
	}
	div#gradeinfo {
		text-align: center;
		padding-bottom: 10px;
	}
	div.info table  {
		border: 0;
		border-collapse: collapse;
		width: 244px;
	}
		div.info table.margin {
			border-top: 10px solid #2e333b;
		}
		div.info table  tr {
			vertical-align: top;
			text-align: left;
		}
			div.info table tr th {
				padding: 0 0 3px 0;
			}
			div.info table  tr td {
				color: #f6f7f9;
				padding: 0 0 3px 0;
			}
	div.info #paging,
	div.info .paging {
		margin: 10px 0 0 0;
		padding: 0;
		border: 0;
		border-collapse: collapse;
		width: 244px;
	}
		div.info #paging tr td.col-1,
		div.info .paging tr td.col-1 {
			text-align: left;
			width: 80px;
			color: #b4b4b4;
		}
		div.info #paging tr td.col-2,
		div.info .paging tr td.col-2 {
			text-align: right;
			color: #b4b4b4;
		}
		div.info #paging tr td a,
		div.info .paging tr td a {
			color: #b4b4b4;
		}
		div.info #paging tr td a:hover,
		div.info .paging tr td a:hover {
			text-decoration: underline;
		}
		
	div.info a img {
		width: 244px;
		height: 137px;
		margin-top: 10px;
	}
	div.info a.more {
		font-size: 9px;
	}
	div.info a {
		color: #b4b4b4;
	}
	div.info h4 a {
		color: #f6f7f9;
	}
	div.info div#add {
		margin: 10px 0 0 0;
		width: 100%;
		text-align: center;
		height: 24px;
	}
		div.info div#add img {
			margin-bottom: -7px;
		}
		div.info div#add a {
			font-weight: bold;
			color: #b4b4b4;
		}
	div.info div.row {
		text-align: left;
	}
	div.info div.row img.avatar {
		width: 26px;
		height: 32px;
		border: 1px solid #000;
		margin-right: 10px;
	}
	div.info div.row img.avatar-2 {
		width: 32px;
		height: 32px;
		border: 2px solid #cfcfcf;
		margin-right: 10px;
	}

.light, .light-col-2, .light-comment {
	background-color: #535762;
}
.dark {
	background-color: #3c404b;
	background-repeat: repeat-y;
	background-position: right;
}	
.adark {
	background-color: #535762;
	background-image: url('../graphics/archive_alt.gif');
	background-repeat: repeat-x;
}	
.sdark {
	background-color: #535762;
	background-image: url('../graphics/small_alt.jpg');
	background-repeat: repeat-x;
}
.forumdark, .dark-comment {
	background-color: #3c404b;
}
.dark-col-2 {
	background-color: #f2f2f2;
	background-repeat: repeat-y;
	background-position: left;
}

.button {
	border: 0;
	font-size: 13px;
	font-weight: bold;
	background: transparent;
	text-align: right;
	padding: 0 0 5px 0 !important;
	padding: 0;
	margin: 0;
	width: auto;
	cursor: pointer;
	color: #299a1e;
}
/* Submeny */

#sub-menu{
	border-top: 1px solid #000;
}
	#sub-menu #img {
		float: left;
		display: inline;
	}
		
/* Global grund */

#wrapper {
	margin: -30px auto 0 auto;
	width: 795px;
	padding: 30px 10px 0 10px;
	min-height: 100%;
	height: auto;
	background-image: url('../graphics/background.png');
	background-repeat: repeat-y;
	background-position: center top;
}
	#wrapper.nobg {
		background-image: url('../graphics/nocolumn.png');
	}
	#wrapper.forumbg {
		background-image: url('../graphics/forum_background.png');
	}
	#wrapper.gallerybg {
		background-image: url('../graphics/background_gallery.png');
	}
* html #wrapper {
	height: 100%;
}
#container {
	width: 795px;
	min-height: 100%;
	height: auto;
}
	#banners {
		height: 60px;
		background: #000;
		padding: 5px;
		text-align: center;
	}
		#banners img {
			margin: 0 0px 0 0;
		}
	#header {
		height: 175px;
		background-position: bottom left;
		background-repeat: no-repeat;
	}
		#header #logo {
		
		}
			#header #logo  a {
				display: block;
				height: 175px;
			}
				#header #logo a img {
					height: 175px;
				}
		#login-box {
			float: right;
			height: 175px;
			text-align: right;
			background: url('../graphics/loginbg.jpg') repeat-x;
		}
			#header-userinfo {
				margin: 0;
				width: 165px;
				padding: 6px 10px 0 10px;
				text-align: left;
			}
				#header-userinfo h4 {
					font-size: 14px;
					font-weight: bold;
					text-align: left;
					margin: 0 0 14px 0;
					padding-bottom: 2px;
					border-bottom: 1px solid #444;
				}
				#header-userinfo div#username {
					float: left;
					margin-top: -4px;
					width: 116px;
					color: #f6f7f9;
					font-weight: bold;
					display: inline;
				}
				#header-userinfo div#username strong {
					color: #ccc;
					font-weight: normal;
					font-size: 11px;
				}
				#header-userinfo div#userlinks {
					padding-top: 10px;
					margin: 0;
				}
					#header-userinfo div#userlinks a span {
						color: #c9cfd5;
					}
				#header-userinfo #logout {
					display: inline;
					margin-left: 109px;
					margin-top: 8px;
					font-weight: bold;
					color: #55585d;
				}
				#header-userinfo #logout:hover {
					text-decoration: underline;
				}
				#header-userinfo img {
					float: left;
					margin-right: 5px;
					display: inline;
					width: 40px;
					height: 40px;
					border: 2px solid #cfcfcf;
				}
			#frm-login-header {
				margin: 0;
				width: 165px;
				padding: 6px 10px 0 10px;

			}
				#frm-login-header a {
					font-weight: bold;
					color: #299a1e;
				}
					#frm-login-header a:hover {
						text-decoration: underline;
					}
				#frm-login-header strong {
					font-weight: bold;
					color: #299a1e;
				}
				#frm-login-header h4 {
					font-size: 14px;
					font-weight: bold;
					display: block;
					text-align: left;
					margin: 0 0 6px 0;
					padding-bottom: 2px;
					border-bottom: 1px solid #444;
					color: #299a1e;
				}
				#frm-login-header label {
					color: #5d6066;
					display: block;
					font-size: 9px;
					text-align: left;
					font-family: arial, verdana, sans-serif;
					margin: 0 0 0 0;
				}
				#frm-login-header input {
					border: 1px solid #999;
					width: 159px;
					margin: 0 0 4px 0;
					display: block;
					background: #42484e;
					color: #d5dde7;
					padding: 0 2px 0 2px;
				}
				#frm-login-header input.noborder {
					border: 0px
				}
				#frm-login-header .invbutton  {
					color: #fff;
					border: 0;
					font-size: 11px;
					font-weight: bold;
					background: transparent;
					width: 80px;
					text-align: right;
					float: right;
					padding: 0 0 5px 0 !important;
					padding: 0;
					margin: 0;
				}
				#frm-login-header div {
					padding: 3px 0 0 0;
					margin: 0 0 0 0;
					border-top: 1px solid #444;
					text-align: left;
				}	
					#frm-login-header div a {
						color: #55585d;
					}	
	ul#menu {
		padding: 0;
		margin: 0;
		height: 29px;
		list-style: none;
		background-image: url('../graphics/menu_background.gif');
		background-repeat: repeat-x;
	}
		ul#menu li {
			margin: 0;
			display: inline;
			float: left;
			background-image: url('../graphics/menu_background_corner.gif');
			background-repeat: no-repeat;
		}
		ul#menu li.right {
			float: right;
		}
		ul#menu li#start {
			background-image: url('../graphics/menu_background_start.gif');
			background-repeat: no-repeat;
		}
			ul#menu li a,
			ul#menu li span {
				text-decoration: none;
				color: #606060;
				display: block;
				padding: 5px 10px 3px 10px;
				font-weight: bold;
			}
			ul#menu li#start a {
				padding: 5px 10px 3px 9px;
			}
				ul#menu li a.active {
					color: #299a1e;
				}
	#navbar {
		padding: 3px 10px 5px 10px;
		background: #535762;
		color: #b4b4b4;
		height: 21px;
		font-size: 11px;
	}	
		#navbar span {
			float: left;
			margin-top: 2px;
		}
			#navbar span a {
				font-style: italic;
				color: #b4b4b4;
			}
			#navbar span strong {
				font-style: normal;
				font-weight: bold;
				color: #f6f7f9;
			}
		#navbar form#frm-search {
			margin: 0;
			padding: 0;
			float: right;
			display: inline;
		}
			#navbar form input#search {
				float: left;
				width: 225px;
				margin-top: 2px;
				padding: 0 2px 0 2px;
			}
			#navbar form input.button {
				width: 40px;
			}
	#content {
		padding: 0;
		margin: 0;
	}
	
		/* ### Vänsterspalt ### */
		#col-1  {
			width: 500px;
			margin-right: 1px;
			float: left;
		}
		#col-gallery  {
			width: 539px;
			margin-right: 1px;
			float: left;
		}
		#col-forum  {
			width: 605px;
			margin-right: 1px;
			float: left;
		}
		#col-full  {
			margin-right: 1px;
			float: left;
		}
			.col-1-block  {
				padding: 10px 22px 10px 22px;
				color: #252525;
			}
			.col-1-images  {
				padding: 10px 0 10px 22px;
				color: #252525;
			}
			.col-1-texts  {
				padding: 0 0 5px 22px;
				text-align: right;
			}
				.col-1-texts .brick {
					padding: 0;
					margin: 20px 24px 0 0;
					float: left;
					width: 215px;
					text-align: left;
					display: inline;
				}
					.col-1-texts .brick div {
						padding: 5px;
						height: 60px;
						background-color: #efefef;
						background-image: url('../graphics/textbg.gif');
						background-repeat: repeat-x;
					}
						.col-1-texts .brick div img {
							/*border: 1px solid #000;*/
							margin: 0 0 5px 0;
						}
						.col-1-texts .brick div p {
							font-size: 10px;
							line-height: 13px;
							color: #252525;
						}
						.col-1-texts a.more {
							color: #b4b4b4;
						}
					a.more {
						font-weight: bold;
						margin-top: 5px;
						margin-right: 20px;
						color: #b4b4b4;
						font-size: 10px;
						display: block;
					}
				.row {
					padding: 5px 5px 5px 10px;
					color: #252525;
				}
					.row.texts {
						padding: 10px 5px 10px 10px;
						height: 82px;
					}
					.row.news {
						height: 30px;
					}
						.row.news  div.section {
							float: left;
							display: inline;
							width: 75px;
							color: #b4b4b4;
							font-size: 10px;
							margin-top: 0px;
						}
						.row.news p {
							margin-top: 0px;
						}
					.row p a {
						color: #f6f7f9;
					}
					.row img {
						float: left;
						width: 30px;
						height: 30px;
					}					
						.row a.cover img {
							width: 215px;
							height: 80px;
							margin: 0 10px 0 0;
							border: 2px solid #cfcfcf;
						}
					.row img.icon {
						margin-right: 10px;
					}
					.row img.icon-2 {
						margin-right: 10px;
						width: 32px;
						height: 32px;
					}
					.row img.cover-2 {
						width: 38px;
						height: 30px;
						float: left;
						margin-right: 5px;
						display: inline;
						border: 2px solid #cfcfcf;
					}
					.row div.date {
						float: right;
						width: 160px;
						font-weight: bold;
					}
			
				.col-1-block .items {
					margin: 0 0 10px 0;
					line-height: 13px;
					height: 44px;
				}	
					.col-1-block .items h4 a {		
						font-size: 11px;
					}
					.col-1-block .items a {	
						font-size: 10px;
					}
					.col-1-block .items img {
						float: left;
						border: 1px solid black;
						margin-right: 8px;
					}
					.col-1-block .items a.link {
						font-weight: bold;
						color: #299a1e;
					}
			
		/* ### Högerspalt ### */
			
		#col-2 {
			display: inline;
			float: right;
			width: 294px;
		}	
		#col-2-gallery {
			display: inline;
			float: right;
			width: 255px;
		}
		#col-2-forum {
			display: inline;
			float: right;
			width: 189px;
		}
			.col-2-block {		
				padding: 10px;
			}
				.col-2-block .items {
					margin: 0 0 5px 0;
					height: 30px;
				}	
					.col-2-block .items span.inf {
						color: #b4b4b4;
					}
					.col-2-block .items h4 a {
						font-size: 11px;
					}
					.col-2-block .items a {	
						font-size: 10px;
					}
					.col-2-block .items a.ingress {
						color: #b8bbc2;
					line-height: 13px;
					}
					.col-2-block .items img {
						float: left;
						display: inline;
						margin-right: 8px;
					}
					
					.col-2-block .users {
						float: left;
						margin-right: 8px;
						margin-bottom: 8px;
						display: inline;
					}
						.col-2-block .users img {
							width: 82px;
							height: 82px;
						}
				.col-2-block a.more {
					margin: 0;
					font-size: 10px;
					color: #b4b4b4;
					float: right;
				}
				
		
		#col-full {
			width: 100%;
		}
	
	#footer {
		display: block;
		width: 795px;
		margin: 0 auto 0 auto;
		padding: 5px 0 5px 0;
		text-align: center;
		color: #b4b4b4;
		height: 20px;
		font-size: 10px;
		background-color: #464953;
		border-top: 1px solid #000;
	}
		#footer ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}
			#footer ul li {
				margin: 0;
				padding: 0;
				display: inline;
			}
				#footer ul li a {
					text-decoration: none;
					color: #b4b4b4;
				}
				#footer ul li a.active {
					font-weight: bold;
				}
				#footer ul li a:hover {
					color: #909090;
				}
				
* a.inlineImage img {
	height: 80px;
}