/* 
Theme Name: Tea Karvinen
Theme URL: http://www.teakarvinen.com/
Description: A minimal stylish theme with wide background image
Author: ebWorks
Author URI: http://ebworks.fi
Version: 1
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
html { height: 100%; }

body {
font-family: verdana;
text-align: center;
background: url(images/pagebg11.jpg) no-repeat bottom center;
background-attachment: fixed;
}
strong, b {
font-weight: 700;
}
i {
font-style: italic;
}

small  {
font-size: 10px;
font-weight: 100;
}

.portfolioPage {
background: #f0efef;
}
.frontpage {
width: 100%;
height: 100%;
background: url(images/widebg.jpg) no-repeat 85% 30%;
background-attachment: fixed;
}
.frontlogo {
width: 980px;
margin: 0 auto;
text-align: left;
}
.frontlogo img {
margin-left: 80px;
padding-top: 50px;
}
.clear {
clear: both;
}
a {
text-decoration: none;
color: #3d59ab;
cursor: pointer;
}
a:hover {
color: #8e8e8b;
}

ul {
list-style-type: none;
}

#container{
position: relative;
width: 980px;
margin: 0 auto;
text-align: left;
}

.header {
Position: relative;
height: 160px;
margin-bottom: 50px;
text-align: left;
}
.header.portfolioHeader {
}

.header img {
position: absolute;
top: 90px;
left: 0;
}

.header h1 {
Position: absolut;
top: 40px;
left: 0;
font-size: 58px;
font-family: 'Snell Roundhand';
line-height: 2em;
}

.menubar {
position: absolute;
top: 0;
left: 0;
z-index: 55;
text-align: center;
width: 100%;
height: 40px;
}
ul.menu {
margin: 10px auto;
text-align: center;
width: 970px;

}


ul.menu li {
position: relative;
z-index: 500;
display: block;
float: left;
margin-right: 18px;
width: 102px;
border: 1px solid #3d59ab;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
background: #b0c4de;
-moz-box-shadow: 4px 4px 3px #eee;
-webkit-box-shadow: 4px 4px 3px #eee;
box-shadow: 4px 4px 3px #eee;
}
#last {
margin-right: 0;
}
ul.menu li a {
color: #fff;
font-size: .70em;
font-family: helvetica;
line-height: 20px;
display: block;
}
ul.menu li a:hover {
color: #3d59ab;
}
ul.menu li.current_page_item a {
color: #3d59ab;
}


ul.menu ul {
display: none;
margin-bottom: 3px;
}

ul.menu li:hover ul {
display: block;
}

ul.menu ul li, ul.menu li.current_page_item li {
width: 98px;
margin-left: 1px;
display: block;
text-align: left;
border: 0px solid #b0c4de;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;

}
ul.menu li ul li a {
color: #fff;
padding: 5px 0 5px 10px;
line-height: 1.3em;
background: #b0c4de;

}



.leftSidebar {
width: 195px;
margin-right: 10px;
float: left;
min-height: 200px;
}

ul.submenu li a  {
font-size: 11px;
line-height: 1.5em;
display: block;
color: #3d59ab;
}
ul.submenu li a{
padding: 2px 0;
font-weight: 600;
}
ul.submenu li ul li a {
padding: 2px 0 2px 10px;
font-weight: 100;
}

ul.submenu li ul ul a {
padding: 2px 0 2px 20px;
font-weight: 100;
}
ul.submenu li ul ul ul a {
padding: 2px 0 2px 30px;
font-weight: 100;
}
ul.submenu li ul {
margin-bottom: 10px;
}
ul.submenu ul ul {
margin-bottom: 0;
}
ul.submenu ul ul ul {
margin-bottom: 0;
}

ul.submenu li.current_page_item {
background: #b0c4de;
position: relative;
}
.current_page_item li a {
background: #eee9e9;
}

ul.submenu ul.children {
display: block;
}
ul.submenu ul.children ul.children {
display: none;
}
ul.submenu ul.children ul.children ul.children {
display: none;
}

ul.submenu li li:hover ul.children {
display: block;
}

ul.submenu li.current_page_ancestor ul.children {
display: block;
}
ul.submenu li.current_page_ancestor ul.children ul.children {
display: none;
}
ul.submenu li.current_page_ancestor ul.children ul.children ul.children {
display: none;
}

ul.submenu li.current_page_ancestor ul.children li.current_page_ancestor ul.children {
display: block;
}
ul.submenu li.current_page_ancestor ul.children li.current_page_ancestor 
ul.children ul.children {
display: none;
}
ul.submenu li.current_page_ancestor ul.children li.current_page_ancestor ul.children li.current_page_parent ul.children {
display: block;
}

ul.submenu li.current_page_ancestor ul.children li.current_page_parent ul.children li.current_page_item ul.children {
display: block;
}

ul.submenu li.current_page_ancestor ul.children li:hover ul.children {
display: block;
}

.postOuter {
width: 560px;
margin: 0 auto;
}
#post{
margin: 0px 0px 0 30px;
float: left;
width: 740px;
min-height: 460px;
}
#postNews {
margin: -20px 0px 0 70px;
float: left;
width: 760px;
}


#post p, #postGallery p  {
font-size: .71em;
line-height: 1.4em;
margin: 0 0 1.2em;
width: 490px;
float: left;
}
#postGallery p {
width: 730px;
}
#postNews p {
font-size: .71em;
line-height: 1.4em;
margin: 0 0 1.2em;
float: left;
width: 570px;
}
.aboutmeImg {
float: right;
width: 230px;
text-align: right;
}

.aboutmeImg p {
width: 230px;
margin: 0;
padding: 0;
}
#postouter h1, #post h1, #postGallery h1, #postNews h1  {
font-size: .8em;
line-height: 1.3em;
font-weight: 600;
margin: 0 0 1.2em;
}
.bmargin {
padding-bottom: 2em;;
}
#post h2, #postNews h2 {
font-size: .76em;
font-weight: bold;
margin: 0 0 .3em;

}
.article {
clear: both;
margin-bottom: 1.4em;
}
.article img {
float: right;
margin: 0 0 10px 25px;
}
#postGallery {
width: 760px;
margin: 0 0 0 10px;
text-align: left;
float: left;
min-height: 460px;
}

#postWide {
width: 980px;
margin: 0 auto;
text-align: center;
}
#postWide img {
margin-top: 180px;
}

#postmeta{}


#postnavigation{}
#searchform{}
#sidebar{}
#footer {
margin-top: 50px;
}
#footer p {
font-size: 10px;
color: #000;
font-family: arial;
text-align: right;
line-height: 3em;
}
.alignright {
float: right;
margin-left: 15px;
}
.alignleft {
float: left;
margin-right: 15px;
}