/* ============= 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;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

td {
	padding-bottom: 10px;
	line-height: 1.1rem;
}

td:first-child {
	padding-right: 10px;
}

/* column grid structure CORE STYLES THAT SHOULD NOT BE CHANGED */

#wrapper, #mastHead, #footer {
	/* important declaration for safari */
	width: 1004px !important
}

.column, #breadcrumb {
	clear: none;
	float: left;
	display: inline;
	text-align: left;
}

/* ============= GRID MARGINS ============= */

.col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col12, .col2boxed, .col3boxed, .col4boxed, .col5boxed, .col6boxed, .col7boxed, .col8boxed, .col9boxed, .col12boxed, .col2padded, .col3padded, .col4padded, .col5padded, .col6padded, .col7padded, .col8padded, .col9padded, .col12padded,
.twoColRow .column, .threeColRow .column, blockquote, #neatForm input, #neatForm select, .cform select, .neatDl dd, #footer p, #breadcrumb, .sidebarPanel h2, #searchButton, #leader p, .imgRight, #cf_captcha_img, img.captcha-reset {
	margin-left: 20px;
}

#mainCol, .imgLeft, .summary img, blockquote, .archiveLink, .cform .single, img.alignleft {
	margin-right: 20px !important
}

/* ============= GRID PADDING ============= */

ol.commentlisth1, h1 {
	padding-left: 20px;
}

.col8DoublePadded, h1  {
	padding-left: 40px;
	padding-right: 40px;
}

/* ============= COLUMN WIDTHS ============= */

.col2, .w2, .cform label {
	width: 144px;
}

.col4, .w4 {
	width: 308px;
}

.col8, .w8, .twoColRow {
	width: 636px;
}

/* ============= DOUBLE PADDED COLUMNS ============= */
/* w minus 2X gutter */

.col8DoublePadded, .w8DoublePadded, .cform textarea, h1, .commentlist li {
	width: 556px;
}

/* ============= container clearing ============= */

/* http://positioniseverything.net/easyclearing.html */
.clearfix:after, .commentlist li:after, .ngg-navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix, .commentlist li, .ngg-navigation {
	display: inline-table;
}

/* TYPEFACES */

h1, h2, h3, label, legend, caption, title, alt, blockquote, cite, th, #nav, #mikeAge, .tubepress_stitle, #tubepress_btitle, .ngg-album-desc {
	font-family: "trebuchet MS", Helvetica,sans-serif;
}

h1, h2, h3, #mikeAge, .tubepress_btitle {
	clear:both;
	font-weight: bold;
}

h2, h3 {
	margin-bottom: 0;
}

p, em, ul, ol, li, small, tr, td, .column label, dt, dd, .archiveLink, .ngg-navigation, .tubepress_runtime, .tubepress_meta {
	font-family: Verdana, Geneva, sans-serif !important
}

/* TYPE SIZES */

body, html {
	font-size:100%;
}

.column, #leader h1, .tubepress_container {
	line-height: 1.13em;
}

h1, p#tagLine, #tubepress_btitle {
	font-size: 1.13em;
	line-height: 1.5em;
}

#nav ul ul, .column p, .col8DoublePadded ul, ol.article, .vMenu, th, td, blockquote, dt, dd, #breadcrumb li, .threeColRow h2, .archiveLink, .tubepress_meta_group, .commentlist cite {
	font-size: 0.69em;
}

/* COLORS */
h1, #sidebar h2, h2.underline, h3, #mikeAge, .column a:link, .column a:visited, #footer a:link, #footer a:visited, .tabbed a:link, #breadcrumb a:link, #breadcrumb a:visited, .postNavigation li, acronym, legend, caption, blockquote, .tubepress_stitle a:link, .tubepress_stitle a:visited, .tubepress_container, a.ngg-album-desc:link, a.ngg-album-desc:visited {
	color:#FFF !important
}

#mainCol h2 a:hover,#mainCol  h3 a:hover, a:hover, a:focus, #mastHead a:hover, .vMenu a:hover, .column a:hover, #breadcrumb a:hover, #footer a:hover, .tubepress_stitle a:hover, .pagination .pagination span.current, a.ngg-album-desc:hover {
	color:#F90 !important
}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, #nav a:link, #nav a:visited, .hMenu a:link, .hMenu a:visited, .vMenu a:link, .vMenu a:visited, .more-link:link, .more-link:visited {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, #nav a:hover, .hMenu a:hover, .vMenu a:hover, .more-link:hover {
	text-decoration: underline;
}

