/*
Theme Name: Den bæredygtige by
Theme URI: http://www.cphx.dk
Description: Theme for cphx.dk/blog
Version: 1.0
Author: Jesper
Author URI: http://www.b14.dk
*/

body, body * {
/*		border: 1px #000 solid;*/
	}

body {
	font-family:Arial, tahoma,  sans-serif;
	font-size: 0.8em;
	margin: 0;
	border: none;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

code {
	font-size: 1em;
}

h1, h2, h3, h4 {
		margin: 10px 0 0 0;
		padding: 0;
		font-weight: bold;
		font-size: 1em;
		text-transform: uppercase;
	}

p {
	overflow: hidden;
	height: 1%;
	margin: 0.8em 0;
	clear: both;
	line-height: 1.2em;
}

li {
	line-height: 1.2em;
	margin: 0;
}

img {
	max-width: 480px;
	height: auto;
	border: none;
	clear: both;
}

.current-cat, .current-month {
	font-weight: normal;
}

#wrapper {
	margin: 0 auto;
	overflow: hidden;
	height: 1%;
	width: 650px;
}

#page {
	width: 650px;
	height: 100%;
}

#header {
/*	background: red;*/
	width: 100%;
/*	height: 190px;*/
	margin: 0;
}
	#headerimg {
		width: 650px;
		height: 165px;
		padding: 0 0 10px 0;
	}
	#headerimg img {
		width: 100%;
		max-width: 100%;
		margin: 0 0 0 3px;
		padding: 0 0 10px 0;
		border: none;
	}
	
#leftColumn {
		float: left;
		width: 140px;
		padding-right: 30px;
		margin: 0;
/*		background: red;*/
	}
	#leftColumn a:hover {
		color: #4d4d4d;
	}
	#leftColumn ul li img {
		height: auto;
		border: none;
		margin: 0;
		padding: 20px 0 0 0;
	}
	#leftColumn h2 {
/*		border: 1px #000 solid;*/
		font-size: 1.7em;
		line-height: 1.3em;
	}
	#leftColumn h3 {
		margin: 0.8em 0 0.3em;
	}
	#leftColumn ul {
		list-style-type:none;
		text-transform: none;
		padding: 0 0 0 3px;
		margin: 0;
	}
	#leftColumn form {
		list-style-type:none;
		text-transform: uppercase;
		padding: 0 0 0 3px;
	}
	#leftColumn li {
		list-style-type:none;
		font-weight: normal;
		padding: 0;
		margin: 0;
	}

        #leftColumn li .recentcomments {
		
		margin-bottom: 7px;
	}

 
	#leftColumn li h2{
		font-size: 0.9em;
		font-weight: bold;
	}
	
	#leftColumn h2 {
		
	}

#linkcat-2 h2 {background: url('images/Menu/LINKS.png') 0 0 no-repeat; text-indent: -2000em; margin: 20px 0 0 3px;}
#recent-comments-3 h2 {background: url('images/Menu/NYESTE_KOMMENTARER.png') 0 0 no-repeat; text-indent: -2000em; margin: 20px 0 0 3px;}

#rightColumn {
	float: left;
	width: 480px;
}

#archive {
	font-size: 1.2em;
}

#categories {
	font-size: 1.2em;
	margin: 1em 0 0;
}

#contact {
		font-size: 1.2em;
		margin: 1em 0 0;
		text-transform: uppercase;
	}
	#contact p {
		margin-top: 0;
		font-size: 1em;
	}

#searchform {
	margin: 0;
	}
	
	#searchText {
		width: 130px;
		border: 1px #000 solid;
	}
	
	#commentform p input {
		border: 1px #000 solid;
	}


#commentform p #submit:hover {
	background-color: #666666;
}
	
#content input {
	border: none;
	font-size: 0.8em;
	font-weight: bold;
	background-color: #ffffff;
}

#content h3 {
	padding: 0 0 20px 0;
}

#content #s {
	border: 1px #000 solid;
}

#content #searchsubmit:hover {
	background-color: #666666;
}

#postPager {
	margin: 1em 0 0;
}

#blogPicture {
/*		border: 1px #000 solid;*/
		margin: 0;
		border: none;
		padding: 0;
	}

