/*  
Theme Name: Fortum blogg med Framework
Theme URI: http://frojd.se/
Description: Frameworktemat för www.fortum.se
Version: 0.1
Author: Peter Antonius
Author URI: http://frojd.se/
*/

/*	Browser Reset
---------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	}
body {
	line-height:1;
	}
ol, ul {
	list-style:none;
	}
blockquote, q {
	quotes:none;
	}
:focus {
	outline:0;
	}
ins {
	text-decoration:none;
	}
del {
	text-decoration:line-through;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
img {
	border:0;
	vertical-align:top;
	}

/*	Clearfix
---------------------------------------------*/
.clear {
	clear:both;
	}
.clearfix{
	display:inline-table;
	/* Hides from IE-mac \*/
	height: 1%;
	display: block;
	/* End hide from IE-mac */
	}
html>body .clearfix {
	height:auto;
	}
.clearfix:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	}


/*	Global
---------------------------------------------*/
body {
	font:0.63em Arial, Helvetica, Verdana, Tahoma, sans-serif;
	background:#f2f2f2;
	color:black;
	/*margin:20px auto 0;*/
	text-align:center;/*Tillagd*/
	/*margin:0 auto;*/
	}

#framework {
	background:#fff;
	margin:0 auto;/*Tillagd*/
	padding:20px 20px 0;
	position:relative;/*Tillagd*/
	text-align:left;/*Tillagd*/
	width:944px;/* Flyttade denna från body*/
	}

#header {
	margin-bottom:20px;
	margin-left:184px;
	position:relative;/*Tillagd*/
	}
#content {
	font-size:1.2em;
	line-height:1.33em;
	float:left;
	width:534px;
	overflow:hidden;
	padding-bottom:20px;
	position:relative;/*Tillagd*/
}
#sidebar {
	float:left;
	margin:-120px 0 0 18px;
	width:166px;
	}


/*	Links
---------------------------------------------*/
a, a:link, a:visited, a:active {
	color:#529900;
	text-decoration:underline;
	}
a:hover {
	color:#E55C00;
	text-decoration:underline;
	}


/*	Forms
---------------------------------------------*/
input, textarea {
	font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif
	}


/*	Headlines
---------------------------------------------*/
#content h1 a,#content h2 a,#content h3 a,#content h4 a,#content h5 a,#content h6 a {
	text-decoration:none;
	color:#96004b;
	font-size:1.92em;
	}
#content h2 {
	margin-bottom:9px;
	}
h2 a:hover,h3 a:hover {
	color: #529900;
	text-decoration:underline;
	}

/*	Post
---------------------------------------------*/
.post {
	margin:0 0 40px;
	border-bottom:3px solid #e0e0e0;
	}
.post small.date {
	color:#999;
	padding-bottom:6px;
	display:block;
	}
.post p {
	padding-bottom:1em;
	}

.more-link {
	padding-left:17px;
	background:url(images/arrow_green.png) no-repeat left center;
	}



/*	Post =postmetadata
---------------------------------------------*/
p.postmetadata {
	padding:10px 0;
	font-size:0.91em;
	color:#999;
	}
p.singlemetadata {
	padding:0 0 10px !important; 
	}	
p.postmetadata a {
	color:#999;
	text-decoration:underline;
	}


/* Comment Form
---------------------------------------------*/
#commentHolder {
	background:url(images/commentFormBg.gif) repeat-y;
	position:relative;
	width:535px;
	}
#commentform {
	background:url(images/commentFormTop.gif) no-repeat;
	padding:20px;
	position:relative;
	z-index:2;
	}
#commentform h3 {
	text-indent:-9000px;
	display:block;
	width:100%;
	height:12px;
	background:url(images/commentFormHeadline.gif) no-repeat;
	margin-bottom:10px;
	}
#commentHolder .bottom {
	background:url(images/commentFormBottom.gif) repeat-y;
	position:relative;
	margin-top:-104px;
	height:104px;
	width:535px;
	z-index:1;
	bottom:0;
	}
#commentform fieldset legend {
	display:none;
	}
#commentform fieldset label {
	display:block;
	float:left;/*Tillagd*/
	font-weight:700;
	margin-bottom:14px;
	}
#commentform fieldset label span {
	font-weight:700;
	float:left;
	width:119px;
	}
