/** NOTES
 *
 * Layout is 940px wide with 6 columns each 140px wide.
 * Each 140px column has 20px betwene it and the next one.
 * Everyhting should be done in multiples of 7?
 *
 * COLOR PALLETTE.
 *   Dark Blue #2B3E42
 *   bluey blue (header) #194E84
 *   Normal Blue #747E80
 *   text etc #1F242A
 *   lighter grey #D5E1DD
 *   light cream #F7F3E8
 *   contrast green #60BB22
 *   contrsat reddy orange #F2583E
*    neutral blue #77BED2
 */

/*********** RESET***********/

body, h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, tr, th, td {
	margin:0;
	padding:0;
	border:none;
}

/********** GLOBAL **********/

ul, ol, dl{
	margin:15px 0 15px 30px;
}
ul li, ol li, dl li{
	margin:3px 0;
}
.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
}
.clear-both{
	clear:both;
}
a:link{
	color:#60BB22;
}
a:visited{
	color:#747E80;
}
a:hover{
	color:#F2583E;
}
a:active{
}
a:focus{
}

/** common spacing stuff **/

p {
    margin: 21px 0 21px 0;
}

blockquote {
    color:#747E80;
    margin: 21px;
}

/** layout **/

body {
    font-family: 'American Typewriter', Georgia, sans-serif;
    text-align:center;
    color:#1F242A;
    font-size:14px;
	line-height:21px;
    background-color:#F7F3E8;
}

#header {
    height:209px;
    background-color:#194E84;
    color:#F7F3E8;
    border-top:1px solid #194E84;
}



#wrap, #header-info,#footer-info {
    width:940px;
    margin:0 auto 0 auto;
    text-align:left;
}

#footer-info {
	width:980px;
}

#header-info h1 {
    font-size:28px;
    line-height:30px;
    margin:21px 0 0 0;
}
#header-info h1 a {
	text-decoration:none;
	color:#F7F3E8;
}
#header-info h2 {
    font-size:21px;
    line-height:24px;
    margin: 0 0 21px 0;
}

ul#nav{
	list-style:none;
	margin:99px 0 0 0;
	height:35px;
	font-size: 16px;
}
ul#nav li{
	float:left;
	margin:0 7px 0 0;
	height:35px;
	line-height:35px;
}
ul#nav li a{
	display:block;
	float:left;
	color: #2B3E42;
	height:35px;
	padding: 0 14px 0 14px;
	background-color:#77BED2;
}
ul#nav li a:hover, ul#nav li.current_page_item a, ul#nav li.current_page_ancestor a {
    color: #F2583E;
    background-color:#F7F3E8;
}

#wrap {
    padding: 21px 0 0 0;
}

#content {
    display:inline;
    float:left;
    width:620px;
}

#content h2.pagetitle {
	margin: 0 0 21px 0;
}

#content h2, #content h2 a, #content h3, #content h3 a {
	text-decoration:none;
	color:#194E84;
}

#content h2 a:hover, #content h3 a:hover {
	color: #F2583E;
}

#content h2 a:visited, #content h3 a:visited {
	color:#747E80;
}

#content p.form-field-cont {
	
}

#content p.form-field-cont label {
	width:140px;
	float:left;
	margin: 0 20px 0 0;
}

#content p.form-field-cont label small {
	font-size:10px;
}

#content p.form-field-cont input, #content p.form-field-cont textarea {
	width:300px;
	margin: 0 20px 0 0;
}

#content ol.commentlist {
	list-style:none;
	margin: 0;
	padding:0;
}

div.comment {
	padding: 14px 0 14px 0;
}

div.comment div.info {
	float:left;
	width:140px;
	margin: 0 20px 0 0;
	background-color:#60BB22;
}

div.comment div.content {
	float:left;
	width:460px;
}

div.comment p {
	margin: 0 0 14px 0;
}

h4.comment-author {
	font-weight:700;
	padding:0px 7px 0px 7px;
}

a.author-url {
	display:block;
	text-align:right;
	color:#fff;
	padding: 0 7px 0 7px;
	font-size:10px;
}

span.comment-date {
	font-size:12px;
	padding: 0 7px 0 7px;
}

#footer h2 {
	color:#fff;
}

#footer h2 a {
	text-decoration:none;
	color:#fff;
}

#content div.navigation {
	margin: 0 0 21px 0;
	font-size:10px;
}

div.alignleft {
	text-align:left;
}
div.alignright {
	text-align:right;
}

#content a, #sidebar a {
	font-weight:700;
}

#content a.more-link {
	float:right;
	margin: 14px 0 7px 21px;
}

#content p.postmetadata {
	clear:right;
}

#content div.comment-meta {
	font-size:12px;
}

#sidebar {
    display:inline;
    float:left;
    width:300px;
    margin: 0 0 0 20px;
}

#sidebar h2 {
    font-size:14px;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul  li ul {
	list-style: disc;
}

#footer {
    margin:21px 0 0 0;
    background-color:#60BB22;
    color:#2B3E42;
    border-bottom: 1px solid #747E80;
    overflow:hidden;
}

ul#footer-info {
    list-style:none;
    padding: 21px 0 0 0;
    margin: 0 auto 0 auto;
}
ul#footer-info li.footer-component {
    float:left;
    margin: 0 0 0 20px;
    width:300px;
}
ul#footer-info li.no-margin {
    margin-right:0;
}

ul#footer-info li.footer-component img {
    float:right;
    margin: 21px 21px 7px 21px;
}

#footer a {
    color:#194E84;
}

#footer a:hover {
	color:#fff;
}