/*
Theme Name: Johans egna
Theme URI: http://www.madebyjohan.se
Description: a basic blank theme theme
Version: 1
Author: Johan ahlbäck
Author URI: http://www.madebyjohan.se
Tags: madebyjohan, johan, ahlbäck, blank
*/
/*
	colors on the site:
	blue:		#4dbce9 rgba(77,188,233,1);
	darkblue: 	#398bac rgba(57,139,172,1);
	grey:		#323232 rgba(50,50,50,1);
	beige:		#e4d0a7 rgba(228,208,167,1);
*/
/****** Reset ******/
*{margin:0; padding:0;}
html{overflow-y:scroll;}
html, body{height:100%}
body{font-size:14px; font-family:Arial, Helvetica, sans-serif; background:#e4d0a7 url(style/images/bg.gif) top left repeat}
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;}
.hidden{display:none;}
.floatleft{float:left;}
.floatright{float:right}
.clear{clear:both;}
#skypedetectionswf{display:none;}

.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 ******/
.alignbox{ 
	width:960px;
	margin:auto;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
#footer, #push {
	height: 40px;
padding:10px;
}
#footer{
	background-color:#323232;
	text-align:center;
}
.foottext{
	color:#4dbce9;
	margin:0;
}
#top{
	background-color:#323232;
	height:50px;
	border-bottom:1px solid #000;
}
#toptext{
	color:#4dbce9;
	font-size:18px;
	font-weight:bold;
	width:522px;
	float:left;
	line-height:50px;
}
#contentwrapper{
	background:url(style/images/shadow.jpg) top center no-repeat;
	padding-top:14px;
}

#content{
	width:940px;
	background-color:#fff;
	margin:auto;
	padding:0 10px 10px 10px;
}

#maincontent{
	width:590px;
	float:left;
}

#sidebar{
	width:250px;
	float:right;
}
/*** HEAD ****/
#head{
	border-top:1px solid #f5e0b3;
}

#head h1{
	font-size:48px;
}

#head h1 a{
	color:#323232;
	text-decoration:none;
	text-shadow:2px 2px 5px #8a7e65;
}
#head h1 a:hover{
	color:#398bac;
}
#head p{
	margin-top:10px;
	color:#323232;
	font-size:14px;
	letter-spacing:3px;
}

/*** MENUs ****/
#mainmenu{
	background:#323232 ;
	margin-top:20px;
}
.menu-main-container{
	width:583px;
	float:left;
}
#headsearch{
	float:right;
	text-align:center;
}
#headsearch p{
	margin:0;
}
#topmenu{
	float:right;
}
#menu-top, #menu-main{
	list-style:none;
	padding:0;
	margin:0;
}
#menu-top li, #menu-main li{
	display:inline;
}

#menu-top li a, #menu-main li a{
	line-height:50px;
	font-size:15px;
	color:#fff;
	padding:15px 10px;
}
#menu-top li a:hover, #menu-main li a:hover{
	background-color:#545454;
}
#menu-main .current-menu-item a{
	color:#4dbce9;
}

#searchform{}
#s{
	font-size:16px;
	padding:2px 4px 2px 5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #323232;
	-moz-box-shadow: inset 2px 2px 2px #aaa;
	-webkit-box-shadow: inset 2px 2px 2px #aaa;
	box-shadow: inset 2px 2px 2px #aaa;
	display:inline;
	behavior:url(PIE.htc);
}
#mainmenu #s{
	margin-top:2px;

}
.searchmag{
	position:relative;
	left:-25px;
	top:2px;
}

/*** FIRST PAGE ***/
.post{
	margin: 0 0 20px 0px;
	overflow:hidden;
}

.postmeta{
	background:url(style/images/stroke.gif) left center repeat-x;
	color:#888;
}
.posttime, .readmore{
	background-color:#fff; 
	display:inline; 
}
.posttime{
	padding-right:10px;
	position:relative;
	left:-280px;
	-webkit-transition:left 0.3s ease;
}
.readmore{
	float:right;
	padding-left:10px;
	position:relative;
	right:-280px;
	-webkit-transition:right 0.3s ease;
}
.post:hover .readmore{
	right:0px;
}
.post:hover .posttime{
	left:0px;
}
.posttitle{
	font-size:26px;
	margin-bottom:10px;
}

