/*   
Theme Name: SAKS
Theme URI: http://saksaren.se/
Description: A template designed for the needs of a student organisation in Linköping, Sweden.
Author: Erik Pettersson
Author URI: http://ptz0n.se/
Version: 1.5
*/

/* 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;
font-size:85%;
word-spacing:0.1em;
color:#fff;
text-decoration:none;
text-align:center;
}
body{background:#40433b}

/* TYPOGRAPHY */
h1,h2,h3,h4{font-family:Helvetica,Arial;font-weight:400}
h1{font-size:2.5em;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:2em;padding:0 0 1em 0;}
small{font-size:.8em;margin:-.5em 0 2em 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}
hr{height:1px;border:0;background:#ccc;margin:0 0 2em 0;}
/* Links */
a{text-decoration:none}
#article a{color:#0093c7}
#article a:hover{color:#ffffff;background:#0093c7}
#article h2 a,
#article h3 a,
#article h4 a{background:none;color:#333;padding:0}
#article h2 a:hover,
#article h3 a:hover,
#article h4 a:hover{background:none;color:#000}
#footer a{color:#ddd}
#footer a:hover{color:#fff}
#footer h2 a,
#footer h3 a,
#footer h4 a{color:#999}
#footer h2 a:hover,
#footer h3 a:hover,
#footer h4 a:hover{color:#fff}

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


/* LAYOUT */
#content,
#aside,
.colum{float:left;display:inline;overflow:hidden}
.wrapper{width:900px;margin:0 auto;text-align:left}

#header{background:#fff url(gfx/) bottom repeat-x;position:relative;}
    #header h1,
    #header p{margin:0;padding:30px 0;float:left;display:inline;overflow:hidden;}
    #header h1 a,
    #header p a{display:block;text-indent:-9999px;background:url(gfx/saks-logo.gif) no-repeat;width:397px;height:80px;margin:0 50px;}
    #header #logo,
    #header #nav ul,
    #header #subnav ul{margin:0 50px}
    #header #logo{display:block;padding:30px 0 20px 0}
    #header #nav li,
    #header #subnav li{float:left;display:inline;overflow:hidden}
    #header #nav{background:#1c1f16 url(gfx/bg-nav.gif) repeat-x}
        #header #nav li{width:11em}
        #header #nav a{background:;color:#ddd;display:block;padding:20px 0 3px 15px;font-size:110%;font-family:Arial;text-transform:lowercase;font-weight:700}
        #header #nav a:hover{background:#3f403d;color:#fff}
        #header #nav .current_page_item a,
				#header #nav .current_page_item a:hover,
				#header #nav .current_page_parent a,
				#header #nav .current_page_ancestor a:hover,
				#header #nav .current_page_ancestor a,
				#header #nav .current_page_parent a:hover{background:#00aae6 url(gfx/bg-navactive.gif) repeat-x;color:#fff}
        #header #nav li.subscribe{float:right;width:auto;text-align:center;padding:1em 5px 0 1em}
        #header #nav li.subscribe a{text-indent:-9999px;background:url(gfx/subscribe.gif) top left no-repeat;height:24px;width:24px;padding:0;}
        #header #nav li.rss a{}
        #header #nav li.rss a:hover{background:url(gfx/subscribe.gif) 0 -26px;}
        #header #nav li.mail a{background:url(gfx/subscribe.gif) -26px 0;}
        #header #nav li.mail a:hover{background:url(gfx/subscribe.gif) -26px -26px;}
        #header #nav li.twitter a{background:url(gfx/subscribe.gif) -52px 0 no-repeat;}
        #header #nav li.twitter a:hover{background:url(gfx/subscribe.gif) -52px -26px no-repeat;}
    #header #subnav{background:#00aae6}
        #header #subnav li{margin-right:2em}
        #header #subnav a{color:#eee;display:block;padding:.8em 0}
        #header #subnav a:hover{color:#fff}
        #header #subnav .current_page_item a,
				#header #subnav .current_page_ancestor a,
				#header #subnav .current_page_parent a{background:url(gfx/bg-subnav.gif) bottom center no-repeat;color:#fff}
    #header li#search{float:right;padding:.8em 0 .7em 0;margin:0}
		#header #search input{background:#fff url(gfx/search.gif) center right no-repeat;border:2px solid #fff}
    p#followers{color:#000;padding:0;margin-top:70px;text-align:right;width:353px;}
        p#followers a{background:none;width:auto;height:auto;display:inline;padding:0;margin:0;color:#00aae6;font-weight:700;}
        p#followers a:hover{color:#333}
            p#followers a span{font-weight:400;}
#article{background:#fff;color:#000;padding-bottom:30px}
    #article div.datestamp{}
        #article div.datestamp p{line-height:2.5em}
        #article div.datestamp p.date{float:left;display:inline;overflow:hidden;margin-right:20px;background:#00aae6;width:45px;text-align:center;font-family:Arial;padding:0;font-size:1.6em;color:#fff;line-height:2em}
            #article div.datestamp p.date strong{display:block;background:#ccc;color:#222;font-size:.5em;line-height:2em;text-transform:uppercase}
#content{width:460px;margin:0 50px}
#aside{width:290px;margin:5em 0 0 0}
    #aside li span.datestamp{background:#00aae6;color:#fff;padding:3px 0 3px 5px}
        #aside li span.datestamp strong{font-weight:400;padding:3px 5px;background:#ccc;color:#222;width:45px;text-align:center;text-transform:uppercase}
    #aside .partner{margin-bottom:20px;}
        #aside .partner a{background:none!important;padding:0!important}
.colum{width:240px;margin:0 -10px 0 50px}
.commentlist{list-style-type:none!important;margin:0!important;padding-left:0!important;text-indent:0!important}
#footer{background:url(gfx/bg-footer.gif) repeat-x;height:207px;padding-top:30px}
    .credits{color:#999;padding-top:30px}
/* Comments */
.comment-author img{float:left;margin-right:10px;}
.comment-author cite.fn a,
.comment-meta a{background:none!important;color:#000!important;padding:0!important}
.comment-author cite.fn a{font-style:normal;font-weight:700}
.comment-meta a{font-size:.8em;color:#555!important}

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

/* TOOLS */
.clear{clear:both}
.nostyle{width:auto!important}
a.img{background:none!important;padding:0!important}
.right,
.left{float:left;overflow:hidden;display:inline;}
.right{float:right;}

/* SOCIABLE */
.sociable a{background:none!important}