/*

Theme name: Var_Sommar 12

Theme URI: http://lycklig.org

Description: Var_Sommar 12

Version: 2.0

Author CSS: Charlotta Lingwall

Contact author: info@lingwall.se

Author URL: http://www.lingwall.se

Date (dd/mm/yyyy): 01/09/2011

-----------------------------

Copyright LYCKLIG.ORG 2011

-----------------------------



INGET I CSS-mallen för kopieras eller användas

UTAN författarens tillstånd. Kontakta info@divadesign.se





*/



body {

    

	background: url(images/bg4.jpg) #ffffff;
	
	background-attachement:fixed;

	color: #807e7e;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 11px;

	margin: 0 auto;

	text-align: center;

}



input, textarea, select {

	border: 1px solid #807e7e;

	background:#ffffff;

	color: #807e7e;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

/* --- Länkar --- */



a, a:link {

	color:#99b0be; 

	font-weight:bold; 

	text-decoration: none;

}



a:visited {

	color:#99b0be; 

	font-weight:bold; 

	text-decoration: none;

}



a:visited:hover{

	color: #807e7e;

	font-weight:bold; 

	text-decoration: underline;

}



a:hover{

	color: #99b0be;

	font-weight:bold; 

	text-decoration: underline;

}





/* --- Struktur layout --- */



#site { /* styr ramen runt själva layouten */

	width: 900px;

	margin: 5px auto;

	padding: 1px 3px 3px 3px;

	text-align: center;

	background:#ffffff;

}



* html #site { /* styr ramen runt själva layouten */

	width: 900px;

	margin: -10px auto;

	padding: 0px 3px 3px 3px;

	text-align: center;

	background:#ffffff;

}



#topp { /* headerbilden */

	height: 400px;

	width: 900px;

	background: url(images/header_varsommar12.jpg) center center no-repeat;

	margin: 0px auto;

	padding: 2px auto;

}



#wrap { /* håller ihop innehållet */

	width: 900px;

	min-height: 700px;

	margin: 3px 0 0 0;

	padding: 0px;

	background: #fff;

	background-repeat: repeat-y;

}



* html #wrap {/* IE6 fix */

	height:701px;

}

/* Styr dropdownmenyn */

#suckerfishnav {

    background:#fff repeat-x;

	padding:5px;

	margin:0px;

    font-family: arial,verdana;

	font-weight: bold;

	font-style: none;

	text-transform: uppercase;

	font-size: 11px;

    width:100%;

    }

#suckerfishnav, #suckerfishnav ul {

    float:left;

    list-style:none;

    line-height:20px;

    padding:0;

    border:0px solid #aaa;

    margin:10px 0 10px 0px;

    width:100%;

    }

#suckerfishnav a { /*f�rg p� l�nkar i menyn */

    display:block;

    color: #807e7e

    text-decoration:none;

    padding:0px 10px;

    }

#suckerfishnav li {

    float:left;

    padding:0;

    }

#suckerfishnav ul {

    position:absolute;

    left:-999em;

    height:auto;

    width:101px;

    font-weight:normal;

    margin:0;

    line-height:1;

    border:0;

    border-top:0px dotted #99b0be;

    }

#suckerfishnav li li {

    width:99px;

    border-bottom:0px dotted #99b0be;

    border-left:0px dotted #99b0be;

    border-right:0px dotted #99b0be;

    font-weight:bold;

    font-family: arial,verdana;

	font-size:11px;

    }

#suckerfishnav li li a {/*f�rg p� l�nkar i menyn */

    padding:4px 10px;

    width:80px;

    font-size:11px;

    color: #99b0be;

    }

#suckerfishnav li ul ul {

    margin:-22px 0 0 100px;

    }

#suckerfishnav li li:hover {

    background:#99b0be;

    }

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {

    color:#ffffff;/*f�rg p� hover l�nkar i menyn */

    }

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {

    color:#99b0be;/*f�rg p� hover l�nkar i menyn */

    }

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {

    color:#99b0be;/*f�rg p� l�nkar i menyn */

    }

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {

    left:-999em;

    }

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {

    left:auto;

    background:#fff; 

	opacity: 0.8;

    color:#000;

    }

