/*

Theme Name: Sthlm Fifty Fifty

Theme URI: http://sthlmfiftyfifty.se

Description: Special designed theme for sthlm fifty fifty

Version: 1

Author: Isak Burstrom

Tags: dark, custom header, fixed width, two columns, widgets

*/





/* Begin Typography & Colors */

body {

	font-size: 11px;

	font-family: Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;

	background: #000;

	color: #ccc;

	text-align: center;

	margin: 0 0 20px 0;

	padding: 0;

}

html {

min-height: 101%;

}

#buttons {
height:1px;
left:-55%;
position:relative;
top:50px;
}

#content {

	position:relative;

	top:-90px;

	font-size: 11px;

	text-align:left;

}



#page {

	background-color: #000;

	margin: 0 auto;

	padding: 0;

	width: 995px;

	text-align:center;

}



#header {

	padding: 0;

	height: 265px;

	width: 100%;

}



#headerimg {

	margin: 0;

	background:transparent url(images/header.png) repeat scroll 0 0;

	width: 100%;

	height:100%;

}

#spons {
padding: 0;

	margin: 0 auto;

	width: 760px;

	clear: both;

	border: none;
}


#footer {

	padding: 0;

	margin: 0 auto;

	width: 760px;

	clear: both;

	border: none;

}



#footer p {

	margin: 0;

	padding: 20px 0;

	text-align: center;

}

.hytter {

	margin-bottom:10px;

	min-height:100px;

	color:#aaa;

	font-size:11px;

}

small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;

}



h1, h2, h3 {

	font-weight: bold;

	color: #555;

}



h1 {

	font-size: 4em;

	text-align: center;

	padding-top: 70px;

	margin: 0;

}

h2 {

	font-size: 1.6em;

	margin: 20px 0 10px;



}



h3 {

	font-size: 1.3em;

	padding: 0;

	margin: 30px 0 15px;

}



h2.pagetitle {

	margin-top: 30px;

	text-align: center;

}



a, h2 a:hover, h3 a:hover {

	color: #06c;

	text-decoration: none;

}



a:hover {

c	olor: #147;

	text-decoration: underline;

}





.narrowcolumn {

	margin: 0px auto;

	width: 450px;

}



.widecolumn .postmetadata {

	margin: 30px 0;

}





.clear {

	clear: both;

}

p {

	margin-bottom:10px;

	display:block;

}

p img {

	padding: 0;

	max-width: 100%;

}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

}



.alignright {

	float: right;

}



.alignleft {

	float: left;

}





#menu {

	margin:0 auto -30px;

	padding:0;

	position:relative;

	text-align:center;

	top:-90px;

	width:600px;

}

#menu a {

	outline-style:none;

	outline-width:0;

}

#mholder {

	margin-left:auto;

	margin-right:auto;

}

#menu ul {

	list-style-type: none;

	list-style-image: none;

	height:73px;

	margin:0px;

	padding-top:1px;

}



#menu ul li {

	display:inline;

	float:left;
margin-right:7px;

	height:30px;

}



#menu ul li a {

	position:relative;

	color:#fff;

}

#menu a:hover {

	text-decoration:none;

}

#menu ul li img:hover {

	border-bottom:2px solid #333;

}



a img {
	background: url(images/118110b.jpg) repeat scroll 0 0;

	border: none;

}



hr {

	display: none;

}



tr {

	display:table-row;

	vertical-align:inherit;

	text-align:left;

}



td {

	display:table-cell;

	padding:1px;

	text-align:left;

}



/* en jävla massa jobb */