#commentform fieldset input,
#commentform fieldset textarea {
	float:left;
	}
#commentform fieldset input#author,
#commentform fieldset input#email,
#commentform fieldset input#url{
	width:246px;
	}
#commentform fieldset textarea {
	width:244px;
	height:120px;
	font-size:11px;
	}
#commentform fieldset #submit {
	margin-left:238px;
	}
#commentform fieldset .obl {
	font-weight:400;
	color:#97034d;
	padding-left:5px;
	}

ol.commentlist {
	border-top:1px solid #e5e5e5;
	margin-bottom:20px;
	list-style:lower-latin;
	}
ol.commentlist .alt {
	background:#f2f1f1;
	}
ol.commentlist li {
	border-bottom:1px solid #e5e5e5;
	padding:12px;
	}

ol.commentlist li strong.approval {
	font-weight:700;
	color:red;
	display:block;
	}

/*	Images
---------------------------------------------*/
p img {
	padding:0;
	max-width:100%;
	}
img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
	}

img.alignright {
	padding:4px;
	margin:10px 0 2px 7px;
	display:inline;
	}
img.alignleft {
	padding:4px;
	margin:10px 7px 2px 0;
	display:inline;
	}
.alignright {
	float:right;
	}
.alignleft {
	float:left
	}
.alignnone {
	padding-bottom:10px;
	}


/* Pagination */
.pagination {
	position:relative;
	display:block;
	text-align:center;
	}
.pagination a,
.pagination .current {
	padding:5px;
	}
.pagination .pages {
	display:none;
	}
.pagination .prev {
	position:absolute;
	left:0;
	}
.pagination .next {
	position:absolute;
	right:0;
	}

/* authorInfo */
#authorInfo {
	border-bottom:1px solid #e5e5e5;
	padding-bottom:14px;
	margin-top:1px;
	}
#authorInfo img {
	padding:3px;
	border:1px solid #dbdbdb;
	float:left;
	margin-right:13px;
	margin-top:2px;
	}
.postInfo {
	border-top:1px solid #e5e5e5;
	overflow:auto;
	padding:10px 0 0;
	}
* html .postInfo {
	height:1%;
	}
.postInfo p.author {
	float:left;
	}
.postInfo p.date {
	float:right;
	}


/* Sidebar */
#sidebar  {
	font-size:12px !important;
	}

#sidebar ul li a {
	padding-left:17px;
	background:url(images/arrow_green.png) no-repeat left center;
	}
#sidebar ul li {
	padding-top:3px;
	}


#sidebar .puff {
	position:relative;
	padding-bottom:9px;
	}
#sidebar .puff .cont {
	padding:6px 0 6px 12px;
	background:url(images/fortumcom_puff_bg.gif) repeat-y;
	}

#sidebar .puff .bottom {
	background:url(images/fortumcom_puff_bottom.gif);
	position:relative;
	bottom:0;
	z-index:1:
	display:block;
	width:166px;
	height:6px;
	overflow:hidden;
	}

/* Sidebar RSS*/
#sidebar .puff .rss {
	padding:7px 0 6px 7px;
	}
#sidebar .puff .rss a {
	background:url(images/rss_icon.gif) 0 1px no-repeat;
	padding-left:19px;
	display:block;
	}

/* Sidebar Headlines */
#sidebar h2 {
	text-indent:-9000px;
	display:block;
	width:100%;
	height:15px;
	padding-bottom:4px;
	padding-top:6px;
	}

#sidebar h2.search {
	background:url(images/sidebarHeadline_search.gif) 0 6px no-repeat;
	}
#sidebar h2.archive {
	background:url(images/sidebarHeadline_archive.gif) 0 6px no-repeat;
	}
#sidebar h2.categories {
	background:url(images/sidebarHeadline_categories.gif) 0 6px no-repeat;
	}
#sidebar h2.pages {
	background:url(images/sidebarHeadline_pages.gif) 0 6px no-repeat;
	}

#ajax_comments_error {
	font-weight:700;
	}
.ajax_comments_error {
	color:red;
	padding-bottom:10px;
	font-weight:700;

	}
.success {
	color:#529900;
	}
