/* Thomas Kjellberg - www.bokami.com */

/* ************ General ************ */

* {margin: 0; padding: 0; border:0;}

html {height: 100%;}

body {
color:#333333;
font-family: Monaco, Verdana, "Courier New", monospaced;
font-size: 9px;
padding: 10px 0 0 15px;
letter-spacing: 1px;
text-align:left;
background: #d6d6d6;
background-attachment: fixed; }

.border {border: 1px solid yellow; }

hr {display:none;}

p {margin-bottom:1em;
line-height:12px;}

#news p {
margin-top: 2px;
}

.nomargintop {margin-top: -1em;}

.nomarginbottom {margin-top: -1em;}

.clear {clear:both;}

.white {background: #ffffff; }

legend {display:none;}

.margin-bottom {margin: 0 0 1em 0;}

.float_right {
float:right;
line-height:13px;}

.hidden {display:none;}

.link, #news a, #contentforimage a {
color: #fc0ba0;
text-decoration: underline;
cursor: pointer;}

#close {
cursor:pointer;
background: url(bilder/close.gif) 0 2px no-repeat; 
display:block;
line-height: 16px;
float:left;
height:14px;
width:43px;
color: #ffffff;
padding: 1px 0 0 15px;}

.next {
cursor:pointer;
background: url(bilder/next.gif) 0 2px no-repeat; 
display:block;
line-height: 16px;
float:left;
height:14px;
width:12px;
color: #ffffff;
padding: 1px 0 0 15px;}

.previous {
cursor:pointer;
background: url(bilder/previous.gif) 0 2px no-repeat; 
display:block;
line-height: 16px;
float:left;
height:14px;
width:64px;
color: #ffffff;
padding: 1px 0 0 15px;}


#admin form {
margin: 10px 0 0 0;}

/* ************ Titles ************ */

h1 {font-size: 18px;
font-weight:400;}

h2 {font-size: 14px;
font-weight: 100;}

h3, #table {
font-size: 11px;
font-weight: 400;}

#table {
margin: 0 0 1em 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
font-style:italic;
text-transform:lowercase;
}

h4, dt, .cvtitle {
font-size:11px;
font-weight: bold;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
letter-spacing: 0;
color:#333333;
display: inline;}


#news h4 span, #logg h4 span {
color: #999999;
font-size: 9px;
font-family: Monaco, Verdana, "Courier New", monospaced;
font-weight:normal;
}

.h4title, .protit {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:11px;
color: #666666;
background:#ffffff;
font-weight:800;}

.bokamititle {
font-size:18px;
letter-spacing: 0;}

.hundred, .hundredh4 {
font-family: "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, geneva, sans-serif;
font-size: 11px;
color: #666666;
width:100%;}

.hundredh4 {
font-weight:800;}

.date {
font-weight:normal;
float: right;
font-size:9px;}

.cvtitle {
clear:both;
float:left;
line-height:14px;
margin: 3px 0 0 0;
padding:1px 0 0 3px;
width: 523px;}

.menutitle, .menutitle a {
line-height:13px;
margin: 0 0 2px 0;
padding:0;
color: #fc0ba0;
background: url(bilder/dottedline.gif) no-repeat 0 0;}

.menutitle a {
display: block; }

#links a:hover {
color: #fc0ba0; }

.menutitle:hover {
background-position: 0 -20px;
color:#ff53bd;}

#logg a {
color: #fc0ba0;
text-decoration:underline; }


/* ************ Inputs ************ */

textarea {
font-family: "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, geneva, sans-serif;
font-size: 11px;
color: #666666;
width:100%;
padding: 0 1px 0 1px;}

