/*
Theme Name: MamboGambo 
Theme URI: http://www.mambogambo.fi
Version: 1.0
Description: 2 Column theme
Author: Horppana
Author URI: http://www.horppana.com
*/


/* CSS Document */

/* LAYOUT */

body {
background: url(img/.gif) top left repeat #fff;
font: .8em Verdana, Arial, Helvetica, sans-serif;
color: #333;
}

#container{
width:800px;
\width:8200px;
w\idth:800px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
padding:0;
background-color: #fff;
border: none;
}

#banner{
margin: 20px 0 0 0;
padding:20 0 0 0;
height:108px;
background:url(img/headers/mg_header2.jpg) bottom center no-repeat #fff;
}

#content{
padding:20px;
width:550px;
}

#content .entry img{
padding: 9px;
border: solid 1px #bbb;
background-color: #ddc;
margin-top: 20px;
margin-bottom: 20px;
}

#content_wide{
clear: both;
padding:20px;
width:750px;
}

#sidebar{
float:right;
width:200px;
margin-right:10px;
margin-left:-10px;
padding:10px 0 10px 10px;
}

#childpages {
background: #ddc;
border: 1px solid #bba;
padding: 10px 15px 15px 15px;
color: #333;
margin-top: 25px;
}

#childpages ul li {
font: 18px Georgia, Verdana, Arial, Helvetica, sans-serif;
color: #333;
list-style: disc;
vertical-align: text-top;
padding: 0px;
margin-left: -20px;
text-indent: 0px;
}
#childpages h4.child_header {
font-weight: bold;
color: #333;
}
#childpages a, #childpages a:visited {
font-size: 15px;
color: #333;
}

#childpages a:hover {
font-size: 15px;
color: #f90;
}


#footer{
position: relative;
top: 90px;
border-top: solid 1px #ddd;
color: #aaa;
clear:both;
padding:5px;
height:50px;
background-color: transparent;
}

/* BANNER BAR */

#bannerbar {
list-style-type:none;
height:1.6em;
font-family: Georgia, "Trebuchet MS", sans-serif;
text-transform:lowercase;
font-weight:900;
font-size:1.4em;
letter-spacing:.08em;
margin: 0px;
padding: 10px 0 0 0;
}

#bannerbar a {
color:#aa9;
padding:0px;
display:block;
}

#bannerbar li.banner_item{
float:left;
list-style-image:none;
padding: 0 66px 0 0;
}

#bannerbar li.banner_last{
float:left;
list-style-image:none;
padding: 0 0 0 0;
}

#keskio {
margin: 8px 0px; 
padding: 0px;
text-align: left;
height: 360px;
border: 0px;
width: 800px;
}

#keskio_table {
position: relative;
left: -2px;

}

.nosto_index {
	margin: 10px 40px 10px 40px;
	font-size: 15px;
	text-align: center;
	font-style: italic;
}


/* MENU BAR */

.navbar a {
height:1.6em;
font-family: Helvetica, "Trebuchet MS", sans-serif;
text-transform:lowercase;
font-weight:normal;
font-size:1.5em;
letter-spacing: .04em;
}

#menubar {
list-style-type:none;
height:1.6em;
font-family: Helvetica, "Trebuchet MS", sans-serif;
text-transform:lowercase;
font-weight:normal;
font-size:1.5em;
letter-spacing: .04em;
margin-top: 0px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 0px;
padding:0;
width: 800px;
}

.navbar a {
color:#aa9;
padding: 9px 3px;

}

.navbar a:hover {
background:url(img/highlight.gif) top left repeat-x #fff;
color:#6e6c69;
}

.navbar a:active {
background:url(img/highlight.gif) top left repeat-x #fff;
color:#e1e400;
}

#menubar a:select {
background:url(img/highlight.gif) top left repeat-x #fff;
color:#6e6c69;
}


#menubar li{
float:left;
list-style-image:none;
width: 177px;
}

#menubar li.last{
float:left;
list-style-image:none;
padding:6px 0px;
width: 89px;
}

#current {
background-color: yellow;
}

/* BASIC STYLES */

p{
line-height:1.7em;
font-size: 13px;
}

.wordcloud {
font-family: Verdana;
font-size: 14px;
color: #333;
padding: 10px;
margin: 40px 20px 20px 20px;
}

h1 {font-size: 28px;}
h2 {font-size: 28px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}

h1,h2,h3,h4,h5,h6{
color:#aa9;
font-family: Georgia, "Trebuchet MS", sans-serif;
font-weight: normal;
font-stretch: normal;
font-variant: normal;
letter-spacing:.07em;
margin:0;
}

#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4,#sidebar h5,#sidebar h6{
color:#999;
font-family: Verdana, "Trebuchet MS", sans-serif;
text-transform: uppercase;
font-weight: 100;
letter-spacing:.07em;
margin:0;
}


