/*
Theme Name: Botkyrka Folkhogskola
Theme URI: http://botkyrkafolkhogskola.org/
Description: Ett tema skapat enbart for Botkyrka folkhogskola
Author: Hampus Nordin
Author URI: http://hampusnordin.se/
*/

*{
    margin:0; 
    padding:0; 
    font-size:100%}

body{
    font-family:Verdana,Helvetica,Geneva,sans-serif}

a img{
    border:none}
	
#page{
	text-align:center}
	
#content-holder{
	text-align:left;
	margin-left: auto;
	margin-right: auto}

#header{
    background:url('images/header.png') repeat-x; 
    text-align:center; 
    height:155px}

#header-img{
    font-family:Garamond,Times,serif; 
    background:url('images/header-sky.png') no-repeat; 
    background-position:top; 
    height:155px; 
	overflow: hidden}

#header-adress{
	position: absolute;
	right: 0;
	top: 0;
    display:inline; 
    font-size:0.7em; 
    text-align:left; 
    padding:1em 1em 1em 0em}

#header-adress p{
    margin-top:1em}

#menu{
    float:left; 
    width:186px; 
    margin:2em 1em 3em 2em; 
    background:url(images/menu-repeat.png) repeat-y}

#menu ul{
    margin:0em 1em}

#menu ul ul{
    margin:0em}

#menu ul li, #archive_list li{
    list-style-type:none}

#menu ul li a, #menu ul li h2{
    margin-bottom:0.3em; 
    padding-top:0.1em; 
    padding-bottom:0.3em; 
    border-right:1.4em #9a9a9a solid; 
    font-family:Verdana,Geneva,sans-serif; 
    font-weight:bold; 
    text-decoration:none; 
    color:black; 
    display:block}

#menu ul li a:link{


}

#menu ul li a:visited{

}

#menu ul li.current_page_item{
    color:black; 
    border-right:1.4em #bf2d34 solid; 
    background-image:url(images/menu-border-bottom.png); 
    background-repeat:repeat-x; 
    background-position:bottom}

#menu ul li.current_page_item a{
    border-right:0}

#menu ul li.current_page_parent{
    border-right:0}

#menu ul li a:hover{
    color:#3f3f3f; 
    border-right:1.4em #3f3f3f solid}

#menu ul li.current_page_item a:hover{
    color:#3f3f3f; 
    border-right:0}

#menu ul li ul li a{
    font-size:0.7em; 
    border:0}

#menu ul li ul li a:active{
    background:none; 
    border:0}

#menu ul li ul li a:hover{
    color:#bf2d34; 
    border:0}

#content-holder{
	max-width: 1400px}

#content{
    font-family:Verdana,Geneva,sans-serif; 
    font-size:0.8em; 
    height:auto; 
    margin:0em 2em; 
    margin-top:0.4em; 
    margin-bottom:3em; 
    padding:0em 1em; 
    border:0; 
    overflow:hidden}

a.post-edit-link{
    font-weight:bold; 
    font-size:0.7em; 
    margin-left:0.6em}

.hentry a.post-edit-link{
    margin:0em 0em 0.5em; 
    display:block}

div.navigation{
    display:block; 
    text-align:center; 
    margin:1em 1em 2em; 
    color:#ff0000}

div.hentry small{
    font-size:0.9em; 
    display:block; 
    margin-bottom:0.4em; 
    color:#888}

div.hentry small:first-letter, #archive_list a{
    text-transform:capitalize}

#content p{
    margin-bottom:0.7em}

#content div.p_more_margin p{
    margin-bottom:1.2em}

#content table tr td{
    padding-right:1em}

#content img.kontakt{
    margin-right:6em}

#content div{
    display:block; 
    margin-bottom:1.4em}

#content div img.left{
    float:left; 
    margin-right:0.5em}

#content div img.right{
    float:right; 
    margin-left:0.5em}

#content div.entry-links{
    text-align:center}

#content div.entry-links a, #content img.opac_btn{
    opacity:0.8; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
    filter:alpha(opacity=80)}

#content div.entry-links a:hover, #content img.opac_btn:hover{
    opacity:1.0; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    filter:alpha(opacity=100)}

#content h1, h2, h3{
    font-weight:normal; 
    margin-bottom:0.4em}

#content h3{
    font-size:1.2em; 
    margin-top:1.3em}

#content h1{
    font-size:1.5em; 
    color:#bf2d34}

#content div.error h1{
    text-shadow:2px 2px 2px #fff; 
    color:black}

#content div.error h2{
    color:#bf2d34; 
    font-size:1.3em}

#content h2{
    font-size:1.2em; 
    display:block}

#content .hentry h2, #archive_list li{
    margin-bottom:0.2em}

#news{
    background-image:url(images/news.png); 
    background-repeat:no-repeat; 
    background-position:top left; 
    width:20em; 
    min-height:8.5em; 
    margin-right:2em; 
    margin-bottom:2em; 
    margin-left:1em}

#news-content{
    margin-top:1.2em; 
    padding-left:4.5em; 
    width:auto; 
    font-family:Verdana,Helvetica,Geneva,sans-serif}

#news h2{
    color:#bf2d34; 
    font-family:"Times New Roman",Times,serif; 
    font-size:2em; 
    margin-left:1.7em; 
    margin-top:0.9em;
	position:relative}

#news h3{
    font-size:0.9em; 
    margin-bottom:0.4em; 
    width:auto}

#news h3 a{
    color:#215177}

#news h2, #news h3{
    /*position:relative;*/ 
    font-weight:normal}

#news h2 span/*, #news h3 span*/{
    background:url(images/glossy-header.png) repeat-x; 
    position:absolute; 
    display:block; 
    width:100%; 
    height:28px}

/*#news h3 span{
    bottom:0em; 
    height:8px; 
    opacity:0.45; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; 
    filter:alpha(opacity=45)}*/

#news small{
    font-size:0.7em; 
    color:#444}

#news p{
    font-size:0.65em; 
    padding-bottom:1em; 
    margin-bottom:1.7em; 
    border-bottom:#CCC 0.2em solid}

#footer{
    background-image:url(images/footer.png); 
    background-repeat:repeat-x; 
    background-position:bottom; 
    height:100px; 
    text-align:center}

#footer p{
    padding-top:3.5em; 
    font-size:0.7em; 
    font-weight:normal}

img.centered{
    display:block; 
    margin-left:auto; 
    margin-right:auto}

img.alignright, img.alignleft{
	padding:0.2em;
	display:inline}
img.alignright{
    margin-left:0.5em}
img.alignleft{
    margin-right:0.5em}

.alignleft, #news h3{
    float:left}
.alignright, #news small, #news{
    float:right}
.clear, .post-first, #news p, #footer{
    clear:both}

.error h1{
    background:url(images/error-field.png) no-repeat; 
    width:94px; 
    height:42px; 
    text-align:center; 
    padding-top:0.4em; 
    color:black}

.error ul{
    margin-top:2em; 
    padding:0em}

.error ul li{
    margin-left:1em; 
    margin-bottom:0.2em}

.error ul lh{
    font-size:1.1em}

.error img{
    height:5.6em; 
    width:2.8em; 
    margin-left:34.3em}

.sub{
    vertical-align:sub}

#searchform{
    margin:1em 0em}

#content ol{
    margin:0.5em 1em 2.5em}

#content ol li{
    margin-left:1em; 
    margin-bottom:0.5em}