=
/* 1. Clearfix */

.clearfix:after { /* ie.css, ie7.css */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* 2. Common */

a:link {
	color:#2791e1;
	text-decoration:underline;
}

a:visited {
	color:#165482;
}

a:hover {
	color:#000;
}

strong {
	font-weight:bold;
}

/* 3. Structure */

body {
	font-size: 12px;
	font-family: 'Trebuchet MS','Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	margin:0;padding:0;
	}

#container {
	width:960px;
	margin:0 auto;
}

#wrapper {

}

#header {
	background:url(../graphics/bgnd_header.gif) repeat-x;
	position:relative;
	width:100%;
}

#header .button-home-holder {
	text-indent:-1000em;
	margin:0 auto;
	width:960px;
	position:relative;
}

#header .button-home-holder a {
	position:absolute;
	top:0px;
	left:0;

}

#header .button-home-holder a:link,
#header .button-home-holder a:visited {
	background:url(../graphics/button-click-home.gif) no-repeat right;
	display:block;
	width:229px;
	height:43px;
	overflow:hidden;
}

#header .button-home-holder a:hover {
	background-position:left;
}

#header .menu-categories {
	background: #2089d8 url('../graphics/bgnd-menu.gif') repeat-x;
	width:100%;
	height:30px;
	border-bottom:1px solid #0164ac;
	
}

#header .menu-categories ul {
	margin:0;
	padding:0;
	width:960px;
	margin:0 auto;
	background: transparent url('../graphics/bgnd-menu-item.gif') no-repeat left;
}

#header .menu-categories ul li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	background: transparent url('../graphics/bgnd-menu-item.gif') no-repeat right;
	height:26px;
	padding:6px 13px 0 12px;
	font-size:17px;
	letter-spacing:0;
	
}

#header .menu-categories ul li a:link,
#header .menu-categories ul li a:visited {
	color:#b1dbfb;
	text-decoration:none;
}


#header .menu-categories ul li a:hover {
	color:#fff;
	text-decoration:none;
}

#header .menu-categories ul li.blog a:link,
#header .menu-categories ul li.blog a:visited {
	color:#f4fd03;
	text-decoration:none;
}

#header .menu-categories ul li.blog a:hover {
	color:#f4fd03;
	text-decoration:none;
}

#content {
	width:710px;
	float:left;
}

#sidebar_right {
	width:250px;
	float:left;
}

/* 4. Header */

.logo {
	text-align:center;
}

.nav {
	position:absolute;
	top:0px;
	left:10px;
	z-index:3;
}

ul.menu-list {
	list-style-type:none;
}

ul.menu-list li {
	float:left;
}

ul.menu-list li ul {
	display:none;
}

ul.menu-list li a:link,
ul.menu-list li a:visited {
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-family:"Trebuchet MS";
	font-size:18px;
	padding:81px 10px 0 10px;
}

ul.menu-list li a:hover {
	background:url(../graphics/bgnd_nav.gif) repeat-x;
	color:#d0ebff;
}

.search {
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
}

.search ul.search-list li .form-tekst {
	display:block;
	float:left;
	border:1px solid #d8eeff;
	background:url(../graphics/bgnd_search.gif) repeat-x;
}

ul.search-list li label {
	display:block;
	float:left;
	color:#ffffff;
	font-weight:bold;
	padding:2px 5px 0px 0px;
	cursor:pointer;
}

.search .button {
	border:none;
	padding-left:5px;
}

.rss {
	position:absolute;
	top:80px;
	right:12px;
	font-family:arial, sans-serif;
	font-weight:bold;
	font-size:14px;
}

.rss img {
	vertical-align:top;
}

.rss a:link,
.rss a:visited {
	color:#fff;
	text-decoration:none;
}

.rss a:hover {
	color:#fff;
	text-decoration:none;
}

#page .logo h1 {
	text-indent:-1000em;
	margin:0px;
}

#page .logo h1 a {
	background:url(../../images/logo.jpg) no-repeat;
	height:123px;
	width:419px;
	display:block;
	margin:0 auto;
	padding:0;
}

/* 5. Content */

#content p {
	clear:left;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	width:510px;
	font-size:14px;
	line-height:18px;
	text-align:left;
}

#content .rating_box {
	font-family:"Trebuchet MS";
	font-size:28px;
	color:#2791e1;
	font-weight:bold;
	margin-right:20px;
	padding-top:37px;
	text-align:right;
}

