/*
Theme Name: Olles Plastikkirurgi
Theme URI: http://wordpress.org/
Description: None
Version: 1.0
Author: MediaAnalys
Tags: ma
*/

	#topmenu {
		background: url('images/menu-top-bkg.png');
	}
		#topmenu ul.menu {
			background: url('images/menu-top-bkg.png');
			padding: 0;
			margin: 0;
			overflow: hidden;
			width: 850px;
			float: left;
		}
			#topmenu ul.menu li {
				list-style: none;
				float: left;
			}
				#topmenu ul.menu li a {
					display: block;
					font: normal 14px/40px Arial;
					padding: 0 20px 0 20px;
					color: #fff;
					text-decoration: none;
					border-right: 1px solid #333333;
					border-left: 1px solid #6f6f6f;
					border-bottom: none;
				}
					#topmenu ul.menu li a:hover {
						background: #4d4d4d;
					}
				#topmenu ul.menu li.current_page_item a, #topmenu ul.menu li.current_page_ancestor a {
					background: #333;
					color: #fff;
				}
				.clear {
					float: none;
					clear: both;
				}
		#topmenu ul.lang {
			background: url('images/menu-top-bkg.png');
			width: 100px;
			float: left;
			margin: 0;
			padding: 0;
		}
			#topmenu ul.lang li {
				list-style: none;
				margin: 0;
			}
				#topmenu ul.lang li a{
					float: left;
					border: none;
					padding: 0 3px;
					display: inline-block;
					line-height: 14px;
				}
					#topmenu ul.lang li a img{
						border: none;
					}

body {
	background: #e0e0e0;
}

#container {
	margin: 0 auto;
	background: #e6e6e6;
	border: 1px solid #ccc;
}

#header {
	background: #ddd;
}
	#header a.logo {
		display: block;
		height: 200px;
		background: url('images/logo.jpg');
		border: none;
	}

	#logo-info {
		position: absolute;
		margin-left: 400px;
		margin-top: 20px;
	}
	
#footer {
	clear: both;
	background: #fff url('images/footer-bkg.gif') repeat-x;
	overflow: hidden;
	padding-bottom: 10px;
}
	#footer .article {
		padding: 10px 50px 5px 260px;
	}
		#footer .article p {
			padding: 0;
			margin: 0;
			float: left;
			width: 50%;
		}

#main {
	background: #e6e6e6;
	border-top: 1px solid #fff;
	overflow: hidden;
	background: #fff url('images/sidebar-bkg.png') repeat-y 200px;
}

#content {
	
}
	#content .article {
		margin-bottom: 10px;
		padding-bottom: 0;
	}
	#content #post {
		background: #fff;
		padding: 20px;
		overflow: hidden;
	}
		#content #post h1 {
			padding: 0;
			margin: 0;
			font: normal 30px Georgia;
			color: #686868;
		}
		
		
	#content #banner {
		
		background: #fff;
		background: #f14a40;
		
		background: #e5463d url('images/banner-top.gif') no-repeat;
		padding: 15px 15px 5px 15px;
	}
		#content #banner h3 {
			padding: 0;
			margin: 0;
			font: bold 30px Georgia;
			color: #fff;
		}
		
		#content #banner p {
			color: #fff;
		}
		
		.banner-bottom {
			background: url('images/banner-bottom.gif');
			height: 10px;
		}

#sidebar {
	padding: 20px;
	padding-bottom: 10px;
}
	#sidebar p {
		margin-top: 0;
	}

.aside {
	
}

	.aside .article {
		margin-bottom: 10px;
	}
	
	.aside .article h3 {
		padding: 0;
		margin: 0;
		font: bold 12px Arial;
		text-transform: uppercase;
		color: #686868;
		margin-bottom: 5px;
	}
	.aside .article p {
		font: normal 11px Arial;
		color: #333;
		margin-bottom: 10px;
	}
	.aside #menu {
		
	}
	.aside #menu ul {
		padding: 0;
		margin: 0;
	}
	.aside #menu  li {
		
		list-style: none;
	}
	.aside #menu li a {
		/*border: 1px solid #ccc;
		border-top: none;
		display: block;
		font: normal 14px/28px Arial;
		padding: 0 10px 0 10px;
		
		background: url('images/menu-aside-bkg.gif') repeat-x center;
		*/
		border: none;
		display: block;
		color: #555;
		padding: 5px;
		border-bottom: 1px dotted #ccc;
	}
		.aside #menu li a:hover {
			border-bottom: 1px dotted #555;
		}
	.aside #menu li.current_page_item a {
		/*background: url('images/menu-aside-current.gif') repeat-x center;*/
		
		/*padding: 0 11px 1px 11px;*/
		
		font-weight: bold;
		background: url('images/sidebar-active.gif') repeat-x bottom;
	}
	
	.aside #yellowbox {
		background: #ffffc4;
		border: 1px solid #ccc;
		padding: 10px;
	}
	.aside #greybox {
		background: #f2f2f2;
		border: 1px solid #ccc;
		padding: 10px;
	}
		.aside #greybox li {
			margin-left: 15px;
		}
			.aside #greybox li a {
				font: normal 11px Arial;
			}

.readmore {
	overflow: hidden;
}
.readmore a {
	background: url('images/readmore.gif');
	font: normal 12px/30px Arial;
	display: block;
	width: 80px;
	border: none;
	text-align: center;
	float: right;
}
	.readmore a:hover {
		border: none;
		background: url('images/readmore.gif') right;
	}
	
iframe {
	border: 1px solid #ccc;
}