/*
Theme Name: Weltklasse
Theme URI: http://www.weltklasse.dk
Description: Weltklasse tema
Version: 1.0
Author: Weltklasse 
Author URI: http://www.weltklasse.dk
*/

body {
	background: #000 url(images/body_bg.jpg) repeat-x;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
}

	.clearfix { overflow: hidden; width: 100%; }
	.left { float: left; }
	.right { float: right; }
	ul.strip { list-style: none; padding: 0; margin: 0; }

	#w_overlay {
		background: url(images/bg.jpg) no-repeat;
		width: 100%;
		min-height: 500px;
		height: auto ! important;
		height: 500px;
	}
	
	#flash_header { position: absolute; right: 0; top: 0; }
	
	#wrapper {
		width: 850px;
		margin-left: 130px;
	}
	
	#top {
		height: 153px;
		position: relative;
	}
	#menu, #menu *, #menu ul { z-index: 1500; white-space: nowrap; }
	#menu {
		position: absolute;
		right: 0;
		bottom: 0;
	}	
	#menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#menu ul li { float: left; position: relative; }
	#menu ul li a {
		background: url(images/semi_transparent.png);
		display: block;
		padding: 3px 10px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	#menu ul li ul {
		position: absolute;
		width: 130px;
		z-index: 1300;
		display: none;
	}
	#menu ul li ul li { float: none; display: block; padding: 0; margin: 0; position: static;  }
	#menu ul li ul li a, #menu ul li:hover ul li a { background: #e6e6e6; color: #000; display: block: width: 130px;border-bottom: 1px solid #000;  } 

	#menu ul li ul li ul {
		left: -130px;
		top: 0;
border-right: 1px solid #000;
	}
	#menu ul li.current_page_item ul li a { background: #e6e6e6; }
	#menu ul li a:hover, #menu ul li.current_page_item a, #menu ul li:hover a, #menu ul li:hover ul li a:hover {
		background: #93d5ed;
		color: #fff;
	}
		
	#container { margin: 10px 0; }
	
	#content {
		width: 600px;
		float: left;
	}
	
	div.post_container {
		background: #666;
		overflow: hidden;
	}
	
	div.post {
		background: #fff;
		padding: 2px;
		color: #666;
		overflow: hidden;
		border: 6px solid #666;
	}
	div.post.two_column {  
		width: 284px; 
		float: left;
		height: 365px;
	}
	div.post a { color: #006896; }

	div.post span.post_date { color: #e2007a; font-size: 10px; display: block; font-weight: bold; }
	div.post div.post_tags_container { margin: 7px 0; }
	div.post span.post_tags { 
		background: #e2007a; 
		color: #fff; 
		font-size: 10px; 
		padding: 4px;
	}
	div.post span.post_tags a { color: #fff; text-decoration: none; }
	div.post span.post_tags a:hover { text-decoration: underline; }
	
	div.post_content {
		padding: 10px;
	}
	
	div.post_content.featured { 
		width: 270px;
		float: left; 
		padding: 10px 0;
		margin-left: 10px;
	}
	div.post_image.featured { 
		float: left; 
	}
	div.post_image.featured img, div.post_largeimage img  { display: block; } 
	div.post_largeimage { margin-bottom: 15px; }
	
	div.page { font-size: 12px; }
	
	#sidebar {
		width: 225px;
		float: right;
		padding-top: 25px;
	}
	#sidebar div img { display: block; }
	
	div.tag_cloud {
		line-height: 21px;
		margin: 10px 0;
	}
	
	ul.social { margin: 13px 0; text-align: right; }
	ul.social li { display: inline; margin: 0 2px; }
	
	div.blue_box {
		background: #c9eaf6; 
		color: #111;
		font-size: 10px;
		margin-bottom: 15px;
	}
	div.blue_box h4 {
		background: #93d5ed;
		padding: 10px;
		font-size: 13px;
		font-weight: bold;
		color: #111;
		margin: 0;
		display: none;
	}
	div.blue_box a { color: #e2007a; }
	
	div.each_weltklasse {
		border-bottom: 1px solid #fff;
		padding: 5px 13px;
		overflow: hidden;
	}
	div.each_weltklasse img, ol#commentlist li img, img.frame { 
		float: left; 
		padding: 2px; 
		border: 1px solid #ccc; 
		background: #fff; 
		margin-top: 3px;
	}
	div.each_weltklasse  ul {
		float: left; 
		margin-left: 10px;
		width: 130px;
		line-height: 12px;
	}
	
	ul.tweet_list {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	ul.tweet_list li {
		border-bottom: 1px solid #fff;
		padding: 5px 13px;
		display: block;
		overflow: hidden;
	}
	ul.tweet_list li img { margin: 0 10px 0 0; }
	
	#post_navigation { margin: 10px 0;  }
	#post_navigation a {  
		color: #fff; 
		text-decoration: none; 
		display: inline-block;
		padding: 5px;
		color: #fff;
		background: #e2007a;
	}
	#post_navigation a:hover { text-decoration: underline; }
	#post_navigation span.previous { float: left; }
	#post_navigation span.next { float: right; }
	
	#post_meta {
		font-size: 11px;
		padding: 10px;
		margin: 15px 0;
	}
	#post_meta a {  color: #ccc; }

	
	ol#commentlist {
		list-style: none; 
		padding: 0;
		margin: 0;
	}
	ol#commentlist li {
		background: #c9eaf6;
		border-bottom: 1px solid #fff;
		color: #111;
		padding: 10px;
		overflow: hidden;
	}
	ol#commentlist li.odd { background: #93d5ed; }
	ol#commentlist li div.comment_avatar { float: left; }
	ol#commentlist li div.comment_avatar img { margin: 3px 0 0 0; }
	ol#commentlist li div.comment_content { 
		float: right;
		width: 525px;
	}
	ol#commentlist li div.comment_content .comment_meta { font-size: 10px; color: #e2007a; font-weight: bold; }
	
	#footer {
		color: #aaa;
		border-top: 1px solid #666;
		padding: 10px;
	}
	#footer ul li { display: inline; margin-right: 10px; }
	
	h1, h3 {
		color: #e2007a;
		font-size: 17px;
		font-weight: normal;
		border-bottom: 1px solid #ccc;
		padding: 0 0 5px 0;
	}
	
	h2 {
		color: #006896;
		font-size: 12px;
		margin: 3px 0;
	}
	
	h3 {
		color: #93d5ed;
		font-size: 12px;
		font-weight: bold;
	}
	
	/* Captions */
	

	.wp-caption {
		/* border: 1px solid #ddd; */
		text-align: center;
		/* background-color: #f3f3f3;*/
		padding-top: 4px;
		margin: 10px;
		/* -moz-border-radius: 3px;*/
		/* -khtml-border-radius: 3px;*/
		/* -webkit-border-radius: 3px;*/
		/* border-radius: 3px;*/
	}

	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
		color: #e2007a; 
	}
	/* End captions */
	
	/* Begin Images */
	p img {
		padding: 0;
		max-width: 100%;
		}

	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */

	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;
		}
	/* End Images */


	
	img { border: 0; }
	
	
	a:link, a:visited {
		color: #e2007a;
	}
	a:hover {
		text-decoration: none;
	}