/*
Theme Name: Kristina Brusa
Theme URI: http://kristinabrusa.com
Description: Theme for kristinabrusa.com
Version: 0.1
Author: Martin Ström
Author URI: http://my-domain.se
*/

/* Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1 */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* ---------------------------------------------------------------------- */

.clearfix:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; } 
.clearfix { display: block; }
/* End hide from IE-mac */

/* ---------------------------------------------------------------------- */

body { font: 12px Arial, Sans-serif; border-top: 30px solid white; padding: 0 0 0 30px;
  background: url('images/line_background.png') no-repeat left bottom; 
  width: auto !important; min-width: 858px; width: 888px;
}


html.ie body { padding-bottom: 30px; }

a { color: blue; }

html { height: 100%; }

/* border-right här frå nog bli en bakgrundsbild */
#menu { float: left; width: 200px; }

  #header #who, #header #what, #header #where, #nav li, #copyright { padding-left: 2px; }
  
  h1 a { color: black; text-decoration: none; }

  #header { }
    #header #who, #header #what, #header #where { margin-bottom: 2px; padding-left: 2px; }
    #header #who   { background: #AF75E9; }
    #header #what  { background: #33cc33; }
    #header #where { background: #ffff00; margin-bottom: 0; }
  
  #nav, #nav ul { margin-top: 1em; }
  
    #nav li.current_page_item { background-color: #ffff00; }

    #categories { background-color: #00ccff; }
      #categories li { }
        #categories li a { color: white; }
        #categories li a.active { color: black; }
      
    #nav li { }
      #nav li.current { background-color: #ff00ff; }
        #nav li.current a { color: white; }
      #nav a { text-decoration: none; color: black; }
  
    #nav #work { }
      #nav #work li { padding-left: 0; }
      #nav #work .year, #nav #work .work li { padding-left: 2px; }
      #nav #work .work { margin-top: 0; margin-bottom: 1em; }
          #nav #work .work li.deactive a { color: #DADADA; }
          #nav #work .work li.deactive.current { background-color: #DADADA; }
            #nav #work .work li.deactive.current a { color: white; }
  
  #copyright { margin-top: 1em; }

#main { float: left; padding-left: 30px; width: 610px; }
  #main h2 { font-size: 12px; font-weight: bold; }
  #main #content { }
    #main #content p { margin-bottom: 1em; }

body.page-page #main h2 { display: none; }
#page_kontakt #main #content { background-color: #ff99ff; width: 300px; padding: 10px; }
  #page_kontakt #main #content p strong { color: white; }
  #page_kontakt #main #content p a { color: black; text-decoration: none; }
#page_about #main #content { background-color: #FF0; padding: 10px; }