/* Main site */
body  { background: #02A6DC url(../images/background.body.jpg) repeat-x; text-align: center; }
div#flower { width: 990px; background: url('../images/background.flower.jpg') top right no-repeat; margin: 0 auto; }
div#site { width: 770px; text-align: left; margin: 20px auto 0 auto; }
div#toolbar { padding: 2px 5px; border: 1px solid #636363; clear: both; margin: 0 0 2px 0; background: #fff; height: 17px; }
div#main { border: 1px solid #636363; background-color: white; clear: both; overflow: hidden; }
div#topLogo { cursor: pointer; margin: 0 2px 2px 0; border: 1px solid #636363; width: 296px; height: 50px; float: left; background: url('../images/background.logo.gif') no-repeat; }
div#topMenu { margin: 0 0 2px 0; background: #7F7F7F; width: 398px; height: 23px; margin: 29px 0 0 0; float: left; }
div#header  { display: none; }
div#main div#content { margin: 10px 220px 10px 10px; }
div#blocks { width: 170px;  float: right; margin: 10px; border: 1px solid #BBBBBB; padding: 15px; background-color: #ffffff;  overflow: hidden; display: inline; }
div#footer { color: #02A6DC; margin: 2px 0 0 0; line-height: 20px; font-size: 11px; height: 20px; padding: 2px 5px; clear: both; }
div.block { margin: 20px 0; }
div.clear { clear: both; }
div#ad-space { margin: 10px 0; }

div#toolbar div { float:left; height: auto; }
div#toolbar div#newsletter { float:right; height: 17px;}
div#toolbar div#newsletter div { float: left; }
div#toolbar div#newsletter input#adress_email_adress { margin: 0px 1px 2px; height: 11px; }
div#toolbar div#newsletter button { 
	background:#38B9E3 none repeat scroll 0%;
  border: 1px solid #078BBC;
  color: #FFFFFF;
  cursor: pointer;
  margin: 0px 1px 3px;
  padding: 0px;
  width:a uto;
}

/* Home page layout */
div#site.home div#blocks { clear: both; width: auto; float: none; display: block; height: 250px; padding: 5px; }
div#site.home div#blocks hr { display: none; }
div#site.home div#ad-space { float: left; margin: 0 5px; }
div#site.home div#main div#content { margin: 10px; }
div#site.home div#header { display: block; background: url('../images/background.header.jpg') 10px 10px no-repeat; width: 770px; height: 260px; }

/* Blog */
div#blogMain {}
div#blogMainHeader { background: url('../images/background.blogHeaderFill.jpg') repeat-y ; padding: 0 0 20px 0; }
div#blogHeader { float: left; padding: 50px 10px 10px 10px; width: 216px; background: #C3EFFF url('../images/background.blogHeader.jpg') no-repeat top left; }
div#blogIndex  { margin-left: 246px; }
div#blogIndex img { margin: 2px 10px 2px 0; }
div#blogPage {}

hr { border: 0px; border-top: 1px solid #bbb; }