/*  
Theme Name: simpleyellow3 - Kraftigt ändrad av PW
Theme URI: http://usadesigns.net/
Description: Widget Supported xhtml complaint template sponsored by <a href="http://www.romow.com/" title="Romow Web Directory">Romow.com</a> and <a href="http://www.webranking.us/" title="Web Ranking Directory">WebRanking.us</a>
Version: 1.0
Author: website design - PW
Author URI: http://www.askgraphics.com/

This theme is free to use under Creative Commons (Attribution-ShareAlike 2.5),
    therefore all the attribution links in the footer must remain intact.

*/

body{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#000000;
}

h1{
        font-size:160%;
}

h2{
        font-size:140%;
}

h3{
        font-size:120%;
}

img{
	border:0px;
}

a{
/*	color:#000000;*/
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a:hover img{
	text-decoration:none;
}

form, table, ul, li{
	padding:0px;
	margin:0px;;
}

.sub{
	border:0px;
}

input, textarea{
	border:1px solid #cecece;
	font-size:12px
}

div#page{
/*ORIGINAL	width:977px;*/
/*	width:940px;*/
/* 2011-10-22: Ändrade från 940 till 980 för att få plats med annons OneStopPlus på 980px */
        width:980px;
	text-align:left;
	border:10px solid #ffffff;
        background:#ffffff;
}




/* ... HEADER BEGIN ... */

div#page #header{
	width:100%;
	height:115px;
/*	background:url(images/header_bg.png) no-repeat top;*/
	background:url(images/header_bg.png) top;
}




div#header #header_title{
	color:#000000;
	font-size:39px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-left:15px;
}

div#header #header_title a{
	color:#000000;
}


  /* ... MENY BEGIN ... */

  div#header #menu{
	width:100%;
  }

  div#menu #menu_pad{
	/*padding-top:55px;*/
        padding-top:4px;
	padding-left:10px;
	color:#cdcdcd;
background-color:#000000;
height:22px;
  }

  div#menu #menu_pad td{
	text-align:center;
  }

  div#menu #menu_pad a{
	color:#cdcdcd;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  }

  div#menu #menu_pad a:hover{
	color:#ffffff;
	text-decoration:underline;
  }

/* ... MENY END ... */

/* ... HEADER END ... */



/* blog*/


div#page #blog{
        background:#ffffff;
	margin-top:0px; /* DETTA UTGJORDE FÖRUT MENYBAKGRUNDEN OCH VAR SATT TILL 22PX. */
        padding-top:7px;
}

div#blog #blog_left{
/*	width:580px;*/
/* 2011-10-22: Ändrade sidan från 940 till 980 för att få plats med annons på 980px och ökade då också med 40 även här. */
	width:620px;
        /*border:#ff0000 solid 1px;*/
        float:left;
        background:#ffffff;
}

/* YTTRE CONTAINER PÅ VÄNSTER SIDA */
#blog #blog_left_bg{
        /*ORIGINAL	width:100%;*/
	/*width:597px;*/
	/*background:#ffffff url(images/left_bg.png) repeat-y top left;*/
	/*background:#f9f9f9;*/ /*BORTTAGET 2008-12-09*/
        /*border:#ebebeb solid 1px;*/ /*BORTTAGET 2008-12-09*/
        /*margin-right:10px;*/

	background:#ffffff; /*TILLAGT 2008-12-09*/
        margin-right:2px; /*TILLAGT 2008-12-09*/
}

div#blog #blog_right{
	width:352px;
/*	width:337px;*/
/*ORIGINAL	padding-left:5px;*/
	/*padding-left:10px;*/
float:right;
}

div#blog #blog_right_top{
	width:100%;
	height:72px;
	background:url(images/side_bar_top.png) no-repeat top left;
}

div#blog #blog_right_top #right_search_box{
	padding-top:10px;
	padding-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#blog #blog_right_top #right_search_box input.s{
/* ORIGINAL	width:220px;*/
/* ORIGINAL	font-size:16px;*/
	width:252px;
	font-size:14px;
}

div#blog #blog_right_end{
	width:100%;
	height:15px;
	background:url(images/side_bar_end.png) no-repeat top left;
}

/* sidebar*/
div#blog #blog_right #blog_right_pad #sidebar{
	padding-top:0px;
	background:#ffca00;
}
div#blog #blog_right #blog_right_pad #sidebar ul{
	padding:0px;
	margin:0px;
}
div#blog #blog_right #blog_right_pad #sidebar li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

