/* 
Theme Name: Farsta Kiropraktorklinik
Theme URI: http://www.farstakiropraktorklinik.se
Description: Tema för Farsta Kiropraktorklinik.
Version: 1.0
Author: Niclas Borgström
Author URI: http://www.niclasborgstrom.se

*/
/* RESET */

dl,dt,dd,ul,ol,li {margin:0;padding:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}


body {
	font-family: Arial;
	font-size: 62.5%;
    color: #555;
/*    background-color: #EFEFDF; */
    margin: 0px;
    background: #CFDEE5 url(http://www.kiropraktorhj.se/wp-content/uploads/2010/02/bakgrund.jpg) repeat-x;}

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

#column-left a {color:#555;text-decoration: underline;}
#column-left a:hover {color:#2AAEBF;text-decoration: none;}

#oka {width:998px;padding:20px 0px 20px 20px;margin:0 auto;}
    
#wrapper {
    margin: 0 auto;
    width: 1018px;
    
}

#header {
   padding:0px;
   height: 71px;
   background: url(http://www.kiropraktorhj.se/Grafik/header2.png);
   width: 1040px;
   margin: 0 auto;

}


#container {
	position: relative;
	background-color: #FFF;
	min-height: 800px;

}

#column-start {
	width: 978px;
	padding: 10px 20px 20px 20px;
}

#column-left {
	width: 560px;
	padding: 0px 20px 20px 20px;
    font-size: 1.3em;
	line-height: 1.2em;
}


#column-right {
	position: absolute;
	top: -11px;
	right: 0px;
	bottom: 0px;
	width: 370px;
	padding:0px 20px 0px 20px;
	border-left: 1px #ddd dashed;
	font-size: 13px;
 }
 
#footer {
    font-size: 11px;
    font-family: arial;
    padding: 20px 0px 20px 0px;
    border-top: 2px #333 solid;
/*    background-color: #333; */
    color: #222;

}

#footer a {color:#222;text-decoration: none;} 
#footer a:hover {color:#222;text-decoration: underline;} 

