/*
Theme Name: Andreas-Skoglund.se IV
Theme URI: http://www.andreas-skoglund.se
Description: Egenknackat tema, med hjälp av standardtemat som inspiration till klassnamn och kodsnuttar.
Version: 0.1
Author: Andreas Skoglund
Author URI: http://www.andreas-skoglund.se
Tags: de nada

	Andreas-Skoglund.se IV 0.1
	 http://www.andreas-skoglund.se
*/
* {

}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	background: #202020;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
}

#wrapper { /* Inramar själva sidan och innehållet */
	width: 768px;
	margin: auto;
}
    
#sidebar {
	width: 208px;
	font-size: 1.6em;
	color: white;
	font-family: sans-serif;
	text-shadow: 1px 1px 2px #000;
}
#sidebar a {
	color: #BBB;
}
#sidebar a:visited {
	color: #888;
}
#sidebar a:hover {
	color: #EFEFEF;
}
.left {
	float: left;
	position: fixed;
}
.right {
	float: right;
}

#main_menu, #widgets, #widgets ul {
	margin: 0;
	padding: 0;
}
#main_menu li {
	display: block;
	height: 36px;
	line-height: 36px;
	text-indent:36px;
}

#widgets li {
	display: block;
	text-indent:36px;
}
#widgets .children {
	margin-left: 1em;
	font-size: 80%;
}
#sidebar a:hover {
	color: white;
}
#main_menu a, #widgets a {
	text-decoration: none;
	display: block;
}
#main_menu a.active, #sidebar .current-cat a {
	color: white;
	}
#menu_blogg a {
	background: url('./bilder/ikoner/blogg_inaktiv.png') no-repeat top left;
}
#menu_fotografier a{
	background: url('./bilder/ikoner/fotografier_inaktiv.png') no-repeat top left;
}
#menu_om_mig a {
	background: url('./bilder/ikoner/om_mig_inaktiv.png') no-repeat top left;
}
#menu_blogg a.active {
	background: #181818 url('./bilder/ikoner/blogg.png') no-repeat top left;
}
#menu_fotografier a.active {
	background: #181818 url('./bilder/ikoner/fotografier.png') no-repeat top left;

}
#menu_om_mig a.active {
	background: #181818 url('./bilder/ikoner/om_mig.png') no-repeat top left;
}
#main_menu a:hover {
	color: white;
	background-color: #191919;
}

#content {
	font-size: 1.4em;
	float: right;
	margin: auto;
	width: 560px;
	background: white;
	line-height: 1.4em;
	color: #111;
}
#content a, #footer a {
	text-decoration: none;
	color: #0066CC;
}
#content a:visited, #footer a:visited {
	color: #CC66FF;
}
#content a:hover, #footer a:hover {
	color: #0099FF;
}
#content h2, #sidebar h2 {
	font-size: 115%;
}
#content h2 {
	margin: 1.5em;
}

#content h3 {
	font-size: 110%;
	margin: 1.5em;
}
#content p {
	margin: 2em;
}

#content ul, #content ol {
	margin-left: 1em;
}
.postmetadata {
	margin: 2em;
}
.spotify {
	line-height: 16px;
	background: url('./ikoner/spotify.png') no-repeat top left;
	padding-left: 24px;
	height: 16px;
	margin: 1em 0;
}
.navigation {
	clear: both;
}
.navigation .alignleft {
	float: left;
	margin: 2em;
	}
.navigation .alignright {
	float: right;
	margin: 2em;
	}
#footer {
	font-size: 120%;
	color: #CFCFCF;
	background: #282828;
	clear: both;
	height: 3.5em;
	float: right;
	width: 560px;
}
#footer p {
	text-align: center;
	}
h1 {
	font-size: 120%;

}
#sidebar h1 a, #sidebar h1 a:visited, #sidebar h1 a:hover {
	text-decoration: none;
	color: white;
	}

.hr {
	clear: both;
}
.date {
	margin: 2em;
	margin-top: -2em;
	font-size: 90%;
	}
.hr hr {
	display: none;
}
/* Här lägger jag de element som skall ha skugga på sig
#content img {
	-moz-box-shadow: 0px 2px 4px #111;
	-webkit-box-shadow: 0px 2px 4px #111;
	padding: 0;
}
*/
/* Samma med text */

/*	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) */
p img {
	border: none;
}
p img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
p img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
p img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

p img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */