/*
Description: A website built on xhtml & css
Author: Mathias Eriksson
Author URI: http://iammath.com
version: 1.0
Colors:
#7F7F7F
#2588A0
*/
* { margin: 0; padding: 0;} /* Gör så att top diven går i kanterna. Ingen onödig margin eller padding tillkommer. */
body { background: #000 url('http://static.tumblr.com/im2itiw/FIAljvm6z/woodbg.jpg') fixed; color: #999; font: 12px Lucida Grande,Arial,Helvetica; }
a {color: #fff; text-decoration:none;}
h2 { color: #2588A0; padding-bottom: 5px; font-size: 17px; letter-spacing: 5px;}
h2 a { color: #2588A0; padding-bottom: 5px; font-size: 17px; letter-spacing: 5px;}
img {border:medium none; }
.left{ float:left; }
.right{ float:right; }
.clear {clear:both; }
/* Wraper */
#wraper { width: 900px; border: 1px solid #fff; margin: 0 auto; }
/* #TOP */
#top { background: #000; height:50px; border-bottom: 1px solid #2588A0;}
#logo { float:left; margin-left: 240px; margin-top: 5px;}
#logo a {font: 20px georgia; font-weight: bold; color: #999;}
#logo .sublogo {font: 10px "verdana"; font-weight: 200; letter-spacing: 1px; color: #999;}
/* Meny */
#meny { float:right; margin: 20px 230px 0 0; list-style: none; font: 12px Trebuchet MS, Arial; font-weight: bold; letter-spacing: 1px;}
#meny a { color: #acacac;}
#meny a:hover { color: #2588A0; }
#meny .comment{color: #ccc; font: 10px bold; }
#container { width: 560px; margin: 0 auto; }
#content { margin: 20px 0 10px 0; }
.image {border: none;}
.text {letter-spacing: 2px; font: 0.8em verdana; padding-top: 5px;}
/* Info below the picture */
.info { background:url('http://static.tumblr.com/im2itiw/3BIljvm84/repeater.png.png'); margin: 5px 0 20px 30px;color: #999; line-height: 18px; width: 515px; min-height: 20px; height: 100%; padding: 3px; }
.info p{ margin-left: 5px; }
.info a{ color: #999; }
.info a:hover { color: #2588A0; }
/* Navigation */
.navigation { width: 140px; font-size: 0.9em; margin: 4px 0 0 200px; }
.navigation-inner { text-align: center;}
.navigation span.previous { float: left; }
.navigation span.next { float: right; }
.navigation span.previous,
.navigation span.next { display: block; width: 48%; height: 27px; background:url('http://static.tumblr.com/im2itiw/3BIljvm84/repeater.png'); }
.navigation span.previous a,
.navigation span.next a { display: block; padding: 0; line-height: 25px; color: #999; }
.navigation span.previous a:hover { color: #2588A0;}
.navigation span.next a:hover { color: #2588A0;}
/* Footer */
#footer {clear:both; border-top: 1px solid #999; margin: 20px 0 10px 0; width: 540px; color: #999; padding: 10px; margin: 0 auto; margin-bottom: 20px;}
#footer .left {float:left;}
#footer .right {float:right; margin-right: 10px;}
#footer a { color: #999;}
/* --------------http://www.sohtanaka.com/web-design/css-on-hover-image-captions/---------------------*/
.topnote { width: 550px; }
.topnote {
position: relative;
background: #2588A0;
margin: 0px 0 0px 0; padding: 3px;
top: 21px; left: 15px;
width: 60px;
font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;
color: #030303; line-height: 1em; display: block;
vertical-align: top; text-align: right;
}
#descriptionbox { width: 520px; clear:both; margin-left: 30px; }
#descriptionbox .portrait { float:left; padding: 7px; background:url(http://static.tumblr.com/im2itiw/3BIljvm84/repeater.png);}
#descriptionbox .description { float:right;padding: 7px; width: 67%; min-height: 128px; background:url(http://static.tumblr.com/im2itiw/3BIljvm84/repeater.png);}
#descriptionbox .description a{ color: #2588A0;}
.post { background:url(http://static.tumblr.com/im2itiw/3BIljvm84/repeater.png); width: 500px; margin-left: 30px; padding:11px; overflow: hidden; position: relative;}/*url('repeater.png')*/
.post h2{ padding:0; margin-top: 20px; }
.post img{ margin-top:30px; padding:0; }
.post p {margin-top: 10px; }
.post p.link {margin-top: 30px; letter-spacing: 2px; }
.post p.asker {margin-top: 25px }
.post p.asker a {color: #2588A0; }
.post a { text-decoration: none; }
.post a:hover { cursor: pointer;}
.post a img { float: left; margin: 30px 0 10px 0; border: none; }
.post a:hover .desc{
display: block; font-size: 1.2em; padding: 10px 0; background: #111;
filter:alpha(opacity=75); opacity:0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
color: #fff; position: absolute;bottom: 10px; left: 10px; padding: 10px;margin: 0; width: 95.5%;
}
.post a:hover .desc strong { color: #2588A0; padding-bottom: 5px; font-size: 17px; letter-spacing: 5px; display: block;}
.post a .desc {display: none; }
.post .caption {margin-top: 3px; letter-spacing: 2px; }
.post .quote {margin-top: 30px; letter-spacing: 2px; }
.audioplayer { margin-top: 20px; }
ul { list-style-type:none;}
li { list-style-type:none; padding: 5px;background:url(http://static.tumblr.com/im2itiw/3BIljvm84/repeater.png); margin: 5px 0 5px 0;}
strong.odd {color: #2588A0;}
ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
}
ol.notes li.note { border-top: 1px solid #2588A0; padding: 10px; }
ol.notes li.note img.avatar { vertical-align: -4px; margin: 0 10px 0 0; width: 16px; height: 16px; }
ol.notes li.note span.action { font-weight: bold; }
ol.notes li.note .answer_content { font-weight: normal; }
ol.notes li.note blockquote { border-left:10px solid #ccc; margin:30px 10px 5px 0; padding:.5em 10px; quotes:"\201C""\201D""\2018""\2019"; }
ol.notes li.note blockquote a { text-decoration: none; }
blockquote { border-left:10px solid #ccc; margin:10px 10px 5px 0; padding:.5em 10px; quotes:"\201C""\201D""\2018""\2019"; }
blockquote:before { color:#ccc; content:open-quote; font-size:4em;line-height:.1em; margin-right:.25em;vertical-align:-.4em;}
blockquote p { display:inline; margin-left: 15px;}
object { margin-top: 30px; }