body {
	font-family:"Lucida Grande", Tahoma;
	background-color:#f9f9f9;
	margin:0;
	padding:0;
}

body a {
	color:#2099d1;
	text-decoration:none;
}

body a:hover, body a:focus {
	color:#137eb0;
	text-decoration:underline;
}

#header {
	background-color:#313131;
	border-bottom:10px solid #1d1d1d;
	height:40px;
}

#header * {
	margin:0;
	padding:0;
}

#header h1, #header h2 {
	text-indent:-4000em;
	padding:0;
	margin:0;
	
}

#search {
	position:relative;
}

#search_options {
	position:absolute;
	left:550px;
	top:8px;
	font-size:.65em;
}

#search_form {
	text-align:center;
}

.textinput {
	margin-right:0pt;
	width:265px;
}

.textinput.placeholder {
	color:#A8B2AC;
	font-weight:normal;
}

.textinput:focus {
	color:#333;
	border-color:#b4b4b4;
}

.textinput {
	border:1px solid #d1d1d1;
	color:#2B332E;
	font-size:1.3em;
	padding:0.25em;
}

.button {
	margin-left:-1px;
	max-height:2.15em;
	padding:0.375em 8px;
}

input.button[class] {
	width:auto;
}

input.button {
	overflow:visible;
	width:0pt;
}

.button {
	background-color:#EBF2EE;
	background-image:url(img/spel_sprite.png);
	background-position:left top;
	border:1px solid #C0CCC4;
	color:#2B332E;
	cursor:pointer;
	font-size:1.2em;
	padding:.35em 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.button:hover, 
.button:focus {
	border:1px solid #95cbff;
	background-position:left -40px;
}

p.form {
}
p.message {
	font-size:.875px;
	color:#666;
}

#wrapper {
	width:960px;
	margin:0px auto;
	position:relative;
}

#wrapper:after {
	clear:both;
	content:".";
	display:block;
	height:0px;
	visibility:hidden;
}

#content {
	margin-bottom:10px;
}

#main-navigation {
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	left:0px;
	top:-50px;
}

#main-navigation li {
	float:left;
	text-align:center;
	font-size:.75em;
}

#main-navigation li a {
	width:120px;
	height:17px;
	padding:12px 0;
	
	display:block;
	color:#fff;
}

#main-navigation li a:hover, #main-navigation li.current a {
	background-color:#1d1d1d;
	text-decoration:none;
}

#main-home a {
	text-indent:-4000em;
	background:url('img/spel_sprite.png') no-repeat 50% -80px;
}



#toplists .box {
	float:left;
	width:297px;
	margin-right:10px;
}

#toplists .box:last-child {
	margin-right:0;
}

#toplists:after,
.box-inner li:after {
	content:" ";
	clear:both;
	display:block;
	height:0px;
	visibility:hidden;
}

.box {
	background:#f3f3f3;
	padding:8px;
	font-size:.85em;	
}

.box:focus, .box:hover {
	background:#e9e9e9;
}

.box-inner {
	background:#fff;
	border:1px solid #e3e3e3;
	padding:15px 20px;
	position:relative;
}


.box-inner h3 {
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.box-inner ul {
	list-style:none;
	margin:0;
	padding:0;
}

.box-inner li {
	margin:0;
	padding:4px 0;
	border-bottom:1px solid #f7f7f7;
}
.box-inner li img {
	background-color:#f7f7f7;
	padding:3px;
	margin-right:5px;
	float:left;
}

.box-inner li h4 {
	font-weight:normal;
	margin-left:-20px;
	margin-right:-20px;
	padding:10px 20px;
	border-bottom:1px solid #e3e3e3;
	border-top:1px solid #e3e3e3;
	text-transform:uppercase;
	color:#4c4c4c;
	
}

.box-inner li h4:hover {
	background-color:#eeeeee;
}

#main-home h4 {
	margin-top: -15px;
	border-top:none;
}

.box-inner li p {
	margin:0;
	padding:0;
}

hr {
	margin:10px 0;
	height:1px;
	border:0;
	background-color:#e3e3e3;
}



#feeds {
	position:absolute;
	right:0px;
	top:-60px;
}

#feeds li {
	float:left;
	margin-right:10px;
}

#footer {
	font-size:.55em;
	color:#666;
	text-align:center;
	padding:20px;

	border-top:1px solid #e3e3e3;
}

#footer ul {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}

#footer ul li {
	margin:0;
	padding:0;
	display:inline;
	padding:4px;
	font-size:1.4em;
}

p.meta {
	position:absolute;
	right:20px;
	top:15px;
	margin:0;
	padding:0;
}
#search_results {
	width:468px;
}

#search_results h4 {
	margin:10px 0 0 0;
	padding:0;
}

#search_results h5 {
	margin: 0 0 0;
	padding:0;
}

#search_results ol {
	list-style:none;
	margin:0;
	padding:0;
}

#search_results ol li {
	margin:0;
	padding:10px 0;
	font-size:1.1em;
	border-bottom:1px solid #e3e3e3;
}
#search_results ol li p {
	margin:10px 0;
}

#search_results ol li img {
	padding:8px;
	background-color:#ccc;
	margin-right:10px;
}

#search_results ol li a.url {
	display:block;
	color:#3f7925;
}

ul.links {
	list-style:none;
	margin:0;
	padding:0;
}

ul.links li {
	margin:0;
	padding:0;
	font-size:.75em;
}

.box-inner ul.links li {
	font-size:1em;
}

.rss {
	background:transparent url('img/social-media/feed.png') no-repeat 0px 3px;
	padding:4px 0 4px 20px !important;
}

.alexa {
	background:transparent url('img/social-media/alexa.png') no-repeat 0px 3px;
	padding:4px 0 4px 20px !important;
}

.digg {
	background:transparent url('img/social-media/digg.png') no-repeat 0px 3px;
	padding:4px 0 4px 20px !important;
}

.technorati {
	background:transparent url('img/social-media/technorati.png') no-repeat 0px 3px;
	padding:4px 0 4px 20px !important;
}

.delicious {
	background:transparent url('img/social-media/delicious.png') no-repeat 0px 3px;
	padding:4px 0 4px 20px !important;
}

.google {
	background:transparent url('img/social-media/google.ico') no-repeat 0px 3px;
	padding:4px 0 4px 20px !important;
}

.yahoo {
	background:transparent url('img/social-media/yahoo.png') no-repeat 0px 3px;
	padding:4px 0 4px 20px !important;
}


.key-figure {
	font-size:1.1em;
	color:#2d8a13;
}

.pass {

}

#newsletter_box {
	width:320px;
	margin:10px auto;
}

#merchants {
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;
}

#merchants li {
	display:inline;
	padding:0 3px;
	font-size:0.7em;
}

#merchants li:after {
	content:"|";
	padding:0 0 0 9px;
	color:#ccc;
}

#merchants li:last-child:after {
	content:"";
	padding:0 0 0;
}

.banner {
	float:right;
	margin:0 0 20px 20px;
}

/* Generic Classes */
.error {
	background:#fff1f1;
	border:8px solid #f8dfdf;
	padding:10px;
}

.success {
	background:#f8fcf3;
	border:8px solid #ecf8df;
	padding:10px;
}