/* Import basic styles */
@import url(../../rsc/css/basic.css);

/* Import default form styles */
@import url(../../rsc/css/forms.css);

div.eHeader {
	width: 800px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}

div.eContainer {
	width: 800px;
	background: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}

div.eContent {
	width:600px; 
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	text-align: left;
	overflow: hidden;
}

div.eMenu {
	width: 150px;
	float: right;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 30px;
	overflow: hidden;
}



/* styles for helsinki skin */
body {
	background: #e5e0ec; 
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000000;
	font-family: Times New Roman; 
}

caption {
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
}

h1 {
	margin: 0;
	padding: 4px 0;
}

h2 {
	color: #999;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing:0.4em;
	font-weight: 300;
}

h3 {
	font-size: 120%;
	color: #444;
	font-weight: 600;
}

h4 {
	margin: 0 0 0 4px;
	border: 0;
	font-size: 1em;
	font-weight: normal;
	color: #666;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

p.baseline {

clear: both;

font-size: 0.8em;

text-align: center;

border-top: 1px solid #777;

margin: 0;

padding: 1ex;

}

hr {

height: 0px;

}

dt {

font-weight: bold;

color: #009999;

}

blockquote {

padding: 5px;

border: 1px solid #666;

background: #eee;

color: #333;

margin: 5px 20px;

}

code {

padding: 2px;

color: #999;

display: block;

margin: 1em;

}

kbd {

margin-bottom: 1em;

}

ul {

list-style: none;

margin-left: 0;

padding-left: 1em;

text-indent: -1em;

}

.center {

text-align: center;

}

.button {

border: 1px solid #666;

color: #666;

background-color: #eee;

font-size: 12px;

}

acronym {

border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #000000;

cursor: help;

}

abbr {

border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #000000;

cursor: help;

}

del {

color: #999999;

}

ins {

color: #009999;

text-decoration: none;

}



h1#pageTitle {

font-family: Arial, Helvetica, sans-serif;

color: #000;

font-size: 200%;

text-align: center;

font-weight: 200;

}

a.BlogButton {

text-decoration: none;

padding-top: 2px;

padding-right: 4px;

padding-bottom: 2px;

padding-left: 4px;

white-space: nowrap;

margin-right: 3px;

margin-top: 3px;

background: #888;

}

a.BlogButtonCurr {

text-decoration: none;

text-align: left;

vertical-align: top;

padding-top: 2px;

padding-right: 4px;

padding-bottom: 2px;

padding-left: 4px;

white-space: nowrap;

margin-top: 3px;

margin-right: 3px;

background: #777;

}

a.BlogButton:link, a.BlogButton:visited, a.BlogButton:active, a.BlogButtonCurr:link, a.BlogButtonCurr:visited, a.BlogButtonCurr:active {

color: #FFFFFF;

}

a.BlogButton:hover {

color: #FFFFFF;

background: #777;

}

a.BlogButtonCurr:hover		{

color: #FFFFFF;

}

.pageSubTitle {

color: #000;

text-align: center;

font-weight: 700;

vertical-align: middle;

border: 0px;

margin: -0.1em 0 0 20px;

padding: 0px 6px 4px 6px;

font: 140% Arial, Helvetica, sans-serif;

}



/* Styles for main area (left) */

h2 {

margin: 15px 0 0 8px;

}


/* Styles for posts */

.bPosts {

vertical-align: top;
border: 1px #FF0000;

text-align: left;

float: left;

margin: 0px 0px 0px 0px;

padding: 10px 0px 10px 10px;

background: #ffffff;

width:600px; 

overflow: hidden;

}

.bPost ul li {

list-style: none;

margin-left: 0;

padding: 0 0 0 1em;

text-indent: 0em;

margin-top:0.5em;

border-left: 1px dotted  #bbb;	

}

html>body .bPosts {

/* width:62%; */


}

.bPost, .bPostpublished {

clear: both;

margin: 0px;

padding: 0 0px;

}

.bSmallHead {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1em;

margin-bottom: 4px;

color: #666;

}

a, a:link {

color: olive;

text-decoration: none;

}

a:visited {

color: #aaa;

text-decoration: none;

}

.bPost a:hover {

text-decoration: underline;

}

.bTitle {

margin-top: 8px;

margin-bottom: 2px;

}

.bText {

margin-top: 0px;

margin-bottom: 0px;

}

.bMore {

text-align: center;

}

.bMore a {

font-weight: bold;

font-size: 110%;

}

.bSmallPrint, .bCommentSmallPrint {

clear: both;

font-family: Arial, Helvetica, sans-serif;

font-size: 95%;

border-bottom: 20px solid #fff;

}

.bCommentSmallPrint {

border: none;

margin-top: 10px;

}



/* Styles for comments */

.bComment {

margin-right: 20px;

margin-left: 20px;

margin-top: 8px;

font-weight: 500;

margin-bottom: 8px;

padding-right: 8px;

padding-left: 8px;

}

.bCommentTitle {

margin-top: 8px;

margin-bottom: 8px;

font-weight: bold;

}

.bCommentText {

margin-top: 0px;

margin-bottom: 20px;

background:#eee;

padding: 5px;

border: 1px solid #aaa;

}

div.moderation_msg {

margin: 1ex 2ex;

padding: 1ex 1ex 0 1ex;

border: 1px dotted #FFAA99;

color: #EE7700;

}



/* styles that might not matter anymore */