#sidebar a:visited, .column ol, .column dl, .commentlist li, cite, #mastHead, .discreet a:link, small, .column p, .column ul, #neatForm label, .cform label, .ngg-gallery-thumbnail, #neatForm acronym, .cform acronym, #leader h1, #leader p, #leader a:link, #footer, #footer a:link {
	color: #fff;
}

body {
	background: #344e63 url("./images/bgBody.jpg") repeat-x 0 0;
}

#wrapper {
	background-image: url(./images/bgWrapper.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#leader {
	background: transparent url(./images/title_bg2.gif) no-repeat left top;
}

h1 {
	background: transparent url(./images/bgH1.png) no-repeat left top;
}

h1#home {
	background: transparent url(./images/bgH1Home.png) no-repeat left top;
}

#mainCol {
	background: #1b2833 url(./images/bgMainCol.png) no-repeat bottom;
}

.sidebarPanel {
	background: transparent url(./images/bgSidebarPanel.png) no-repeat 0 0;
}

/* all details not covered elsewhere */


/* ====================== VERTICAL MARGINS ====================== */

#mainCol, #footerMenu, #footer img, ul.resources, h2.underlined, ul.postNavigation {
	margin-top: 1.02em;
}

.commentlist .alt, h2.underlined, #sidebar h2, h1, p, cite, table, .col8, #neatForm fieldset, .cform fieldset, img.alignleft, .imgRight, .pullquote, .column ul, #neatForm input, .cform input, #neatForm textarea, .cform textarea, dl, .pullquote, h2.underline, .row, .twoColRow, #tubepress_btitle {
	margin-bottom:	1.5em;
}

ul.sidebarMenu, body {
	margin-bottom: 2em !important;
}

#leader, #home {
	margin-left: -40px;
}

/* ====================== VERTICAL PADDING ====================== */

#sidebar {
	padding-top:1.13em;
}

#sidebar a {
	padding-top: 0.42em;
}

h2.underlined, #sidebar h2 {
	padding-bottom: 0.3em;
}

/* ====================== PAGE BODY ====================== */

body, #wrapper, #footer {
	margin: 0 auto;
}

body, #wrapper {
	margin-top: 0;
	text-align: center;
}

/* ====================== MAST HEAD ====================== */

#mastHead {
	display: block;
	height: 146px;
	position: relative;
	text-align:left;
}

#mastHead img {
	float: left;
	clear: none;
}

#letterbox {
	float: left;
	clear: none;
	margin-top: 24px;
	height: 60px;
	width: 468px;
}

#sailMike {
	margin: 20px 0 0 13px;
}

/* ====================== HOME PAGE LEADER ====================== */

#leader {
	height: 252px;
	position: relative;
}

#leader p {
	clear: none;
	display: inline;
	float: left;
	font-family: "trebuchet MS", Helvetica,sans-serif;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:10px 0 9px 20px;
}

#tagLine {
	font-family: "trebuchet MS", Helvetica,sans-serif;
	color: #ffffff;
	padding: 11px;
}

/* ====================== MAIN COLUMN ====================== */

#mainCol {
	position: relative;
	float: right !important
}

h1 {
	/* height = 38 - padding */
	height: 18px;
	padding-top: 6px;
	padding-bottom: 14px;
}

h1#home {
	/* height = 55 - padding */
	height: 30px;
	padding-top: 21px;
	padding-bottom: 9px;
}


#mainCol p {
	clear: left;
	display: block;
}

/* ====================== SIDE BAR ====================== */

#sidebar {
	postion: relative;
	float: left;
}

#sidebar h2	{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
}

.sidebarPanel {
	margin-bottom: 10px;
}

#sidebar h2.w2 {
	display: inline;
	float: left;
}

.archiveLink {
	margin-top:6px;
	padding-bottom: 10px;
	display: inline;
	float: right;
}

#sidebar .charityContainer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #ffffff;
	width: 278px;
	height: 486px;
	padding: 15px 15px 0 15px;
	clear: both;
	text-align: left;
	background: #273b4b;
}