.post {
		font-size: 1em;
		margin: 0 0 15px 0;
		border: none;
		height: auto;
		width: 100%;
	}
	
	.post img {
		/*padding: 8px;*/
	}
	
	.post h2 {
		margin: 0;
		padding: 6px 0 0 0;
		font-weight: normal;
		font-size: 2em;       
	}
	
	.post a {
		font-size: 0.9em;
		padding: 10px 0 0 0;
	}
	
	.post p, .page p {
		line-height: 1.4em;
		margin: 0 0 0 0;		
        padding: 4px 0 0 0;
		overflow: visible;
		height: auto;
		clear: none;
	}
	.post object, .post embed {
		width: 100%;
	}

#recent-comments-3 {
	padding: 0;
	margin: 0;
}

.info {
	text-transform: none;
	padding: 0 0 5px 0;
}

.info P {
	font-size: 0.8em;
    color: #666666; 
}

.info p a {
	text-decoration: none;
    color:red;
}

.info p a:hover {
	text-decoration: underline;
    color:red;
}


#profile {
	display: inline-block;
	width: 480px;
	height: auto;
}

.user-meta {
	display: inline-block;
	margin: 0 0 10px 0;
}
	.user-meta #profile-image {
		float: left;
		margin: 0;
		padding: 0;
		width: 150px;
	}
	.user-meta #profile-data {
		margin: 0 0 0 160px;
		text-align: top;
		width: 300px;
	}

	.user-meta #profile-data p {
		font-size: 0.9em;
	}

		.user-meta #profile-data .profile-text {
			padding: 0 0 10px 0;
			margin: 0;
			display: inline-block;
			width: 100%;
		}

	.user-meta p {
		padding: 0;
		margin: 0 0 10px 0;
	}
	
	.user-meta a {
		text-decoration: none;
		color:red;
	}
	
	.user-meta h3{
		padding: 0 0 10px 0;
		margin: 0;
	}

	.user-meta h4{
		padding: 10px 0 0 0;
	}
	
	.user-meta h4 a{
		padding: 10px 0;
		color:#000;
	}

	.user-meta .navigation {
		padding: 0;
	}
	
	.user-meta .breaker {
		margin: 5px 0 15px 0;
	}
	
.entry p a {
	text-decoration: none;
    color: red;
}

.entry img {
	width: 100%;
}

.entry p a img {
	width: auto;
}

.entry p a:hover {
	text-decoration: underline;
    color: red;
}


.entry p {	
    line-height: 1.4em;
	margin: 0 0 10px 0;
	padding: 4px 0 0 0;
	overflow: visible;
	height: auto;
	clear: none;
}

.entry .wp-caption-text {
	width: 480px;
	text-align: right;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	}

.addtoany {
	display: inline-block;
	float: none;
}

.goto {
	text-transform: uppercase;
	padding: 15px 0 5px 0;
}

.breaker {
	margin: 5px 0 30px 0;
	border-top: 2px #000 solid;
	width: 480px;
}

.postmetadata, .commentmetadata {
		text-transform: uppercase;
		margin: 0 0 10px 0;
	}
	.postmetadata small, .commentmetadata small {
/*		display: block;
		overflow: hidden;
		height: 1%;
		margin: 0.2em 0;*/
		font-size: 0.9em;
		text-transform: uppercase;
	}

.mediaThumb {
	float: left;
	width: 30%;
	padding-right: 0.5em;
}

#content {
		float: left;
/*		width: 570px;*/
		width: 480px;
		margin: 0;
		padding: 0;
	}
#wrapper .mediaList {
/*		display: none;*/
		width: 100%;
		list-style: none;
		margin: 0 0 10px;
		padding: 0;
		font-size: 0.9em;
		clear: both;
/*		background: red;*/
	}
	.mediaList li {
/*			display: none;*/
/*			position: absolute;*/
			width: 100%;
/*			background: blue;*/
		}
		.mediaList li:first-child {
			display: block;
		}
		.mediaList li * {
				display: block;
/*				margin: <?=$mediaSubNodesCount > 1 ? "0": "0 auto" ?>;*/
			}
			.mediaList li .media {
					display: block;
					clear: both;
					width: 100%;
/*					background: yellow;*/
				}
				.mediaList li .media * {
					width: 100%;
				}
			
			.mediaList li .caption {
/*				position: absolute;
				top: 390px;
				left: 0;*/
				display: block;
				clear: both;
				width: 100%;
				padding-top: 0.5em;
				font-style: italic;
			}
			
			.mediaList li .credit {
/*				position: absolute;
				top: 450px;
				left: 0;*/
				display: block;
				clear: both;
				width: 100%;
			}
			
			.mediaList li:first-child .caption, .mediaList li:first-child .credit {
				display: block;
			}