#suckerfishnav li:hover, #suckerfishnav li.sfhover {

    background:#ffffff;/*f�rg p� hover l�nkar i menyn */

    }

	

/* SLUT dropdownmenyn */







#footer {

	width:900px;

	text-align:left;

	margin: 0px auto;

	padding-top: 10px;

	border-top: 2px dotted #99b0be;

}

#footerleft {

float : left;

width : 300px;

margin : 0 0 0 0;

padding-right: 5px;

padding-left:10px;

  list-style:none;



}



#footermiddle {

float : left;

width : 260px;

margin : 0 0 0 0;

padding-right: 0px;

padding-left:50px;

  list-style:none;



}



#footerright {

float : right;

width : 260px;

margin : 0 0 0 0;

padding-right:10px;

  list-style:none;



}

#footer ul{

	list-style:none;

}

#footer li{

	list-style:none;

}



footer h2 { /* Rubriker i footer */

	font-size:12px;

	color:#000;

}



#footercopy {

	padding:30px;

	margin: 0px;

	text-transform:uppercase;

	text-align:center;

	color:#c0c0c0;

	font-size:10px;

}



/* --- SIDEBAR/SIDOMENY --- */



#sidebar h3 { /* Rubriker i sidebar */

	font:11px Georgia, Verdana,Sans-serif;

	font-style:none;

	text-align:left;

	font-weight: bold;

	background: none;

	color:#6a8e9b;

	padding:0px;

	margin:0 0 0 0; 

	text-decoration:none;

}



#sidebar {

	color:#6a8e9b;

	float: left;

	margin: 10px 0 5px 2px;

	padding: 10px 5px 15px 10px;

	width: 190px;

	min-height:700px;

	font-size:11px;

	text-align: left;

	letter-spacing:1px;

	border-right: 1px dotted #6a8e9b;

}



* html #sidebar {

	height:700px;

	width:188px;

	margin: 10px 0px 10px 0;

	padding:0px 5px 10px 5px;

}

#sidebar p {

	margin: 0 0 0 8px;

	padding: 0 0 0 3px;

}







/* --- Inlägg, Innehåll --- */



#content {

	width: 880px;

	min-height:800px;

	padding: 10px 20px 0 10px;

	margin:0 auto;

	float: left;

	text-align:left;

}



* html #content {

	height:800px;

	margin:0 auto;

} 



.head { /* Rubrikerna */

	font:13px Georgia,Arial, Verdana,Sans-serif;

	text-align:left;

	font-weight: bold;

	font-style:none;

	color:#99b0be;

	padding:0px;

	margin:0 0 0 0; 

	text-decoration:none;

	border-bottom: 2px dotted #99b0be;

}



.head a:link, .head a, .head a:visited {/* Rubrikerna vid länkar */

	color:#99b0be;

	text-decoration: none;

	padding:0px;

	margin:0 0 0 0; 

	border-bottom: 0px solid #7d4b50;

}



.head a:hover, .head a:visited:hover {

	font-weight: bold;

	color: #99b0be;

	text-decoration: none;

	padding:0px;

	margin:0 0 0 0; 

	border-bottom: 0px;

}



.datum {

	font-size:10px;

	text-align:left;

	color:#9d9c9c;

	padding:0px 0 0 0;

	margin:0 0 0 0; 

}



.end {

	font-size:10px;

	text-align:left;

	padding:0px;

	background:#f6f7f8;

	margin:0 0 0 0;

	color:#99b0be; 

}



/* --- WordPress --- */



#searchform {

	color:858171; 

	margin-left: 5px; 

	padding: 2px; 

	font-weight:normal; 

	font-size:10px; 

	font-family: verdana, arial, sans-serif; 

	text-align:left;

}



.navigation {

	display: block;

	text-align: left;

	margin-top: 12px;

	margin-bottom: 10px;

	font-size:11px;

}



.alignright {

	float: right;

}



.alignleft {

	float: left;

}



ul {

	list-style-image: url('');

	list-style:none;

	margin: 0 0 0 2px;

	padding: 0 0 0 3px;

}



.ulsidebar {

	margin: 0 0 0 2px;

	padding: 0 0 0 3px;

}



li {

	list-style-image: url('');

	list-style:none;

	margin: 1px 0 0 2px; 

	padding: 0 0 0 2px; 

	text-align: left; 

}

