/*
Theme Name: Magic Bean Lab
Theme URI: http://magicbeanlab.com
Description: Magic Bean Lab WordPress theme
Version: 1.0
Author: Kaspars Upmanis
Author URI: http://mosties.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


body { text-align: center; font-family: Helvetica, sans-serif; font-size: 12px; background: url('style/images/bg-top.jpg') repeat-x #0d366c; background-position: center top; }

p { padding-bottom: 16px; }
h1 { font-size: 24px; font-weight: normal; color: #2173af; }
h2 { font-size: 22px; font-weight: normal; color: #2173af; }
h3 { font-size: 14px; font-weight: normal; color: #2173af; }
h4 { font-size: 14px; font-weight: normal; color: #2173af; }
h5 { font-size: 14px; font-weight: normal; color: #2173af; }
h5 { font-size: 14px; font-weight: normal; color: #2173af; }
h6 { font-size: 12px; font-weight: normal; color: #2173af; }

a { text-decoration: underline; color: #2173af; }
a:hover { text-decoration: none; }

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

/* Default element styles */
hr { margin-bottom: 12px; }
dl { padding-bottom: 12px; }
dt { font-weight: bold; text-decoration: underline; }
ol { margin-bottom: 12px; list-style-type: decimal; list-style-position: outside; }
ul { margin-bottom: 12px; list-style-type: disc; list-style-position: outside; margin-left: 16px; }
fieldset { padding: 1em; border: 1px solid #999; }
form p { padding: 5px 0 0 0; }
form input, form select { margin-bottom: 10px; }
table, tr, td, th { border: 1px solid #999; }
table tr, table td { padding: 3px; }
table th { font-weight: bold; padding: 3px; }

abbr, acronym, { border-bottom: 1px dotted #333; cursor: help; }
pre { background: #f0f0f0; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 20px; /*--Height of each line of code--*/ overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/ overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/ padding: 6px 12px 12px 12px; margin-bottom: 12px; }

#container { width: 856px; margin: 0 auto; }

#header { width: 608px; margin: 0 auto; position: relative; }
#header h1, #header h2 { display: none; }
#header #menu { margin-top: 30px; float: left; height: 30px; width: 400px; }
#header #menu ul { margin: 0; }
#header #menu ul li { float: left; list-style-type: none; margin: 0px 40px 0px 0px; }
#header #menu ul li a { font-size: 14px; text-decoration: none; color: white; text-shadow: 2px 2px 2px black; }
#header #menu ul li a:hover, #header #menu ul li.on a { text-decoration: underline; }
#header #icons { float: right; width: 178px; height: 30px; margin: 22px 5px 0 0; text-align: right; }
#header #icons ul li { float: left; list-style-type: none; margin-left: 10px; }
#header #headline { float: left; margin: 20px 0 20px 150px; width: 310px; height: 55px; }
	
#logo { width: 153px; height: 120px; position: absolute; top: -1px; left: 41%; z-index: 2000; }



#body { float: left; clear: both; width: 856px; position: relative; }

#body .post { float: left; padding-bottom: 14px; margin-bottom: 20px; width: 550px; border-bottom: 1px solid #2173af; border-top: 1px solid white; }
body.page #body .post, body.error404 #body .post { border: none; padding-bottom: 0; margin-bottom: 0; }
#body .post h2 a { text-decoration: none; }
#body .post h2 a:hover { text-decoration: underline; }
#body .post img.alignleft { margin-right: 12px; }
#body .post img.alignright { margin-left: 12px; }
#body .post .post-content { float: left; clear: both; width: 550px; }
#body .post .post-details { float: left; clear: both; margin-top: 12px; width: 550px; }
#body .float-left { float: left; }
#body .float-right { float: right; }

#body #content { width: 856px; float: left; text-align: left; background: url('style/images/content-middle.png') repeat-y; background-position: 83px 0px; }
#body #content-top { width: 100%; height: 44px; background: url('style/images/content-top.png') no-repeat; background-position: 84px bottom; }
*:first-child+html #body #content-top { padding-top: 20px;  }
*:first-child+html #logo { top: 19px; }

#body #content-area { width: 550px; margin: 0 0 0 150px; padding: 80px 0px 0px 0px; }

/* Post comments */
#body #respond { border-top: 1px solid #2173af; padding-top: 15px; }
#body #respond h3 { font-size: 16px; }
ol.commentlist { list-style-type: none; }
ul.children, ul.children li ul.children { list-style-type: none; margin: 10px; }
ul.children li { margin-bottom: 6px; background: #f2f2f2; padding: 6px; }
ul.children li ul.children li { background: white; }
ul.children li ul.children li ul.children li { background: #f2f2f2; }
/* ------------ */


#sidebar { position: absolute; right: -10px; top: 124px; width: 154px; z-index: 1; text-align: left; } 
#sidebar .block-after {} /* Rounded circles below sidebar block */
#sidebar a { color: #333; text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
#sidebar ul { list-style-type: none; margin-left: 0; }
#sidebar ul li { background: white; border: 1px solid #999; margin-bottom: 40px; padding: 20px 20px 25px 14px; }
#sidebar ul li ul li { background: none; border: none; margin: 0 0 4px 0; padding: 0; }
#sidebar ul li h2 { font-size: 15px; margin-bottom: 10px; }

#footer { width: 855px; float: left; clear: left; height: 80px; color: white; text-align: left; background: url('style/images/content-bottom.png') no-repeat;  background-position: 84px 0px; }
#footer p { font-size: 11px; margin: 60px 0 8px 150px; }