/* -- misc -- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td, img, hr, embed, object { 
	margin: 0;
	padding: 0;
}

img {
	display: block;
}

/* -- links -- */

a {
	color: #3080cb;
	text-decoration: none;
	border-bottom: 1px solid #3080cb;
	outline: none;
}

a:hover {
	/* color: #1760a5; bla */
	color: #ad0000;
	border-bottom: 1px solid #ad0000;
}

/* -- type -- */

h1 {
	font: bold 18px/27px Arial, Helvetica, sans-serif;
}

h2 {
	padding: 0 0 5px 0;
	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

p {
	padding: 0 0 10px 0;
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

/* -- forms -- */

label {
	display: block;
	padding: 0 0 5px 0;
	font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
}

input.text {
	padding: 3px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	padding: 3px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

input.submit {
	padding: 2px;
	overflow: visible;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

/* -- structure -- */

body {
	background: #e5e5e5;
}

#con {
	width: 728px;
	margin: 0 auto;
}

/* head */

#head {
	height: 70px;
	background: #ad0000;
	border-bottom: 3px solid #7f0000;
	overflow: hidden;
	zoom: 1;
}
	
	#logo {
		float: left;
		padding: 0 0 0 20px;
		width: 430px; 
	}
	
		#logo p {
			padding: 28px 0 0 0;
			width: 168px;
		}
	
		#logo p a {
			background: green;
		}
		
		#logo p a img {
			border: none;
		}
	
	#search {
		float: left;
		width: 258px;
		height: 26px;
		padding: 22px 20px 22px 0;
	}
	
		#search form {
			line-height:26px;
			text-align: right;
			padding: 0;
		}
		
		#search form input.text {
			display: inline;
			width:130px;
			vertical-align:middle;
		}
		
		#search form input.submit {
			margin:0;
			vertical-align:middle;
		}

/* loggedin */

#loggedin {
	padding: 10px 20px;
	background: #f2f2f2;
	border-bottom: 2px solid #e5e5e5;
}

	#loggedin p {
		padding: 0;
		overflow: hidden;
		zoom: 1;
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}
	
	#loggedin p span.username {
		float: left;
		font-weight: bold;
		color: #000;
	}
	
	#loggedin p span.menu {
		float: left;
		padding: 0 0 0 10px;
	}
	
		#loggedin p span.menu a {
			margin: 0 5px 0 0;
		}
		
			#loggedin p span.menu a span {
				color: #ad0000;
			}	
	
	#loggedin p span.logout {
		float: right;
	}
	
	#loggedin p a {
		color: #3080cb;
		border-bottom: 1px solid #3080cb;
	}
	
	#loggedin p a:hover {
		color: #ad0000;
		border-bottom: 1px solid #ad0000;
	}

/* ad */

#ad {
	height: 0px;
	padding: 10px 0 0 0; /* lägg till bottom-padding när annons visas */
}

	#ad a img {
		border: none;
	}

#bad {
	margin: 0 0 20px 0;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}

/* content */

#content {
	padding: 20px 20px 10px 20px;
	background: #fff;
	overflow: hidden;
	zoom: 1;
}

/* aside */

#aside {
	float: left;
	width: 179px;
	padding: 0 20px 0 0;
	border-right: 1px solid #e5e5e5;
}

/* main */

#main {
	float: left;
	padding-left: 20px;
	width: 468px
}

/* foot */

#foot {
	color: #9f9f9f;
	padding: 10px 0 0 0;
	text-align: right;
}

/* -- components -- */

ul.tags {
	padding: 0 0 20px 0;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}