* html li {

	margin: 2px 0 0 12px; 

	padding: 0 0 0 2px;

}



/* --- BILDER --- */

a img {

	border:0px;text-decoration:none;border-bottom:0px dotted #7592b9;

}

.img {

	display: block; 

	padding: 0px; 

	margin-left: auto; 

	margin-right: auto; 

	background-color: #ffffff; 

	border: 0px solid #c0c0c0; 

	text-decoration: none;

}



.banners{

	margin: 3px; 

	padding: 2px; 

	width: 88px; 

	height: 31px; 

	text-decoration: none;}

	

.gravatar {

	float: right; 

	padding: 1px; 

	margin-right: 5px;

	margin-left: 5px; 

	background-color: #FFFFFF; 

	border: 1px dotted #99b0be; 

	text-decoration: none;

}



/* --- Kommentarer --- */



.alt {

	align: block;

	margin-right: auto;

	margin-left: auto;

	padding: 0px;

}



.alt {

	background-color: #ffffff;

	border-top:1px dotted #9d9c9c;

	border-left:1px dotted #9d9c9c;

	border-bottom: 1px dotted #9d9c9c;

	border-right: 1px dotted #9d9c9c;

	width: 90%;

	min-height: 90px;

}



.alt2 {

	background-color: #ffffff;

	border-top:1px dotted #9d9c9c;

	border-left:1px dotted #9d9c9c;

	border-bottom: 1px dotted #9d9c9c;

	border-right: 1px dotted #9d9c9c;

	width: 90%;

	min-height: 90px;
}





.commentlist {

	list-style: none;

	list-style-image: url('');

	display: block; 

	margin-left: 20px;

	margin-right: auto; 

	padding: 0px;

	text-align: left;

}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	list-style-image: url('');

	display:block;

}



.commentlist p {

	margin: 10px 5px 10px 0;

}



.commentmetadata {

	margin: 0;

	display: block;

	border-bottom: 1px solid #fff;

}



/* --- WP Kalender --- */



#wp-calendar {

	border: 2px dotted #99b0be;

	empty-cells: show;

	font-size: 10px;

	font-family: arial,verdana, sans-serif;	

	margin: 0;	

	width: 130px;	

	text-align:center;

	color: #99b0be; 

}



#wp-calendar #next a {

	padding-right: 5px;

	font-weight:bold;

	text-align: right;	

	text-decoration:none;

}



#wp-calendar #prev a {

	padding-left: 5px;

	text-align: left;

	font-weight:bold;

	text-decoration:none;

}



#wp-calendar #prev a:hover {

	background: #fff;

	color: #99b0be;

	text-decoration:none;

}



#wp-calendar #next a:hover {

	background: #fff;

	color: #99b0be;

	text-decoration:none;

}



#wp-calendar a {

	display: block;	

	background: #99b0be;

	color: #fff;

	font-weight:bold;

	text-decoration: none;

	border: 0px solid #C0C0C0;

}



#wp-calendar a:hover {

	background: #fff;

	color: #99b0be;

	text-decoration:none;

	border: 0px solid #C0C0C0;

	text-decoration: none; 

	border-bottom: 0px dotted #99b0be; 

	padding-bottom: 0px;

}



#wp-calendar caption {

	color: #99b0be;

	font-size: 10px;

	text-align: center;

}



#wp-calendar td {

	color: #99b0be;

	font: normal 10px arial,tahoma, Verdana, sans-serif;

	letter-spacing: normal;

	padding: 1px;

	text-align: center;	

	border: 0px solid #C0C0C0;

	background:#fff;

}



#wp-calendar td.pad:hover {

	background: #fff; 

	text-decoration:none;

}



#wp-calendar #today {

	background: #fff;

	font-weight:bold;

	color: #99b0be;

	border: 2px dotted #99b0be;

	text-decoration:none;

}



#wp-calendar td:hover {

	background: #ffffff; 

	color: #99b0be;

	text-decoration:none;

}



#wp-calendar th {

	font-weight: normal; 

	background:#fff;

	font-style: normal; 

	text-transform: lowercase;

	text-align:center;

	color:#99b0be;

	border: 0px solid #C0C0C0;

}