/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }

body {
  font-size: 75%;
  color: #222;
  background-color: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family: Georgia,"Times New Roman",Times,serif;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

/* text elements
=============================================== */
p {
  margin: 0 0 1.5em; 
}

img         { display: block; }
img.left, p div.left  { float: left; margin: 0.75em 1.5em 0.75em 0; }
img.right, p div.right { float: right; margin: 0.75em 0 0.75em 1.5em; }


a:focus,
a:hover     { color: #999999; text-decoration: underline; }
a           { color: #0074BD;  text-decoration: none; }

blockquote  { 
  margin: -0.5em 0.5em 1.5em; 
  padding: 0.5em 3em 0; 
  color: #999999; 
  font-style: italic;
  background-position: 0 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAbCAYAAACAyoQSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAa1JREFUeNqklu1xwjAMhl0fA2SDZoOmExA2KBMUJiBM0DJBys/8gk4AnaB0gqYT1CO4G9TmZE7ns2wJdKe7fFh5rNeK5bthGFTBKudPzu+db51bJTcf/+D8w/k4KQxune+c13B/DhLAaohv4f6vBF1AQLClENg4/wSlvO2dv/mLCQPo5ZzdCFwC9Gya0B9nuL5C0jjDPR6giTUIdowDGHZAQAOTVjnoDgXYVEDBepAWq2Rz0A5VWcjSCNexQ/cjfENRUJ/dS/Rue0WW2N6pgQG6QrKGtZAUTxuppKgsMXQRPTfCLJ8Tz0wO2qId51pbSAZ76JT41yTSKsk3NBFUC8BT4WTO0CbTGbi/CnedL9CKeLfKvItbH7eiyb0XS9zfWGB9alKaUZW7G6Bxt7lATwzwISPjiQluMJSz8/ii+iX+xx9mxt9huTz0iylVBVI3wkxV1FQ6LewmNtGqrLDnmlBIGyZwTUxwwwT6M9JRoyPFWADOMhmZcOjK2DIcCnT00GaApYLbZMaQBzMfME+A58wKpyb3Gis0SVTiI5wiajg9SKozgFewBY6p9f4XYABVumOHp/mKTAAAAABJRU5ErkJggg==');
  background-color: transparent;
  background-repeat: no-repeat;
}

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
hr { margin: 1.5em 0; border-color: #999; border-bottom: 0;border-right: 0; border-left: 0;border-style: dotted;}

/* lists
=============================================== */
li ul,
li ol       { margin: 0; }

ul, ol      { margin: 0 1.5em 1.5em 1em; padding-left: 1.5em; }

ol li {  margin: 0.75em 0; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em; margin-bottom: 1.5em;}

/* tables
=============================================== */
table         { margin-bottom: 1.5em; width:100%; border: 1px solid #BEBFB9; }
th            { font-weight: bold; }
thead th      { background: #E1E2DC; border: 1px solid #BEBFB9; font-weight: normal; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even, tr.odd {
    border-color: #BEBFB9;
    border-style: solid;
    border-width: 0 1px;
}
tr.even   { background-color: #F3F4EE; }
tr.odd   { background-color: #FFF; }
tfoot         { font-style: italic; }
caption       { background: #F7F8EB; }
table p		  { margin: 0; }

/* success, notice and error boxes
=============================================== */
.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* Form fields
-------------------------------------------------------------- */
/* 
	A special hack is included for IE8 since it does not apply padding 
	correctly on fieldsets
 */ 
label       { font-weight: bold; }
fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }

fieldset, #IE8#HACK { padding-top:1.4em; } 
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

/* 
  Attribute selectors are used to differentiate the different types 
  of input elements, but to support old browsers, you will have to 
  add classes for each one. ".title" simply creates a large text  
  field, this is purely for looks.
 */
input[type=text], input[type=password],
input.text, input.title,
textarea {
  background-color:#fff;
  border:1px solid #bbb;
  color:#000; 
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus {
  border-color:#666;
}
select { background-color:#fff; border-width:1px; border-style:solid; }

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { min-height: 100px; padding:5px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}

input.form-radio { margin-top: 0; }

.form-type-radio label { vertical-align: middle; }

input.input-placeholder { color: #999; }

.form-item .description { color: #666; font-size: 0.9em; }