/* 
Theme Name: Rancid
Theme URL: http://niklassoderlund.se
Author: Niklas Söderlund
Author URI: http://niklassoderlund.se
Version: 1.0

*/
/* 294858 */
/* ------ Gren --> #9ae012 --------*/
/* ------ Blue -> #0064c1 --------*/
/* ------ Dark -> #4a4e53 / #3e4145 / #2d3033 / #1a1b1d --------*/

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

body {
	background: #111;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	margin-top: 10px;
}

.clear { clear: both; }


/* -------- Header -------- */

.wrapper {
	width: 900px;
	margin: 0 auto;
}


#header {
	clear: both;
	width: 900px;
	height: 150px;
	margin: 0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
}


/* -------- Content ------- */

#content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	margin: 0px 10px 0px 0px;
	background: #fcfcfc url(images/fade.gif);
	background-position: top center;
	background-repeat: repeat-x;
	float: left;
	width: 578px;
	padding: 20px;
	border: 1px solid #111;
}

/* ------- Poster -------- */

.post {
	border-bottom: 1px solid #999;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.post_single {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.post_single h1 {
	font-family: georgia;
	color: #111;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 5px;
}

.post h2 { /* Post header */
	font-family: georgia;
	color: #222;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 5px;
}

.post h2 a { 
	color: #222;
	text-decoration: none;
}

.post h2 a:hover {
	color: #666;
}

.cap {
	text-transform: capitalize;
}

.post_comment {
	right: 0px;
	bottom: 8px;
	position: absolute;
}

.post_comment a {
	color: #666;
	text-decoration: none;
}

.post_comment a:hover {
	color: #199205;
	text-decoration: underline;
}

.post_meta {
	position: relative;
	color: #666;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f1f1f1;
}

.entry {
	color: #222;
}

.entry a {
	color: #888;
	text-decoration: none;
}

.entry a:hover {
	color: #16b606;
}

.entry ul li {
	list-style: none;
	padding-left: 10px;
	margin-bottom: 10px;
}

.entry ol li {
	margin-left: 30px;
	margin-bottom: 10px;
}

.more {
	font-size: 16px !important;
}

/* kommentarer */

#content h6 {
	color: #f5940b;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
}

.commentlist li {
	color: #222;
	margin-bottom: 20px;
	border-bottom: 1px dashed #ddd;
	padding: 20px;
	list-style: none;
	}

.commentlist h3 {
	text-transform: capitalize;
	color: #4a4e53;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;
}

.commentlist h3 a {
	color: #4a4e53;
	text-decoration: none;
}

.commentlist h3 a:hover {
	color: #111;
}

.commentlist li .avatar {
	border: 2px solid #1a1b1d;
	float: left;
	}
	
.comment_meta {
	color: #666;
	float: left;
	margin-left: 10px;
}

.comment {
	clear: both;
	padding-top: 10px;
	margin-left: 62px;
}

.comment a {
	color: #164b77;
	text-decoration: none;
	border-bottom: 1px dashed #ddd;
}

.comment a:hover {
	color: #1b87e2;
}

.author h3 a {
	color: #164b77 !important;
}

#content h5 {
	color: #333;
	font-size: 20px;
	font-weight: normal;
}


.comment_x {
	border-top: 1px solid #ddd;
	background: url(images/fade.gif);
	background-position: top center;
	background-repeat: repeat-x;
	color: #999;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 20px;
	margin-bottom: 10px;
}

/* ------- Sidebar ------- */

#sidebar {
	overflow: hidden;
	float: left;
	width: 270px;
}

#sidebar a {
	color: #3e4145;
	text-decoration: none;
}

#sidebar a:hover {
	color: #1090bf;
}

#sidebar h1 {
	color: #2f6579;
	font-family: georgia;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;
}

#sidebar h4 {
	color: #2f6579;
	font-family: georgia;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 10px;
}

.form_text {
	width: 271px;
}

.taggar {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fcfcfc url(images/fade.gif);
	background-position: top center;
	background-repeat: repeat-x;
	border: 1px solid #111;
	clear: both;
	padding: 20px;
	margin-bottom: 10px;
	text-align: center;
}

.s_wide {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fcfcfc url(images/fade.gif);
	background-position: top center;
	background-repeat: repeat-x;
	border: 1px solid #111;
	clear: both;
	padding: 20px;
	margin-bottom: 10px;
	overflow: auto;
}



.s_info {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fcfcfc url(images/fade.gif);
	background-position: top center;
	background-repeat: repeat-x;
	border: 1px solid #111;
	clear: both;
	padding: 20px;
	height: auto;
	overflow: auto;
	margin-bottom: 10px;
}

.s_small {
	height: auto;
	overflow: auto;
	color: #666;
	float: left;
	width: 160px;
}

.s_small ul li {
	list-style: none;
	padding-left: 5px;
}

/*-------- Footer */

.space {
	margin-top: 20px;
	float: left;
	clear: both;
	background: #222;
	width: 100%;
	height: 5px;
}

#w_footer {
	background: url(images/foot.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 210px;
	clear: both;
}

#footer {
	clear: both;
	width: 900px;
	height: 170px;
	margin: 0 auto;
	padding-top: 10px;
}

.foot1 h6 {
	color: #d20715;
	font-family: georgia;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;	
}

.foot1 h6 a {
	color: #26b10f !important;
	text-decoration: none;
}


.foot3 h6 {
	color: #26b10f;
	font-family: georgia;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 5px;	
}

.foot3 h6 a {
	color: #26b10f;
	text-decoration: none;
}

.foot1 {
	color: #555;
	width: 333px;
	float: left;
	margin-right: 70px;
}

.foot1 a {
	color: #888;
	text-decoration: none;
}

.foot1 a:hover {
	color: #26b10f;
}




.foot3 {
	color: #555;
	width: 333px;
	float: left;
}

.foot3 ul li {
	list-style: square;
	margin-left: 15px;
}

.foot3 ul li a {
	color: #555;
	text-decoration: none;
	display: block;
}

.foot3 ul li a:hover {
	color: #26b10f;
}

/* ------- Images -------- */


a img { border: none; }

img.alignright {
	border: 2px solid #eee;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline;
	}

img.alignleft {
	border: 2px solid #eee;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	display: inline;
	}

	
.image {
	border: 2px solid #eee;
	margin-bottom: 10px;
}

.image:hover {
	border: 2px solid #e1e1e1;
}


.alignlefttrans {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	border: 0px solid;
	}
	
.alignrighttrans {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	border: 0px solid;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}