/* -------------------------------------------------------------------------
   Screen CSS for davidsam.se
   (c) 2007 Christofer Sandin, Sandin Design <www.sandindesign.se>
-------------------------------------------------------------------------- */

body { background: #517EB0 url(/images/bg.gif) repeat-y center top; color: #eee; }

a       { color: #98B7D4; text-decoration: none; }
a:hover { color: #98B7D4; text-decoration: underline; }

h1 a { color: #fff; }
p    { line-height: 170%; }
em   { background: #111; color: #ccc; }
hr   { background: #111; }



img.right { float: right; margin-top: 15px; padding-left: 10px;}
.news img.right { margin-top: -20px; }
#partners img { border: 2px solid #96B4D1; }


/* =language */

ul.simple-translator { margin: 10px 0 0 0; padding: 0; }
ul.simple-translator li { display: inline; margin: 0; padding: 0 0 0 20px; }
ul.simple-translator li a { font: 10px/16px "Lucida Grande", verdana, arial, sans-serif; text-decoration: none; color: #fff; margin: 20px 0 0 0px; }
ul.simple-translator li.first { background: url(/images/icon-sv.gif) no-repeat 0 1px; padding-right: 20px; }
ul.simple-translator li       { background: url(/images/icon-en.gif) no-repeat 0 1px; padding-right: 20px; }
ul.simple-translator li.last  { background: url(/images/icon-fi.gif) no-repeat 0 1px; padding-right: 0; }
ul.simple-translator li.selected a { text-decoration: underline; }


/* =navigation */

#navigation { background: #000 url(/images/bg-nav.gif) no-repeat 0 0; height: 40px; margin: 10px 0 20px 0; }
#navigation ul { height: 40px; margin: 0; padding: 0;}
#navigation li { height: 20px; line-height: 20px; float: left; list-style-type: none; margin: 0; padding: 12px 9px 12px 9px;}
#navigation li a { display: block; color: #000; text-decoration: none; text-transform: uppercase; font-weight: bold; font: 11px arial;}
#navigation li:hover { background: url(/images/bg-nav-active.gif) repeat-x; color: #fff;}
#navigation li.active { background: url(/images/bg-nav-active.gif) repeat-x; }
#navigation li.active a {color: #eee; text-decoration: none; }


/* =start */

#start { background: url(/images/bg-start.gif) no-repeat 0 0; width: 950px; height: 300px; margin: 0 0 30px 0; }
#start img       { margin: 0; padding: 0; }
#start img.first { margin: 0 0 0 20px; padding: 0;}



/* text */

#text p.intro { margin: 16px 0 16px; padding: 0; font-weight: bold;}
.news #text p.intro { margin: 16px 0 32px;}
#text p img { margin-right: 3px;}


.fitness #text p.intro { margin: 16px 0 32px; padding: 0; font-weight: bold;}
.fitness #cv p { margin: 0; padding: 0;}
.fitness #cv ul { margin-top: 5px; padding: 0;}

blockquote { margin: 0 0 5em 0; color: #eee; }




/* =highlight */

.highlight { position: relative; background: url(/images/bg-highlight.gif) no-repeat 0 0; width: 440px; height: 200px; margin: 50px 0 0 -10px; }
.highlight h3 { position: absolute; top: 15px; left: 30px; color: #69A5DE; font-size: 25px; }
.highlight p  { position: absolute; top: 45px; left: 30px; margin-right: 30px; color: #222; }
.highlight a  { color: #456D94; text-decoration: none; }
.highlight a:hover { color: #456D94; text-decoration: underline; }


/*.highlight.grey { background: url(/images/bg-highlight-grey.gif) no-repeat 0 0; } */
.highlight.grey { background: none } 
.highlight.grey p { top: 20px; left: 60px; margin-right: 0; color: #000; font-weight: bold;}

#index .highlight { margin-top: 0px; }


/* margin */

#margin>img {margin-top: 15px; margin-bottom: 15px;}
#marginimage {margin-top: 15px; margin-bottom: 15px;}


/* =tables */

table { width: 100%; }
td { border-bottom: 0;}
td.title { font-weight: normal;}
td.hours { text-align: left;}
td.price { text-align: right;}


/* =footer */

#footer { border-top: 1px solid #111; margin-top: 5px;}
#footer p { font: 10px/16px "Lucida Grande", verdana, arial, sans-serif; margin: 16px 0 0px 0; }