/*  
Theme Name: Wedins fönsterputs
Theme URI: http://www.wedinsfonsterputs.se/
Description: Tema till Wedins fönsterputs
Version: 0.9
Author: Jens Wedin
Author URI: http://jedisthlm.com/
*/



html, body, div, form     {margin: 0; padding: 0}
body                      {background: #eff1cc url(img/wedins_bg.png) top left repeat; font: 80% 'Bitstream Vera Sans', Lucida, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4            {color: #d5c500; padding: 0; font-family: 'Bitstream Vera Sans', Lucida, 'Gill Sans', 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;}
h1                        {font-size: 1.4em; margin: 0 0 15px 0}
h2                        {font-size: 1.2em; margin: 0}
h3, h4                    {font-size: 1.0em;  margin: 0}
p                         {font-size: 1.0em; line-height: 1.8em; margin: 0 0 1.2em 0}
a:link                    {text-decoration: underline; color: #036;}
a:visited                 {text-decoration: underline; color: #036;}
a:hover, a:active         {text-decoration: underline; color: #a9af00;}

address                   {font-style:normal; margin-bottom: 10px;}
table                     {border: 1px solid #ddd; border-width: 1px 1px 0 1px; width: 100%; margin: 0 0 1.2em 0}
caption                   {text-align: left; font-size: 1.2em; color: #d5c500; font-weight: bold; padding: 0 0 5px 0}
th                        {text-align: left; font-weight: bold; background: #e9e9e9; border-bottom: 1px solid #ddd; padding: 2px}
td                        {border-bottom: 1px solid #e9e9e9; padding: 2px; text-align: left; vertical-align: top}
ul                        {padding: 0; margin: 0}
li                        {padding: 0; margin-bottom: 1.1em; list-style-type: none}
abrb, 
acronym                   {border-bottom: 1px dotted #999;}

.right                    {float: right;}
.enclose                  {clear: both;}
.hide                     {display: none}   
.saying                   {font-size: 1.7em; color: #999; font-family: "Georgia"; font-style: italic; float: right; margin: 0; padding: 5px 0 5px 10px; border-left: 1px dotted #2d7800;}	
.highlight                {background: #eee; padding: 10px; margin: 10px 0 10px 0;}
.firstheading             {position: absolute; left: -10000px;}
.external					{margin: 20px 0 0 0; font-weight: bold}
.external ul			  {list-style: none; margin: 0; padding: 0;  font-weight: normal}
.external li              {line-height: 150%; list-style: none;  margin: 0; padding: 0}

/* Standard sections - fill in with padding, margins, borders and so on. */
#container                {width: 760px; border: 1px solid #ccc; background: #fff; margin: 10px 0 0 10px}
#top                      {}
#brand                    {width: 100%; height: 115px; background: url(img/top_wedins.png) top left no-repeat; border-bottom: 1px solid #ccc}
#name                     {border-bottom: 1px solid #ccc; margin: 0; padding: 5px 0 5px 5px; color: #d5c500; font-size: 1.4em; font-weight: bold; font-family: 'Bitstream Vera Sans', Lucida, 'Gill Sans', 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#content                  {border-bottom: 1px solid #ccc; margin: 0; padding: 0;}
#menu                     {/* Section MENU */ }
#menu ul                  {list-style: none; margin: 0; padding: 0;	border: none;}
#menu li                  {border-bottom: 1px solid #ccc; margin: 0;}
#menu li a                {display: block; padding: 5px 5px 5px 0.5em; background-color: #fff; color: #000; text-decoration: none; width: 89.9%;}
html>body #menu li a      {width: auto;}
#menu li a:hover          {background:#eee url(img/menu.png); color: #000;}
#menu .current_page_item {font-weight: bold; border-bottom: 2px solid #eee;}
#menu .current_page_item a {border-bottom: 2px solid #eee; background:#eee url(img/menu.png)}

#mainContent              {border-left: 1px solid #ccc; padding: 10px; min-height: 400px}
* html #mainContent       {height: 400px}
#relatedContent           {border-left: 1px dotted #ccc; padding: 10px 5px 1px 5px}
* html #relatedContent    {padding: 10px 10px 0 10px}
#footer                   {margin: 5px 0 5px 15%; padding: 0 0 0 10px; color: #999;}
#footer a:link, 
#footer a:visited        {text-decoration:none; color: #999;}
#footer a:active, 
#footer a:hover           {text-decoration:underline}


/* Outer sections - leave these with nothing more than floats and widths. */
#top-out                  {width: 100%; }
#brand-out                {width: 100%; }
#name-out                 {width: 100%; clear: both; }
#content-out              {width: 100%; clear: both; }
#menu-out                 {width: 15%; float: left; }
#mainContent-out          {width: 60%; float: left; }
#relatedContent-out       {width: 25%; float: right; }
#footer-out               {width: 100%; clear: both; }

/* Hacks for IE: large fudge factor (3%) for IE5's broken box model, small fudge factor (0.1%) for IE6's full-width flicker effect. */

* html #menu-out          {width: 12%; w\idth: 15%; }
* html #mainContent-out   {width: 57%; w\idth: 60%; }
* html #relatedContent-out {width: 22%; w\idth: 24.9%; float: right; f\loat: left; }