#content .rating_box span {
	font-size:22px;
}

h1 {
	padding-bottom:10px;
	color:#000;
	font-size:26px;
	font-weight:bold;
	margin:0px 20px 15px 0px;
}

#page h1 {
	text-align:center;
	margin:15px 30px 2px 30px;
	padding-bottom:4px;
}

h5 {
	color:#969696;
	font-weight:bold;
	font-size:14px;
}

#content .thumb {
	float:right;
	padding:3px;
	margin-right:15px;
	margin-top:3px;
	border:1px solid #ccc;
}

h2 a:link,
h2 a:visited {
	color:#2791e1;
	font-family:"Trebuchet MS";
	text-decoration:none;
}

h2 a:hover {
	color:#000;
}

#content .post h2 {
	float:left;
	padding-bottom:15px;
	color:#2791E1;
	font-size:24px;
	font-weight:bold;
	background: url(../graphics/icon_bw.gif) no-repeat;
	margin-right:20px;
	padding-left:50px;
	margin-top:37px;
}

h2 span {
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#7f7f7f;
	line-height:0.5em;
}

#content a.go_play {
	color:#fff;
	background:transparent url(../graphics/bgnd_go_play.gif) no-repeat;
	width:242px;
	display:block;
	text-align:left;
	font-size:14px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	height:32px;
	padding-top:12px;
	padding-left:22px;
	text-decoration:none;
	margin:20px 0px 20px 0px;
}

#content a.go_play:hover {
	background-position:0 -44px;
}

#content ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:5px;
	padding-left:30px;
}

#content ul li {
	padding-bottom:3px;
	list-style-type:disc;
}

#content ol {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:5px;
	padding-left:30px;
}

#content ol li {
	padding-bottom:3px;
	list-style-type:decimal;
}

#content .holder {
	margin-right:20px;
	text-align:center;
	padding:20px 0px 10px 0px;
	border:2px solid #ddd;
	background:#eee;
	margin-bottom:10px;
}

#content .holder img {
	border:2px solid #aaa;
	margin-bottom:10px;
}

#content .holder h2 {
	padding:0;
	margin:0;
	font-size:14px;
	background:none;
	color:#1c71b5;
	float:none;
	clear:both;
	text-align:center;
}

.postmetadata {
	clear: left;
	border:1px solid #afc3cf;
	padding:8px;
	margin-top:8px;
	background:#e3f3ff;
}

#content p.postmetadata {
	font-size:12px;
	width:680px;
	margin-bottom:20px;
	background:#d9e7f0;
}

.postmetadata a:link,
.postmetadata a:visited {
	color:#2791e1;
	font-family:"Trebuchet MS";
	text-decoration:none;
}

.postmetadata a:hover {
	color:#000;
}

#content .form-holder {
	width:502px;
	margin:0 auto;
}

#content ul.form-list {
	text-align:left;
	padding-left:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#content ul.form-list li {
	padding-bottom:5px;
	list-style-type:none;
}

#content ul.form-list li.web-list {
	padding-bottom:15px;
}

#content ul.form-list li label {
	float:left;
	width:185px;
	cursor:pointer;
}

#content ul.form-list li .form-text {
	background:#fafdff;
	border: 1px solid #57aeee;
	font-size:14px;
	height:20px;
	width:230px;
}

h3#respond {
	font-weight:bold;
	margin-bottom:20px;
	margin-top:10px;
	text-align:left;
	color:#000;
}

#page_navigation {
	font-size:1.1em;
	color:#999999;
	text-align:center;
	padding-bottom:10px;
}

#content .flash {
	padding:15px;
	margin:20px 20px 0px 0px;
	text-align:center;
	border:2px solid #ddd;
	background:#eee;
}

#content .commentlist {
	padding:0px;
	text-align:left;
	margin-right:20px;
}

#content .commentlist li,
#commentform input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	border-bottom: 1px solid #c8e8ff;
	background:url(../graphics/bgnd_sidebar.gif) repeat-x;
	list-style-type:none;
}

h3#comments {
	font-weight:bold;
	margin:20px 0px 20px 0px;
	text-align:left;
	color:#000;
}

#commentform textarea.form-text-area {
	background:#fafdff;
	font-size:14px;
	border: 1px solid #57aeee;
	width:500px;
}

#content .submit-button {
	background:url(../graphics/bgnd_sidebar.gif) repeat-x;
	border:1px solid #57aeee;
	padding:4px 10px 4px 10px;
	margin-bottom:10px;
}

#content .game_box h2 {
	float:none;
	margin:0;
	padding:0;
	height:27px;
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
	background:url(../graphics/bgnd_sidebar_title.gif) repeat-x;
	text-align:center;
	padding-top:4px;
}

#content .game_box {
	text-align:center;
}

#content .game_box {
	margin:0 20px 10px 0px;
	clear:both;
	background:url(../graphics/bgnd_sidebar.gif) repeat-x;
	border:1px solid #c8e8ff;
}

#content .game_box div {
	float:left;
	width:170px;
	text-align:center;
	height:120px;
	margin-bottom:20px;
}

#content .game_box h3 {
	margin:0px;
	padding:0px;
	font-size:13px;
}

#content .post .game_box p {
	font-size:12px;
	padding:0px;
	text-align:center;
	margin:0px;
	width:100%;
}

.note-holder {
	width:400px;
	margin:10px auto;
	background:#cce9ff;
	border:2px solid #57aeee;
	color:red;
	text-align:left;
	padding:10px;
}

#commentform {
	text-align:left;
}

#content .note-holder p {
	font-size:12px;
	width:380px;
}

.note-holder ul {
	list-style-type:none;
}
	
.note-holder ul li {
	margin-left:20px;
}

#content p.comment-login {
	font-size:12px;
	margin-left:0px;
}

.comment-form-holder {
	border:1px solid #c8e8ff;
	background:#f1f9fe;
	padding-left:20px;
	margin:20px 20px 20px 0px;
}

.note-holder {
	width:400px;
	margin:10px auto;
	background:#cce9ff;
	border:2px solid #57aeee;
	color:red;
	text-align:left;
	padding:10px;
	color:#2791E1 !important;
}

#commentform {
	text-align:left;
}

#content .note-holder p {
	font-size:12px;
	width:380px;
	color:#2791E1;
}

.note-holder ul {
	list-style-type:none !important;
}
	
.note-holder ul li {
	margin-left:20px;
	background:none;
}

#content p.comment-login {
	font-size:12px;
	margin-left:0px;
}

.comment-form-holder {
	border:1px solid #c8e8ff;
	background:#f1f9fe;
	padding-left:20px;
	margin:20px 20px 20px 0px;
}
	

/* 6. Sidebar */

#sidebar_right {
	background-repeat:repeat-x;
	background-color:#fff;
}

div#sidebar_right h3 {
	margin-top:10px;
	height:27px;
	font-family:"Trebuchet MS";
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:url(../graphics/bgnd_sidebar_title.gif) repeat-x;
	text-align:center;
}

.right-holder h3 a:link,
.right-holder h3 a:visited {
	color:#fff;
	text-decoration:none;
}

.right-holder h3 a:hover {
	color:#fff;
	text-decoration:none;
}

div#sidebar_right ul {
	margin:0;
	padding:10px;
	border-bottom:1px solid #c8e8ff;
	text-align:left;
	list-style-type:none;
	font-size:1.1em;
}

#sidebar_right .right-holder .right-box ul {
	background:transparent url(../graphics/bgnd_sidebar.gif) repeat-x;
}

#sidebar_right .right-holder .right-box ul li {
	background:none;
	font-size:12px;
	border:none;
}

#sidebar_right .right-holder .right-box ul li.page_item ul {
	background:none;
	font-size:12px;
	border:none;
}

#sidebar_right .right-holder .right-box ul li a:link {
	color:#2791e1;
	text-decoration:underline;
}

#sidebar_right .right-holder .right-box ul li a:visited {
	color:#165482;
}

#sidebar_right .right-holder .right-box ul li a:hover {
	color:#000;
}

.sidebar-advertisement {
	margin-top:23px;
}

.tweet {
	padding:20px 0px 10px 0px;
}

ul.twitter li {
	padding-bottom:15px;
}

/* 7. Footer */

div#footer {
	background-color:#fffff;
	color:#969696;
	clear:left;
	width:100%;
}

div#footer p {
	margin:0;
	padding:4px;
	padding-left:0;
	border-top:1px solid #57aeee;
	margin-left:20px;
	margin-right:10px
}

div#footer a {
	display:inline;
	padding:0;
}




ul.menu-list li {
	display:none;
}



