/*
Theme Name: Molotov theme
Theme URI: http://www.molotov.no
Description: Markus Lind's personal blog theme
Version: 1.0
Author: Markus Lind
Author URI: http://www.molotov.no
Tags: beige, custom header, fixed width, one column, portfolio, design
*/

html{
	background-color: white;
}

body{
	background-color: white;
	color: black;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 62.5%;
	margin: 35px auto;
	position: relative;
	width: 960px;
}
	a{
		color: #3bb6b5;
		text-decoration: none;
	}
	h1{
		background-image: url(images/h1-bg.png);
		background-position: right top;
		background-repeat: no-repeat;
		color: #999;
		font-size: 7.5em;
		font-family: Times;
		font-weight: normal;
		margin-bottom: 10px;
		padding-top: 48px;
		text-transform: uppercase;
		width: 425px;
	}
		h1>a{
			color: #999;
		}
	h2{
		font-family: Times;
		font-size: 2.9em;
		font-weight: normal;
		text-transform: uppercase;
	}
	h2.pagetitle{
		margin: 30px 0 30px 0;
	}
	h3{
		font-family: Times;
		font-size: 2em;
		font-weight: normal;
		text-transform: uppercase;
	}
	div#topmenu{
		position: absolute;
		right: 0;
		top: 78px;
		width: 543px;
	}
		div#topmenu>ul{}
			div#topmenu>ul>li{
				background-image: url(images/topmenu-li-bg.png);
				background-position: right bottom;
				background-repeat: no-repeat;
				float: right;
				padding-right: 18px;
			}
			div#topmenu>ul>li:first-child{
				background-image: none;
				padding-right: 0;
			}
				div#topmenu>ul>li>a{
					display: block;
					font-size: 1.2em;
					padding-bottom: 5px;
					padding-top: 17px;
					text-transform: uppercase;
				}
		hr.simple{
			background-image: url(images/hr-01.png);
			background-position: left top;
			background-repeat: repeat-x;
			border: none;
			height: 3px;
		}
		div.tags{
			color: #a5a5a5;
			font-style: italic;
		}
		div.featured{
			background-color: #f3f3f3;
			background-image: url(images/featured-bg.png);
			background-position: left bottom;
			background-repeat: no-repeat;
			padding-bottom: 37px;
			position: relative;
			margin-bottom: 30px;
			margin-top: 30px;
		}
			div.featured>img{
				background-color: #444;
				height: 430px;
				width: 960px;
			}
			div.featured>div.introtext{
				margin: 27px 50px 0 20px;
				width: 563px;
			}
				div.featured>div.introtext>h2{
					margin-bottom: 20px;
				}
				div.featured>div.introtext>p{
					font-size: 1.2em;
					line-height: 1.2em;
				}
			div.featured>div.tags{
				font-size: 1.2em;
				line-height: 1.2em;
				margin-right: 20px;
				position: absolute;
				right: 0;
				top: 492px;
				width: 307px;
			}
			div.post{
				background-image: url(images/post-bg.png);
				background-position: left bottom;
				background-repeat: repeat-x;
				float: left;
				padding-bottom: 30px;
				padding-right: 20px;
				margin-bottom: 30px;
				width: 450px;
			}
				div.post>a.imglink{
					display: block;
					float: left;
					margin-right: 20px;
					width: 211px;
				}
				div.post>div.content{
					float: right;
					margin-top: 10px;
					width: 219px;
				}
					div.post>div.content>h3{
						margin-bottom: 20px;
					}
					div.post>div.content>p{
						font-size: 1.1em;
						line-height: 1.1em;
						margin-bottom: 20px;
					}
					div.post>div.content>p.tags{
						color: #aaa;
					}
			div.right{
				float: right;
			}
			div.lastline{
				background-image: none;
			}
		div.single{
			margin-top: 30px;
		}
			div.single h2{
				margin-bottom: 30px;
			}
			div.single p{
				font-size: 1.2em;
				line-height: 1.2em;
			}
				div.single p img{
					margin-top: 30px;
				}