body { margin: 0 auto; background: #1B1B1B; font-family: Georgia, Times New Roman, serif; color: #000; font-size: 11px; padding: 10px 0;}

/* Main layout */
	div.clear { clear: both; }
	#frame { margin: auto; }
	#page { width: 1068px; margin: 0 auto; }
	#col1 { width: 191px; float: left; min-height: 400px;}
	#col2 { width: 500px; margin: 0 8px; float: left; min-height: 400px;}
	#col3 { width: 300px; float: left; min-height: 400px;}
	
	a { color: #C76DD5; border: 0 #fff solid; text-decoration: none; }
	a:hover { color: #9D4DA9; }
	a img { border: 0; }

	#col3 p a { padding: 0 0 0 10px; background: #fff url(/graphics/bullet_link.gif) 3px 5px no-repeat; }
	
	h1 span { display: none; }
	h1 img { margin: 10px 0 0 0; }
	
	ul { margin: 0px 5px 10px 0px; padding: 0; list-style: none; }
	ol { margin-top: 5px; }
	ul li { margin: 3px 0; }
	ul li a { padding: 3px 0px 2px 16px; text-decoration: underline ;}
	ul li.active a { }
	
	ul li span { margin: 0 0 0 16px; }
	ul li a span { margin: 0 0 0 0px; }
	ul li.active a span { color: #fff; border-bottom: 1px solid #fff; }
	legend { display: none; }
	fieldset { border: 0; }
	p { margin: 0 16px 10px 16px; }
	p span { display: block; padding: 2px 0 2px 93px; }

/*
	.content { background: #fff; color: #000; }
	.content a { border: 0; color: #000; font-size: small; line-height: 1.3; text-decoration: none; }
	.content h1 { font-size: small; margin: 16px; }
	.content h2 { background: #000 url( /graphics/title_content.gif) 100% 50% repeat-x; }
*/
	table { margin: 0 17px; }
	h2 { background: #fff url( /graphics/title_content.gif) 100% 50% no-repeat; }
	h2.content {  }
	h3 { font: 20px Georgia, Times new roman, serif; margin: 0 0 0 17px; font-weight: 300; color: #C76DD5; }

/* Post */
	.post { margin: 4px 0 12px 17px; width: 464px;} 
	.post.active { background: #efefef; cursor: pointer;}
	.post img { float: left; margin: 3px 15px 15px 0px;}
	.post h3 { font: 20px Georgia, Times new roman, serif; margin: 0; padding: 0; font-weight: 300; color: #C76DD5; }
	.post a p { margin: 0 0 0 0; width: auto; color: #222; font-size: 11px;}
	.post i { color: #999; display: block; font: 11px Georgia, Times new roman, serif; margin: 0; font-weight: 300; margin: 0 0 2px 0; }
	.post a:hover { }
	.post a span {  padding: 0; margin: 0; }
	.post a { margin: 0; padding: 0; }
	.post .clear { clear: both; }

/* Blogger */
	#blogger { border-bottom: #999 solid 1px; margin: 0 17px 10px 17px; padding: 0 0 10px 0;}
	#blogger h1 { font: 20px Georgia, Times new roman, serif; margin: 0; font-weight: 300; color: #C76DD5;}
	#blogger p { margin: 2px 0 0 0; }
	#blogger img { float: left; margin: 2px 15px 0 0; }
	
/* Ads */	

	div.ads { background: #fff; }
	div.ads iframe { margin: 5px 14px; }
	
/* Thumbnails */
	.window p.thumb { text-align: center; width: 90px; float: left; margin: 5px 0 5px 2px; }
	.window p.thumb a { text-decoration: none; }
	.window p.thumb a img { border: 0; }

/* Windows */	
	.window { padding: 0 0 5px 0; border: 1px solid #9b9b9b; background: #fff; margin: 0 0 10px 0; }
	.window.content { padding-bottom: 0px; }
	#col3 .window { width: 191px; }
	#col3 .window.ads { width: 300px; }
	.window p { margin-top: 10px; }
	
/* Titles */		
	.window h2 { position: relative; background: #000; font-size: 10px; font-weight: 100; margin: 0; padding: 4px 2px 4px 16px; }
	.window h2 span { display: block; width: 1px; overflow: hidden; height: 12px; color: #000; }
	.window h2.search { background: #fff url( /graphics/title_search.gif) top left no-repeat; }
	.window h2.known { background: #fff url( /graphics/title_known.gif) top left no-repeat; }
	.window h2.popular { background: #fff url( /graphics/title_popular.gif) top left no-repeat; }
	.window h2.ads { background: #fff url( /graphics/title_annons.gif) top left no-repeat; }
	.window h2.navigation { background: #fff url( /graphics/title_bloggavdelningar.gif) top left no-repeat; }
	.window h2.content { background: #fff url( /graphics/title_content.gif) top left no-repeat; }
	.window h2.last5 { background: #fff url( /graphics/title_last5.gif) top left no-repeat; }
	.window h2.tools { background: #fff url( /graphics/title_tools.gif) top left no-repeat; }
	.window h2.annonser { background: #fff url( /graphics/title_annonser.gif) top left no-repeat; }
	
/* Search */
	.window.search input {  float: left; margin: 10px 0px 10px 10px; width: 105px; padding: 3px; font-weight: 100; font-size: 12px; font-family: arial,verdana,sans-serif; color: #000; background: #fff url( /graphics/text.gif) top left repeat-x; border: 1px solid #999;}
	.window.search input.button { float: right; margin: 10px 10px 10px 1px; padding: 0; border: 1px solid #aaa; width: 37px; height: 23px; }
	form { margin: 0; padding: 0; }

/* Formulär */
	.window.content form { margin: 10px 17px; }
	.window.content label { display: block; float: none;}
	.window.content fieldset { margin: 0; padding: 0; }
	.window.content legend { display: none;}
	.window.content input, .window.content textarea { width: 400px; display: block; float: none; margin: 0 0 10px 0; padding: 0; left: 0; font-family: arial,verdana,sans-serif; color: #000; background: #fff url( /graphics/text.gif) top left repeat-x; border: 1px solid #999;}

/* Foot */
	.window.foot { padding: 0; margin: 0; background: #000 url( /graphics/title.gif) 50% 50% repeat-x; position: relative; top: -13px;}
	.window.foot a img { float: left; }
	.window.foot a span { display: none;}

	#next { float: right; }
	#prev { float: left; }

/* Navigation */
	#navigation { width: 100%; position: relative; top: -3px; padding: 0 0 3px 0; background: #EFEFEF url( /graphics/navigation_bg.gif ) bottom left repeat-x;}
	#navigation a { color: #383838; float: left; display: block; border: 1px solid #DDDDDE; padding: 4px 7px; background: #EFEFF0; font-weight: bold; font-family: "Trebuchet MS", Georgia, "Times new roman", serif; font-size: 12px;}
	#navigation a.active { color: #fff; background: #C76DD5; border: 1px solid #C76DD5; }
	#navigation a:hover { color: #fff; background: #9D4DA9; border: 1px solid #9D4DA9; }

/* IE6 */
	* html .foot { top: 0; background-position: 0px 1px ;}
	* html #next { float: none; position: relative; left: 22px;}
	* html #prev { float: none; }
	* html body { text-align: center; }
	* html #page { text-align: left; }
	* html input.button { position: relative; top: -2px; }
	* html #blogger h1 { position: relative; }
	* html #blogger p { position: relative; }
	* html table p { font-size: 11px; }