/*
Theme Name: Merete Rasmussen
Theme URI: http://www.mereterasmussen.com
Description: Merete Rasmussen website
Version: 1.1
Author: Julian Kommunikation
Author URI: http://www.julian.se
Tags: merete rasmussen, julian kommunikation
*/

/* =References
-----------------------------------------------
http://rascarlito.free.fr/hoverscroll/
http://fundisom.com/phparadise/php/image_handling/list_image_folder
http://monc.se/kitchen/80/lightweight-image-gallery-with-thumbnails
http://monc.se/kitchen/80/lightweight-image-gallery-with-thumbnails#comment-21232 (how to get real thumbs)
----------------------------------------------- */

/* =Content
-----------------------------------------------
01. Structure
02. Menu
03. Content
04. Lists
05. Various
----------------------------------------------- */

/* =Structure (01)
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; }

body {
 margin: 0;
 padding: 0 0 20px;
 text-align: center;
 background: #fff;
 font-size: 80%;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 color: #4D4D4D;
}

#page {
 margin: 0 auto;
 padding: 40px 0;
 width: 860px;
 text-align: left;
}

a, a:link, a:visited {
 outline: none;
 text-decoration: none;
 color: #4D4D4D;
}
a:link, a:hover {
 color: #969696;
 text-decoration: underline;
}

h1 {
 margin: 0 0 15px;
 line-height: 1em;
 font-size: 2em;
 font-weight: bold;
 color: #777;
}
#flash h1 {
 position: absolute;
	color: #fff;
}
h2 {
 font-size: 1.2em;
 font-weight: bold;
 border-top: 1px solid #eee;
 margin: 20px 0 0;
 padding: 20px 0 5px;
}

p {
 padding: 0 0 15px;
}
p.pubdate {
 font-style:italic;
 font-size: 0.9em;
 color: #aaa;
 padding: 0;
}

img {
 border: none;
 vertical-align: bottom 
}

/* =Menu (02)
----------------------------------------------- */
#menu {
 position: fixed;
 width: 105px;
 margin: 0;
 padding: 0;
}

/* =Content (03)
----------------------------------------------- */
.content {
 top: 5px;
 width: 710px;
 padding: 0 0 0 150px;
 z-index: 2;
}

#rollover {}
#text {}
#flash {}

/* =Lists (04)
----------------------------------------------- */
#menu ul {
 list-style: none;
 margin: 18px 0 0;
}

#menu ul li {
 font-size: 1.15em;
 font-weight: bold;
 line-height: 1.1em;
}
#menu ul li a {
 color: #4D4D4D;
 text-decoration: none;
 display: block;
}
#menu ul li a:hover,
#menu ul li.current a {
 color: #969696;
}
#menu ul li.spacer {
 height: 8px;
}

/* =Various (05)
----------------------------------------------- */
table {}

td {
 vertical-align: top;
 border-width: 0;
 padding: 5px 0;
 border-bottom: 1px solid #eee;
}
td.intro {
 border: none;
 font-weight: bold;
 padding: 0;
}
td.intro-spacing {
 border: none;
 font-weight: bold;
 padding: 0;
}
td.header {
 border: none;
 font-weight: bold;
 padding: 25px 0 0;
}
td.year {
 width: 100px;
}