ul.tags li {
	float: left;
	padding: 0 5px 0 0;
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

/* -- pages -- */

/* default */

div#welcome {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e5e5e5;
	
	overflow: hidden;
	zoom: 1;
}

	div#welcome h1 {
		display: inline;
	}

	div#welcome p {
		display: inline;
		padding: 0;
		font: bold 18px/27px Arial, Helvetica, sans-serif;
	}
	
	div#welcome p.note {
		display: block;
		color: #000;
		padding: 5px 0 10px 0;
		font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	}

	div#promote {
		padding: 10px 10px;
		border-bottom: 1px solid #f7bd28;
		background: #ffe299;
	}
	
	div#promote h2 {
		
	}
	
	div#promote p {
		padding: 0 0 0 0;
	}
	
	div#promote p a {
		color: #7f0000;
		font-weight: bold;
		border-bottom: 1px solid #7f0000;
	}
	
	div#promote p a:hover {
		color: #000;
		border-bottom: 1px solid #000;
	}

form#login {
	padding: 0 0 15px 0;
}

	form#login label {
		display: block;
		padding: 0 0 5px 0;
		font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	}
	
	form#login input.text {
		width: 150px;
		margin: 0 0 5px 0;
		font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	}
	
	form#login p {
		padding: 5px 0 0 0;
	}
	
	form#login div#remember {
		line-height: 15px;
		padding: 0 0 5px 0;
	}
	
		form#login div#remember input.checkbox {
			display: inline;
			margin: 0;
			padding: 0;
			width: 15px;
			height: 15px;
			vertical-align: middle;
		}
		
		form#login div#remember label {
			display: inline;
			vertical-align: middle;
			font: normal 10px Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0;

		}
	
	form#login p#login-error {
		color: #ad0000;
		text-decoration: underline;
	}

ol.toplist {
	margin: 0 0 20px 0;
	padding: 5px 0;
	list-style: none;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

	ol.toplist li {
		padding: 5px 0;
		font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	}
	
/* register */

p#cmode span,p#rmode span {
	border-bottom: 1px solid #8cc30f;
}

form#register {
	overflow: hidden;
	zoom: 1;
	padding: 0 0 20px 0;
}

	form#register p {
		float: left;
		width: 234px;
		padding: 0 0 5px 0;
	}
	
	form#register p input.text {
		width: 200px;
	}
	
ul#errors {
	list-style: none;
}

	ul#errors li {
		margin: 0 0 5px 0;
		padding: 0 0 0 10px;
		border-left: 3px solid #ad0000;
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
		color: #ad0000;
	}

/* tag */

ul#stories {
	list-style: none;
	margin: 5px 0 20px 0;
	border-top: 1px solid #e5e5e5;
}

	ul#stories li.item {
		padding: 12px 0;
		border-bottom: 1px solid #e5e5e5;
	}
	
		ul#stories li.item h3 {
			padding: 0 0 5px 0;
			line-height: 11px;
			float:left;
		}
	
		ul#stories li.item p {
			padding: 0 0 5px 0;
			clear: both;
		}
	
		ul#stories li.item p.tags {
			color: #999;
			float: right;
			clear: none;
		}
		
			ul#stories li.item p.tags a {
				border: 1px solid #d7d7d7;
				font: normal 10px/10px Arial, Helvetica, sans-serif;
				padding: 2px 4px;
			}
		
		ul#stories li.item p.by {
			color: #999;
		}
	
		ul#stories li.item ul.meta {
			list-style: none;
			overflow: hidden;
			zoom: 1;
			color: #999;
			padding: 0;
		}
		
			ul#stories li.item ul.meta li {
				float: left;
				padding: 0 10px 0 0;
				font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
			}
			
			ul#stories li.item ul.meta li.date {
			}
		
			ul#stories li.item ul.meta li.length {
			}
			
			ul#stories li.item ul.meta li.rating {
			}
			
			ul#stories li.item ul.meta li.comments {
			}
			
			ul#stories li.item ul.meta li.tags {
				clear: left;
				display: block;
				width: 445px;
			}
			
			ul#stories li.item ul.meta li span {
				font-weight: normal;
			}
			
			ul#stories li.item ul.meta li a {
				/* color: #999; */
			}
			
			
