/*
Theme Name: Foki theme
Theme URI: http://foki.se
Description: Theme for foki.se
Version: 1.0
Author: Ludvig Widman (ludw.se)
Tags: 

*/
body { background: url(images/bg.png); }
#page { position: relative; width: 1121px; margin: 0 auto; }
#header { height: 395px; width: 1121px; background: url(images/header.png) -12px 0 no-repeat; position: relative; }
.logo { width: 1121px; height: 325px; position: absolute; }
#main { position: relative; width: 1121px; background: url(images/mainbg.png) repeat-y; }
#left { position: absolute; left: 0; top: 0; width: 142px; padding: 10px 24px; font: 11px Helvetica, Arial, Sans-serif; }
#right { position: absolute; right: 0; top: 0; width: 213px; padding: 0 32px; }
#content {min-height: 1500px; width: 604px; margin-left: 190px; padding: 0 25px; }
#footer { width: 1121px; height: 56px; clear: both; background: url(images/footer.png) no-repeat; position: relative; top: 48px; margin-bottom: 48px; }
#nav { position: absolute; left: 325px; top: 333px; }
.navitem { width: 125px; height: 45px; background: url(images/nav.png) 125px 0; float: left; }
.navitem:active { background-position: -2px 0;}
.navitem a { margin: 14px 0 0 0; width: 122px; text-align: center; display: block; color: #fff; font: 15px Helvetica, Arial, Sans-serif; text-decoration: none; }
.selected a, .navitem a:hover { color: #f491c1; }

.post { font: 12px Helvetica, Arial, Sans-serif; line-height: 1.5; padding: 10px; width: 584px; }
.entrymeta p { height: 30px; width: 500px; background: url(http://fokis.se/wp-content/uploads/2010/01/entrymeta2.png) 0 -18px; padding: 9px 17px; position: relative; left: -5px; margin: 30px 0 20px 0; color: #fd39b3; font: Bold 18px Arial, Sans-serif; }
.entrymeta a { font: Bold 18px Helvetica, Arial, Sans-serif; }
.entrymeta span { color: #db1591; padding: 0 6px; }

.comment { width: 450px; background: url(images/c_bg.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 20px 0; font: 13px Helvetica, Arial, sans-serif; padding: 10px; -moz-box-shadow: 1px 1px 5px #eee; -webkit-box-shadow: 1px 1px 5px #eee; }

h3 { color: #343434; font: 18px Helvetica, Arial, Sans-serif; text-transform: uppercase; margin: 10px 0 5px 0; }
#right p { margin: 5px 0 30px 0; }
#right a { color: #343434; font: 14px Helvetica, Arial, Sans-serif; line-height: 1.5; }

#rightads { position: relative; left: -17px; }
#leftads { position: relative; left: -4px; }

.navigation { font: 16px Helvetica, Arial, Sans-serif; }


h2 { font: Bold 20px Helvetica, Arial, Sans-serif; line-height: 1.4; display: block; position: relative; }
h2 span { display: block; width: 100%; height: 100%; background: url(images/hgrad.png); position: absolute; }

a { color: #C8029C; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }