/*
Theme Name: Mooma 01
Theme URI: http://www.mooma.info/
Description: Mooma layout
Version: 0.2
Author: Matti Piiroinen
Author URI: http://flaa.mooma.info/
Tags: blue, custom header, fixed width, two columns, widgets

*/

/* Begin Typography & Colors */
/*body {
	font-size: 62.5%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #d5d6d7 url('images/kubrickbgcolor.jpg');
	color: #333;
	text-align: center;
	}
*/
/*
#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}

#header {
	background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
	}

#headerimg 	{
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
	}

#content {
	font-size: 1.2em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	background: #eee url('images/kubrickfooter.jpg') no-repeat top;
	border: none;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

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;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next 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;
	}

body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}

#header {
	background-color: #73a0c5;
	margin: 0 0 0 1px;
	padding: 0;
	height: 200px;
	width: 758px;
	}

#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.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;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}

h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

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 {
	float: left
	}

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#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;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

	#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

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

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover {
	background-color: #fff; }
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;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
*/

/*
Ukkosrintama-paletti (siniharmaa/navy blue)
c8cbc6	7c888f	otsikko/teksti
cdd0ca	7b878b	otsikko/teksti
959e9d	657377	otsake/linkki
3f4d55	4c595f	tausta/linkki
*/

a
{
	color: #657377;
}

a.navigation2
{
	/*font-weight: bold;*/
	font-variant: normal;
	text-decoration: underline;
}

body
{
	/*font-family: tahoma;*/
	/*font-family: courier, serif;*/
	font-family: "georgia";
	font-size: 10pt;
	/*color: #aacc88;*/
	color: #7b878b;
	/*color: #00cc55;*/
	background-color: #3f4d55;
	white-space: normal;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-image: none;
}

caption
{
	font-weight: bold;
}

div
{
	background-color: transparent;
	/*border-collapse: collapse;*/
	border-style: solid;
	border-color: #eeeeee;
	border-width: 0px;
}

div.navigation2:first-line
{
	display: none;
}

div.layout
{
	width: 100%;
	/*clear: left;*/
	background-color: transparent;
}

div.layouttop
{
	height: 0px;
	width: 0%;
	float: left;
	background-color: transparent;
}

div.layouttop_mask
{
	height: 96px;
	width: 68%;
	clear: left;
	float: left;
	position: fixed;
	left: 38%;
	top: 0px;
	background-color: black;
	margin-left: 4%;
}

/* NOT IN USE */
/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. */
/* More info: http://www.l-c-n.com/IE5tests/hiding/ */
* html div.layouttop_mask
{
	height: 0px;
	width: 0%;
	clear: left;
	float: left;
	position: static;
	left: 38%;
	top: 0px;
	background-color: black;
	margin-left: 4%;
}

div.layoutbottom, #footer
{
	height: 32px;
	width: 100%;
	float: left;
	background-color: transparent;
}

div.layoutbottom_mask
{
	height: 32px;
	width: 100%;
	clear: left;
	float: left;
	position: fixed;
	left: 0px;
	bottom: 0px;
	/*background-color: black;*/
	background-color: transparent;
}

/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. */
* html div.layoutbottom_mask
{
	height: 0px;
	width: 0%;
	clear: left;
	float: left;
	position: static;
	left: 38px;
	bottom: 0px;
	background-color: transparent;
}

