/*  
Theme Name: Vaella Laella
Theme URI: http://www.vaellalaella.net
Description: Vaella Laella
Version: 1.0
Author: Mikael Korpela
Author URI: http://www.ihminen.org/
*/


/* Vaella Laella 2007 */


/* Common graphics */

html,body {
	padding: 0;
	margin: 0;	
	height: 100%;
}

html {
	background: #B8AF93 url(/gfx/bg.gif) 0 197px;
}

body {
	background: url(/gfx/bg_fade.gif) repeat-x;
	text-align: center;
}

.readmore { font-size: 18px; font-weight: bold; }

#Page {
	width: 975px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background: url(/gfx/content_bg.gif) repeat-y 0 197px;

	position: relative;
	min-height: 100%;
	height: auto !important;
	height: height 100%;
}

#Header h1, #Header h2, 
#HeaderEsitykset h1, #HeaderEsitykset h2 {
	display: none;	
}

#Header,
#HeaderEsitykset {
	height: 197px;
	width: 975px;
}
#Header {
	background: url(/gfx/vaella_laella.gif) no-repeat top right;
}
#HeaderEsitykset {
	background: url(/gfx/vaella_laella_esitykset.gif) no-repeat top right;
}
	
#HeaderEsitykset #HeaderPhoto,
#Header #HeaderPhoto {
	width: 494px;
	height: 197px;
	background-repeat: no-repeat;	
}

#MountainsShield {
	clear: both;
	height: 210px;
	margin: 0;
	padding: 0;
}

#Mountains, #MountainsEsitykset {
	position: absolute;
	bottom: 0;
	width: 975px;
	height: 210px;
	margin: 0;
	padding: 0;
}

#Mountains {
	background: url(/gfx/vuoret/perusvuori.gif) no-repeat;
}

#MountainsEsitykset {
	background: url(/gfx/vuoret/perusvuori_esitykset.gif) no-repeat;
}

#Content {
	width: 975px;
	padding: 0;
}
#TextContent {
	float: right;
	width: 745px;
	margin: 0 40px 0 0;
}
#TextContentEsitykset {
	float: right;
	width: 785px;
	margin: 0 0px 0 0;
	background: url(/gfx/esitykset_etusivu.gif) no-repeat -9px 0;
}

#RightBar {
	float: right;	
	width: 180px;
}

#Narrow {
	float: left;	
	width: 545px;
}
.NoteBox {
	/* boxin_ylalaita.gif */
	display: block;
	width: 357px;
	padding: 0;
	background: #EDD7A8 url(/gfx/boxi1_bg.gif) repeat-y;
	float: right;
}
.NoteBox img.NoteBox {
	width: 357px;	
}
.NoteBox .NoteTxt {
	width: 317px;
	margin: 0 0 0 20px;
}

textarea, input {
	border: 3px double #8F733C;
	background: #FFFEFC;
}
input {
	padding: 2px 4px;
}
textarea {
	padding: 7px;	
}

input#submitimg {
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;	
}

#searchform {
	display: inline;	
}
#searchform table {
	margin: 20px 0 0 24px;	
}
#searchform input#s {
	width: 60px;
	border: 1px solid #C8B591;
	background: #E7DBC3;
	color: #906034;
	font-weight: bold;
	font-size: 11px;
	float: left;
}

.required {
	border-bottom: 1px solid #A92320;	
}

.putiikki_tuotteet input {
	border: 1px solid #A57536;
	padding: 1px;
}

.MetaInfo {
	font-size: 11px;
	display: block;
	margin: 0 0 15px 0;
	padding: 0 0 3px 0;
	color: #7A6A4A;
}

.blogtitlebox {
	display: block;
}
	
.blogtitlebox .MetaInfo {
	background: url(/gfx/hr1.gif) no-repeat 0 7px;
	height: 43px;
	margin: 0;
	padding: 0;
}

h2.blogtitle,
h3.blogtitle {
	margin: 20px 0 5px 0;
	padding: 0;
	font-size: 21px;
}

div.BlogContent {
	margin-top: -25px;	
}


#RightBar ul {
	margin: 0;
	padding: 0;
}
#RightBar ul li {
	list-style: none;	
}

.PrevNext {
	padding: 15px 0;
	clear: both;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
}

#alignleft, .alignleft {
	float: left;
}
#alignright, .alignright {
	float: right;
}

/* Main Navigation */

#Navigation {
	width: 114px;
	background: url(/gfx/navi_bg.gif) no-repeat 24px 0;
	float: left;
	padding: 0 24px 0 24px;
	margin: 0;
}
#Navigation ul {
	margin: 0;
	padding: 0;	
}
#Navigation ul li {
	margin: 0;
	padding: 0;	
	list-style: none;
	display: block;
	width: 110px;
	height: 22px;
	margin-left: 17px;
}
#Navigation ul li.sub, #Navigation ul li.sub2 {
	margin: 0;
	padding: 0 0 0 15px;
	width: 95px;
	list-style: none;
	display: block;
	margin-left: 17px;
}
#Navigation ul li.sub { height: 18px; }
#Navigation ul li.sub2 { height: 31px; }

#Navigation ul li a,
#Navigation ul li.sub a,
#Navigation ul li.sub2 a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
#Navigation ul li a:hover,
#Navigation ul li a#Selected {
	background-position: 0 -22px;
}
#Navigation ul li.sub a:hover, 
#Navigation ul li.sub a#Selected {
	background-position: 0 -18px;
}
#Navigation ul li.sub2 a:hover, 
#Navigation ul li.sub2 a#Selected {
	background-position: 0 -31px;
}
#Navigation ul li a span {
	display: none;	
}

#Navigation ul li a.koti { background-image: url(/gfx/navi/koti.gif); }
#Navigation ul li a.me { background-image: url(/gfx/navi/me.gif); }
#Navigation ul li a.esitykset { background-image: url(/gfx/navi/esitykset.gif); }
#Navigation ul li a.tyopajat { background-image: url(/gfx/navi/tyopajat.gif); }
#Navigation ul li a.tyopajat_valokuvaus { background-image: url(/gfx/navi/tyopajat_valokuvaus.gif); }
#Navigation ul li a.matkat { background-image: url(/gfx/navi/matkat.gif); }
#Navigation ul li a.kuvauspalvelut { background-image: url(/gfx/navi/kuvauspalvelut.gif); }
#Navigation ul li a.ossibussi { background-image: url(/gfx/navi/ossibussi.gif); }
#Navigation ul li a.hoito { background-image: url(/gfx/navi/hyva_olo.gif); }
#Navigation ul li a.putiikki { background-image: url(/gfx/navi/putiikki.gif); }
#Navigation ul li a.kuvat { background-image: url(/gfx/navi/kuvat.gif); }
#Navigation ul li a.julkaisut { background-image: url(/gfx/navi/julkaisut.gif); }

#Navigation ul li.sub a.me_blogi { background-image: url(/gfx/navi/me_blogi.gif); }
#Navigation ul li.sub a.me_yhteiso { background-image: url(/gfx/navi/me_yhteiso.gif); }
#Navigation ul li.sub a.me_yhteystiedot { background-image: url(/gfx/navi/me_yhteystiedot.gif); }
#Navigation ul li.sub a.ossibussi_blogi { background-image: url(/gfx/navi/ossibussi_blogi.gif); }
#Navigation ul li.sub a.missaossion { background-image: url(/wp-content/uploads/2008/10/missa.gif); }
#Navigation ul li.sub a.yhdistys { background-image: url(/wp-content/uploads/2009/05/yhdistys.png); }
#Navigation ul li.sub a.jaseneksi { background-image: url(/wp-content/uploads/2009/05/jaseneksi.png); }
#Navigation ul li.sub a.esittely { background-image: url(/wp-content/uploads/2009/05/esittely.png); }
#Navigation ul li.sub a.lahjoita { background-image: url(/wp-content/uploads/2009/01/lahjoita11.gif); }
#Navigation ul li.sub a.yhteistyokumppanit { background-image: url(/wp-content/uploads/2008/10/sponsorit.gif); }
#Navigation ul li.sub a.tyopajat_kuvatanssi { background-image: url(/gfx/navi/tyopajat_kuvatanssi.gif); }
#Navigation ul li.sub a.esitykset_lyhytelokuvat { background-image: url(/gfx/navi/esitykset_lyhytelokuvat.gif); }
#Navigation ul li.sub a.esitykset_matkatarinat { background-image: url(/gfx/navi/esitykset_matkatarinat.gif); }

#Navigation ul li.sub2 a.keskiamerikka_blogi { background-image: url(/gfx/navi/keskiamerikka_blogi.gif); height: 32px; }
#Navigation ul li.sub2 a.esitykset_nayttelyt_ja_installaatiot { background-image: url(/gfx/navi/esitykset_nayttelyt_ja_installaatiot.gif); height: 31px; }
#Navigation ul li.sub2 a.esitykset_tanssi_ja_performanssi { background-image: url(/gfx/navi/esitykset_tanssi_ja_performanssi.gif); height: 31px; }


/* Kalenteri */

#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	background: #F7E8D2;
	}
	
	#wp-calendar {
	empty-cells: show;
	margin: 4px 0;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	border: 0;
	font-weight: normal;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	border: 0;
	font-weight: normal;
	}

#wp-calendar a {
	display: block;
	font-weight: bold;
	/*border: 2px dotted #D1AD64;*/
	background: url(/gfx/cal_circle.gif) no-repeat;
	}

	
#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	width: 17px;
	text-align: center;
	}
#wp-calendar td.pad {
	background: transparent;	
}
#wp-calendar #next a,
#wp-calendar #prev a {
	background: url(/gfx/cal_shortline.gif) no-repeat;
}

/* Comments */
ol.commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.commentlist li {
	padding: 10px;
	margin: 15px 0;
	list-style: none;
	display: block;
	border-left: 10px double #F2E9D6;
}
.commentlist li cite.commentname {
	font-size: 22px;
}
.commentlist li small.commentmetadata {
	font-size: 11px;
}

/* Typography */

body, textarea {
	font: 12px arial,verdana,sans-serif;
	line-height: 17px;
}

a:link {
	text-decoration: none;
	color: #8F260A;	
}

a:visited {
	text-decoration: none;
	color: #935241;	
}

a:hover, a:active {
	text-decoration: none;
	color: #AF3E20;	
}


.edit a {
	float: right;
	margin: 7px;
	padding: 4px 6px;
	background: #D1D681;
	color: #000;
	display: block;
}
.edit a:hover { background: #E1E59A; }



hr {
	clear: both;
	color: #6B4C00;
	background-color: #6B4C00;
	border: 0;
	height: 1px;
	margin: 15px 0;
}

p {
	margin: 10px 0;	
}

h1, h2, h3, h4 {
	color: #6B4C00;
	font-family: georgia,times,'times new roman',serif;
	font-weight: normal;	
}

h1 {
	font-size: 29px;
	line-height: 29px;
}
h2 {
	font-size: 21px;
	line-height: 21px;	
}
h3 {
	font-size: 17px;
	line-height: 17px;	
}
h4 {
	font-size: 15px;
	line-height: 15px;
}

/* Misc */
.Clear {
	clear: both;	
}