/*
Theme Name: johan Dark
Theme URI: http://www.madebyjohan.se
Author: Johan ahlbäck
Author URI: http://www.madebyjohan.se
Tags: madebyjohan. johan, ahlbäck
*/

/*************************************** 
Reset 
****************************************/
*{margin:0; padding:0;}
html{overflow-y:scroll;}
html, body{height:100%}
body{font-size:76%; font-family:Arial, Helvetica, sans-serif;
color:#fff; background-color:#413d3d;}
ul{list-style:disc inside;}
ul ul{list-style:circle inside;}
ol{list-style:decimal inside;}
a{outline:none; text-decoration:none;}
a img{border:none}
img{vertical-align:middle}
table{border-collapse:collapse;}

.floatleft{float:left;}
.floatright{float:right}
.clear{clear:both;}
.button{border: 1px solid #272727; background:#FFF; padding:3px 8px;
-moz-border-radius:5px; -webkit-border-radius:5px; color:#272727;}
.button:hover{background:#272727; color:#fff;}
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/*************************************** 
Reset end
****************************************/

/******* Layout *******/

#headerwrapper{
	background-color:#000;
	border-bottom: 2px groove #000;
	padding-left:20px;
	padding-top:10px;
	
}

#header{
	width:800px;
	margin-bottom:10px;
	height:50px;
}

#content-wrapper{
	width:800px;
	margin-left:20px;
	margin-top:20px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-140px;
	
}
#footer, #push{
	height:100px;
	text-align:center;
	margin:0;
	padding-top:40px;
	margin-left:2px;
	width:800px;
	clear:both;
}
#maincontent{
	width:400px;
	float:left;
	overflow-x:hidden;
}

#sidebar{
	width:200px;
	float:right;
}

/******* Layout end *******/

/******* header *******/

#headlogo{
	float:left;
}

#bloginfo{
	float:right;
	padding-top:20px;
	color:#c8ff00;
}


#headlogo h1 a{
	font-size:36px;
	color:#c8ff00;
}

/******* header end *******/

/******* menu *******/

.menu-header,
div.menu {
	font-size: 14px;
	margin-right: 12px;
}
#main-nav .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	padding:0;
}
#main-nav .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#main-nav a {
	display:block;
	text-decoration:none;
	color:#fff;
	margin-right:15px;
	line-height:38px;
}
#main-nav ul ul {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgb(0,0,0);
	-moz-box-shadow: 0px 3px 3px rgb(0,0,0);
	-webkit-box-shadow: 0px 3px 3px rgb(0,0,0);
	width: 180px;
	z-index: 10;
	padding:0;
}
#main-nav ul ul li {
	min-width: 180px;	
}
#main-nav ul ul ul {
	left:100%;
	top:0;
	padding:0;
}
#main-nav ul ul a {
	background:#000;
	height:auto;
	line-height:1em;
	padding:10px;
	width: 160px;
}
#main-nav li:hover > a,
#main-nav ul ul :hover > a {
	color:#fa023c;
	background:#000;
}
#main-nav ul li:hover > ul {
	display:block;
	padding:0;
}
#main-nav ul li.current_page_item > a,
#main-nav ul li.current-menu-ancestor > a,
#main-nav ul li.current-menu-item > a,
#main-nav ul li.current-menu-parent > a {
	color: #fa023c;
}

/******* menu end *******/

/******* main content *******/

h1{
	margin-bottom:10px;
}

dl{
	margin-bottom:20px;
}

dt{
	border-bottom:5px solid #262424;
	font-size:18px;
	color:#c8ff00;
	font-weight:bold;
}

dd{
	width:285px;
	padding-left:10px;
	border-left:5px solid #262424;
	padding-top:10px;
	padding-bottom:10px;
}

/******* main content end *******/

/******* posts *******/

.post{
	margin-bottom:20px;
	border-bottom:2px groove #000;
}

.postdate{
	float:right;
	color:#fa023c;
}

.post h2.posttitle{
	float:left;
}

.post h2 a{
	color:#c8ff00;
}

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

.postcontent{
	clear:both;
}

#nextprev{
	list-style:none;
	text-align:center;
}

#nextprev li{
	display:inline;
	padding:0 5px 0 5px;
}

/******* posts end *******/

/******* single *******/

.singlecomment{
	border:2px groove #000;
	margin-bottom:20px;
	padding:10px;
	position:relative;
	min-height:100px;
}

.commentmeta{
	float:left;
	width:148px;
}

.commenttext{
	float:right;
	width:273px;
}

.commentmeta p{
	margin-bottom:2px;
}

.commentnumber{
	position: absolute;
	top:58px;
	font-size:50px;
	color:#211f1f;
}

/******* single end *******/

/******* sidebar *******/

.widget{
	margin-bottom:10px;
	border:groove 2px #000;
	-moz-border-radius:10px;
	padding: 5px 10px 5px 10px;
}
.widget:hover{
	border:ridge 2px #000;
	-moz-border-radius:10px;
}

.widget ul{
	list-style:none;
	padding:0;
}
.widget ul li{
	margin-bottom:5px;
}

#flickr ul li{
	display:inline;
}

#flickr ul li a img{
	width:86px;
	height:57px;
}

.twitter{
	margin-bottom:10px;
}
/******* sidebar end *******/

/******* general tags *******/

a{
	color:#fa023c;
}
a:hover {color:#c8ff00;}
a:active {color:#c8ff00;}

p{
	margin-bottom:20px;
}

ul{
	margin-bottom:20px;
	padding-left:10px;
}

h1{
	margin-bottom:10px;
}
h2{
	margin-bottom:9px;
}
h3{
	margin-bottom:8px;
}
h4{
	margin-bottom:7px;
}
h5{
	margin-bottom:6px;
}
h6{
	margin-bottom:5px;
}

h1, h2, h3, h4, h5, h6{
	color:#c8ff00;
}

input[type=text]{
	display:block;
	margin-bottom:10px;
}

pre,code{
	margin:5px 0;
	padding:0;
}
/******* general tags end *******/


/****** labby message 
******************************/
div.time {
	text-align:right;
	clear:both;
	margin:0px;
}

div.time p{
	margin:0px;
}

.message {
	border:10px #efeded solid;
	background-color:#e2e2e2;
	margin-bottom:20px;
	padding:10px;
}

.text {
	width:360px;
	float:left;
}

.text p{
	margin:0px;
}


.controll {
	float:right;
}
/****** fsg
******************************/

#imagesfsg{
	text-align:center;
}

#nextprev{
	margin:10px 0;
}

#fsgprev, #fsgnext{
	font-size:16px;
}
#fsgprev{
	float:left;
}
#fsgnext{
	float:right;
}

.download {
display:block;
margin-top:10px;
margin-bottom:10px;
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 13px 26px;
   -webkit-border-radius: 23px;
   -moz-border-radius: 23px;
   border-radius: 23px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 18px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.download:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.download:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }