/*
Theme Name: Scandinavian Pool
Theme URI: http://www.scandinavianpool.se
Description: Wordpress Theme for Scandinavian Pool
Version: 2.0
Author: Samuel Larsson
Author URI: http://www.1979design.se
Tags: pooler, pool, 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";



/*** GENERAL ***/

body {
	
	color: #454545;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.8%;
	background: url(style/images/bg.jpg) repeat !important;

	margin-top: 0;
	padding-top: 0;
	
}





#outerwrapper {
	margin: 0;
	width: 100%;
	background: url(style/images/gradient_bg.png) repeat-x;
}



#wrapper {
	margin:0 auto;
	width: 1024px;
	font-size: 1.35em;
	line-height: 1.4em;
	
}

a{
	color: #7fa026;
	font-style: italic;
	text-decoration: none;
}

#puff a{
color:#fff;
font-style:normal;
font-weight:bold;
}

/*
a:link, a:visited{
	text-decoration: none;
}
a:hover, a:active{
	
	text-decoration: none;
	border-bottom: 1px dotted #666;
}
*/

p {
	margin: 0px 0px 1em 0px;
	
}



h2, h4 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	color: #71cef5;
	padding-bottom: 10px;
	text-transform: uppercase;
	/*line-height: 1.1em;*/
}


h1 {
	color: #fff;
	text-indent : -9999px;
	font-size: 10px;
	
}




h1 a {
	color: #fff;
padding:0;
margin:0;
	
	}


h3{
		font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #666;
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;
	
}






hr {

	background-color: transparent; 
	border: 1px dotted #666; 
	border-style: none none dotted; 
	
}

img.alignnone.size-thumbnail{
	padding: 7px;
	
	margin: 5px;
	background-image: url(style/images/dropshadow.png);
	border: 1px dotted #c7c8ca;
}



/*** HEADER ***/




#header {
	width: 890px;
	height: 229px;
	padding: 0px 67px 0px 67px;
	background: url(style/images/header.png) no-repeat;
}


#header h2{
	text-indent: -99999px;
	
}


ul#navigation {
	display: block;
	width: 610px;
	float: left;
	padding: 25px 0px 0px 0px;
	font-size: 16px;
	line-height: 20px;
}



#searchheader{
	width: 210px;
	float: right;
	padding: 24px 0px 0px 0px;
	text-align: right;
}

input#s{
	width: 145px;
}


ul#navigation li {
	display: inline;
	
}




ul#navigation li a {
	text-decoration: none;
	color: #fff;
	margin: 0px 15px 0px 0px;
	font-style: normal;
}





ul#navigation li a:hover {
	color: #fff;
}




/*** MAIN ***/



#content {
	padding: 0px 67px 10px 67px;
	background: url(style/images/contentgray_bg.png) repeat-y !important;
	background: url(style/images/contentgray_bg.gif) repeat-y;
}


#main{
	
	width: 570px;
	float: left;
}




#ingress {
	padding: 0px 0px 0px 0px;

		
}

#ingress2{
	background-color: #fff;
	padding: 20px 10px 10px 10px;
	margin-bottom: 10px;
}

#ingress p{
	
	background-color: #fff;
	padding: 0px 10px 15px 10px;
		
}

#ingress h2{
	padding: 20px 0px 10px 10px;
	background: transparent url(style/images/ingress_bg.png) no-repeat left top;
}







.post {

	background-color: #fff;
	padding: 30px 10px 20px 10px;
	
}

.post li{
	padding-left: 10px;
	list-style-type: disc;
	list-style-position: inside;
}

.post h2 a{
	font-style: normal;
	color: #71cef5;
}

.post h3 a{
	font-style: normal;
	color: #666;
}


.customfield {
	width: 265px;
	float: left;
	padding: 0px 20px 0px 0px;
}

img.thumbnail-class{
	padding: 0px;
	
}


.excerpt {
	width: 265px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.excerpt p{
	text-align: justify;
}




/*** SPECIALS IN MAIN ***/



#jquarypremium{
	
	background-color: #669999;
	padding: 2px;
	width: 250px;
	margin: 0px 0px 5px 5px;	
}

#jquarypremium a{
	
	color: white;
	font-style: normal;
	font-family: arial;	
}





#jquaryextra{
	background-color: #0099cc;
	padding: 2px;
	width: 200px;
	margin: 0px 0px 5px 5px;	
}

#jquaryextra a{
	color: white;
	font-style: normal;
	font-family: arial;	
}


#jquaryrelax{
	background-color: #666;
	padding: 2px;
	width: 150px;	
	margin: 0px 0px 1em 5px;
}

#jquaryrelax a{
	color: white;
	font-style: normal;
	font-family: arial;	
}


.premium, .extra, .relax{
	color: #fff;
	display: block;
	line-height: 22px;
	text-indent: 2px;
	
}

.premium{
	
	background-color: #669999;
	margin-bottom: 5px;
	width: 160px;
	
}

.extra{
	
	background-color: #0099cc;
	margin-bottom: 5px;
	width: 110px;
}

.relax{
	background-color: #666;
	width: 60px;
	margin-bottom: 20px;
	
}



.clear{
	clear: both;
}




/*** FRONT PAGE ***/



#puff{
	width: 890px;
	padding: 0px 0px 0px 0px;
	
}