table.invisible {

margin: 1ex;

border-collapse: collapse;

}

table.invisible td {

padding: 0ex 1ex;

}

td.right {

text-align: right;

}



/* Styles for sidebar (right) */

.bSideBar {

margin: 0px 0px 0px 0px;

padding: 10px 10px 10px 30px;

vertical-align: top;

float: right;

background: #ffffff;

width: 180px;

overflow: visible;

}

html>body .bSidebar {

 /* width:32.5%; */

}

.bSideItem {

margin: 0px;

background: #fff;

padding: 0px;

overflow: visible;

}

.bSideItem p {

margin: 0px;

}

.bSideItem h3, #topref {

font-size: 1em;

display: block;

border-bottom: 1px solid #777;

text-transform: uppercase;

letter-spacing: 0.5em;

font-weight: 500;

text-align: center;

margin-top: 15px;

margin-bottom: 8px;

}

#topref {

}

.bSideItem ul {

margin-left: 8px;

padding-left: 8px;

margin-top: 8px;

margin-bottom: 8px;

}

.bSideItem ul ul {

margin-left: 8px;

padding-left: 8px;

margin-top: 0px;

margin-bottom: 0px;

}

.bSideItem ul li img {

padding: 2px;

}

.bSideItem form {

margin: 8px;

}

.dimmed {

color: #aaa;

font-size: 84%;

}

input.SearchField {

background-color: #fff;

border-width: 1px;

border-color: #ccc;

border-style: solid;

padding: .5ex;

width: 96%;

margin: 0ex;

}



/* styles for comment and profile forms */

form {

margin: 0;

padding: 0;

}

form.inline {

margin: 0px;

padding: 0px;

display: inline;

}

fieldset.input {

margin: 0;

padding: 0;

border: 0;

}

fieldset span.notes {

font-size: 80%;

color: #999;

}

input.large, textarea.large {

width: 97%;

margin-left: 0;

margin-right: 0;

}

label.radiooption {

margin-right: 1em;

}

/* 24/75% forms - Fast Forms */

form.fform fieldset {

border: 1px solid #ddd;

margin-bottom: 1ex;

background-color: #fff;

padding: .5ex 1ex;

}

form.fform fieldset fieldset {

border: none;

margin: 1ex;

padding: 0;

}

form.fform div.label {

float: left;

width: 24%;

text-align: right;

font-weight: bold;

margin: 0;

padding-top: .5ex;

}

form.fform div.input {

margin: 0 0 0 25%;

}

form.fform fieldset.input {

margin: 0;

}

form.fform div.info {

margin: 0 0 0 25%;

padding-top: .5ex;

}

/* 18/80% forms: comments and profile */

form.bComment fieldset {	/* one form line */

border: none;

margin: 2ex 0ex;

padding: 0ex;

}

form.bComment fieldset label {

font-weight: bold;

}

form.bComment fieldset div.label { /* label of form line */

float: left;

width: 18%;

text-align: right;

padding-top: .5ex;

font-weight: bold;

}

form.bComment fieldset div.input { /* input zone of form line */

margin: 0 0 0 20%;

}

form.bComment fieldset.input {

margin: 0;

}

form.bComment fieldset div.info { /* info zone of form line */

margin: 0 0 0 20%;

padding-top: .5ex;

}



input.bComment, select.bComment, textarea.bComment {

background-color: #ffffff;

border: 1px solid #777;

padding: .5ex;

width: 98%;

margin: 0ex;

}



/* styles from blog_elements */

div.codeblock {

background-color: #eee;

border: 1px dotted #aaa;

margin: 1ex;

padding: 1ex;

width: 90%;

overflow: auto;

}

div.codeblock pre {

margin: 0;

}



/* styles for images */

img {

border: none;

}

img.top {

vertical-align: top;

border: 0px;

}

img.flag {

vertical-align: middle;

border: 1px solid #000;

}

img.middle {

vertical-align: middle;

border: 0px;

}

img.leftmargin {

float: left;

border: 0px;

margin-right: 1ex;

margin-top: .2ex;

margin-bottom: .2ex;

}

img.rightmargin {

float: right;

border: 0px;

margin-left: 1ex;

margin-top: .2ex;

margin-bottom: .2ex;

}

a.permalink_right {

background-color: transparent;

float: right;

border: 0;

}



/* styles for the archive calendar */

caption.bCalendarCaption {

border-left: solid 1px #8994A5;

border-right: solid 1px #8994A5;

border-top: solid 1px #8994A5;

margin: auto;

padding: .5ex 0;

font-weight: 500;

}

table.bCalendarTable {

margin: auto;

font-size: 1em;

border: solid 1px #8994A5;

background: #fff;

}

tr.bCalendarRow {

text-align: center;

}

th.bCalendarHeaderCell {

font-size: 1em; 

font-weight: 500;

}

td.bCalendarCell {

color: #ccc;

width: 20px;

}

td.bCalendarEmptyCell {

}

a.bCalendarLinkPost {

color: #000;

}



/* styles for popup comments if used */

#bComments {

margin: 0 0 50px 10px;

padding: 10px;

}

#bComments input {

margin: 1px;

padding: 1px 1px 4px 1px;

border: 1px solid #ccc;

font: 11px/14px verdana, arial, helvetica, sans-serif;

}

#bComments textarea {

margin: 1px;

padding: 1px;

border: 1px solid #ccc;

font: 11px/14px verdana, arial, helvetica, sans-serif;

}