/*
Theme Name:		Janne bloggar
Theme URI:		http://www.scanactive.com/
Description:	Mitt eget WP-tema
Version:      1.00
Author:	      Jan Nieminen
Author URI:		http://www.scanactive.com/
*/



body {
 margin: 0;
 padding: 0;
 font-size: 62.5%;
 background-color: #f5f5ef;
 }



/* --- STRUCTURE ------------------------------------------------- */

#content {
 float: left;
 clear: both;
 width: 100%;
 margin: 0;
 padding: 0;
 background: url(img/pixel.gif) repeat-y 65% 0;
 }

#content-main {
 float: left;
 width: 65%;
 margin: 0;
 padding: 0;
 }


#sidebar {
 float: right;
 width: 35%;
 margin: 0;
 padding: 0;
 }



/* --- HEADER ---------------------------------------------------- */

#header {
 position: relative;
 margin: 0;
 padding: 0;
 background: url(img/header-bg.jpg) repeat-x left bottom transparent;
 }



#loginout {
 margin: 0;
 padding: 10px;
 top: 0;
 right: 20px;
 position: absolute;
 font: 1.1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
 color: #145;
 background-color: #000;
 }

#loginout a {
 color: #145;
 background-image: none;
 text-decoration: underline;
 }

#loginout a:hover {
 color: #fff;
 }



#logo {
 display: block;
 width: 580px;
 height: 250px;
 background: url(img/logo-bg.jpg) no-repeat left bottom;
 }

#logo a {
 position: absolute;
 left: 50px;
 top: 75px;
 display: block;
 width: 350px;
 height: 65px;
 background: url(img/logo.gif) no-repeat 0 0;
 border-width: 0;
 }

#logo img {
 display: none;
 }



#navigation {
 display: none;
 margin: 0;
 margin-left: 50px;
 padding: 0;
 }

#navigation a {
 padding: 10px 15px;
 width: 150px;
 color: #222;
 text-decoration: none;
 }

#navigation li.current_page_item a,
#navigation li.current_page_item a:hover {
 font-style: italic;
 color: #531;
 text-decoration: none;
 background: url(img/navigation-arrow.gif) no-repeat bottom center;
 }

#navigation a:hover {
 color: #145;
 text-decoration: underline;
 }

#navigation ul {
 margin: 0;
 padding: 0;
 font: 1.2em Verdana, Georgia, "Times New Roman", serif;
 line-height: 150%;
 list-style-type: none;
 }

#navigation li {
 margin: 0;
 padding: 0;
 display: inline;
 }



/* --- ENTRY ----------------------------------------------------- */

.entry {
 position: relative;
 margin: 0 15px 0 50px;
 padding: 0;
 }

.listed {
 padding-top: 10px;
 padding-bottom: 10px;
 background: url(img/h2-bg.gif) repeat-x bottom left transparent;
 }

.entry .meta {
 margin: 0 0 30px 0;
 padding: 0;
 font: italic 1.3em Georgia, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
 color: #776;
 }

.entry .meta .comments {
 margin-left: 10px;
 padding-left: 10px;
 border-left: 1px solid #ddc;
 }

.entry .filed-under {
 color: #776;
 font-family: Georgia, "Times New Roman", serif;
 font-style: italic;
 }



a {
 color: #145;
 text-decoration: none;
/* border-bottom: 1px solid #ddc; */
 padding-bottom: 1px;
 background: url(img/underline.gif) repeat-x bottom left;
 }

a:hover {
 color: #a50;
/* border-bottom: 1px solid #a50; */
 }

h1 {
 margin: 0;
 padding: 0 0 5px 0;
 clear: both;
 font: 2.4em Georgia, "Times New Roman", serif;
 letter-spacing: -1px;
 color: #145;
 }

h2 {
 margin: 30px 15px 30px 50px;
 padding: 5px 10px;
 font: bold 1.1em Georgia, "Times New Roman", serif;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #333;
 border-top: 2px solid #ddc;
 background: url(img/h2-bg.gif) repeat 0 0;
 }

h2.archive-header {
 margin: 0 15px 0 50px;
 padding: 0;
 font: normal 2.4em Georgia, "Times New Roman", serif;
 text-transform: none;
 letter-spacing: 0;
 color: #333;
 border-width: 0;
 background: none;
 }

p, li {
 padding-left: 10px;
 padding-right: 10px;
 font: 1.3em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
 color: #222;
 line-height: 150%;
 }

p.nocomments {
 display: none;
 margin-left: 50px;
 padding-left: 10px;
 font: italic 1.3em Georgia, "Times New Roman", serif;
 }

ul, ol {
 color: #222;
 line-height: 150%;
 }

blockquote {
 margin-top: 0;
 margin-left: -13px;
 padding-left: 23px;
 background: url(img/quote.gif) no-repeat 0 .2em;
 }

blockquote p {
 margin-left: 0;
 padding-left: 0;
 font: 1.6em Georgia, "Times New Roman", serif;
 line-height: 125%;
 color: #776;
 }

.entry a img {
 padding: 5px;
 border-width: 0;
 border-bottom: 1px solid #ddc;
 border-right: 1px solid #ddc;
 background-color: #fff;
 background-image: none;

 }

.entry img {
 padding: 5px;
 border-bottom: 1px solid #ddc;
 border-right: 1px solid #ddc;
 background-color: #fff;
 }



.entry .wp-caption {
 }

.entry .wp-caption p.wp-caption-text {
 }

.entry img.wp-smiley {
 padding: 0;
 border-width: 0;
 background-color: transparent;

 }