ol#pages {
	list-style: none;
	overflow: hidden;
	zoom: 1;
	padding: 0 0 20px 0;
}

	ol#pages li {
		float: left;
	}
	
	ol#pages li a {
		padding: 3px 7px;
		font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
		display: block;
		border-bottom: none;
	}
	
	ol#pages li a#current {
		border: 1px solid #e5e5e5;
	}
	
/* post */

form#story {

}

	form#story label {
		
	}

	form#story input.text {
		width: 250px;
		margin: 0 0 10px 0;
		display: block;
	}

	form#story textarea {
		width: 455px;
		height: 600px;
		margin: 0 0 10px 0;
	}
	
	form#story input#tags {
		width: 250px;
	}
	
	form#story div.desc {
		margin: 0 0 5px 0;
		padding: 0 0 0 10px;
		border-left: 3px solid #f7bd28;
	}
	
	form#story div.desc p {
		padding: 0;
		font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
	}
	
	form#story input.submit {
		
	}
	
ul#tips {
	padding: 0 0 15px 0;
	list-style: none;
}

	ul#tips li {
		margin: 0 0 5px 0;
		padding: 0 0 0 10px;
		border-left: 3px solid #e5e5e5;
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}

h2#errorheading {
	color: #ad0000;
}

/* story */

p#story {
	margin: 10px 0 0 0;
	padding: 10px 0 20px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

div#rt {
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 20px 0;
}

	div#rt div {
		float: left;
		width: 234px;
		padding: 0 0 10px 0;
	}
	
	div#rt h2 {
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #e5e5e5;
	}

	div#rt ul {
		font: bold 11px/19px Verdana, Arial, Helvetica, sans-serif;
	}
	
		div#rt div ul li {
			display: inline;
			margin-right: 5px;
		}
		
	div#rt p {
		font: normal 11px/19px Verdana, Arial, Helvetica, sans-serif;
	}
	
	div#rt ol {
		list-style: none;
		overflow: hidden;
		zoom: 1;
	}
	
		div#rt ol li {
			display: block;
			float: left;
		}
		
		div#rt ol li a {
			padding: 8px 10px;
			display: block;
			margin: 0 2px 0 0;
			border-bottom: 1px solid #e5e5e5;
			border-right: 1px solid #e5e5e5;
			border-top: 1px solid #f7f7f7;
			border-left: 1px solid #f7f7f7;
			background: #f2f2f2;
			font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;
		}
		
		div#rt ol li a:hover {
			border-left-color: #fafafa;
			border-top-color: #fafafa;
			border-bottom-color: #e1e1e1;
			border-right-color: e1e1e1;
			background: #f0f0f0;
		}

ul#meta {
	margin: 0 0 20px 0;
	padding: 5px 0;
	list-style: none;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

	ul#meta li {
		padding: 5px 0;
		font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	}

ul#shortcuts {
	margin: 0 0 20px 0;
	padding: 5px 0;
	list-style: none;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

	ul#shortcuts li {
		padding: 5px 0;
		font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	}

div#ranking {
	margin: 0 0 20px 0;
	padding: 10px;
	
	background: #f2f2f2;
	border-bottom: 1px solid #e5e5e5;
}

	div#ranking p {
		padding: 0;
		color: #7f0000;
		overflow: hidden;
		zoom: 1;
	}

	div#ranking p span#average {
		float: left;
		font: bold 18px/18px Verdana, Arial, Helvetica, sans-serif;	
	}
	
	div#ranking p span#noaverage {
		color: #999;
		float: left;
		font: bold 18px/18px Verdana, Arial, Helvetica, sans-serif;	
	}
	
	div#ranking p span#votes {
		float: right;
		color: #999;
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}

form#comment {
	margin: 5px 0 20px 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

	form#comment p {
		padding: 0 0 5px 0;
	}

	form#comment p span {
		font-weight: bold;
	}

	form#comment textarea {
		display: block;
		width: 350px;
		height: 100px;
		margin: 0 0 5px 0;
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
		overflow: auto;
	}
	
	form#comment input.boink {
		display: none;
	}

