/*  
Theme Name: Surfa lugnt
Theme URI: http://www.room404.se/
Description: Widget ready and tested on WP 2.3.8.
Version: 1.0
Author: Göran Nilsson, Room 404 Internet technologies
Author URI: http://www.room404.se/
*/

* {
	margin: 0;
	padding: 0;

}
.author
{
  padding-top:10px;

}
.page_item a span
{

}
body {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
  line-height:16px;
	color: #121212;
  background-color:#cccccc;
  background-image: url(images/background.png);
  background-repeat:repeat-y;
  background-position:center top;
}

h1, h2, h3,h1 a, h2 a, h3 a {
  margin:0;
	margin-bottom: 1em;
  line-height:1em;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.widget_recent_entries div.date
{ 
  text-align:right;
  float:right;
  line-height:16px;
 
  
}
.widget_recent_entries div.title a
{ 
  color: #666666;
  float:left;
  line-height:16px;

}

.widget_recent_entries div.title a:hover
{ 
  color: #666666;
}

.widget_recent_entries h2.widgettitle
{
color: #666666;
  margin-bottom:10px;
}

h2.widgettitle_teens
{
color: #ffffff;
  margin-bottom:10px;
}

h1 a, h2 a, h3 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: none;
  	color: #666666;
}

h1 {

	font-size: 16px;
  font-weight: bold;
  margin:0;
  font-family:arila,helvetica,sans;
}

h2 {

	font-size: 16px;
  font-weight: bold;
  margin:0;
  font-family:arila,helvetica,sans;
}

h3 {
	font-family:arila,helvetica,sans;
  font-size: 10px;
}

p, ul, ol {
	margin-bottom: 1.5em;
	line-height: 16px;
}
.sidebar p,.sidebar  ul,.sidebar  ol {

	line-height: 16px;
}
ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	text-decoration: none;
	font-weight:bold;
	color: #3366ff;
}

a:hover {
	
	text-decoration: none;
	color: #333333;
}

hr {
	display: none;
}

/* Header */

#header {
	width: 940px;
	margin: 0 auto;
  height:98px;

}

/* Logo */

#logo {
	
  height:55px;
  width:900px;
  margin-top:34px;
  margin-left:20px;
  margin-right:20px;

}


#logo h1, #logo h2 {

}

#logo h1 {

}

#logo h1 a:hover {
	text-decoration: none;
	background: none;
}

#logo h2 {
	padding: 45px 0 0 7px;
	letter-spacing: normal;
	font-size: 1.4em;
}

#nyhet a {
font-weight:bold;
text-decoration:none;

}




#nyhet {
  margin:0px;
  margin-bottom:22px;
  /*background-image:url(images/gray_menu_bg_ul_left.gif);*/
  background-repeat: no-repeat;
  height:20px;
  margin-right:3px;
  padding-left:6px;

}




#nyhet ul.index_start {
	margin: 0;
  margin-top:6px;
	list-style: none;
	line-height: normal;
  /*background-image:url(images/gray_menu_bg_ul_right_last.gif);*/
  background-repeat: no-repeat;
  background-position: right;
}


#nyhet ul.index_start li {
margin: 0;
  	display: inline;
padding-top:30px;
padding-bottom:30px;
margin-left:-4px;

  padding-left:0px;


}

#nyhet ul.index_start li a {

  color:#666666;
  /*background-image:url(images/gray_menu_bg_right_last.gif);*/
  background-repeat: no-repeat;
  background-position: top right;
  padding: 0px;
  padding-top: 17px;
  padding-bottom: 50px;
  padding-right:22px;
  

  
}
#nyhet ul.index_start li  a span span
{

  height:15px;

  vertical-align: middle;
  
  padding:0px;
 
  background-image:none;

}

#nyhet ul.index_start li  a span{

  

 font-size:10px;
  line-height:16px;

  color:#666666;


}









/* Menu */

#menu {



margin-left:20px;
margin-right:20px;
border-bottom: 1px solid #ec008c;
margin-top: 14px;

 
 
}

#menu ul {
	margin: 3px;




}
#menu li {
    margin: 0;
  	display: inline;
    border-left:1px solid #EC008C;
    padding-right: 5px;
    padding-left:5px;
    padding-bottom:5px;

}
#menu li:first-child {
    margin: 0;
  	display: inline;
    border-left:none;
    padding-right: 5px;
    padding-left:5px;
    padding-bottom:5px;

}


#menu ul li a {
  color:#666666;


  
}

#menu ul li  a span.menu_item_wrapper span
{




  

 
  background-image:none;

}

#menu ul li  a span.menu_item_wrapper{


 font-size:11px;

  color:#231f20;


}