.box {
background: url(http://www.www.kiropraktorhj.se/Grafik/box-bg.jpg) bottom right no-repeat;
font-size: 12px;
padding: 20px;
width:330px;
background-color: #fafafa;
}

.title1 {
font-family: arial;
font-size: 26px;
font-weight: normal;
color: #2AAEBF;
margin: 0px;
line-height: 26px;
padding: 10px 0px 10px 0px;
}

.title2 {
font-family: arial;
font-size: 18px;
color: #2AAEBF;
margin: 0px;
padding: 0px;
}

.title3 {
font-family: Georgia;
font-size: 22px;
font-weight: lighter;
color: #2AAEBF;
margin: 0px;
padding: 0px;
}

.bold {
font-weight: bold;
}

hr {
margin: 17px 0 18px;
height: 0;
clear: both;
border-width: 0;
border-top: 1px solid #e8e8e8;
}

.orange {
margin: 13px 0 18px;
height: 0;
clear: both;
border-width: 0;
border-top: 1px solid #d4e8ab;
}

.clear {
clear: both;
}

.tags {
    font-size: 12px;
}

ul.random-post-link {
list-style: none;
padding:5px 0;
margin:0px;
}


.random-post-link li{padding: 1px 0px; background: url(http://www.kiropraktorhj.se/Grafik/check.jpg) no-repeat right center;font-size: 11px;}
.random-post-link li:hover {padding: 1px 0px; background: url(http://www.cherrybomb.se/niclas/wp/Grafik/check-hover.jpg) no-repeat right center;}

#submenu {float:left;padding:22px 0px 22px 13px;color: white;font-size:13px;font-family: lucida grande;text-transform:uppercase;font-weight: lighter;}
#submenu ul {padding: 0px; margin: 0px;}
#submenu li {float:left;}
#header a {color: white; text-decoration: none;padding:22px 10px 22px 10px;}
#header a:hover {color: black; text-decoration: none;padding:22px 10px 22px 10px;}

#meny {padding: 95px 0px 0px -5px;}
#meny ul{
float: left;
margin:0px;
margin-left: 0;
padding-left: 0;
text-align: center;
font-family: Georgia;
font-size: 16px;
font-weight: lighter;
}
#meny li{display: inline;}
#meny ul a{
float: left;
text-decoration: none;
padding: 10px;
} 

#meny a{color: #fff;}
#meny a:hover{color: #ffdd3f;background-color: none;}

li.current_page_item a {color: #000 !important;}

ul#portfolio li img{
	padding: 0px;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}

input, textarea {
font-size: 11px;
font-family: arial;
padding:5px;
background-color: #fff;
border:1px #ddd solid;
color: #333;
}

.start-presentation {}
.start-presentation h2 {font-size: 18px;}

.footer-left {float:left;margin-right:20px;}
.footer-right {float: right;}

.edit {background-color: #2AAEBF;color: #fff;font-family:arial;font-weight: bold;padding: 10px;float:right;font-size: 11px;text-transform: uppercase;}
.edit a {color: #fff;text-decoration: none;}
.edit a:hover {color: #fff;text-decoration: underline;}
.edit:hover {background-color: #000;}

#column-left li{padding: 1px 0px; padding-left: 17px; background: url(http://www.kiropraktorhj.se/Grafik/check.jpg) no-repeat left center;}
#column-left li:hover {padding: 1px 0px; padding-left: 17px; background: url(http://www.kiropraktorhj.se/Grafik/check-hover.jpg) no-repeat left center;}

#column-left h2 {
font-family: arial;
font-size: 18px;
font-weight: normal;
color: #2AAEBF;
margin: 0px;
line-height: 22px;
padding: 10px 0px 10px 0px;
}

.floatright {float:right;}
h2 {font-size: 22px;font-weight: normal;margin-bottom: 0px;}
h3 {font-size: 18px;font-weight: normal;margin-bottom: 0px;}
.middle {font-size: 11px;}

.sidebarhead {font-size: 18px; }

.ovningar-box {border:1px #ebe9ea dashed;height:140px;width:270px;margin:15px 0px 10px 20px;float:right;padding:20px;font-size: 12px;}

.ovningar-box li{padding: 1px 0px; padding-left: 17px; background: url(http://www.kiropraktorhj.se/Grafik/check.jpg) no-repeat left center;}
.ovningar-box li:hover {padding: 1px 0px; padding-left: 17px; background: url(http://www.kiropraktorhj.se/Grafik/check-hover.jpg) no-repeat left center;}

.alignright {float:right;margin-left:20px;margin-bottom: 20px;}
.closed {color:#ff0000;}
.small {font-size:11px;}
.nospace {margin:0px;padding: 0px;}
small {font-size: 11px;}

artiklar#ul {list-style: none;}
#artiklar li {padding: 10px;background-color: #fff;}
#artiklar li:hover {padding: 10px;background-color: #f1f1f1;}
.ingress {color: #444; font-size:16px; line-height:1.2em; font-family: georgia;}

.box1 {width: 220px; height: 160px; float:left}
.box2 {width: 220px; height: 160px;float:left;margin-left:40px;}
.box3 {width: 220px; height: 160px;float:left;margin-top:20px;}
.box4 {width: 220px; height: 160px;float:left;margin-left:40px;margin-top:20px;}
.box h2 {margin:0px;padding:0px;font-size:18px;}

#column-right h2 {font-size: 20px;}

.smartorside h2 {font-size:20px;padding-bottom:10px;}
.smartorside h2 a {text-decoration: none;}	
.smartorside h2 a:hover {text-decoration: underline;}
.news {padding-bottom: 12px !important;}
.startbox {height: 120px;}
.startbox ul {list-style: disc; padding-left: 15px;}

.presstext {width:550px;}

.newspuff {float:left;margin-right:20px;width:312px;}
.puff1 {float:left;margin-right:20px;width:313px;}
.puff2 {width:273px;}
.puff3 {float:left;width:313px;}

.clear {clear: both;}

#crumbs {padding-bottom: 40px;}
#crumbs a {color: #444; text-decoration: none;}
#crumbs a:hover {color: black; text-decoration: none;}
#crumbs li {
	list-style: none;
	float: left;
	display:  block;
	background: none;
	margin: 0;
	padding: 0 2px 0 0;
}

#crumbs li:hover {background: none; padding: 0 2px 0 0; margin: 0px;}

#crumbs li.current {color: #333;}

.spacen {height: 20px;}

ul#news {list-style: none; padding:0px; margin: 0px;}
ul#news li {padding-bottom: 5px;}