/*
Theme Name: AOsterlund
Version: 1.0
Author: Arvid Österlund

*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

ul {
	list-style: none;
}

a {
	color: #5ad1de;
}
a:hover {
	text-decoration: none;
}

img {
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #9ad632 url('images/background.gif') repeat-x;
	color: #333;
	text-align: center;
	overflow: -moz-scrollbars-vertical;
}

.clr {
	clear: both;
}

#page {
	margin: -40px auto 0;
	width: 870px;
	height: auto;
	min-height: 100%;
	background: url('images/shadow.png') repeat-y top center;
}
* html #page {
	height: 100%;
}
	#container {
		padding: 15px 20px 20px;
		margin: 0 10px;
	}
		#header {
			padding: 40px 0 0;
			height: 95px;
			color: #fff;
			text-align: left;
		}
			#header h1 a {
				color: #fff;
				text-decoration: none;
			}
			
			ul#menu {
				position: absolute;
				top: 76px;
				margin-left: 610px;
			}
				ul#menu li {
					float: left;
					margin: 0 0 0 2px;
					display: inline;
				}
			
		#content {
			float: left;
			text-align: left;
			width: 565px;
		}
			#content h2 {
				margin-bottom: 3px;
				margin-right: 32px;
			}
		
			p {
				margin: 0 0 10px;
			}
				p.postmetadata {
					margin: 0 0 5px;
					font-size: 0.8em;
					text-align: right;
				}
		
			h2, h2 a {
				background: #5ad1de url('images/background_headline.gif') repeat-x top left;
				color: #fff;
				padding: 4px 5px;
				height: 22px;
				text-decoration: none;
				font-size: 18px;
			}
			h2 a {
				padding: 0;
				background: none;
			}
				
			div.categories {
				height: 30px;
				float: right;
				background: #fff;
			}
				div.categories a img.catIcon {
					border: 0;
					width: 30px;
					height: 30px;
					float: left;
					margin-left: 2px;
				}
				
			.alignleft {
				float: left;
				display: inline;
				margin: 0 10px 10px 0;
				text-align: left;
			}
			
			.alignright {
				float: right;
				display: inline;
				margin: 0 0 10px 10px;
				text-align: right;
			}
			.aligncenter {
				display: block;
				float: none;
				margin: 0 auto 10px;
				text-align: center;
			}
			
			.alignnone {
				float: none;
				margin: 0 0 10px 0;
			}
			
			div.post {
				margin: 0 0 10px;
				border-bottom: 1px solid #5ad1de;
			}
				div.post small {
					display: block;
					margin: 0 0 5px;
					color: #888;
					font-size: 11px;
					padding-bottom: 1px;
					border-bottom: 1px dotted #ccc;
				}
					div.post small.tags {
						display: block;
						margin: 0 0 5px;
						color: #888;
						font-size: 11px;
						padding-bottom: 1px;
						border-bottom: 0;
					}
					
				p.postmetadata {
					float: right;
				}

				div.entry p a img {
					padding: 2px;
					background: #fff;
					border: 1px solid #e1e1e1;
				}
				div.post h3,
				div.post h3 a {
					background: #eeeeee url('images/background_headline_gray.gif') repeat-x top left;
					color: #5ad1de;
					padding: 4px 5px;
					height: 22px;
					text-decoration: none;
					margin-bottom: 3px;
					font-size: 18px;
				}
				div.post h3 a {
					padding: 0;
					background: none;
					margin: 0;
				}
				
				#content div.post.page {
					border: 0;
				}
					#content div.post.page h2 {
						margin: 0 0 5px;
					}
					
			ul#catMenu {
				margin-top: 10px;
			}
				ul#catMenu li {
					float: left;
					width: 112px;
				}
					ul#catMenu li a {
						text-align: center;
						display: block;
						text-decoration: none;
						padding: 10px;
						border: 1px solid #fff;
						
						font-weight: bold;
					}
						ul#catMenu li a img {
							display: block;
							margin: 0 auto;
						}
					ul#catMenu li a:hover {
						border: 1px solid #f0f0f0;
					}
					ul#catMenu li a.active {
						border: 1px solid #e1e1e1;
					}
			
		#sidebar {
			width: 225px;
			float: right;
			margin-left: 20px;
			text-align: center;
		}
			#sidebar #box {
				padding: 10px;
				height: 170px;
				background: #59d2de url('images/background_box.gif') repeat-x;
				
				color: #fff;
				font-weight: bold;
			}
			#sidebar ul#main {
				margin-top: 20px;
				border-top: 2px solid #5ad1de;
				padding-top: 5px;
			}
				#sidebar ul#main li {
					
				}
					#sidebar ul#main li a {
						font-weight: bold;
						font-size: 1.2em;
						text-decoration: none;
					}
					#sidebar ul#main li a:hover {
						text-decoration: underline;
					}
					#sidebar ul#main li.current-cat a {
						text-decoration: underline;
					}
			#sidebar h2 {
				margin: 10px 0 5px;
				padding: 0;
				color: #59d2de;
				background: none;
			}
			#sidebar ul#links li {
				margin-bottom: 10px;
			}
				#sidebar ul#links li a {
					color: #999;
					line-height: 1px;
					font-size: 0.9em;
					text-decoration: none;
				}
				#sidebar ul#links li a:hover {
					color: #666;
				}
	
#footer {
	background: url('images/shadow.png') repeat-y top center;
	margin: 0 auto;
	width: 870px;
	padding: 5px 0;
	height: 30px;
}
	#footer p {
		border-top: 1px solid #ccc;	
		margin: 0 30px;
		padding-top: 5px;
	}
	#footer img {
		margin-top: -13px;
		float: right;
	}

/* Kommentarer */
#commentsBlock {
	padding: 0 10px 10px;
}
	h3#comments {
		margin-bottom: 10px;
	}
	ol.commentlist {
		list-style: none;
	}
		ol.commentlist li {
			border-bottom: 1px solid #f0f0f0;
			padding: 10px 10px 0;
			background: #f9f9f9;
		}
		ol.commentlist li.alt {
			background: #fff;
		}
			ol.commentlist li div {
				line-height: 1.2em;
				padding-bottom: 10px;
			}
				ol.commentlist li div img.avatar {
					float: left;
					margin-right: 5px;
					padding: 1px;
					background: #fff;
					border: 1px solid #5ad1de;
				}
				ol.commentlist li div span {
					display: block;
					padding-top: 3px;
				}
				ol.commentlist li div p {
					clear: both;
				}
				
	form#commentform {
		padding: 0 10px 10px;
	}
		form#commentform h3 {
			margin-bottom: 5px;
		}
		form#commentform textarea {
			width: 545px;
			height: 90px;
		}
		
			
/* VIDEO */
span.youtube {
	display: block;
	margin: 20px auto 10px;
	width: 425px;
	background: #f9f9f9;
	padding: 5px;
	border: 1px solid #f0f0f0;
}

/* Kontaktformulär */
#cformsform {
	text-align: left;
	font-size: 0.95em;
	margin: 0 0 10px;
}
	#cformsform label {
		padding: 0;
		text-align: left;
		margin: 5px 0 0;
	}
	#cformsform input[type="text"],
	#cformsform textarea {
		width: 300px;
		margin: 0 5px 0 0;
		display: block;
		border: 1px solid #999;
	}
	#cformsform textarea {
		width: 550px;
		height: 200px;
		margin: 0;
	}
	#cformsform span.reqtxt,
	#cformsform span.emailreqtxt {
		font-size: 0.9em;
		color: #666;
	}
	#cformsform input.sendbutton {
		margin: 10px 0 0;
	}
	
/* Tagcloud */
#tagCloud {
	text-align: left;
}
	#tagCloud a {
		color: #666;
		text-decoration: none;
	}
	#tagCloud a:hover {
		color: #5ad1de;
	}