#menu ul li:first-child  a span.menu_item_wrapper{

  

 
  font-size:11px;

  color:#231f20;


}
#top_rotator
{
  width:900px;
  height:270px;
  background-color: black;
  overflow: hidden;
  margin-left:20px;
  margin-bottom: 5px;
  *margin-top:35px; /* Fix for IE */


}
    div#rotator {
	position:relative;
	height:345px;
	margin-left: 15px;
}
/* rotator css */
	div#top_rotator ul li {
	float:left;
	position:absolute;
	list-style: none;

}
	div#top_rotator ul  {

  margin:0px;
  padding:0px;
}
/* rotator image style */	
	div#top_rotator ul li img {
  
  border:0px;

}
    div#top_rotator ul li.show {
	z-index:500
}


.widget ul {
	list-style: none;
	line-height: normal;
}

#menu a {

	text-decoration: none;
	font-weight: bold;
  font-family: Arial, Helvetica, Sans;
  font-size: 11px;
  color: #231f20;
}

#menu a:hover {
	text-decoration: none;
}

/* Page */

#page {
	width: 940px;
	margin: 0 auto;
/* 	*margin-top: 32px; */
}

/* Sidebars */

.sidebar {
	float: left;
	width: 200px;
	padding-top: 0px;
  font-size:10px;
  color:#121212;
  line-height:16px;
}

.sidebar ul {
	margin: 0;

	padding: 0;
	list-style: none;
}

.sidebar li {
	padding-bottom: 20px;
    margin-bottom:5px;
}

.sidebar li ul {
}

.sidebar li li {
	padding: 0;
}

.sidebar h2 {
	height: 20px;
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	font-size:12px;
  font-weight:bold;
}

/* Sidebar1 */

#sidebar1 {
  margin-left:20px;
  margin-right:6px;
  margin-top:10px;
  min-height:500px;
  padding-top:20px;
  width:216px;
/*   border-right:1px solid #AEADAD; */

}

#sidebar1 h2 {
	

}

#sidebar1 li li {
	padding-right: 0px;

}

/* Sidebar2 */

#sidebar2 {
  width:208px;
margin-top:10px;
padding-top:20px;
padding-left:10px;

  min-height:500px;
}

#sidebar2 h2 {

}
#big_submenu a#surfa
{
  background-image:url(images/vad_gor.png);
  background-repeat: no-repeat;
}
#big_submenu a#rad
{
  background-image:url(images/rad_tips.png);
  background-repeat: no-repeat;
}
#big_submenu a#vardag:hover
{
  background-image:url(images/vardag.png);
  background-repeat: no-repeat;
}
#big_submenu a#fraga:hover
{
  background-image:url(images/fraga.png);
  background-repeat: no-repeat;
}
#big_submenu a#surfa:hover
{
  background-image:url(images/vad_gor_over.png);
  background-repeat: no-repeat;
}
#big_submenu a#rad:hover
{
  background-image:url(images/rad_tips_over.png);
  background-repeat: no-repeat;
}
#big_submenu a#vardag
{
  background-image:url(images/vardag_over.png);
  background-repeat: no-repeat;
}
#big_submenu a#fraga
{
  background-image:url(images/fraga-over.png);
  background-repeat: no-repeat;
}
#big_header_rad
{
  margin-left:20px;
  *margin-top:35px; /* Fix for IE */
}
.hide
{
  display:none;
}
div.personal
{
  display:none;
}
a.personal
{
  font-weight:bold
}
#big_submenu a
{
  width:217px;
  height:109px;
  display:block;
  float:left;
  margin-right:11px;
}
#menu .page-item-46, #menu .page-item-208
{
  display:none;
}
#menu .page-item-104
{
  display:none;
}
#right_topper
{
  background-image:url(images/gra_top_ruta.png);
  width: 599px;
  height:43px;
  float:right;
  margin-right:20px;
  
}
#right_topper_nav
{
/*   background-image:url(images/gra_top_ruta.png); */
  width: 599px;
  height:43px;
  float:right;
  margin-right:20px;
  
}
#left_topper
{
  width: 293px;
  height:43px;
  float:left;

}
#hela_topper
{
  width: 900px;
  height:105px;
  float:left;

}
#submenu_topper
{


  

}
#submenu_topper ul
{
  margin:0;

  

}
#submenu_topper li
{
  display:block;
  float:left;


}
#submenu_topper li a
{
  width:294px;
  height: 112px;
  display:block;
  margin-top:10px;
  margin-right:9px;
  

}
#submenu_topper .page-item-79 a
{
  background-image:url(images/fallgropar.png);
  background-repeat: no-repeat;
}
#submenu_topper .page-item-82 a
{
  background-image:url(images/fraga-expert.png);
  background-repeat: no-repeat;
}
#submenu_topper .page-item-77 a
{
  background-image:url(images/prata-med.png);
  background-repeat: no-repeat;
}
#submenu_topper .page-item-79 a:hover
{
  background-image:url(images/fallgropar-over.png);
  background-repeat: no-repeat;
}
#submenu_topper .page-item-82 a:hover
{
  background-image:url(images/fraga-expert-over.png);
  background-repeat: no-repeat;
}
#submenu_topper .page-item-77 a:hover
{
  background-image:url(images/prata-med-over.png);
  background-repeat: no-repeat;
}


