/* -------------------------------------------------------------- 
  
   Kirkonrotta.fi
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}



body { 
  font-size: 75%;
  color: #222; 
  background: #010060;
  /* Syksy 2009 background: #f3bb1e;*/
  /* Kesä 2009 background: #8cc63f; */
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2.1667em; line-height: 1; margin-bottom: 0.6923em; }
h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; color: #0368ce; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #0368c6; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 0px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


#container	{ width: 970px; background: #fff; padding-right: 10px; }
#wrapper	{ float: left; width: 100%; }
#content	{ margin: 0 270px; min-height: 350px; padding: 20px 0 0 20px; }
#content_adventtikalenteri	{ margin: 0 270px; min-height: 350px; padding: 20px 0 0 20px; _margin: 0 140px; }
#sidebar	{ float: left; width: 250px; margin-left: -970px; padding: 20px 0 0 20px; }
#extra		{ float: left; width: 250px; margin-left: -270px; padding: 20px 0 0 20px; }
#footer		{ clear: left; width: 100%; }

#header { position: relative; padding-bottom: 38px; z-index: 1; }

#navigation { position: absolute; bottom: 0; left: 0; height: 37px; background: #0368c6; width: 100%; z-index: 99; }
#navigation ul { margin: 0; padding: 0; list-style: none; }
#navigation li { float: left; border-right: 1px solid #4f96d7; }
#navigation a:hover { text-decoration: underline; }
#navigation a { font-size: 16px; text-decoration: none; padding: 7px 10px 6px; float: left; display: block; color: #fff; background: #0368c6; text-transform: uppercase; }
#navigation li.selected a,
#navigation a#selected { background: #f15500; }

#logo { float: left; text-align: center; width: 259px; height: 280px; padding-top: 20px; border-right: 1px solid #fff; background-color: #000; background-position: 0 0; background-repeat: no-repeat; }
#logo img {margin-top:0px; }
#gfx { float: left; height: 300px; overflow: hidden; }

#news a { color: #333; }

#shortcuts ul { margin-left: 0; padding: 0; list-style: none; }
#shortcuts li { background: url(/pics/kirkonrotta/bullet.gif) no-repeat 5px 7px; padding-left: 15px; }
#shortcuts a:hover { text-decoration: underline; }
#shortcuts a { color: #aa272f; font-weight: bold; text-decoration: none; }

#sidenav ul { margin-left: 0; padding: 0; list-style: none; }
#sidenav li { background: url(/pics/kirkonrotta/bullet.gif) no-repeat 5px 7px; padding-left: 15px; }
#sidenav a:hover { text-decoration: underline; }
#sidenav a { color: #aa272f; font-weight: bold; text-decoration: none; }

#tata-me-teemme { padding: 10px; background: #f15500; color: #fff; margin-bottom: 10px; }
#tata-me-teemme h2 { color: #fff; }
#tata-me-teemme a { color: #fff; }

#tata-me-teemme ul { list-style: none; margin-left: -10px; }

#tata-me-teemme li {
	background: transparent url(/pics/kirkonrotta/tatameteemme-divider.gif) no-repeat 0 0;
	padding: 10px;
}

#tata-me-teemme li span {
	background: transparent url(/pics/kirkonrotta/bullet-flower.gif) no-repeat 0 0;
	display: block;
	padding-left: 28px;
	min-height: 24px;
}


a.block-link {
	background: #82e6ff url(/pics/kirkonrotta/bullet.gif) no-repeat 5px 7px;
	display: block;
	padding: 0 3px 0 15px;
	float: left;
	margin-bottom: 20px;
	color: #111;
}

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 1.2; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.clearfix:after, #container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, #container {display:block;}
.clear {clear:both;}