﻿/* -------------- base styles, resets -------------- */
* { margin: 0px; padding: 0px; }

body  
{
    font-family: verdana;
    font-size: 0.825em;
    background-color: #fff;
}

input, select, option, textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin: 0px 5px 0px 0px;
}

p 
{
    margin: 10px 0px 10px 0px;
}

hr {
	border: none;
	height: 1px;
	color:#336699; /* ie */
	background-color: #336699; /* mozilla */
	width: 100%;
}

ul {
  text-align: left;
  list-style-type: disc;
  list-style-position: outside;
  margin: 10px 5px 15px 25px;
}

ol {
  text-align: left;
  list-style-type: decimal;
  list-style-position: outside;
  margin: 10px 5px 15px 35px;
}

li 
{
  margin-bottom: 3px;

}

/* nested lists*/
ul ul, ul ul ul, ol ol, ol ol ol {
  text-align: left;
  list-style-type: square;
  list-style-position: outside;
  margin: 5px 5px 5px 20px;
}

ul ul li, ul ul ul li, ul ol li, ul ol ol li
{
  margin-bottom: 3px;

}

/* end nested list 1 level */

table {
	border-collapse:collapse;
}

th { }

td { }

h1
{
    font-size: 150%;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    color: #333333;
}

h2 
{
    font-size: 135%;
    font-weight:bold;
    margin: 5px 0px 5px 0px;
}

h3 
{
    font-size: 125%;
    font-weight:bold;
    margin: 5px 0px 5px 0px;
}

h4 
{
    font-weight:bold;
    font-size: 115%;
    margin: 5px 0px 5px 0px;
}

h5 
{
    font-weight:bold;
    font-size: 110%;
    margin: 5px 0px 5px 0px;
}

h6 
{
    font-weight:bold;
    font-size: 100%;
    margin: 5px 0px 5px 0px;
}

img {
     border:none;
     max-width:100%;
     height:auto;
}

blockquote 
{
    padding: 5px 0px 5px 30px;
}

a:visited, a:link, a:active {color: blue;}
a:hover {color: blue;}

/* -------------- Blog Stuff --------------- */

.navigation{
	overflow:auto;
}

.navigation .next-posts{
	float:left;
}

.navigation .prev-posts{
	float:right;
}


/* -------------- Responsive Tools --------------- */


/*Columns*/
#contentBody .columns, #contentBody .padded-columns {
    overflow: auto;
    width: 100%;
}

#contentBody .columns .half {
    float: left;
    width: 50%;
}

#contentBody .columns .third{
	float: left;
    width: 33.33%;
}

#contentBody .columns .two-thirds{
	float: left;
    width: 66.66%;
}

#contentBody .columns .quarter{
	float: left;
    width: 25%;
}

#contentBody .columns .three-quarters{
	float: left;
    width: 75%;
}

/*Padded Columns*/
#contentBody .padded-columns .half {
    float: left;
    margin:0 2.5%;
    width: 45%;
}

#contentBody .padded-columns .third{
	float: left;
    margin:0 2.5%;
    width: 28%;
}

#contentBody .padded-columns .two-thirds{
	float: left;
    margin:0 2.5%;
    width: 61%;
}

#contentBody .padded-columns .quarter{
	float: left;
    margin:0 2.5%;
    width: 20%;
}

#contentBody .padded-columns .three-quarters{
	float: left;
    margin:0 2.5%;
    width: 70%;
}












/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