.gallery {
 margin: 0;
 margin-left: 10px;
 margin-right: 10px;
 padding: 0;
 }

.gallery dl,
.gallery dt {
 display: inline;
 margin: 0;
 padding: 0;
 }

.gallery img,
.gallery img a {
 margin-right: 15px;
 padding: 5px;
 border-right: 1px solid #ddc;
 border-bottom: 1px solid #ddc;
 background-color: #fff;
 }

.gallery img:hover {
 background: url(img/h2-bg.gif) repeat 0 0 #fff;
 }


.gallery a {
 border-bottom-width: 0;
 }



.navigation {
 margin: 0 15px 0 50px;
 padding: 0;
 font: 1.3em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
 }

.navigation .alignleft {
 float: left;
 }

.navigation .alignright {
 float: right;
 }

.top {
 padding-bottom: 30px;
 }

.bottom {
 padding-top: 30px;
 }



/* --- SIDEBAR --------------------------------------------------- */

#sidebar div {
 margin-bottom: 30px;
 padding: 0 15px;
 }

#sidebar div h2 {
 margin: 0 0 10px 0;
 padding: 5px 10px;
 font: bold 1.1em Georgia, "Times New Roman", serif;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #a50;
 border-top: 2px solid #ddc;
 background: url(img/h2-bg.gif) repeat 0 0;
 }

#sidebar .module div {
 float: left;
 width: 33%;
 margin: 0 0 10px 0;
 padding: 0;
 }

#sidebar .module div h2,
#sidebar .module div ol,
#sidebar .module div ul {
 margin-right: 5px;
 }

#sidebar .module #links h2,
#sidebar .module #links ol,
#sidebar .module #links ul {
 margin-right: 0;
 }

#sidebar ol,
#sidebar ul,
#sidebar dl {
 margin: 0;
 padding: 0;
 list-style-type: none;
 }

#sidebar dt {
 margin: 0;
 padding: 0 10px;
 font: 1.6em Georgia, "Times New Roman", serif;
 line-height: 150%;
 list-style-type: none;
 }

#sidebar dd {
 margin: 0 0 5px 0;
 padding: 0 10px 10px 10px;
 font: italic 1.3em Georgia, "Times New Roman", serif;
 color: #776;
 background: url(img/h2-bg.gif) repeat-x bottom left;
 }

#sidebar li {
 margin: 0 0 5px 0;
 padding: 0 0 0 10px;
 font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
 }



/* --- COMMENTS -------------------------------------------------- */

ol.comments-list {
 margin: 0 15px 0 50px;
 padding: 0;
 list-style-type: none;
 }

ol.comments-list li {
 position: relative;
 margin: 0 0 10px 0;
 padding: 10px;
 border: 1px solid transparent;
 }

ol.comments-list li p {
 margin-left: 58px;
 font-size: 1em;
 line-height: 150%;
 }

ol.comments-list li p.author {
 margin-top: 0;
 margin-bottom: 0;
 padding-bottom: 5px;
 font-size: 1em;
 border-bottom: 1px dotted #ddc;
 }

ol.comments-list li p.author em {
 font-style: normal;
 font-weight: bold;
 color: #145;
 }

ol.comments-list li p.meta {
 margin-bottom: 0;
 font: italic 1em Georgia, "Times New Roman", serif;
 color: #776;
 }

ol.comments-list li p.meta a {
 color: #776;
 }

ol.comments-list li p.meta a:hover {
 color: #a50;
 border-bottom: 1px solid #a50;
 }

ol.comments-list li.alt {
 background-color: #fff;
 border: 1px dotted #ddc;
 }

ol.comments-list li .avatar {
 position: absolute;
 }



/* --- FORMS ----------------------------------------------------- */

/* --- Comments -------------------------------------------------- */

form#commentform {
 width: auto;
 margin: 0 15px 0 50px;
 padding: 0;
 }

form#commentform textarea {
 width: 95%;
 line-height: 150%;
 }

form#commentform em {
 font-style: normal;
 color: #a50;
 }



/* --- Search form ----------------------------------------------- */

form#searchform {
 margin: 0;
 }

.entry form#searchform {
 margin-left: 10px;
 }

form#searchform input#s {
 width: 60%;
 }



/* --- FOOTER ---------------------------------------------------- */

#footer {
 float: left;
 clear: both;
 width: 100%;
 margin: 15px 0 0 0;
 padding: 0 0 30px 0;
 background: url(img/footer-bg.jpg) repeat 0 0;
 }

#footer p {
 clear: both;
 margin: 0;
 padding: 15px 50px 0 50px;
 font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
 color: #776;
 }

#footer p #credits {
 float: left;
 }


#footer p #feeds {
 float: right;
 }

#footer p #feeds a {
 margin-left: 10px;
 }



/* --- GLOBAL ---------------------------------------------------- */

hr,
.hidden {

 display: none;
 }



.edit-post {
 margin-left: 10px;
 padding-left: 10px;
 border-left: 1px solid #ddc;
 }

.edit-post a,
ol.comments-list li p.meta span.edit-post a {
 color: #a40;
 }

.edit-post a:hover,
ol.comments-list li p.meta span.edit-post a:hover {
 text-decoration: none;
 }




ul.linklog {
 list-style-type: none;
 margin: 0 15px 0 50px;
 padding: 20px 10px 10px 10px;
 background: url(img/h2-bg.gif) repeat-x bottom left transparent;
 }

ul.linklog li {
 margin: 0 0 10px 0;
 padding: 0;
 font-size: 1.2em;
 line-height: 150%;
 }