/* Start of CMSMS style sheet 'Michelle's Layout' */
/***************************
CSS STYLES BY EDUARDO MARTINEZ
DIGITALFRONTEND.COM
***************************/

* { margin: 0; padding: 0;}

html { height: 100%; }

body {
  height: 100%;
  background:#fff url(uploads/images/bbg.gif) top left repeat-x;
  font-size:62.5%;
}

#wrapper {
  position: relative;
  min-height: 100%;
  width:770px;
  margin:0 auto;
}

* html #wrapper { height: 100%; }

#header {
  background:transparent url(uploads/images/header.jpg) bottom left no-repeat;
  height: 300px;
}

#header img {
  float:left;
  padding-top:50px;
}

#cnt_wrap {
   padding:35px 0 120px 0;   
}

#content {
   width:440px;
   float:left;
}

#sidebar {
   width:290px;
   margin-left:30px;
   margin-top:5px;
   float:right;
}

#sidebar p {
  font-family: "Lucida Grande","Lucida Sans",Lucida,Verdana, Arial, Helvetica, sans-serif;
  font-size:1.2em;
  line-height:1.6em;
  color:#555;
}

#sidebar h2 {
  margin-top:2em;
  color:#bd5c23;
  margin-bottom:3px;
  background:url(uploads/images/title_sb.gif) bottom right no-repeat;
  padding-bottom:5px;
}


/*********************
GENERAL STYLES
*********************/
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  text-transform:capitalize;
  color:#372118;
  margin-bottom:0.4em;
}

h1 { display:none; }

h2 { 
  font-size:1.4em;
  padding-bottom:3px;
  margin-bottom:18px;
  background:url(uploads/images/title_bg.gif) bottom right no-repeat; }

h3 {
  font-size:1.8em;
  color: #ca672d;
}

#sidebar h3 {
   text-transform:uppercase;
   font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
  font-size:1.6em;
}

h4 { color:#000000; }

p {
  font-family: Georgia, Times New Roman, "Lucida Grande","Lucida Sans",Lucida,Verdana, Arial, Helvetica,     sans-serif;
  font-size:1.3em;
  line-height:1.9em;
  color:#000000;
  margin: 0 0 1.3em;
  text-align:justify;
}

#content a, #sidebar a {
  background:#faeee7;
  color:#ca672d;
  text-decoration:none; }

a:hover{ text-decoration:none;}

ul, ol {
  font-family:"Lucida Grande","Lucida Sans",Lucida,Verdana, Arial, Helvetica, sans-serif;
  font-size:1.3em;
  margin:0 0 30px;
  list-style:none;
  color:#000000; }

li {
  background:url(uploads/webui/bullet.gif) center left no-repeat;
  padding-left:1.3em;
}
#content ul {
  font-family: Georgia, Times New Roman, "Lucida Grande","Lucida Sans",Lucida,Verdana, Arial, Helvetica,     sans-serif;
  font-size:1.3em;
  line-height:1.9em;
}

/*li { line-height:1.6em; }*/

.accesibility { display:none; }


/************
FOOTER 
************/
#footer {
  position: relative;
  margin: 0 auto;
  margin-top:-100px;
  height:100px;
  width: 770px;
  text-align:center;
  background:transparent url(uploads/images/footerbg.gif) top left repeat-x;
}

#footer p {
  font-family:"Century Gothic", Arial, Helvetica, Verdana, sans-serif;;
  font-size:1.3em;
  line-height:1.5em;
  padding-top:25px;
  color:#ffffff;
  text-align:center;
}

#footer a {
  color:#ffffff;
  text-decoration:none;
  color:#ccff00; }

#footer a:hover { text-decoration:underline; }


/*************
REVIEW QUOTES
**************/
blockquote .q_O {margin-right:5px; margin-bottom: 1px; }
blockquote .q_C {margin-left:5px; margin-top: 1px; }
blockquote .q_D {
  font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
  font-size:1.3em;
  text-align:right;
  background:#d4d3ca;
  margin-top:0;
  margin-bottom:1.8em;
  padding-right:10px;
}

blockquote p { margin:0 0 .5em; }


/************
SEARCH FIELD
************/
.search {
background: url(uploads/webui/search_box.gif) center left no-repeat;
padding-top:2px;
padding-left:23px;
height:22px;
}

.search input {
border:none;
border-width:0;
width:150px;
height:17px;
display:block;
}


/************
BUG FIXING
************/
/* Fixes a bug in IE7: When refreshing the page Footer appeared on top of Contents*/
.floatfix {
  display: block; 
  clear: both; 
  height: 25px;
  visibility: hidden;
}
/* End of 'Michelle's Layout' */