/* 1. RESET
----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:100%;
  font: inherit;
  vertical-align: baseline;
  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
  
  
/* 2. ROOT
----------------------------------------------------------------------------------------*/
html { }

img, embed, object, video { max-width: 100%; }
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }


/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1em;
  line-height: 1.618em;
  color: #333;
  }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.809em;
  line-height: 1em;
  }

p, ul, ol, dl, blockquote {
    font-size: 1em;
    line-height: 1.618em;
    margin-bottom: 1.618em; 
  }
    
ul { list-style-type: disc; margin-left: 1.618em; }
ol { list-style-type: decimal; margin-left: 1.618em; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0;}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 80%; }


/* 4. LINKS
----------------------------------------------------------------------------------------*/
a, a:visited { outline: none; color: #439BBD; text-decoration: underline; }  
a:hover { outline: none; text-decoration:none; }  
a:active, a:focus, input:focus, textarea:focus, select:focus { outline: none; }


/* 5. GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
----------------------------------------------------------------------------------------*/



/* 6. CUSTOM LAYOUT & TYPOGRAPHY (Baby bear)
----------------------------------------------------------------------------------------*/
#container {
    margin: auto;
}

aside { width: 100%; }


/* 7. BROWSER AND NON-SEMANTIC STYLING
----------------------------------------------------------------------------------------*/
.clearFix:before, .clearFix:after { content: ""; display: block; }
.clearFix:after { clear: both; }
.ie6 .clearFix { zoom: 1 }

/* 8. ERROR DISPLAY
----------------------------------------------------------------------------------------*/
div.page_message_wrap{display:block; text-align:left; width:100%; position:fixed; top:0%; left:0%; background:url(../../../images/layout/black_bg_transparent.png) repeat 0% 0% transparent;z-index:100000;}
div.page_error  {display:block; padding:20px; color:#FFFFFF; margin-bottom:10px;background-color: #b03939;opacity:0.95;filter:alpha(opacity=95);}
div.page_success {display:block; padding:20px; color:#000000; margin-bottom:10px; background-color:#A7B74F;opacity:0.95;filter:alpha(opacity=95);}
div.page_warning {display:block; padding:20px; color:#000000; margin-bottom:10px; background-color:#fdd065;opacity:0.95;filter:alpha(opacity=95);}
div.page_message {display:block; padding:20px; color:#000000; margin-bottom:10px; background-color:#EEEEEE;opacity:0.95;filter:alpha(opacity=95);}