/*
Theme Name: Fonom Odelagd
Theme URI: http://www.logicalley.se/
Description: Specially designed for Fonem Odelagd
Version: 1.0
Author: Informo, Logic Alley & Subcontrast
Author URI: http://www.informo.se/

*/
HTML, BODY
{
	padding: 0px;
	margin: 0px;
	background-color: #2D2D2D;
}
IMG
{
	border: 0px solid #000000;
}
IMG.alignleft
{
	border: 0px solid #000000;
	margin: 0 10px 10px 0;
	float: left;
}
IMG.alignright
{
	border: 0px solid #000000;
	margin: 0 0 10px 10px;
	float: right;
}
IMG.aligncenter
{
	border: 0px solid #000000;
	margin: 0 10px 10px;
}
#container
{
	margin: 0px auto;
	width: 100%;
	position: relative;
}
UL
{
	margin: 0;
	padding: 0;
}
LI
{
	margin: 0;
	padding: 0;
}
A:link, A:visited
{
	color: #E64583;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
/*

TOPP PARTI CSS

*/
#background
{
	background: url(images/background.jpg) repeat-x;
	width: 100%;
	height: 220px;
}
#topwrapper
{
	width: 960px;
/*float: left;*/
	margin: 0 auto;
/*the auto margins (in conjunction with a width) center the page*/
}
#logoimg
{
	float: left;
	width: 352px;
	height: auto;
	margin: 30px 0 0;
}
#topsepimg
{
	float: left;
	width: 2px;
	height: 159px;
	margin: 20px 0 0;
}
#booksimg
{
	float: left;
	width: 350px;
	height: 178px;
	margin: 20px 0 0;
}
/*top right css med toppmeny och sokfalt*/
#topright
{
	float: right;
	width: 254px;
	height: 170px;
	margin: 20px 0 0;
	text-align: right;
}
#menudiv
{
	float: left;
	width: 254px;
	height: auto;
	margin: 17px 0 0;
}
UL#topnav
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#topnav LI
{
	display: inline;
	list-style-type: none;
	font: 14px/14px "Trebuchet MS";
}
#topnav A
{
	padding: 3px 10px;
}
#topnav A:link, #topnav A:visited
{
	color: #FFF;
	background: url(images/id45topmenysepimg.jpg) no-repeat top right;
	text-decoration: none;
	text-transform: uppercase;
}
#topnav A:hover, #topnav .current_page_item A
{
	color: #FFF;
	text-decoration: underline;
}
#topnav LI#icon A.icon
{
	background: none;
}
#topnav A.icon IMG
{
	position: relative;
	top: 5px;
	left: -3px;
}
#searchdiv
{
	float: left;
	width: 254px;
	height: auto;
	margin: 40px 0 0;
	vertical-align: top;
}
#searchdiv P
{
	padding: 0;
	margin: 0;
}
INPUT.sok
{
	background-color: #666666;
	border: 1px solid #989898;
	width: 150px;
	height: 19px;
	color: #FFF;
	font: 12px/12px Courier;
	padding: 5px 0 0 5px;
	vertical-align: top;
	margin-top: 3px;
}
INPUT.sokbutton
{
	width: 58px;
	height: 32px;
	color: #FFF;
	font: 12px/12px Courier;
	padding: 0;
	vertical-align: top;
}
/*
MENY RIBBA CSS
*/
#menubarbg
{
	background: url(images/menubarbg.jpg) repeat-x;
	width: 100%;
	height: 53px;
	margin: 0;
	padding: 0;
}
#menubarinnerbg
{
	width: 980px;
/*float: left;*/
	margin: 0 auto;
/*the auto margins (in conjunction with a width) center the page*/
	padding: 0;
}
#menubar
{
	float: left;
	background: url(images/menubarinnerbg.jpg) repeat-x;
	width: 950px;
	height: 51px;
	padding: 0;
	margin: 1px 0 0;
}
#mainnavleftsep
{
	background: url(images/id58mainnavsepimg.jpg) no-repeat;
	float: left;
	width: 1px;
	height: 51px;
	margin-left: 22px;
}
UL#mainnav
{
	position: relative;
	margin: 0;
	padding: 0;
}
.mainnav LI
{
	float: left;
	display: inline-block;
	list-style-type: none;
	font: 14px/14px "Trebuchet MS";
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.mainnav LI A
{
	padding: 18px 15px 10px;
	margin: 0;
	vertical-align: top;
	display: inline-block;
}
.mainnav LI A:link, .mainnav LI A:visited
{
	color: #FFF;
	background: url(images/id58mainnavsepimg.jpg) no-repeat top right;
	text-decoration: none;
}
.mainnav LI A:hover
{
	color: #FFF;
	text-decoration: underline;
}
.mainnav LI.current_page_item A:link, .mainnav LI.current_page_item A:visited
{
	color: #FFF;
	background: url(images/id58mainnavsepimg.jpg) no-repeat top right;
	text-decoration: underline;
}
/*
PUFF HEADER CSS
*/
#puffbg
{
	background: url(images/puffbg.jpg) repeat-x;
	width: 100%;
	height: 300px;
	margin: 0;
	padding: 0;
}
#headerimg
{
	width: 936px;
/*float: left;*/
	margin: 0 auto;
/*the auto margins (in conjunction with a width) center the page*/
	padding: 0;
	height: 300px;
}
/*
INNEHALL CSS
*/
#contentwrap
{
	background: #2E2E2E url(images/contentwrap_tile.jpg) repeat-x;
	width: 100%;
	min-height: 433px;
	height: auto;
	margin: 0;
	padding: 0;
}
.no-headerimg
{
	position: relative;
	top: -2px;
}
#contentcenter
{
	width: 950px;
/*float: left;*/
	margin: 0 auto;
/*the auto margins (in conjunction with a width) center the page*/
}
#contentbg
{
	float: left;
	background: #FFF url(images/contentbg_tile.jpg) repeat-x;
	width: 950px;
	height: auto;
	margin: 2px 0 0 7px;
	padding: 0;
}
#leftcol
{
	float: left;
	width: 200px;
	min-height: 100px;
	margin: 40px 0 0 27px;
}
#leftcol H2
{
	font: 18px/18px Georgia;
	color: #E64583;
	border-bottom: 1px solid #E2E2E2;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
#midcol
{
	float: left;
	width: 450px;
	min-height: 100px;
	margin: 36px 0 0 27px;
}
#midcol H2
{
	font: 22px/22px Georgia;
	color: #E64583;
	border-bottom: 1px solid #E2E2E2;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
#midcol P
{
	font: 14px/14px Georgia;
	color: #666666;
	margin: 0;
	padding: 0 0 10px;
	line-height: 20px;
}
#blogcol
{
	float: left;
	width: 660px;
	min-height: 100px;
	margin: 36px 0 0 27px;
}
#blogcol H2
{
	font: 22px/22px Georgia;
	color: #E64583;
	margin: 0 0 5px;
	padding: 0 0 5px;
}
#blogcol H1, #midcol H1
{
	font: 27px/22px Georgia;
	color: #E64583;
	border-bottom: 1px solid #E2E2E2;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
#blogcol P
{
	font: 14px/14px Georgia;
	color: #666666;
	margin: 0;
	padding: 0 0 10px;
	line-height: 20px;
}
#rightcol
{
	float: right;
	width: 190px;
	min-height: 100px;
	margin: 40px 27px 0 0;
}
#rightcol H2
{
	font: 18px/18px Georgia;
	color: #E64583;
	border-bottom: 1px solid #E2E2E2;
	margin: 0 0 10px;
	padding: 0 0 10px;
}
#rightcol H3
{
	margin: 0;
	padding: 0;
}
#midcol H3, #blogcol H3
{
	font: normal 16px/16px Georgia;
	color: #E64583;
	margin: 0 0 7px;
	padding: 0 0 4px;
}
#rightcol H3 A:link, #rightcol H3 A:visited
{
	font: 15px/15px Georgia;
	color: #000;
	margin: 0;
	padding: 0;
}
#rightcol P
{
	font: 13px/13px Georgia;
	color: #666666;
	margin: 0;
	padding: 0 0 10px;
	line-height: 20px;
}
#rightcol SPAN.newsdate
{
	font: 12px/12px Courier;
	color: #999999;
	margin: 0;
	padding: 0;
}
#blogcol .bloghead
{
	float: left;
	width: 660px;
	display: block;
	/*[disabled]margin-top:20px;*/
}
#blogcol .bloghead H2
{
	float: left;
}
#blogcol .headline
{
	float: left;
	width: 660px;
	height: 1px;
	background-color: #E2E2E2;
	margin: 0 0 10px;
}
#blogcol SPAN.comments
{
	float: right;
	background: url(images/comments_icon.gif) no-repeat top left;
	font: normal 11px/11px Courier;
	padding: 0 0 0 18px;
	margin: 10px 0;
}
#blogcol SPAN.comments A
{
	color: #666666;
}
#blogcol SPAN.search-title
{
	float: none;
	display: block;
	clear: both;
	margin: 0 0 34px 0px;
	font-size: 18px;
}
DIV.postfooter
{
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	padding: 0;
	margin: 0px 0px 24px;
	display: block;
	color: #666666;
	clear: both;
}
DIV.postfooter SPAN
{
	border-bottom: 1px solid #E1E1E1;
	width: 100%;
	display: block;
	padding: 4px 0 11px;
	font-family: "Courier New", Courier;
	margin: 0px 0px 3px;
	font-size: 11px;
}
/**/
#rightcol A
{
	color: #666666;
}
/*INNEHALL CSS
*/
#contentwrap
{
	background-color: #2E2E2E;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#contentcenter
{
	width: 950px;
/*float: left;*/
	margin: 0 auto;
/*the auto margins (in conjunction with a width) center the page*/
}
#footerbg
{
	float: left;
	background: #CDCDCD url(images/footerbg.jpg) no-repeat;
	width: 950px;
	min-height: 100px;
	height: auto;
	margin: 0 0 0 7px;
	padding: 0;
}
#footerleft
{
	float: left;
	width: 510px;
	font: 12px/12px "Trebuchet MS";
	color: #333333;
	margin: 60px 0 0 27px;
}
DIV#footerbg P A
{
	color: #333333;
}
DIV#footerbg P
{
	line-height: 22px;
}
#footerright
{
	float: right;
	width: 270px;
	font: 12px/12px "Trebuchet MS";
	color: #333333;
	margin: 60px 0 0;
	text-align: right;
	padding: 0 35px 0 0;
}
/*
ROUNDED CORNERS CSS
*/
.roundcont
{
	width: 200px;
	background-color: #E2E2E2;
	color: #000;
	margin: 0 0 10px;
}
.roundcont P
{
	margin: 0 10px;
}
.roundtop
{
	/*[empty]padding-bottom:;*/
	background: url(images/tr.gif) no-repeat top right;
}
.roundbottom
{
	background: url(images/br.gif) no-repeat top right;
}
IMG.corner
{
	width: 4px;
	height: 4px;
	border: none;
	display: block !important;
}
.roundcont .sidebarhead
{
	color: #000;
	font: normal 15px/15px Georgia;
}
.roundcont .slider-element
{
	padding: 5px 0 5px 10px;
	margin: 0 1px 0 0;
	background: url(images/minusiconimg.jpg) no-repeat center right;
	cursor: pointer;
}
.roundcont .closed
{
	background: url(images/plusiconimg.jpg) no-repeat center right;
}
.roundcont .sidebarhead:hover
{
	color: #990000;
	text-decoration: underline;
}
/*
Blog Sidebar
*/
.roundcont SPAN.sidebarhead
{
	color: #000;
	font: normal 15px/15px Georgia;
}
.roundcont UL
{
	margin: 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	white-space: nowrap;
}
.roundcont LI
{
	padding: 0 0 0 4px;
}
.roundcont A:link, .roundcont A:visited
{
	font: 14px/14px Georgia;
	color: #000;
}
.tag-cloud
{
	margin-left: 17px;
	margin-top: 2px;
	margin-bottom: 5px;
}
/*COMMENTARER CSS*/
#commentform TEXTAREA
{
	width: 346px;
}
#commentform INPUT, #commentform TEXTAREA
{
	border: 1px solid #CDCDCD;
	font: normal 13px "Courier New";
}
#commentform INPUT#submit
{
	font-family: Georgia;
	font-size: 15px;
}
OL.commentlist IMG.avatar
{
	display: none;
}