.picturePager {
		display: none;
		overflow: hidden;
		height: 1%;
		margin: 0 0 10px;
		font-style: italic;
	}
	.picturePager a {
		text-decoration: none;
	}
	.picturePager span {
		font-size: 1em;
		float: right;
	}
	.picturePager span:first-child {
		float: left;
	}

#comments {
		width: 490px;
		font-weight: normal;
		padding: 0 0 10px 0;
		margin: 0;
	}
	#comments label {
		display: block;
		clear: both;
		text-transform: uppercase;
	}
	#comments textarea {
		border: 1px #000 solid;
		width: 476px;
		max-width: 476px;
	}
	#comments .text-input {
		display: block;
		width: 220px;
		font-weight: normal;
	}
	
	#comments p a {
		text-transform: uppercase;
		text-decoration: none;
	    color:red;
		font-size: 0.8em;
	}
	
	#comments p span {
/*			border: 1px #000 solid;*/
			float: left;
			margin-right: 20px;
		}
		#comments p span.left-aligned, #comments p span.right-aligned {
				width: 46%;
			}
			#comments p span.right-aligned {
				margin-right: 9px;
			}
.comment {
	margin: 0;
	padding: 0 0 10px 0;
}

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

.navigation {
	text-transform: none;
	font-size: 0.9em;
	display: block;
	width: 480px;
	height: 16px;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
        color: #666666;
}

.column {
	overflow: hidden;
	height: 1%;
}

#wrapper .no-margin {
	margin: 0;
}

#wrapper .left-aligned {
	float: left;
}

#wrapper .right-aligned {
	float: right;
}

.uppercase {
	text-transform: uppercase;
}

#categori-list ul li a{
	text-decoration: none;
	}
#menu {margin: 0; padding: 0; list-style: none; width: 900px; height: 150px;}
#menu li {margin: 0; list-style: none; padding: 0; display: inline;}
#menu a {text-indent: -2000em; display: inline-block; height: 98px; width: 107px;}

#menu .cat-item-1 a {background: url('images/Menu/Info_hvid.png') 0 0 no-repeat;}
#menu .cat-item-3 a {background: url('images/Menu/Links_hvid.png') 0 0 no-repeat;}
#menu .cat-item-4 a {background: url('images/Menu/LitteraturTema_hvid.png') 0 0 no-repeat;}
#menu .cat-item-5 a {background: url('images/Menu/Debat_hvid.png') 0 0 no-repeat;}
#menu .cat-item-6  a{background: url('images/Menu/Inspiration_hvid.png') 0 0 no-repeat;}
#menu .cat-item-7 a {background: url('images/Menu/LinkUp_hvid.png') 0 0 no-repeat;}

#menu .cat-item-1 a:hover {background: url('images/Menu/Info_groen.png') 0 0 no-repeat;}
#menu .cat-item-3 a:hover {background: url('images/Menu/Links_groen.png') 0 0 no-repeat;}
#menu .cat-item-4 a:hover {background: url('images/Menu/LitteraturTema_groen.png') 0 0 no-repeat;}
#menu .cat-item-5 a:hover {background: url('images/Menu/Debat_groen.png') 0 0 no-repeat;}
#menu .cat-item-6 a:hover {background: url('images/Menu/Inspiration_groen.png') 0 0 no-repeat;}
#menu .cat-item-7 a:hover {background: url('images/Menu/LinkUp_groen.png') 0 0 no-repeat;}

#menu .cat-item-1.current-cat a {background: url('images/Menu/Info_groen.png') 0 0 no-repeat;}
#menu .cat-item-3.current-cat a {background: url('images/Menu/Links_groen.png') 0 0 no-repeat;}
#menu .cat-item-4.current-cat a {background: url('images/Menu/LitteraturTema_groen.png') 0 0 no-repeat;}
#menu .cat-item-5.current-cat a {background: url('images/Menu/Debat_groen.png') 0 0 no-repeat;}
#menu .cat-item-6.current-cat a {background: url('images/Menu/Inspiration_groen.png') 0 0 no-repeat;}
#menu .cat-item-7.current-cat a {background: url('images/Menu/LinkUp_groen.png') 0 0 no-repeat;}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.alignleft a {
	color: red;
	}

.entry .gallery-nav a {
	color: #ffffff;
	}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}