/*  
Theme Name: WordPress Joululahja
*/
body {font:62%/1.5  georgia, times-new-roman, serif; color:#5B2D00; background: #E8DED2 url('/i/NONONObg.gif') top left repeat-x; margin: 0 0 20px 0;	padding: 0; 	}

/* LINKS -------------------------------------------- */
a {  text-decoration:underline; }
  a:visited { color: #900; 	}
  a:link { color: #c00;  }
  a:hover { color: #f00; }
  a:active, a:focus { 	color: #f00; }
  a img {border:0; margin:1em 0;}

/* STRUCTURE */
#wrapper {position:relative; width:750px; padding: 0 170px 15px 10px;}
#page {	background:#fff url('NONONO/i/content-bg.gif') top left;	margin: 0 /*110px*/ auto 10px;	padding:0;	width: 750px; overflow:hidden;	text-align: left; position:relative; border:1px solid #70624C;	}
#header { height: 100px; width: 750px; background: url('/i/joululahja_header3.jpg') no-repeat bottom center; font-family:Georgia, 'times new roman', serif; font-weight:normal; border-top:2px solid #5B2D00; border-bottom:2px solid #5B2D00;	}
	#headerimg h4 {padding:55px 0 0 20px; color:#fff; margin:0; font-weight:normal;}
	#headerimg a, #headerimg a:visited {color:#fff; padding:40px 10px 0 0; text-decoration:none;}
	#headerimg a:hover {border-bottom:1px solid #fff;}

#content {	font-size: 1.3em; font-family:georgia, times-new-roman, serif;	}
.narrowcolumn {	float: left;	padding: 0 20px 10px 20px; margin:30px 0;	width: 465px;  	}
	.narrowcolumn .postmetadata {	padding-top: 5px;	}
.widecolumn {	padding: 10px 0 20px 0;	margin: 5px 0 0 150px;	width: 450px;	}
	.widecolumn .postmetadata {	margin: 30px 0;	}
	.widecolumn .smallattachment {	text-align: center;	float: left;	width: 128px;	margin: 5px 5px 5px 0px;}
	.widecolumn .attachment {	text-align: center;	margin: 5px 0px;}
	.post {	margin: 0 0 40px;	}
	.post hr {	display: block;	}
	.widecolumn .post {	margin: 0;	}
.fullcolumn {	padding: 10px 0 20px 0;	margin: 55px 55px 0 55px;	width: 620px;}
.postmetadata {	clear: left;}	
#footer {	padding: 0;	margin: 0 auto;	width: 750px;	clear: both; 	}
#footer p {	margin: 0;	padding: 20px 0;	text-align: center;	}

#ads {position:absolute; top:0; left: 760px;}
.sideads {margin:0 0 15px 0; padding:5px; border-top:2px solid #5B2D00; border-bottom:2px solid #5B2D00; float:right;clear:right; width:200px;}
#banners {position:absolute; top:0; left:0; /*left:50%; margin:0 -370px;*/}
.googleads {margin:15px 15px 0 15px; float:left;}

/* Headers */
h1, h2, h3, h4, h5, h6 {margin-bottom:0; font-weight:normal;}
h2 {font-size:164%; padding:.6em 0 .3em 0; border-top:1px solid #BBBB97; margin-top:.5em; font-family:georgia; letter-spacing:-1px; line-height:1.1; }
	h2  a:visited {  	}
  h2 a:link { 		  }
  h2 a:hover { 	color: #900; }
  h2 a:active, a:focus { 	color: #c00; }
h3 {font-size:148%; padding:.5em 0 .3em 0; }
h4 {font-size:116%; padding:.5em 0 .3em 0; }
h5 {font-size:100%; padding:.5em 0 0 0; }
h6 {font-size:100%; padding:0; font-weight:normal;}
#content h1, #content h2, #content h3, #content h4, .date {color:#5B2D00; font-family:georgia; font-weight:normal;}
#content h4 {padding:.5em 0 0 0; text-transform:uppercase; letter-spacing:1px; }
#content h3 {font-style:italic; padding:.5em 0 0 0;}
#content h2 {border:0; border-bottom:1px solid #5B2D00; padding:1em 0 .5em 0; margin-bottom:.5em;}
#content h1 { padding:0 0 10px 0; margin:0 0 20px 0; font-size:116%; text-transform:uppercase; letter-spacing:1px; text-align:left; border-bottom:1px solid #5B2D00;  color: #5B2D00;}
#header h2 {	font-size: 4em;	text-align: center;	}

.alt {	background-color: #f8f8f8;	border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;	}
small {	font-family: Arial, Helvetica, Sans-Serif;	font-size: 0.9em;	line-height: 1.5em;	}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {	color: #777;	}
code {	font: 1.1em 'Courier New', Courier, Fixed;	}
acronym, abbr, span.caps{	font-size: 0.9em;	letter-spacing: .07em;	}
ol {margin:1.5em 0 1.5em 10px;}
ol li {margin-bottom:1em;}

p img {	padding: 0;	max-width: 100%;	}
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft, .fl {	float: left	}
.logo {float:left; margin:0 15px 15px 0;}
.caption {text-align:right; font-style:italic; font-size:12px; border-bottom:1px solid #5B2D00;}

.head th { border-bottom:1px solid #900; }
td, th {padding:5px;  }
table a {font-weight:bold;}
.even td {border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5;}

/* FORMS */
#searchform {	margin: 10px auto;	padding: 5px 3px; 	text-align: center;	}
#sidebar #searchform #s {	width: 108px;	padding: 2px;	}
#sidebar #searchsubmit {	padding: 1px;	}
.entry form { 	text-align:center;	}
select {	width: 130px;	}
#commentform input {	width: 170px;	padding: 2px;	margin: 5px 5px 1px 0;	}
#commentform textarea {	width: 100%;	padding: 2px;	}
#commentform #submit {	margin: 0;	float: right;	}

/* COMMENTS
.alt {	margin: 0;	padding: 10px;	}
.commentlist li, #commentform input, #commentform textarea {	font: 0.9em;	}
.commentlist cite, .commentlist cite a {	font-weight: bold;	font-style: normal;	font-size: 1.1em;	}
.commentlist {	padding: 0;	}
.commentlist li {	margin: 15px 0 3px;	padding: 5px 10px 3px;	list-style: none;	font-weight: bold; 	}
.commentlist p {	margin: 10px 5px 10px 0;	font-weight: normal;	line-height: 1.5em;	text-transform: none;	}
#commentform p {	margin: 5px 0;	}
.nocomments {	text-align: center;	margin: 0;	padding: 0;	}
.commentmetadata {	margin: 0;	display: block;	font-weight: normal;} */


/* COMMENTS -------------------------------------------- */
#respond {clear:both;}
#commentlist { padding-left:0; background-image:none; width:450px; float:left; clear:left; border-top:2px solid #BBBB97; border-bottom:2px solid #BBBB97; }
	#commentlist li {  margin:1em 0 ; padding:1em 0 2em 0 ; border-top:1px solid #BBBB97; width:420px; }
	#commentlist h5 {color:#5B5B41; font-weight:normal; font-style:italic; font-family:georgia}
#commentform {float:left; clear:left;}
  #commentform input {width:150px;}
  #commentform textarea {width:448px;}
  #commentform label {width:150px; float:left; }
  #submit {float:right;}


/* Begin Sidebar */
#sidebar{	padding: 10px;	margin:55px 10px 0 520px;	width: 200px; font-size:1.1em; ; _width:180px !important; _overflow:hidden;}
#sidebar form {	margin: 0;	}
#sidebar h2 {color:#5B2D00; text-align:center; font-weight:normal; padding:25px 0 5px 0; margin:0 10px 0 -10px; _margin: 0 5px 0 -5px; width:210px; float:left; border-top:0; border-bottom:1px solid #ccc;}
#sidebar h4 {font-weight:normal; margin:0;}
#sidebar h5 {margin:0; padding:0; ;}
#sidebar ul {margin:0; padding:0;}
#sidebar li {margin:0; padding:3px 5px; _padding:3px 0px; line-height:1.5; list-style:none;}
#sidebar li {border-bottom: 1px solid #ccc;}
#sidebar li a {border:0; }
#sidebar li a:hover {text-decoration:underline;}
/* End Sidebar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help;	}
acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd;	}
blockquote cite {	margin: 5px 0 0;	display: block;	}
.center {	text-align: center;	}
hr {	display: none;	}
a img {	border: none;	}
.note {margin 1em 0; padding:1em; border:1px solid #900;}
strong {font-weight:normal; font-style:italic;}

/* NAVIGATION */
.nav { float: left; clear:left; width:720px; margin:15px 0 0 0;  padding:0 15px; line-height: 30px;  border-top:1px solid #5B2D00; border-bottom:1px solid #5B2D00; font-size:.8em !important; }
.nav li { float: left; margin: 0; list-style:none; padding:0;}
.nav a { float: left; border: 0;  padding:0 5px; color: #900; font-weight:normal; text-decoration:none;}
.nav a:hover, .current_page_item a { color:#c00; text-decoration:underline; /*background: url() no-repeat right 50%;  color:#fff; background:#5B2D00;*/}
.here a {color:#5B2D00;}
.nav strong, .bold {  text-transform:uppercase;  font-size:10px; margin:-18px 0 0 0; padding:0; font-weight:normal;}
#footer .nav strong { margin:0 5px;; display:block; float:left;}


.mainnav li a {font-size:15px; padding:0 9px; margin:2px 2px 0 2px; background:#FEF5EC url('/i/nav-bg.gif') bottom left repeat-x; border-bottom:1px solid #5B2D00;}
.mainnav .current_page_item a, .mainnav .here a {background:#fff; margin-bottom:-1px; border-bottom:1px solid #fff;}
.mainnav {margin:0; background:#5B2D00; border:0;}

#sidebar .nav {width:200px; clear:none; float:right; border:0; margin-right:10px; padding:0 0 15px 0;}
#sidebar .nav li {clear:left; width:200px; margin:0; }
#sidebar .nav li a {width:200px;}
#sidebar .nav strong {display:block; float:left; }

.joulunodotusta {float:left; width:195px;  padding:0; list-style:square; margin-bottom:25px; }
.joulunodotusta li {margin-left:15px;} 
.joulunodotusta h4 {font-size:11px; margin:0 0 10px 0; padding-top:0; border-bottom:1px solid #5B2D00;}
.homeimage {float:left; clear:left; margin:15px 10px 15px 0; padding:2px; border:1px solid #5B2D00;}


#sidebar .nav strong {float:none; margin:0; padding:0; font-size:12px; letter-spacing:1px; }
#sidebanners {position:absolute; top:110px; right:0;}