div.layout_referenceimage
{
	height: 100%;
	width: 38%;
	/*clear: left;
	float: left;*/
	position: fixed;
	/*left: 64px;*/
	/*left: 4%;*/
	left: 0px;
	/*top: 32px;*/
	top: 0px;
	
	/*filter: alpha(opacity=25);
	-moz-opacity: .25;
	opacity: .25; */
	background-color: transparent;
	background-image: url("images/kal01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: static;
	z-index: 1;
}

/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. */
* html div.layout_referenceimage
{
	height: 0%;
	width: 0%;
	left: 0px;
	top: 0px;
	background-color: transparent;
	background-image: url("img/kal01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: static;
	z-index: 1;
	position: static;
}

div.layoutleft_far
{
	/* NOT IN USE */
	width: 2%;
	float: left;
	background-color: transparent;
}

div.layoutcentercontainer
{
	width: 100%;
	height: 100%;
	/*float: left;
	left: 0px;
	top: 0px;
	position: relative;*/
	background-color: transparent;
}

div.layoutleft
{
	width: 38%;
	float: left;
	background-color: transparent;
}

/* Old IE hack. Only IE 5 and 6 see this code below.
The style has to be different for old IE versions because 
they mess things up and people still use them. 

For IE the reference image (kaleidoscope) is put into the left hand div in the center container.
*/
* html div.layoutleft
{
	float: left;
	height: 100%;
	width: 38%;
	left: 0px;
	top: 0px;
	background-color: transparent;
	background-image: url("img/kal01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: static;
	z-index: 1;
	position: static;
}

div.layoutright
{
	width: 10%;
	float: left;
	background-color: transparent;
}

div.layoutsidebar
{
	height: 100%;
	position: fixed;
	right: 0px;
	top: 0%;
	width: 16%;
	float: left;
	background-color: transparent;
	margin-top: 6%;
}

div.layoutcenter
{
	width: 38%;
	min-width: 200px;
	float: left;
	margin-left: 4%;
	margin-right: 4%;

}

div.layout_center_top
{
	width: 100%;
	height: 64px;
	clear: left;
	float: left;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: scroll;
}

div.layout_center_bottom
{
	width: 100%;
	height: 128px;
	clear: left;
	float: left;
	bottom: 0px;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-attachment: scroll;
}

div.layout_center_header
{
	width: 100%;
	clear: left;
	float: left;
	margin-top: 6%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
}

div.footer
{
	width: 100%;
	clear: left;
	float: left;
	margin-top: 6%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
}

div.content
{
	width: 100%;
	clear: left;
	float: left;
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	margin-right: 0%;
	z-index: 0;
}

div.album
{
	width: 100%;
	clear: right;
}

div.cv
{
	width: auto;
}

div.cvrow
{
	width: 100%;
	clear: left;
}

div.cvcol1
{
	float: left;
	width: 28%;
	font-weight: bold;
}

div.cvcol2
{
	float: left;
	width: 72%;
}

div.album_header
{
	width: *;
	clear: right;
}

h
{
	color: #cdd0ca;
	border-style: solid;
	border-color: #000000;
}

/*h1,
h2
{
	color: #ddeebb;
	border-style: solid;
	border-color: #000000;
}*/

h1#banner
{
	/*font-size: 10pt;*/
	color: #cdd0ca;
	text-align: left;
	font-weight: bold;
	border-bottom-style: double;
	border-bottom-color: #000000;
	text-decoration: none;
}

h2.navi
{
	/*font-size: 10pt;*/
	color: #cdd0ca;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	/*left: 40%;*/
}

hr
{
	width: 75%;
	height: 1px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

img.logo
{
	position: relative;
	top: 48px;
	left: -64px;
}

img.logonegation
{
	position: relative;
	top: 0px;
	left: 0px;
	border-collapse: collapse;
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px;
}

img.mooma
{
	position: relative;
}

img.album
{
	/*vertical-align: text-top;*/
	float: left;
	border-collapse: collapse;
	border-style: solid;
	border-width: 0px;
	border: 0px;
	border-color: #ffffff;
	outline-style: none;
	outline-width: 0px;
	outline-color: #ffffff;
 }

img.moomaemail
{
	vertical-align: middle;
}

p
{
	/*color: #000000;*/
}

p.album_header
{
	width: 100%;
	clear: right;
}

p.lang
{
	/*color: #000000;*/
	text-align: right;
	/*position: relative;
	top: -30px;*/
}

p.menu
{
	/*color: #000000;*/
	text-align: left;
	position: relative;
	/*top: -48px;*/
}

p.footerseparator
{
	color: #aaaaaa;
	width: 100%;
	text-align: left;
	border-bottom-style: double;
	border-bottom-color: #000000;
}

p.visitorCounter
{
	color: #cccccc;
	font-size: 8pt;
	text-align: right;
}

p.validations
{
	color: #000000;
	width: 100%;
	text-align: left;
}

p.news_timestamp
{
	font-weight: bold;
}

p.news_news
{
	font-weight: normal;
}

p.gb_entryheader
{
	font-weight: bold;
}

p.gb_entrymessage
{
	font-weight: normal;
}

p.gb_entryreply
{
	font-weight: normal;
}

p.gb_entryreply:first-line {
	font-weight: bold;
}

p.gb_error
{
	color: #ff7777;
	font-weight: bold;
}

p.separator
{
	color: #777777;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
}

span
{
	border-style: solid;
	border-color: #eeeeee;
	border-width: 0px;
}

span.album
{
	padding: 8px;
	font-size: 8pt;
	float: left;
	text-decoration: none;
}

span.album_click
{
	font-size: 8pt;
}

span.album_desc
{
	padding: 8px;
}

span.gb_entryfrom
{
	font-weight: normal;
}

table
{
	background-color: transparent;
	border-collapse: collapse;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px;
}

td	
{
	padding-left: 4px;
	padding-right: 4px;
}

td.duration
{
	text-align: right;
}

thead
{
	font-weight: bold;
}