#loading {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:16px;
	height:16px;
	width:535px;
	height:400px;
	background:#fff url(images/loading.gif) center center no-repeat;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}


/*	Searchpage
---------------------------------------------*/
#content .post .searchpage {
	
	}
#content .post .searchpage h4 a {
	color:#529900;
	text-decoration:underline;
	font-size:12px;
	}


/*	Sidebar Search
---------------------------------------------*/
.sideSearch {
	overflow:auto;
	}

* html .sideSearch {
	height:1%;
	}

#searchform {
	margin:10px 0 6px;
	overflow:auto;
	}
.searchHolder {
	background:url(images/searchHolder.gif) no-repeat;
	height:19px;
	width:98px;
	padding-left:8px;
	padding-right:10px;
	float:left;
	margin:0;
	}
#s {
	border:0;
	background:transparent;
	padding:3px 0 0 0;
	width:100px;
	font-size:11px;
	color:#000;
	}
.pagetitle {
	font-size:14px;
	color:#003c79;
	padding-top:5px;
	font-weight:400;
	padding-bottom:5px;
	}
#searchsubmit {
	float:right;
	margin-right:12px;
	}


/*	Skicka till en vän
---------------------------------------------*/
#shareThis {
	border-bottom:1px solid #E5E5E5;
	padding:10px 0;
	}
#shareThis a {
	padding-left:17px;
	background:url(images/arrow_green.png) no-repeat left center;
	margin-right:20px;
	}
#stafBlock {
	overflow:hidden;
	border-top:1px solid #E5E5E5;
	margin-top:10px;
	}
	}
* html #stafBlock {
	height:1%;
	}

#tipFriendHeadline {
	background:url(images/tipsa_en_van.gif) no-repeat;
	height:15px;
	width:81px;
	margin:10px 0 0 0 !important;
	}
.submitFriend {
	float:right;
	margin-top:10px;
	margin-right:60px;
	}
#tipFriendHeadline span {
	display:none;
	}
#stafBlock .left {
	float:left;
	width:246px;
	}
#stafBlock .right {
	float:left;
	width:246px;
	}
#stafBlock label {
	display:block;
	font-weight:700;
	margin-top:10px;
	}
#stafFromName, #stafFromMail, #stafToName, #stafToMail {
	width:220px;
	}
#stafForm p {
	padding:20px 0;
	color:green;
	font-weight:bold;
	}



/****************************************************************************************

 * Footer

****************************************************************************************/
#ffooter {
background:#fff url(images/footer_border.gif) repeat-x;
overflow:auto;
padding:1em 0;
}

#ffooter li {
float:left;
font-size:1.1em;
color:#999;
background:url(images/footer_border_right.gif) no-repeat 0 0.2em;
padding:0 10px;
}

#ffooter .first-cell {
padding-left:0;
background:none;
}

#ffooter .right {
float:right;
background:none;
}

#ffooter a {
color:#888;
}

#ffooter a:hover {
color:#4c4c4c;
}




#topbar {
	overflow:auto;
	padding-bottom:20px;

}
* html #topbar {
	height:1%;

}


#topbar #logo {
	float:left;
	padding-top:1.1em;

}

#topbar #logo a img {
	border:0px;
}
/****************************************************************************************

 * Top menu (local)

 ***************************************************************************************/

#topmenu {

	float:right;


	background:url(images/topmenu_bg.gif) no-repeat bottom left;

	padding-left:130px;

	margin-top:35px;

}

#topmenu li {

	float:left;

	background:url(images/topmenu_inactive_left.gif) no-repeat;

	padding-left:4px;

	margin-left:4px;

}

#topmenu li a {

	display:block;

	background:url(images/topmenu_inactive_right.gif) no-repeat top right;

	padding:0.5em 12px 0.25em 8px;

	color:#fff;

	font-size:1.2em;

	font-weight:bold;

	text-decoration:none;

}

#topmenu li a:hover {

	text-decoration:underline;

}

#topmenu li.selected {

	background-image:url(images/topmenu_active_left.gif);

}

#topmenu li.selected a {

	background-image:url(/images/topmenu_active_right.gif);

	color:#433b67;

}


#page {
	margin-left:184px;
	position:relative;
	width:720px;
}
#commentform #formcomments p.comptext {
	padding:0 0 20px 0;
}