ol#comments {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0 0 20px 0;
	border-top: 1px solid #e5e5e5;
}

	ol#comments li {
		padding: 10px 0;
		border-bottom: 1px solid #e5e5e5;
	}

	ol#comments li p.comment-meta {
		padding: 0 0 5px 0;
		color: #999;
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}
	
	ol#comments li p.comment-meta a {
		font-weight: bold;
	}

	ol#comments li p.comment-content {
		padding: 0;
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}
	
/* recover-password */

form#recover-password {
	height: 25px;
	line-height: 25px;
}

	form#recover-password input.text {
		width: 200px;
		vertical-align: middle;
	}
	
	form#recover-password input.submit {
		vertical-align: middle;
	}

p#recover-output {
	padding: 5px 0 0 0;
	text-decoration: underline;
}

/* user */

p#stats {
	padding: 0 0 20px 0;
}

form#pm {
	padding: 0 0 10px 0;
}

	form#pm textarea {
		width: 170px;
		height: 100px;
		margin: 0 0 5px 0;
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}

p#description {
	margin: 10px 0 20px 0;
	padding: 10px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

ul#user-comments {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
	border-top: 1px solid #e5e5e5;
}

	ul#user-comments li {
		padding: 10px 0;
		border-bottom: 1px solid #e5e5e5;
	}

	ul#user-comments li p.comment-meta {
		padding: 0 0 5px 0;
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
		color: #999;
	}
	
	ul#user-comments li p.comment-meta a {
		font-weight: bold;
	}

	ul#user-comments li p.comment-content {
		padding: 0;
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}

/* settings-stories */

form#edit-story {
	overflow: hidden;
	zoom: 1;
}

	form#edit-story select {
		float: left;
		
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}
	
	form#edit-story button {
		float: left;
	}

ul#edit-story {
	list-style: none;
	padding: 0 0 15px 0;
}

	ul#edit-story li {
		padding: 0 0 5px 0;
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}
	
form#description {
	padding: 5px 0 20px 0;
}

	form#description textarea {
		display: block;
		width: 455px;
		height: 150px;
		margin: 0 0 5px 0;
	}
	
form#notifications {
	padding: 5px 0 20px 0;
}

	form#notifications div {
		line-height: 15px;
		padding: 0 0 5px 0;
	}
	
		form#notifications div input.checkbox {
			display: inline;
			margin: 0;
			padding: 0;
			width: 15px;
			height: 15px;
			vertical-align: middle;
		}
		
		form#notifications div label {
			display: inline;
			vertical-align: middle;
			font: normal 10px Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0;

		}	

/* messages */

ul#messages {
	list-style: none;
	border-top: 1px solid #e5e5e5;
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
}

	ul#messages li {
		padding: 5px 0 10px 0;
		border-bottom: 1px solid #e5e5e5;
	}
	
		ul#messages li p.meta {
			padding: 0 0 5px 0 !important;
		}
		
			ul#messages li p.meta a {
				font-weight: bold;
			}
		
			ul#messages li p.meta span {
				color: #999;
			}
		
		ul#messages li p.content {
			padding: 0 0 5px 0 !important;
		}
		
		ul#messages li p.options {
			padding: 5px 0 0 0 !important;
		}
		
		ul#messages li form.reply {
			padding: 10px 0 0 0;
		}
		
			ul#messages li form.reply textarea {
				display: block;
				width: 455px;
				height: 100px;
				margin: 0 0 5px 0;
				font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
				overflow: auto;
			}
			
			ul#messages li form.reply input.submit {
				
			}
			
/* search */

ul.salist {
		margin: 0 0 20px 0;
		padding: 5px 0;
		list-style: none;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
}

	ul.salist li {
		padding: 5px 0;
		font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	}
	
/* -- modules -- */

div#lead {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e5e5e5;
}

.bm {
	margin: 10px 0 20px 0 !important;
}

p.message {
	margin: 5px 0 20px 0;
	padding: 10px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

p.more {
	padding: 0 0 20px 0;
}