.editable {
color: #666666;
background-color: #ffffff;}

input
{
font-size: 11px;
color:#666666;
padding: 0 1px 0 1px;}

.hundred input {
background: #ffffff; 
width: 100%;
color: #666666;}

.button {
background: #ffffff;
color: #666666;
font-size: 11px;
padding: 1px 2px 1px 1px;
border: 1px solid #f1f1f1;}

.buttonmargin, .buttonmargintop {
background: #ffffff;
color: #666666;
font-size: 11px;
padding: 1px 2px 1px 1px;
border: 1px solid #f1f1f1;
margin-bottom:1em;}

.buttonmargintop {
margin-top:1em;}

select {
background: #ffffff;
color: #666666;
padding-left: 3px; 
margin-right: 3px;}

file {
background: #ffffff;
color: #666666;
display:block;}


/* ************ Links ************ */

#gallery a:hover {
cursor:pointer;
background: none;}


a {color: #666666;
background-color:#ffffff;
text-decoration: none;}

#gallery a span, #thumbs a span {
position: absolute;
top:0; 
left: -9999px; 
display: block; 
width: 39px;
height: 30px;
background: url(bilder/trans.gif) no-repeat; 
text-indent: -9999px; 
overflow: hidden;} 

#gallery a:hover span {
display:block;
left: 0;}

#thumbs a:hover span  {
display:block;
left: 3px;
top: 3px;}




/* ************ Dividers ************ */


#load {
display:none;
margin-right: 4px;}

#container {
padding: 2px;
position: absolute;
left: 395px;
top: 9px;
width:458px;
height:650px;}

#contentforimage img {
background: #ffffff;
margin: 5px 0 5px 0;
padding: 5px;}

#contentforimage p {
margin: 4px 0 5px 0;
padding: 1px 3px 1px 3px;
display: inline;
font-size: 10px;
float:left;
background: #F9F9F9;}

#contentforimage h4 {
background:transparent;
padding: 0;
display:block;}

#contentforimage h4 span {
background: #F9F9F9;
padding: 1px 3px 1px 3px;}

#wrapper {
width:356px;
background: #ffffff;
padding: 0 10px 1px 3px;
border-right: 3px solid yellow;}

#news, #logg, #links, #about {
padding: 5px 2px 0 2px;}



/* ************ Lists ************ */

ul {margin-bottom: 1em;}

li {list-style: none;}

li a, dd a {
background: #ffffff;
text-decoration:underline;
color: #666666;}

#links dl {
float:left;
margin-right: -4px;
margin-bottom: 1em;
width:120px;}

#links dd
{line-height:14px;
height:14px;
margin-left: 2px;
font-size: 9px;
}

#gallery ul {
float:left;
background: #ffffff;
margin-right:-4px;
margin-top: 3px;}

.project {
display:inline;
float: left;
position:relative;
width:39px;
height:30px;
list-style-type:none;
margin-right: 6px;
color: #ffffff;
margin-bottom:6px;}

.project a {
color: #ffffff;
background: #ffffff;}


#thumbs {
width: 540px;
clear:both;
float:left;
padding: 0 0 6px 0;}

#thumbs li {
display:inline;
float:left;
position: relative;
list-style-type:none;
color: #ffffff;
margin-bottom: 6px;
}

#thumbs li a {
background: #ffffff;
}

#thumbs li img {
float:left;
border: solid 3px #fff;
margin: 0 6px 0 0;
width:39px;
height:30px;
padding: 0;}

#cv {
clear:both;
float:left;}

#cv li {
display:block;
background: #ffffff;
float:left;
line-height:13px;
padding: 1px 3px 0 3px;
width: 520px;
margin-top: 2px;}

#cv li span {
width: 45px;
color: #999999;
font-family:"Courier New", Courier, monospace;
float:left; }



/* ************ Special things that need to be at last ************ */


.protit, .prodes
{width:100%; 
padding: 1px 3px 1px 3px; 
}

.prodes
{margin: 3px 0 3px 0;}

.protit {
margin: 0px 0 5px 0;
}

.nomargin {margin:0;}


#gallery {display: inline-block;} 
#gallery {display: block;}