/*  
Theme Name: Garon teema
Theme URI: http://www.edmerritt.com/
Description: A smooth and subtle theme based on a strict grid.
Version: 1.0
Author: Ed Merritt
Author URI: http://www.edmerritt.com/
*/


/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {
	position: relative; 
	background: url(images/bg_body.gif) top left repeat-x #9BC3D5; 
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #4B5D67; 
	text-align: center;
	border-style: none;
}

#page {display: block; width: 900px; background: url(images/bg_main-wide.gif) top repeat-y; text-align: left; margin: 0 auto; }
#header {
	float: left; 
	display: block; 
	width: 900px; 
	background: url(images/bg_header-wide.gif) top no-repeat; 
	min-height: 255px; 
	padding: 0;
	margin-left: 0px;
}

#category-links {
	margin: 0px 0px 0px 0px;
	padding-top: 24px;
	padding-right: 7px;
	float: right;
	
}

#category-links img {
	border-left: 1px solid #59777e;
	border-right: none;
	border-top: none;
	border-bottom: none;
}

* html #header {height: 505px;}

#content {float: left; display: block; width: 693px; margin: -5px 0 0 6px;}
#sidebar {float: left; display: block; width: 193px; margin: -5px 0 0 0;}
* html #content, * html #sidebar {margin-top: -25px; }
.post {float: left; display: block; width: 675px; margin: 0 0 0 18px;}
.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}
.archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc; }
#sidebar .post {display: block; width: 159px; margin: 0 0 0 18px;}
.title {float: left; display: block; width: 694px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0 0 18px 0;}
#sidebar .title {float: left; display: block; width: 194px; background: url(images/bg_h3.gif) bottom left repeat-x #CADFED;}
.entry {float: right; display: block; width: 500px; margin: 0;}

/* garo modification */
.entry>p:first-letter
{
	font-size: 1.2em;
	font-family: "Times New Roman", serif;
/*	color: red; */
	color: #AA0000;

}


/* Garon lisays */
.g2image_float_right img
{
	border-style: none;
}


.postinfo {
	float: left;
	display: block;
	width: 157px;
	margin: 0 0 18px 0;
}

/* Garon lisays */
.widgets {
	float: left;
	display: block;
	width: 157px;
}

#widgets-list  {
	margin-left: 0px;
	margin-right: 0px;
}

.widgets .wpg2sidebargrid-image {
	clear: right;
}

.giThumbnail {
	border: 1px solid grey;
}

/* Garon lisays */
#widgets-list li {
	list-style-type: none;
	margin-left: 0px;
	margin-right: 0px;
}

.ruokakuva {
	float: right;
	margin-right: 18px;
	
}

.video {
	font-size: 0.8em;
}

.video-player {
	padding-bottom: 0px;
}

.video-help {
	position: relative;
	top: -12px;
}

.video>p:first-letter {
	font-size: 100%;
}

.archive .postinfo {margin-left: 0;}
.archive .entry {margin-right: -24px;}
* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}
p img {
	float: left;
	margin: 6px 12px 12px 1px;
	//border-style: none;
	border: 1px solid #a6d3f1;
}



.ImageFrame_none {
	border: 1px solid #a6d3f1;
	margin: 6px 12px 12px 1px;
}

/* typography */
h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
.description {
	color: #CADFED;
	margin: 0 37px 0px 37px;
}
.inenglish {
	
	padding: 0px 37px 0px 200px;
	color: white;
	font-weight: bold;
	
	
}

.inenglish a, .inenglish a:visited {
	color: #CADFED;
	font-size: 1.2em;

}


.title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 12px 24px;}

#content .postwrapper .title h2 {font: 1.4em Arial, Helvetica, sans-serif; text-transform: none; background: url(images/icon_entry.gif) 24px 50% no-repeat; padding: 9px 100px 12px 42px;}
#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #32474B;}
.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}
h2 a, h2 a:visited {}
h2 {
	font: bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 12px;

}
h3 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
p {margin: 0 0 18px 0; padding: 0;}
.entry p {padding-right: 24px;}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {
	background: transparent url(images/quote.gif) no-repeat scroll left top;
	/* padding: 0 0 0 12px; */
	padding: 0pt 2em;
	margin: 1em;
	color: #888888;
	/* border-left: 3px solid #ccc; */

}

#content pre {
	background:#92753A none repeat scroll 0% 0%;
	color:#FFFFFF;
	margin:1em 10pt;
	overflow:auto;
	padding:10px;
}
#content pre, #content code {
	-x-system-font:none;
	font-family:"bitstream vera sans mono",monaco,"lucida console","courier new",courier,serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}


#content code:first-letter, #content pre:first-letter
{
	font-size: 1em;
	color: #FFFFFF;
}


blockquote>p:first-letter
{
	font-size: 1.2em;
	color: #888888;
}

viiteluettelo {


}

viiteluettelo>p:first-letter {
	font-size: 1.2em;
	color: #888888;
	
}


/* lists */
ul {margin: 0 0 24px 6px;}
ol {margin: 0 0 24px 6px;}
ul li {margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; list-style: none; margin-left: 0;}
.buttons li {float: left; margin: 0 18px 0 0; padding: 0;}
* html .buttons li {margin: 0;}
.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0;}
.buttons a:hover {background-position: bottom right;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }


/* links */
a, a:visited {color: #9A1010; text-decoration: none;}
p a:hover, ul a:hover {background-color: #BFD3E0;}
#content p a:hover, #content ul a:hover {background-color: #E2EBF8;}


/* main image */
#mainpic {float: left; display: block; width: 886px; height: 229px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}



/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}


/* footer */
#footer {clear: both; display: block; width: 900px; background: url(images/bg_footer-wide.gif) bottom no-repeat; border-bottom: 10px solid #9BC3D5; text-align: center; margin-left: -1px; }
* html #footer {margin-top: 18px; position: relative; left: 7px;}
#footer-top {display: block; width: 900px; height: 15px; background: url(images/bg_footer-top-wide.gif) top no-repeat;}
#footer p {color: #798892; padding: 0 37px 7px 37px;}
#footer a, #footer a:visited {color: #B05255;}