.posttitle a{
	color:#323232;
}
.posttitle a:hover{
	color:#4dbce9;
}

.postthumbnail{
	float:left;
	margin: 0 10px 20px 0;
}
.postentry{
	float:right;
	width:429px;
}
.linkpost{
	display:block;
	background:url(style/images/link.png) top left repeat-y;
	background-color:rgba(50,50,50,0.7);
	margin-bottom:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px;
	color:#4dbce9;
	-webkit-transition: background-color 0.3s ease;
	behavior:url(PIE.htc);
}
.linkpost:hover{
	background-color:rgba(50,50,50,1);
	behavior:url(PIE.htc);
}
.linktitle{
	margin-left:150px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:26px;
}

.linktext{
	margin-left:150px;
}
#nextprev{position:relative;}
#next{
	position:absolute;
	right:0;
	top:0;
}
#prev{
	position:absolute;
	left:0;
	top:0;
}
#nextprev a{
	color:#000;
}
/*** SINGLE****/
#singleentry{
	margin-bottom:20px;
}

.comment{
	margin-bottom:20px;
	background-color:rgba(77,188,233,0.4);
	padding:10px 10px 30px 10px ;

	position:relative;
	behavior:url(PIE.htc);
}
.depth-2, .depth-3{
	margin: 10px 0 10px 20px;
}
.reply{
	position:absolute;
	bottom:10px;
}
.comment-author{
	
}
.comment-meta{
	position:absolute;
	top:10px;
	right:10px;
}
#commentform{
	margin:10px 0;
}
.byuser{
	border:4px solid #323232;
	background-color:rgba(77,188,233,0.8);
	behavior:url(PIE.htc);
}
.closedcomments{
	background-color:rgba(77,188,233,0.4);
	padding:10px 10px 30px 10px ;
	border:4px solid #323232;
	text-align:center;
	behavior:url(PIE.htc);
}
/*** SIDEBAR****/
.widget{
	margin-bottom:20px;
	background-color:rgba(77,188,233,0.6);
	padding:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior:url(PIE.htc);

}
.widget:hover{
	background-color:rgba(77,188,233,1);
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
	behavior:url(PIE.htc);
}

.widget a:link{
	color:#323232;
}
.widget a:visited{
	color:#323232;
}
.widget a:hover{
	color:#398bac;
}
/*** ARKIV ****/
#arkiv{
	list-style:none;
	padding:0;
}
#arkiv li{
	border-bottom:1px solid #4dbce9;
	padding-bottom:2px;
	font-size:18px;
	margin-bottom:5px;
}
#arkiv li span{
	font-size:12px;
}
#arkiv li a{
	color:#4dbce9;
}
#arkiv li a:hover{
	color:#398bac;
}
.archivedate{
	float:right;
}

/*** PORTFOLIO  ***/
#portfoliocontent .item{
display:block;
	background-color:rgba(50,50,50,0.7);
	margin-bottom:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px 30px 30px 30px;
	color:#4dbce9;
	-webkit-transition: background-color 0.3s ease;
	behavior:url(PIE.htc);
}
#portfoliocontent .item:hover{
	background-color:rgba(50,50,50,1);
	behavior: url(PIE.htc);
}
.itemimage{
	float:left;
	margin-right:20px;
}

.itemtext{
	float:right;
	width:710px;
}
/*** GENERAL ****/
input[type=text]{
	display:block;
	font-size:18px;
	padding:6px 5px;
}
textarea{
	display:block;
}
p{
	line-height:1.6em;
	margin-bottom:10px;
}
ul,ol{padding-left:10px;}
li{margin-bottom:5px;}
h1{margin:10px 0px;}
h2{margin:8px 0px;}
h3{margin:6px 0px;}
h4{margin:4px 0px;}
h5{margin:2px 0px;}
h6{margin:1px 0px;}
a:link {color:#4dbce9;}      /* unvisited link */
a:visited {color:#4dbce9;}  /* visited link */
a:hover {color:#398bac;}  /* mouse over link */
a:active {color:#398bac;}  /* selected link */