/* Start of CMSMS style sheet 'Home' */
/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height:426px; /* adjust according your image size */
   width: 100%;
   background: url(uploads/images/cms/header-background2.jpg) repeat-x;
}

div#header h1 a {
/* you can set your own image here */
   background: url(uploads/images/cms/xocolatl-logo-chocolate.png) no-repeat  0 20px;
   height: 226px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   display: block;
   width:250px;
}

div#main {
   margin-left: 20px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 350px; /* and some air on the right */

}



div#sidebar {
   float: right;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 300px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
/*   background: #3D362D;*/
 /*    border-left: 1px solid #605A53;*/
   padding-left: 10px;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 250px;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}
/* End of 'Home' */