/*  
Theme Name: CjBergman Custom
Theme URI: http://www.sweskate.se/daniel
Description: Utseende för Carl-Johan Bergmans hemsida
Author: Daniel Friberg
Version: 1.1
*/


/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }  
/* Slut reset*/


body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	background: #666;
	}

h1 { font-size:24px;
	color:#000;
	}
	
h2 {
	font-size:20px; 
	color:#000;
	}
	
h3 { font-size:18px;
	color:#000;
	}
	
h4 { font-size:16px;
	color:#000;
	}
	
h5 {
	font-size: 14px;
	color: #000;
}
	
p { color:#444; line-height:18px; margin: 10px 0; }

a:link, a:visited { text-decoration:none; color:#00a8ff; }
a:hover { text-decoration:none; color:#000; }

/* bakgrundsbild */
img.bgimage {
	/* Fyll hela bakgrunden */
	min-height: 100%;
	min-width: 1024px;

	/* Proportionerlig storlek */
	width: 100%;
	height: auto;

	/* Positionering */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1; /* Visa bakom innehållet */
}
@media screen and (max-width: 1024px){
	img.bgimage {
		left: 50%;
		margin-left: -512px; }
}
/* /bakgrundsbild */

#wrapper {
	width: 1024px;
	margin: 20px auto;
	text-align: left;
}

#header {
}

#banner {
	position: relative;
	width: 100%;
	height: 155px;
	background: url(images/hdr_bg.jpg) no-repeat;
}

#banner_carljohan {
	position: absolute;
	right: 0;
	top: 11px;
}

#logo {
	position: absolute;
	top: -4px;
	left: 30px;
	z-index: 100;
}

/* Sponsorer */
#sponsorer {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
}

#sponsorer h3 {
	display: none;
}

#sponsorer ul {
	float: left;
	list-style-type: none;
	padding: 5px;
}

#sponsorer ul li {
	display:inline;
	margin: 0 50px 0 10px;
}
/* /Sponsorer */

/* Meny */
#meny {
   	list-style:none;
   	font-size: 12px;
   	background: #ccc;
   	overflow: auto;
   	padding-left: 20px;
    }
    
#meny li {
    float:left;
    margin: 10px 10px;
	}
	
#meny li a {
	display:block;
   	padding:5px 10px;
   	color: #000;
	}
	
#meny li a:hover, #meny li a:focus {
	background: #fff;
	color: #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
	
#meny li a:active {
	box-shadow: inset 1px 1px 2px #888;
	-webkit-box-shadow: inset 1px 1px 2px #888;
	-moz-box-shadow: inset 1px 1px 2px #888;
   	}
	
#meny .current {
   	background: #fff;
   	color: #000;
   	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: inset 1px 1px 1px #888;
	-webkit-box-shadow: inset 1px 1px 1px #888;
	-moz-box-shadow: inset 1px 1px 1px #888;
   	}
/* /Meny */

#content {
	width: 100%;
	background: #fff;
	overflow: auto;
	background: url(images/content_bg.gif) repeat-y;
}

#content_nosidebar {
	width: 100%;
	background: #fff;
	overflow: auto;
}

/* Inlägg */

#post_wrap {
	float: left;
	width: 540px;
	padding: 40px 30px;
}

#post_fullwidth {
	float: left;
	width: 964px;
	padding: 40px 30px;
}

#framsida_nyhet li { /* Varje nyhet på framsidan */
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

#framsida_nyhet h1 a, #framsida_nyhet h1 a:visited { /* Rubrik på framsidan */
	color: #999;
	padding: 0 2px;
}

#framsida_nyhet h1 a:hover { /* Rubrik på framsidan :hover */
	color: #00ABFF;
}

.single h1 {
	color: #fff;
	background: #3bbcff;
	padding: 0 2px;
	display: inline;
}

.meta {
	float: left;
	width: 100%; /* för att botten-linjen ska sträcka sig över bredden*/
	text-transform: uppercase;
	font-size: 10px;
	margin: 15px 0 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e9e9e9;
}

.datum {
	background: url(images/post_datum.png) no-repeat top left;
	padding-left: 21px;
}

