/* main styles */
body {background-color:#CCC; margin:0; padding:0;}
a:link, a:visited {color:#6495ED; text-decoration:none; border-bottom:0px dotted #CCC;}
a:hover, a:active {color:#900; text-decoration:none; border-bottom:0px dotted #999;}
#page {background-image:url(images/bg.jpg); background-position: 0 0; background-repeat:repeat-y; width:820px; margin: 0 auto;}
#header {background-image:url(images/header.jpg); background-position: 0 0; background-repeat:no-repeat; width:820px; height:140px; margin: 0 auto;}
#content {width:590px; margin: 0; float:right;}
#sidebar {width: 210px; float:left; background-image:url(images/sidebar-bg.jpg); background-position: 0 0; background-repeat:repeat-y; font-family: Arial, Helvetica, sans-serif;}
#footer {background:url(images/footer.jpg) 0 0 no-repeat; width:820px; height:130px; margin: 0 auto; clear:both;}

/* header */
#head1 {float:left; width:130px; margin:0; padding:40px 0 0 50px; color:#fff; height:80px; font-size:11px; font-family:Helvetica, Arial, sans-serif, ; text-shadow: #000 1px 2px 2px; overflow:hidden;}
#header h1, #header h2 {margin:15px 0 5px 0; color:#000; text-align:left; font-family:Helvetica, Arial, sans-serif; font-weight:normal;}
#header h1 {padding:45px 40px 0px 220px; font-size:15px;}
#header h2 {font-size:16px; padding:0 40px 0 0;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#900; text-decoration:none; border:none;}
#head1 a:link, #head1 a:visited {color:#CCC;}
#head1 a:hover, #head1 a:active {color:#900;}

/* sidebar */
#sidebar-cont {padding:0 20px 0 40px;}
#sidebar h2  {font-size:12px; line-height:16px; margin:0px 0 5px 0;}
#sidebar p  {font-size:11px; line-height:16px;}
#sidebar ul {font-size:11px; list-style:none; margin:0; padding:0;}
#sidebar li {margin-left:0; padding-left:0px;}
#sidebar-end {background-image:url(images/sidebar-end.jpg); padding: 0px 0px 0px 0px;}

/* content */
#linkbar {text-align:right; font-size:11px; font-family:Arial; color:#999; letter-spacing:0.1em; padding:0 30px 30px 0;}
#linkbar ul {display:inline;}
#linkbar li {display:inline; padding:0 6px; border-left:1px solid #CCC;}
#linkbar ul > li:first-child {border-left:0;}

.post {padding:0 40px 0 0;}
.post h1 {font-size:24px; }
.post h2 {font-size:20px; }
.post h1, .post h2 {font-family:"Trebuchet MS"; color:#900; font-weight:normal; margin-bottom:0;}
.post h1 a:link, .post h1 a:visited, .post h2 a:link, .post h2 a:visited {color:#900; text-decoration:none; border-bottom:none;}
.post h2 a:hover, .post h2 a:active, .post h1 a:hover, .post h1 a:active {color:#900; text-decoration:underline; border-bottom:none;}
.post small {font-family:Arial; font-size:11px; color:#BBB;}
.post blockquote {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#999;}

.entry {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#333;}
.entry img {padding:4px; margin: 4px; border: 0px }
.entry li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px;}
.postmetadata {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:right; margin-bottom:30px; color:#333; clear:both; padding-top:10px;}
.postmetadata a:link, .postmetadata a:visited {border:none;}
.more-link {font-style:italic;}
.more-link a:link, .more-link a:visited {border:none;}

.post .entry h1 {font-size:20px; text-align:left;}
.post .entry h2 {font-size:18px; text-align:left;}
.entry legend {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;}
th, td {padding:5px;}
cite {font-family:Georgia, "Times New Roman", Times, serif;}
pre {overflow:scroll; padding:5px 10px; background-color:#EEE;}

#comments {text-align:center; font-size:18px; padding:0 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:50px;}
#commentform {font-family: Verdana, Arial, Helvetica, sans-serif; padding-left:40px; }
#commentform p {font-size:11px;}
.commentlist {font-size:11px; line-height:16px; padding:0 40px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0;}
.commentlist li {padding:5px; background:url(images/sfum.png) 0 0 repeat-x; border:1px solid #CCC; margin:10px 0 0 0;}
.commentlist cite {font-weight:bold;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
#respond {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-align:center; margin-top:30px;}
.nocomments {font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:0 20px; font-size:11px; color:#999;}

/* footer */
#footer p {text-align:center; color:#CCC; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
#footer a:link, #footer a:visited {color:#CCC; }
#footer a:hover, #footer a:active {color:#900;}

/* misc */
#searchform {text-align:center;}
.navigation {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:20px; padding:10px;}


#batrod h3 {background-color: red}
#container2 {background-image:url('http://jmjmedia.se/images/nere.jpg');background-repeat: repeat-x}

.textinput { width:200px }

.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}