/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous Kubrick by Michael Heilemann)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/
/* RESET */
/* ----------------------------------------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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 }
ol, ul, 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:''}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
/* LAYOUT */
/* ----------------------------------------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
html,body{
background-color: #fff;
margin:0;
padding:0;
font-size: 14px;
letter-spacing: 0.6px;
line-height: 20px;
font-family: georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
padding:0px;
}
.page{
background-color: #fff;
background-image: url(bilder/lace.jpg);
background-position: bottom;
background-repeat: repeat-x;
display: block;
clear: both;
}
.header {
border-bottom: 1px solid #ccc;
border-width: 80%;
clear:both;
height: 110px;
}
#logga{
float:left;
margin-left: 70px;
}
#flag{
position: absolute;
top: 10px;
left: 10px;
}
.header h1{
float: left;
font-size: 25px;
font-weight: normal;
margin-left: 50px;
padding-top: 43px;
}
a img, .miniatyrer{
border:none;
underline: none;
background-color: #fff;
}
a img:hover, .miniatyrer a:hover{
border:none;
underline: none;
background-color: #fff;
}
.content {
margin: auto;
width: 940px;
clear: both;
padding-bottom: 100px;
text-align: left;
/*color: #fff;
font: bold 54px "Century Schoolbook", Georgia, Times, serif;
margin: .2em 0 .4em 0;
letter-spacing: -2px;*/
}
.top{
font: bold 54px "Century Schoolbook", Georgia, Times, serif;
margin: .2em 0 .4em 0;
letter-spacing: -2px;
}
.middle{
}
.bottom{}
.presentation{
padding-top: 10px;
width: 330px;
float: left;
margin-left: 95px;
word-wrap: break-word;
/*text-align: justify;*/
}
.clear{
clear: both;
}
.smallcaps{
font-variant: small-caps;
/*font-family: "Lucida Grande", Tahoma;
font-size: 11px;
font-weight: lighter;
font-variant: normal;
text-transform: uppercase;
color: #aaa;
letter-spacing: 0.3em;*/
}
.firstminiatyr{
float:left;
padding-top: 10px;
}
.miniatyrer{
float:left;
padding-top: 10px;
padding-left: 6px;
}
#portfolio{
float:right;
margin-right: 80px;
}
.footer {
width: 100%;
color: #fff;
background-color:#333;
background-image: url(bilder/footergradient.png);
background-position: bottom;
background-repeat: repeat-x;
}
.footer p{
padding-top: 30px;
padding-bottom: 30px;
clear: both;
}
.footercontent{
margin: 0px auto;
padding-top: 30px;
padding-left: 15px;
width: 940px;
clear:both;
}
h1,h2,h3{
font-family: "Bodoni MT", Constantia, ‘Lucida Bright’, Lucidabright, ‘Lucida Serif’, Lucida, ‘DejaVu Serif’, ‘Bitstream Vera Serif’, ‘Liberation Serif’, Georgia, serif;
font-size:20px;
font-weight:bold;
line-height:125%;
}
a{
text-decoration: underline;
color: #f90;
}
a:hover{
text-decoration: none;
}
a:visited {
/*color: #c00;*/
}
p{
padding-top: 20px;
}
.doris, .naver, .vinbutiken, .anderstig{
margin-top: 100px;
}
.dorisslider, .naverslider, .vinslider, .anderstigslider{
float:left;
width: 640px;
}
.doristext, .navertext{
float: left;
width: 250px;
margin-top: 50px;
margin-left: 15px;
}
/**************** Slider stuff ***************************/
/*preload classes*/
.svw {
width: 640px;
height: 250px;
background: #fff;
}
#mygalone, #mygaltwo, #mygalthree, #mygalfour{
padding-top: 50px;
}
.svw ul {
position: relative;
left: -999em;}
/*core classes*/
.stripViewer {
position: relative;
overflow: hidden;
/*border: 5px solid #ff0000; */
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li {
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
margin-top: 5px;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
/*background: #333; */
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background-color: #f90;
color: #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}