div#blog #blog_right #blog_right_pad #sidebar h2{
	color:#b3380a;
	font-size:14px; /*Originalet var 17 px. Det här är rubrikerna i sidokolumnen.*/
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding-left:18px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	height:27px;
	background:url(images/block_title_bg.png) no-repeat left top;
}

div#blog #blog_right #blog_right_pad #sidebar td.td_right h2{
	color:#b3380a;
}

div#blog #blog_right #blog_right_pad #sidebar table ul li{
	color:#332800;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
/*	font-weight:bold; Ändrat 2010-11-06 eftersom allt jag skrev i VID SIDAN AV blev fetstil*/
        font-weight:normal;
/*	background:url(images/sidebar_title_bg.png) no-repeat top; TOG BORT 2010-11-06*/
/*	padding-left:14px; Ändrat 2010-11-06*/
        padding-left:10px;
	padding-bottom:7px;
	padding-top:3px;
}
div#blog #blog_right #blog_right_pad #sidebar table td.td_right ul li{
	color:#332800;
}


div#blog #blog_right #blog_right_pad #sidebar li a{
	color:#332800;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none; /*Tog bort ändringen Ändrat 2010-11-06*/
	font-weight:normal;
	line-height:19px;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right li a{
	color:#332800;
        text-decoration:underline; /*Lade till 2010-11-06*/
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
/*	font-weight:bold; Ändrat 2010-11-09 eftersom det jag skrev VID SIDAN AV BLEV FETT. OBS! Det ändrade jag på ett annat ställe också och trodde att det hade blivit rätt. Vad hände? */
        font-weight:normal;
	padding-left:7px;
	padding-right:25px;
	padding-bottom:5px;
	background:none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:0px;
	padding-right:0px;
	background:none;
}

div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
        //Borttag 2010-11-06 padding-left:20px; //PW 2008-10-05 DENNA GÖR ATT JAG FÅR INDENTERING ÄVEN OM JAG TAGIT BORT UL. MED UL KVAR GER NÄST-NÄSTA (DEN MED WIDGET_CATEGORIES) INDENTERING.
	border-bottom:0;
	// 2008-10-05: DENNA SLÅR AV OCH PÅ LINJERNA UNDER T.EX. KATEGORIER background: url(images/solid_li.png) left bottom no-repeat;
}

div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li{
	border-bottom:0;
	// 2008-10-05: JAG MÄRKER INGEN SKILLNAD background: url(images/solid_li.png) left bottom no-repeat;
}

div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li{
        padding-left:20px; //PW 2008-10-05
	border-bottom:0;
	/*background: url(images/solid_li3.png) left bottom no-repeat; TOG BORT 2010-11-06*/
}

div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li ul li{
	border-bottom:0;
	background: none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul{
	padding-left:5px;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li {
	border:0px;
	background: none;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li ul li {
	border:0px;
	background: none;
}
div#blog #blog_right #blog_right_pad #sidebar li ul li ul li a{
	background: url(images/line_li.png) left bottom no-repeat;
	padding-left:7px;
}

div#blog #blog_right #sidebar ul li ul li a{
	padding-left:8px;
	background: url(images/line_li2.png) no-repeat left;
}

div#blog #blog_right #blog_right_pad #sidebar td.td_border{
	width:1px;
	background:url(images/pix.png) repeat-y top;
}
div#blog #blog_right #sidebar ul li.widget_meta ul li a{
	padding-left:0px;
	/*background: url(images/meta_li.png) no-repeat left; TOG BORT 2010-11-06*/
}
div#blog #blog_right #sidebar td.td_right ul li.widget_meta ul li a{
	padding-left:0px;
	background: url(images/meta_li.png) no-repeat left;
}
div#blog #blog_right #sidebar td.td_right ul li ul li a{
	padding-left:0px;
	background: url(images/bl_li.png) no-repeat left;
}

.annonser{
        background: #ffffff;
}

/* end sidebar*/



/* DETTA ÄR LÄNGST NER PÅ SIDAN DÄR BLOGGINLÄGGEN TAR SLUT MED PREVIOUS OCH NEXT. */
div#blog #blog_left #blog_left_end{
	height:40px;
        border-top:#cccccc solid 1px;
}