#puff h2, #puffhemmahossidebar h2{
	font-size: 1.3em;
	color: #fff;
	text-transform: uppercase;
	padding: 0px 15px 4px 15px;
    
}




#puff p, #puffhemmahossidebar p{
    font-family: Arial, Verdana, sans-serif;
	color: #fff;
	padding: 0px 15px 0px 15px;
}

#puff a, #puffhemmahossidebar a{
    color:#blue;
    text-decoration:underline;
}




#puffpool{

	background: transparent url(style/images/puff_pooler.png) no-repeat left top;
	width: 284px;
	height: 210px;
	padding: 30px 19px 0px 0px;
	float: left;
	
	
}



#puffpooltak{
	background: transparent url(style/images/puff_pooltak.png) no-repeat left top;
	width: 284px;
	height: 210px;
	padding: 30px 19px 0px 0px;
	float: left;
	
}



#puffhemmahos{
	background: transparent url(style/images/puff_hemmahos.png) no-repeat left top;
	width: 284px;
	height: 210px;
	padding: 30px 0px 0px 0px;
	float: left;
	
}





/*** Jquery boxar ***/




#upperbox
{
		
	background: aqua;
	
}


#openbox
{
	
	background: green;
	
}




/*** SIDEBAR ***/


#sidebar{
	float: right;
	width: 300px;
	padding: 0px 0px 0px 0px;
}

#sidebartop{

	height: 52px;
	padding: 0px 0px 0px 0px;
	background: url(style/images/sidebar_bg_top.png) no-repeat;
}

#sidebarbody{

	padding: 0px 20px 20px 20px;
	background: url(style/images/sidebar_bg_body.png) repeat-y;
}

#sidebarbottom{

	height: 11px;
	padding: 0px;
	background: url(style/images/sidebar_bg_bottom.png) no-repeat;
}

h2.widgettitle{
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #666;
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;

}

.textwidget{
	padding: 1em 0em;
	border-bottom: 1px dotted #666;
	margin-bottom: 1em;
}

.textwidget img{
	padding: 7px;
	margin: 5px;
	background-image: url(style/images/dropshadow.png);
	border: 1px dotted #c7c8ca;
	
}

#puffhemmahossidebar{
	
	background: transparent url(style/images/puff_hemmahossidebar.png) no-repeat left top;

	height: 210px;
	padding: 30px 0px 0px 0px;

}

#puffhemmahossidebar h2{
	font-size: 1.5em;
	color: #fff;
	text-transform: uppercase;
	padding: 0px 0px 4px 10px;
}




#puffhemmahossidebar p{
	color: #fff;
	padding: 0px 0px 0px 10px;
}
	


/*** FOOTER ***/


#footer{
	
	width: 890px;
	padding: 20px 67px 0em 67px;
	background: url(style/images/footer_bg.png) repeat-y !important;
	background: url(style/images/footer_bg.gif) repeat-y;
	
	
}

#footerbottom{
	height: 63px;
	background: url(style/images/footer_bottom_bg.png) no-repeat !important;
	background: url(style/images/footer_bottom_bg.gif) no-repeat;
}



#footer p {
	font-size: 0.9em;
}

#footer p.last {
	
	margin:0;
}



#footer a {
	font-size: 0.9em;
		
}

#footer h2{
	font-size: 1em;
	text-transform: none;
	color: #666;
}


.footercolumn{
	width: 265px;
	padding: 0px 20px 0px 00px;
	float: left;
}



#adress{
	width: 300px;
	padding: 0px 0px 0px 20px;
	float: left;
	
}


#footer li{
	padding: 0px 0px 0px 0px;
}


#footer p a:hover {
	
}




/*** COMMENTS IN FAQ-PAGE ***/


#commentpost{
		background-color: #fff;
		padding: 20px 10px 20px 10px;
}

#commentpost li{
	list-style-image: none;
	padding: 0px;
}


h2.comments{

	padding: 1em 0em 1em 0em;

	
}

.comment{	
	padding: 1em 0em 1em 0em;
	margin-bottom: 1em;
}



.comment span.author_says{
	
	font-family: Arial, Verdana, sans-serif;
	text-transform: uppercase;
	color: #71cef5;
	
}


.comment span.author_says a{
	font-size: 100%;
	color: #8dbd0c;
	font-style: normal;
	
}


span.date {
	font-style: italic;
	font-size: 1em;
	
}


textarea{
	width: 100%;
	height:  100px;
	margin: 1em 0em 1em 0em;
	border: 1px solid #c7c8ca;
}






/*** NEXTPREV ISSUES... ***/



.nextprev, .nextprev {
	display: block;
	width: 40%;
	float: left;
}


/*** ATTRIBUTES & OTHER BONUS STYLING DELUXE ***/




a[href^="http:"]{
	background: url(style/images/leaveicon.gif) no-repeat right top;
	padding-right:23px;
}

a[href^="http://www.scandinavianpool.se"]{
	background: none;
	padding-right: 0;
	margin-right: 0;
}

a[href^="http://www.saunatipi.se"]{
	background: none;
	padding-right: 0;
	margin-right: 0;
}


a[href$=".pdf"]{
	background: url(style/images/pdf_icon.gif) no-repeat left center;
	display: block;
	padding-left:44px;
	line-height: 37px;	
}

#eniro a{
background:none;
padding:0px

}

#eniro{
width:65px;
float:right;
}


:focus
{
  -moz-outline-style: none;
}