.kommentarer {
	background: url(images/post_kommentarer.png) no-repeat top left;
	padding-left: 23px;
	margin-left: 20px;
}
 /* /Inlägg */

img.wp-smiley { border:none; padding:0px; background:none; }

#sidebar_left h3, #sidebar_right h3, #sidebar_left h2, #sidebar_right h2 {
	margin-top: 10px;
	margin-bottom: 15px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
}

#sidebar_left ul ul, #sidebar_left ul ul li, #sidebar_right ul ul, #sidebar_right ul ul li {
	margin-left: 10px;
}

/* Sidebar left */
#sidebar_left {
	float: left;
	width: 182px;
	padding: 40px 15px;
	color: #666;
	line-height: 16px;
}

#twitter-1 h3 a {
	background: url(images/twitter_bird.png) no-repeat left center;
	padding-left: 39px;
	color: #000;
}

#sidebar_left ul li {
	margin-bottom: 20px;
}

ul.twitter { /* För att bakgrunden, gradient, ska vara 100% width */
	width: 212px;
	margin-left: -15px;
}

li.twitter-item { /* Gradient bakgrund för twitter inlägg */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #eee 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
	padding: 0 15px 10px;
}

.twitter-timestamp {
	display: block;
	margin-top: 3px;
	font-size: 11px;
	font-style: italic;
	color: #999;
}

/* /Sidebar left */

/* Sidebar right */
#sidebar_right {
	float: left;
	width: 182px;
	padding: 40px 15px;
	color: #666;
	line-height: 16px;
}

#feedreadingblogroll-3 abbr {
	font-style: italic;
}

a.feedreading_anchor {
	color: #000;
}
/* /Sidebar right */

/* /Arkiv */
#post_arkiv {
	float: left;
	width: 540px;
	padding: 40px 30px;
}

#post_arkiv li { /* Kod för varje nyhet på framsidan */
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#post_arkiv h1 a, #post_arkiv h1 a:visited { /* Rubrik på framsidan */
	color: #fff;
	background: #3bbcff;
	padding: 3px;
}

#post_arkiv h1 a:hover { /* Rubrik på framsidan */
	color: #fff;
	background: #000;
}
/* /Arkiv */

.navigation { /* Sidnavigering på framsidan, centrerad */
	text-align: center;
}

/* Länk-sidan */
.linkcat ul {
	margin-top: 10px;
}

.linkcat ul li {
	margin-bottom: 10px;
}
/* /Länk-sidan */

/* Kommentarer */
.commentlist ol {  }
.commentlist li {
	list-style: none;
	background: #f5f5f5;
	padding: 10px;
	margin-bottom: 15px;
	width: 520px;
}

.commentlist_author {
	font-weight: bold;
	color:#000;
}

.commentlist_meta {
	color:#999;
	font-style:italic;
	font-family:"Georgia", Times new roman, serif;
}

.commentlist_commenttext {
	word-wrap:break-word;
}

.odd{ }
.highlight { }
.highlight .commentlist_author{ }
.highlight .commentlist_commenttext { }
.highlight .commentlist_commenttext p { }
.highlight .commentlist_meta{ }
.highlight a:link, .highlight a:visited { }
.highlight a:hover { }

#commentform {
	float:left;
	width: 540px;
	border-top: 1px dashed #999;
}

#commentform input {
	width:256px;
	padding:5px;
	background:#fff;
	border: 1px solid #ddd;
}

#comment{
	width: 530px;
	height:80px;
	font-family: Helvetica, Arial, sans-serif;
	padding:5px;
	background:#fff;
	border: 1px solid #ddd;
	margin-top:5px;
}

.comment_submit {
	background:#eee;
	border: 1px solid #ddd;
	width:540px;
	padding: 5px 0;
	font-size: 12px;
}

#comment_meta { float:left; }
#comment_text { float:left; }
/* Slut på inställningar för kommentarer */

/* Typografi */
.alignright {
	float:right;
	margin-left: 10px;
}

.alignleft {
	float:left;
	margin-right: 10px;
}

em {
	font-style: italic;
}

#footer {
	background: #ccc;
	text-align: center;
	padding: 1px;
}