/* ##################################### */
/*  
/* ##################################### */


/* ##################################### */
/*  Browser 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
body {
  line-height:1;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ##################################### */
/*  Typography and General Styles
/* ##################################### */

  body {
    font: 72.5% 'Lucida Grande', 'Lucida Sans', 'Lucida', 'FreeSans', Verdana, Arial, sans-serif;
    background:#fff url(/images/template/body_bg.png) center top repeat;
    color:#722;
  }
  
  h1,h2,h3,h4,h5  { font-weight:bold; }
  
  h1              { font-size:300%; padding:0 0 0.3em; }
  h2              { font-size:200%; padding:0 0 0.4em; }
  h3              { font-size:150%; padding:0 0 0.5em; }
  h4              { font-size:125%; padding:0 0 0.6em; }
  h5              { font-size:160%; display:inline; }
  
  em              { color:#600; font-style:normal; }
  strong          { font-weight:bold; }
  
  p               { padding:0 0 0.7em; }
  
  a, a:link       { color:#600; }
  a:hover         { color:#900; }
	
	address					{ display:inline; }
  
  .center         { text-align:center; }
  .right          { float:right !important; }
  .inline         { display:inline; float:none; width:auto; }
  
  .bullet         { list-style:disc outside; margin-left:2em; }
  

/* ##################################### */
/*  Forms
/* ##################################### */

  label           { float:left; width:105px; padding:5px 10px 0 0; font-size:100%; font-weight:bold; }
  
  input.field,
  select.field,
  textarea.field  {
    font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida', 'FreeSans', Verdana, Arial, sans-serif
    width:190px;
    padding:0.15em 0.3em;
    border:1px solid #bbb;
    font-size:125%;
  }
  
  select.field    { width:200px; }
  
  textarea.field  { width:190px; height:6em; }
  
  .no_label       { margin-left:115px; }
  .full           { float:left; clear:left; width:23em !important; }
  
  input.username       { width:126px; }
  input.username_check { width:55px; }
  
  .help           { display:block; padding:0.2em 0.35em; color:#999; }
  
  .form_error {
    width:140px;
    padding:0.2em 30px;
    margin:0 0 0 115px;
    background:#f33 url(/images/error.png) 0.7em 50% no-repeat;
    color:#fff;
    font-weight:bold;
  }
  .form_msg       { padding:0.5em 0.7em; margin:0.5em 0 0; }
    
    .form_msg h4 {
      padding:0;
    }
    .form_msg.success {
      padding:0.7em 3em;
      background:#73B65A url(/images/ok.png) 0.7em 50% no-repeat;
      color:#fff;
    }
  
  .captcha        { margin:0 0 0.5em; }
  
  fieldset {
    float:left;
    padding:1em 0 0.5em;
    margin-top:0.4em;
  }
  fieldset legend {
    // margin-left:-7px;
    color:#4F5348;
    font-size:150%;
    font-weight:bold;
  }
  
  fieldset li     { padding:0 0 0.7em; }
  
  .ajax_msg {
    display:block;
    width:23em;
  }
    .ajax_msg span {
      display:block;
      width:100%;
      padding:0.4em 2.4em;
      margin:0.5em 0;
      color:#fff;
      font-size:125%;
      font-weight:bold;
    }
      .ajax_msg span.success {
        background:#73B65A url(/images/ok.png) 0.7em 50% no-repeat;
      }
      .ajax_msg span.failure {
        background:#f33 url(/images/error.png) 0.7em 50% no-repeat;
      }


/* ##################################### */
/*  Containers
/* ##################################### */

  #container {
    width:50em;
    margin:0px auto;
    background:#fff;
  }


/* ##################################### */
/*  Header
/* ##################################### */

  #header {
    width:48em;
    padding:2em 1em;
    overflow:hidden;
    text-align:center;
  }


/* ##################################### */
/*  Footer
/* ##################################### */

  #footer {
    clear:both;
    width:100%;
    padding:2.7em 0 2em;
  }


/* ##################################### */
/*  Content
/* ##################################### */

  #content {
    width:48em;
    padding:1em;
  }
  
  ul li {
    padding:5px 0;
  }