/*   
Theme Name: Lärande
Theme URI: http://larande.se/
Description: 
Author: Erik Pettersson
Author URI: http://nocweb.se/
Version: 1.0
*/

/* RESET v1.0, 2008-02-12 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}

/* GENERAL */
html,body{
font-family:Verdana,Arial;
font-size:85%;
word-spacing:0.1em;
color:#000;
text-decoration:none;
text-align:center;
}
html{overflow-y:scroll;overflow-x:hidden}
body{background:#fff;border-top:5px solid #898989;}

/* TYPOGRAPHY */
h1,h2,h3,h4{font-family:Helvetica,Arial;font-weight:400;color:#d10373}
h1{font-size:2.6em;margin:1.3em 0 1em 0}
h2{font-size:2em;margin:1.3em 0 .7em 0}
h3,h4{font-weight:700}
h3{font-size:1.2em;margin:1em 0 .7em 0}
h4{font-weight:700}
ul,ol,dl,p{line-height:1.6em;padding:0 0 1em 0;}
small{font-size:.8em;margin:-.5em 0 0 0;display:block}
li small{margin:0}
#content ul{list-style-type:disc;list-style-position:inside;margin-left:1em;padding-left:1em;text-indent:-1em;}
#content ul ul{list-style-type:circle}
#content ul ul ul{list-style-type:square}
/* Links */
a{text-decoration:none;color:#d10373}
a:hover{color:#000}
h2 a{color:#d10373}
h2 a:hover{color:#000}

/* FORMS */
#article input,
#article textarea{border:2px solid #ccc;padding:1em;font-family:Verdana}
/* Only for IE: */
#article input { 
width: 70%; 
overflow: visible;
padding: 0 2px;}
/* Other Browsers: */
#article input {
font-size: 1em; /* What you want*/ 
/*\*/padding: 1em;*/ /* Hiding for IE5/Mac */}
#article input.file{border:0;}
#article input:focus,
#article textarea:focus{border:2px solid #40433b}
#article textarea{width:93%;max-width:93%}
#article input.button,
#article input.submit,
#article button,
#cancel-comment-reply-link{font-size:1em;font-family:Verdana;font-weight:700;background:#ccc;padding:6px 10px!important;border:2px solid #999;color:#000;width:auto;overflow:visible}
#cancel-comment-reply-link{padding:6px 10px!important;font-weight:400}

/* TABLES */
table{width:100%;margin:0 0 2em 0}
td,th{padding:5px 10px;}
th{border-bottom:1px solid #333;}
td{border-bottom:1px solid #999;}


/* LAYOYT */
.wrapper{width:960px;margin:0 auto;text-align:left;}

#header{}
    #header a#logo{text-indent:-9999px;width:323px;height:48px;background:url(gfx/larande-logo.gif) no-repeat;display:block;margin:1px 0 2em 0}
    #header form p{float:left;overflow:hidden;display:inline;width:50%;}
    #header p#search{text-align:right;margin-top:1em;}
        p#search input{border:1px solid #898989;padding:.5em;font-family:Verdana}
        /* Only for IE: */
        p#search input {
            overflow: visible;
            padding: 0 2px;
        }
        /* Other Browsers: */
        p#search input {
            font-size: 1em; /* What you want*/ 
            /*\*/padding: .5em;*/ /* Hiding for IE5/Mac */
        }
    #header p.description,
    #header blockquote{float:left;overflow:hidden;display:inline;}
    #header p.description{width:400px;font-size:1.2em;}
    #header blockquote{margin-left:30px;width:230px;margin-top:-2em;}
        #header blockquote p{color:#d10373;font-style:italic;font-size:1.6em;font-family:Arial, Helvetica;line-height:1.2em}
        #header blockquote cite{color:#d10373;}

#article{background:#ebebeb url(gfx/bg_content.gif) no-repeat top center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
    #content,
    #aside{float:left;overflow:hidden;display:inline;}
    #content{width:645px;padding-bottom:2em;}
    #aside{width:260px;background:url(gfx/bg_aside.png) no-repeat;min-height:335px;margin:2em 0 2em 50px;}
        #aside p,
        #aside img,
        #aside h3,
        #aside h4,
        #aside label,
        #aside ul{padding-left:35px}
        #aside select{margin-top:.5em;}
#footer{}
    #footer .wrapper{text-align:right;color:#999;margin-top:1em;}

#nav{border-top:1px solid #898989;}
#nav li,
#subnav li{float:left;overflow:hidden;display:inline;margin-top:-1px;}
    #nav a{margin-right:1em;padding:10px;display:block;text-decoration:none;color:#363636;font-size:1.4em;font-family:Arial, Helvetica}
    #nav a:hover,
    #nav li.current_page_item a,
    #nav li.current_page_parent a,
    #nav li.current_page_ancestor a{background:url(gfx/bg_nav.gif) top center no-repeat;color:#d10373;}
    #nav li.current_page_item a,
    #nav li.current_page_parent a,
    #nav li.current_page_ancestor a{font-weight:700;font-style:italic}

#subnav{border-top:2em solid #fff;}
    #subnav li{margin-bottom:-1px}
    #subnav a{margin-right:1em;padding:10px;display:block;text-decoration:none;color:#363636;font-size:1.2em;font-family:Arial, Helvetica;border-top:1px solid #fff;border-bottom:1px solid #ccc;}
    #subnav a:hover,
    #subnav li.current_page_item a,
    #subnav li.current_page_parent a,
    #subnav li.current_page_ancestor a{color:#d10373;}
    #subnav li.current_page_item a,
    #subnav li.current_page_parent a,
    #subnav li.current_page_ancestor a{background:#ebebeb;border:1px solid #ccc;border-bottom:1px solid #e2e2e2;font-weight:700;font-style:italic}

/* IMAGES */
img.left{float:left;overflow:hidden;display:inline;margin:0 20px 0 0}
img.profile{margin-top:20px;border:5px solid #333;}

/* TOOLS */
.clear{clear:both}
.right,
.left{float:left;overflow:hidden;display:inline;}
.right{float:right;}