/* DETTA ÄR LÄNGST NER PÅ SIDAN DÄR BLOGGINLÄGGEN TAR SLUT MED PREVIOUS OCH NEXT. */
div#blog .navigation{
	/*background:#000000;*/
	margin-bottom:10px;
	padding-top:10px;
}





/* DETTA ÄR LÄNGST NER PÅ SIDAN DÄR BLOGGINLÄGGEN TAR SLUT MED PREVIOUS OCH NEXT. */
/* PW 2008-04-12 */
div#blog .navigation .alignright a{
	font-weight:bold;
	font-size:11px;
	padding-right:15px;
	color:#9e0b0e;
        float:right;
}

/* DETTA ÄR LÄNGST NER PÅ SIDAN DÄR BLOGGINLÄGGEN TAR SLUT MED PREVIOUS OCH NEXT. */
div#blog .navigation .alignleft a{
	font-weight:bold;
	font-size:11px;
	padding-left:8px;
	color:#9e0b0e;
        float:left;
}











/* VERKAR VARA INRE CONTAINER (RUNT BLOGGINLÄGGEN*/
div#blog #blog_left .item_class{
	/*width:520px;*/
	/*padding-left:15px;*/ /*BORTTAGET 2008-12-09*/
	/*padding-right:15px;*/ /*BORTTAGET 2008-12-09*/
        /*border:#000000 solid 1px;*/ /* DETTA ANVÄNDES BARA FÖR AVLUSNING */
}

/* DETTA ÄR BLOGGINLÄGGEN. */
div.item_class .item_titles{
	/*background:url(images/item_title1.png) no-repeat top left;*/
        background:#ffffff;
	padding:10px;
        border:1px solid #cecece; /*RAMEN RUNT INLÄGGEN*/
}

/* BLOGGINLÄGGENS RUBRIK. OBS! ÄNDRING HÄR FÅR FÖLJDVERKNINGAR. */
div.item_class .item_title1 a{
	color:#9e0b0e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px; /*PW 2009-01-27. Ändrat från 20px.*/
        text-transform:uppercase; /*PW 2009-01-27*/
	/*padding-left:10px;*/ /*BORTTAGET 2008-12-09*/
}

div.item_class .item_title2{
	color:#7c7c7c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:18px;
	/*padding-left:10px;*/ /*BORTTAGET 2008-12-09*/
	padding-bottom:5px;
        /*ORIGINAL	border-bottom:1px solid #ffffcc;*/
	/*border-bottom:1px dotted #ccccff;*/
}

div.item_class .item_title2 a{
	color:#7c7c7c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

div.item_class .item_text{
/*	color:#7c7c7c;*/
        color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	padding-bottom:10px;
	border-top:1px dotted #ccccff;
}

div.item_class .item_text p{
	padding:0px;
	/*margin:4px;*/ /*BORTTAGET 2008-12-09*/
	margin-top:3px; /*TILLAGT 2008-12-09*/
}

/*DETTA ÄR SJÄLVA BLOGGINLÄGGET*/
div.item_class .item_panel{
	/*BORTTAGET 2007-11-24 background:url(images/comm_panel.png) repeat-x top;*/
        /*background: #dedede;*/
	width:100%;
	/*BORTTAGET 2007-11-24 height:28px;*/
        /*padding: 2px 0 5px 0;*/ /*TILLÄGG 2007-11-24*/
        padding: 2px 0 50px 0; /*ÄNDRING 2008-10-08*/
	/*border-bottom:1px solid #ccccff;*/
}

div.item_class .item_panel .panel_links{
	padding-left:10px;
	padding-top:5px;
}

div.item_class .item_panel .panel_links span.comm a{ /* DENNA ÄR LIKADAN SOM SPAN.READ FÖRUTOM BILDEN. */
	color:#9e0b0e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding-left:20px;
	background:url(images/comm.png) no-repeat left;
}

div.item_class .item_panel .panel_links span.read a{ /* DENNA ÄR LIKADAN SOM SPAN.COMM FÖRUTOM BILDEN. */
	color:#9e0b0e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding-left:20px;
	background:url(images/read.png) no-repeat left;
}

div.item_class .alignleft{
	padding-right:10px;
	padding-bottom:20px;
}

div.item_class .alignleft a{
	color:#21395f;
	font-weight:bold;
}

div.item_class .alignright{
	padding-right:10px;
	padding-bottom:20px;
}

div.item_class .alignright a{
	color:#21395f;
	font-weight:bold;
}



/* ... BLOG COMM BEGIN ... */
div#blog #blog_left  .blog_comm{
	padding-left:0px;
	padding-right:0px;/*17*/
	text-align:left;
}

div#blog #blog_left  .blog_comm .comm_title{
	color:#71858e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-bottom:15px;
}

div#blog #blog_left  .blog_comm .comm_count{
	color:#002564;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-top:4px;
	padding-left:10px;
	background:url(images/comm_panel.png) repeat-x repeat-y top;
	width:100%;
	height:30px;
}

div#blog #blog_left  .blog_comm .comm_data{
	background:url(images/comm_bg.png) repeat-x top;;
	height:33px;
	margin-left:10px;
	margin-top:15px;
}

div#blog #blog_left  .blog_comm .comm_data_pad{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding-top:10px;
	padding-left:5px;
}


div#blog #blog_left  .blog_comm .comm_data_pad a{
	color:#000000;
}
div#blog #blog_left  .blog_comm .comm_text{
	color:#7f7f7f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:5px;
}
div#blog #blog_left  .blog_comm .comm_text p{
	margin:0px;
	padding:0px;
}

div#blog #blog_left  #comm_form
{
/*	padding-left:10px;*/
	padding-top:2px;
	padding-bottom:2px;
	padding-right:0px;
	text-align:left;
}

div#blog #blog_left  #comm_form #form_title{
/*	background:url(images/form_comm_top_bg.png) no-repeat top left #e9e9e9;*/
	/*height:41px;*/
}

div#blog #blog_left  #comm_form #form_title #form_title_text{
	color:#737373;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px; /* ORIGINAL: 18 */
	font-weight:bold;
/*	padding-left:10px;*/
	padding-top:10px;
}

div#blog #blog_left  #comm_form .form_table{
	background:none;
	width:95%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:0px;
/*	padding-bottom:10px;*/
	padding-bottom:6px;

}

div#blog #blog_left  #comm_form .form_comm_end{
/*	background:url(images/form_comm_end_bg.png) no-repeat top left;*/
/*	height:14px;*/
	padding-left:0px;
	padding-bottom:0px;
}
/* blog comm end*/

/* end blog */




/* footer */

div#page #footer{
clear:both;
	width:100%;
	/*height:103px;*/
	background:url(images/footer_bg.png) no-repeat top left;
	border-top:1px solid #000000;
	text-align:center;
}

div#footer #footer_text{
	color:#000000;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-bottom:10px;
	border-top: 5px solid #002157;
	padding-left:20px;
}

div#footer #footer_text a{
	color:#000000;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* end footer */

.item_class blockquote{
	background:url(images/bq_li.png) repeat-y left top;
	padding-left:20px;
}

.item_class ol{
	background:url(images/oll_li.png) repeat-y left;
}

.item_class ul{
	padding-left:30px;
	list-style:url(images/list_li.png);
}

.item_class img{
	/*float: left;*/
	margin:5px;
}


















/* PW 2008-04-12: TILLÄGG FÖR ATT SLIPPA ANVÄNDA style I INLÄGGEN */
div#blog #blog_left .post_footer{
        clear:both;
        text-align:center;
        border-top:#cccccc solid 1px;
        border-bottom:#cccccc solid 1px;
        margin-top:15px;
        padding:2px 0 4px 0;
}

/* PW 2008-04-21 */
.roligahistorier{
        background:#ffffff;
/*        border:#cccccc dotted 1px;*/
/*        padding:5px 10px; PW 2009-11-17 */
        padding:0;
        margin:10px 0px;
        font-weight:bold;
}

.roligahistorier h2{
        font-size:14px;
}

.mandagsfarg{
        color:blue;
}

.tisdagsfarg{
        color:fuchsia;
}

.onsdagsfarg{
        color:green;
}

.torsdagsfarg{
        color:red;
}

.fredagsfarg{
        color:purple;
}

.fredagsfarg a{
        color:purple;
}

.lordagsfarg{
        color:navy;
}

.sondagsfarg{
        color:maroon;
}





/* CSS Popup Image Viewer - www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer */
.popupimg{
position: relative;
z-index: 0;
}

.popupimg:hover{
background-color: transparent;
z-index: 50;
}

.popupimg span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.popupimg span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.popupimg:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: 15px; /*position where enlarged image should offset horizontally */
}