a {
text-decoration:none;
padding:0 2px;
font-weight:100;
color:#aa9;
}

a:hover{
color:#555;
}

img.float_left{
float:left;
margin:4px 12px 4px 0;
}

img.float_right{
float:right;
margin:4px 0 4px 4px;
}

a img{
border:none;
}

a:hover img {
border: none;
}

b,strong {
font-weight: bolder;
font-size: 1.1em;
}

i,em{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
}

blockquote {
border-left: 1px solid #D2D2BA;
background-color: #1F1F1B;
padding: 1px 4px 1px 12px;
}

ul,ol {
line-height: 1.8em;
}

ul.arrow li {
background: url(img/bullet.gif) left center no-repeat transparent;
list-style-type: none;
list-style-position: outside;
padding-left: 20px;
}

ol li {
list-style-position: inside;
}

/* BLOG STYLES */

.blogitem {
padding-top: 3px;
}

.entry {
padding-top: 10px;
}
.entry_wide {
margin: 20px;
}

p.authdate, p.blogbottom {
font-size: 10px;
font-family: Georgia, "Trebuchet MS", sans-serif;
font-style: italic;
color: #333;
padding:2px 4px 2px 6px;
margin-bottom: 20px;
}

.authdate a,.blogbottom a{
padding:0;
font-weight:normal;
color:#aaa;
}

.authdate a:hover,.blogbottom a:hover,#footer p a:hover,.arch_cat a:hover{
color:#333;
background-color:transparent;
}

.date {color: #ccb; padding: 0.5em 1em; text-align: right; float: right; line-height: 18px; margin-top: -30px}
.date1 {font-size: 3em; display: block;}
.date2 {font-size: 2em; display: block;}
.date3 {font-size: 1.5em; display: block; font-weight: bold;}

.tags{
font-family: Georgia, Arial, Helvetica, sans-serif;
text-transform: none;
font-size: .8em;
}

p.authdate {
margin-top:2px;
}

/* SIDE BAR STYLES */

#sidebar h2, #sidebar h3{
border-bottom:1px solid #D2D2BA;
margin:10px 0 10px 0;
font-size: 16px;
}

#sidebar p{
background-color:#fff;
padding:8px 8px 8px 16px;
margin-top:0;
line-height:1.3em;
}

#sidebar ul li{
padding:0;
margin-left: -30px;
width:184px;
list-style:none;
line-height:1.6em;
font-size: 14px;
}

#sidebar .sidebar_bullets ul li{
padding:0;
margin-left: -20px;
width:184px;
list-style: disc;
color: #999;
line-height:1em;
font-size: 14px;
}


fieldset {
padding:0;
margin:0;
border:none;
}

textarea {
margin:8px 0;
padding:4px;
border: 2px solid #D2D2BA;
width:500px;
height:300px
background-color:#e2e2ca;
color:#292722;
font-weight:900;
}

input.textbox{
margin:8px 0;
padding:3px;
border: solid 1px #D2D2BA;
width:500px;
background-color:#e2e2ca;
color:#292722;
font-weight:900;
vertical-align: middle;
}

#sidebar input.textfield{
margin:8px 0;
padding:3px;
border: solid 1px #D2D2BA;
width:130px;
background-color:#D2D2BA;
color:#292722;
font-weight:900;
}

#sidebar #s {
margin:8px 8px 4px 0;
padding:3px;
border: solid 1px #D2D2BA;
width:110px;
background-color:#e2e2ca;
color:#292722;
font-weight:900;
vertical-align: middle;
}

#sidebar input.submit{
margin:0;
padding:4px;
border:none;
float:right;
background-color:#1F1F1B;
color:#D2D2BA;
font-weight:900;
letter-spacing:.05em;
}

#sidebar input.submit:hover,.slash{
color:#F50;
}

.arch_cat{
background-color:#aaa;
padding:8px 0 8px 16px;
margin-top:0;
width:184px;
list-style:none;
line-height:1.6em;
color:#F50;
}

.arch_cat a,#footer a{
color:#aaa;
}

#sidebar .page_item {
padding:0;
margin-left: -30px;
width:184px;
list-style:none;
line-height:1.6em;
color:#F50;
}

#sidebar .cat-item {
padding:0;
margin-left: -30px;
width:184px;
list-style:none;
line-height:1.6em;
color:#F50;
}

.textwidget {
line-height:17px;
color:#555;
}

.linkbox a{
font-weight:normal;
display:block;
}

.linkbox a:hover,#footer a:hover{
color:#D2D2BA;
background-color:#292722;
}

/* FOOTER STYLES */

#footer p{
margin-top:1.5em;
text-align:center;
}


#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #fff;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}