/*
Theme Name: frisscarro
Theme URI: http://wordpress.org/
Description: frisscarro custom
Version: 1
Author: codebyko
Author URI: http://codebyko.se/
Tags: none
*/

@import url('reset-fonts-grids.css');

html { background: #ece8ea url('img/bg3.gif'); }

img { border: none; }

#doc-custom {
	margin:auto;text-align:left; /* leave unchanged */
	width:78.77em;/* non-IE */
	*width: 76.87em /* IE */;
	min-width:1024px;/* optional but recommended */
}


#bd, #hd, #ft {
	padding: 20px; margin: 20px; background: #fff;
}
#hd { padding: 10px 20px 0; }

#ft { color: #333; }

h1#home { font: bold 52px Arial, sans-serif; margin: 0; letter-spacing: -1px; padding: 0;}
h1#home a:hover { text-decoration: none; }
h2 { line-height: 1.5em; font-size: 18px; margin: 0.5em 0 0.2em 0; } 

.post { background: #ffd6ef; padding: 10px; margin: 10px 0 20px; }
.post h2 { line-height: 2em; margin: 0; letter-spacing: -1px; font-size: 1.7em; }
.post p { line-height: 1.4em; margin-bottom: 10px; font-weight: bold; }
.post a:hover { color: #fff; }
.post p.post_meta { font-size: 90%;  margin: 0 0 5px; padding: 0px; font-weight: normal; }
.author { font-style: italic; font-weight: bold; }

strong { font-weight: bold; }
em { font-style: italic; }
.right { text-align: right; }
a { color: #ff28aa; font-weight: bold; text-decoration: none; }
a:hover { color: #ddd; }

.navigation { margin: 10px auto; }
.navigation .left { float:left;width:49%; }
.navigation .right { float:right;width:49%; }

.menu li { list-style-type: none; background: transparent url('img/menu_bg.png') repeat-x left center; margin: 0 0 10px; float: left; }
.menu li.current_page_item, .menu ul li a:hover { 
	background: transparent url('img/menu_bg_hover.png') repeat-x left center; 
}
.menu li a { display: block; padding: 7px 17px; }
.menu li.current_page_item a { color: #28ffe8; }

.page-item-97 a { background: #ff28aa url('img/offer.png') repeat-x; color: #fff; }
.offer { background: #28ffe8; padding: 5px; }
.offer h2 { background: #ff28aa; color: #fff; padding: 5px; margin: 0;
			font: bold italic 18px Georgia, serif; text-align: center; letter-spacing: -1px; }
.offer p { margin-bottom: 10px; }

li.widget { margin: 10px 0; }
.widget h2 { font-size: 1.5em; padding: 0px; margin: 0px; font-weight: bold; letter-spacing: -1px; border-bottom: 2px solid #28ffe8; }
.widget ul li { margin: 5px 0; }

.first-image:hover span.more-info, .other-image:hover span.more-info  { display: block; }
span.more-info { font-size: 80%; padding: 10px; background: #fff; display: none; position: absolute; top: 10px; right: 10px; }

.first-image { clear: both; float: left; position: relative; width: 500px; margin 0px auto; }
.other-image { position: relative; float: left; width: 245px; margin: 10px 10px 0 0; padding: 0; }
.overlay { position: absolute; left: 0px; height: 35px; width: 100%; background: transparent url('img/overlay.png'); }
.overlay h2 { position: absolute; margin:0; padding: 5px 10px; color: #fff; bottom: 0px;  }
.overlay h2 a { color: #fff; }

.first-image .overlay { bottom: 4px; }
.other-image .overlay { bottom: 3px;}

table,th,td { border: none; }

li.widget_sp_image { text-align: right; }

.pristabell {margin: 0 auto; }
.pristabell tbody th, .pristabell tbody td { border: none; padding: 1px 5px; }
.pristabell tbody th { padding-left: 20px; text-align: left; }
tr.rubrikrad th { font-size: 16px; font-weight: bold; font-style: italic; text-align: left; padding: 20px 5px 2px 20px; }
tr.rubrikrad td, tr.rubrikrad th { border-bottom: 1px solid #ff28aa; width: 200px; }
tr.prisrad th, tr.prisrad td { border-bottom: 1px solid #28ffe8; }

#respond { width: 100%; }

#commentdiv { margin: 10px auto; padding-top: 10px; clear: both; }
h3#comments { margin: 10px auto; }

ol.commentlist { margin: 0; }
.comment {  border: 1px solid #28ffe8; background: #fafafa; }

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, Sans-Serif;
}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
	font-size: 90%;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}