#submenu_topper .page-item-106 a
{
  background-image:url(images/integritet.png);
  background-repeat: no-repeat;
}
#submenu_topper .page-item-108 a
{
  background-image:url(images/motesplatser.png);
  background-repeat: no-repeat;
}
#submenu_topper .page-item-110 a
{
  background-image:url(images/spraket.png);
  background-repeat: no-repeat;
}
#submenu_topper .page-item-106 a:hover
{
  background-image:url(images/integritet-over.png);
  background-repeat: no-repeat;
}
#submenu_topper .page-item-108 a:hover
{
  background-image:url(images/motesplatser-over.png);
  background-repeat: no-repeat;
}
#submenu_topper .page-item-110 a:hover
{
  background-image:url(images/spraket-over.png);
  background-repeat: no-repeat;
}

#big_submenu a span
{
visibility:hidden;
}
#submenu_topper a span
{
visibility:hidden;
}
#big_submenu
{
  margin-left:20px;
}
#kris
{
  float:right;
  margin-top:-85px;
  padding-right: 50px;
}
#twit
{
  float:right;
  margin-top:-13px;
}
#face
{
  float:right;
  margin-top:-13px;
}
/* Search */

#search {
}

#search form {
	text-align: center;
}

#search #s {
	width: 80%;
	margin-bottom: 10px;
}
#sidebar2 li.widget #searchform div
{
  text-align:right;

}
#search h2 {

}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 0 20px;
}

#calendar caption {
	padding-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

#calendar table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
}

#calendar thead th {
	padding: 5px 0;
	background: #F9F3DF;
	border-bottom: 1px solid #CCCCCC;
	color: #CCCCCC;
}

#calendar tbody td {
	padding: 5px 0;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}

#calendar tfoot td {
	padding: 5px;
	border-top: 1px solid #CCCCCC;
}

#calendar tfoot a {
	border: none;
	font-weight: bold;
}

#calendar #next {
	text-align: right;
}

#calendar #prev {
	text-align: left;
}

/* Recent Posts */

#recent-posts {
}

#recent-posts h2 {
	
}

.sidebar #recent-posts ul {
	padding: 0 20px;
}

/* Content */

#content {
  border-left:1px solid #AEADAD;
  border-right:1px solid #AEADAD;
  float:left;
  margin-top:10px;
  min-height:920px;
  padding:20px;
  width:415px;
  
}

.post {
	padding: 0;
}
#sidebar2 #s
{
  width:206px;
  margin-bottom:10px;
}
.pagetitle {

}

.post .title {
	margin: 0;
	padding: 0;
}

.post .meta {
	margin: 0;
	padding-bottom: 5px;
  padding-left:0;
  padding-right:0;
  padding-top:5px;
  line-height: normal;
}


.post .entry {
	padding: 10px;
  padding-left:0;
  padding-right:0;
  padding-top:10px;
	
}

.post .tags, .post .links {
	margin: 0;
	line-height: normal;


}

.post .tags {

}

/* Comments */

#comment {
	width: 400px;
}

/* Navigation */

.navigation {
	clear: both;
	padding: 20px;
	font-weight: bold;
	font-size: larger;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}



/* Footer */

#footer {
	width: 931px;
	margin: 0 auto;

	text-align: center;

}

#footer p {
	margin: 0;
	padding: 0;
	font-size: smaller;
	line-height: normal;
}

/*
.textwidget {
	border: 2px solid green;
	padding-top:10px;
}
*/
/*
.textwidget p {
	line-height:16px;
}
*/
/*
.textwidget img {
	padding:5px;
	background-color:#555;
*/
}

div.ticker_wrap,
div.notice_wrap {
	margin-top: 0px;
	padding-top: -20px;
	height: 19px;
	padding-left:20px;
	*padding-left:0px; /* Fix for IE */
}

div.ticker_wrap {
/* 	border: 1px dashed red; */
	height: 32px;
	margin-bottom: 5px;
}

div.notice_wrap {
/*	background-image: url(../images/n.gif);
	background-repeat: no-repeat;*/
}

div.ticker_wrap h4,
div.notice_wrap h4 {
	float: left;
	background-image: url(images/infobanner_rubrik.png);
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-right: 8px;
	z-index:110;
}

div.notice_wrap h4 {
	color: white;
}

div#news-slide, div#news-slide a:link, div#news-slide a:visited {
	position: relative;
	overflow: hidden;
	width: 792px;
	padding-top:5px;
	background-image: url(images/infobanner_text-bg.png);
	background-repeat: no-repeat;
/* 	color: #000!important; */
	font-size: 13px;
	z-index:100;
/* 	line-height: 16px; */
/* 	margin-left: 5px;	 */
}

ul#news-slide-list,
div.notice_wrap div#notice {
    position: relative;
    overflow: hidden;
    width: 750px;
    height: 18px;
}

ul#news-slide-list li {
    position: absolute;
    left: 790px;
    top: 0px;
	display: inline;
	width: 790px;
/* 	border: 1px dashed red; */
}

ul#news-slide-list li.news-slide-first,
li.news-slide-first {
    left: 0;
}

.clr {
	clear: both;
}