html, body { margin: 0; padding: 0; height: 100%; }

body {
	background: white;
	color: #020202;
	font: 11px/16px Arial, Helvetica, Sans;
	min-width: 960px;
	background: #ffb400 url(../img/tile.jpg) top left repeat-x;
	min-height: 100%;
}

#whiteout {
	float: right;
	display: block;
	background: white;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: 480px;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: -1;
}

.page {
	position: relative;
	display: block;
	width: 960px;
	margin: 0 auto;
	background: white url(../img/back.png) top center repeat-y;
	min-height: 100%;
}

body.landing .page  {
	background: white url(../img/landing.png) top center repeat-y;
}

body.home .page  {
	background: white url(../img/home.png) top center repeat-y;
}

body.black .page { background-image: url(../img/black.png); background-repeat: repeat-y; background-position: top center; }

body.black .contentcol  {
	background: black;
}

body.black #main { color: white; }

.header {
	height: 172px;
	background: white url(../img/header.png) top left no-repeat;
	width: 960px;
}

h1 {
	margin: 0; padding: 0;
}

h1 a {
	padding: 24px 0 0 10px;
	display: block;
	width: 320px;
	height: 80px;
	background: black url(../img/restored.png) bottom right no-repeat;
	overflow: hidden;
	text-indent: -1000px;
}

.header ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
	font-family: "Arial Narrow", Arial;
}

.header ul ul {
	margin: 0px;
	list-style: disc;
	color: #666;
	font-size: 20px;
	line-height: 20px;
	padding: 0;
	display: block;
	width: 560px;
}

.header ul ul li {
	margin: 0 0 0 30px;
	padding: 0px;
	line-height: 20px;
}

.header ul ul li.first {
	list-style: none;
	margin: 0;
}

.header .primary a {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-left: -20px;
}

.header ul ul li.first a{
	margin: 0;
}

.header .secondary a {
	color: #dadada;
	font-size: 16px;
	font-weight: bold;
	margin-left: -20px;
}

.header .secondary li.first {
	padding-top: 2px;
}


.header li {
	float: left;
}

#nav li a {
	display: block;
	padding-left: 20px;
	text-transform: uppercase;
	text-decoration: none;
}

#nav li a:hover,
#nav li a.active {
	color: #ffb400;
}

#main {
	width: 800px;
	background: url(../img/header.png) 0 -172px no-repeat;
	text-align: right;
	position: relative;
	overflow: auto;
}

#main div { text-align: left; }

.homeintro {
	float: left;
	width: 200px;
	text-align: left;
	padding: 0 20px;
	background: white;
	color: #020202;
}

.homeintro h2 {
	padding: 20px 0 0 0;
	color: black;
}

.homeintro img {
	margin: 0 -20px 0 -20px; 
}

a {
	text-decoration: none;
	color: #ffb400;
}

a:hover {
	color: #020202;
	text-decoration: underline;
}

#subnav {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	padding: 0;
	width: 160px;
	margin: 64px 0 0 0;
	border-bottom: 10px solid #ffb400;
	text-align: left;
	background: #ffb400;
}

body.home #subnav { display: none; }

#subnav li a {
	display: block;
	width: 140px;
	line-height: 23px;
	background: #ffb400 url(../img/nav.png) bottom left no-repeat;
	padding: 3px 0 3px 20px;
	margin: 0;
	font-size: 19px;
	color: #fff;
	text-decoration: none;
}

#subnav li a.active,
#subnav li a:hover {
	color: black;
}

#subnav li.expanded a {
	background: #ffb400;
}

#subnav li ul {
	display: none;
	margin: 0;
	padding: 0 0 12px 0;
	background: #ffb400 url(../img/nav.png) bottom left no-repeat;
	list-style: none;
}

#subnav li ul.active {
	display: block;
}

#subnav li ul li a {
	margin: 0;
	width: 130px;
	padding: 3px 0 4px 30px;
	font-size: 15px;
	line-height: 16px;
	background: #ffb400;
}

img.headerimage {
}

#header {
	display: block;
	overflow: hidden;
	width: 640px;
	margin-left: 160px;
	text-align: left;
}

body.home #header { margin-left: 0; width: 800px; }

#content {
	display: block;
	margin-left: 160px;
	overflow: auto;
	width: 640px;
	text-align: left;
}

body.home #content {
	margin-left: 240px;
	width: 560px;
}

h2 {
	margin: 0;
	padding: 20px 0 20px 0;
	color: #ffb400;
	font-size: 20px;
	font-family: "Arial Narrow", Arial;
	font-weight: bold;
	text-transform: uppercase;
}

#header h2 { padding-left: 20px; padding-right: 20px; padding-top: 80px; background: url(../img/h2.png) top right repeat-y;}

.contentcol {
	padding: 0 20px 30px 20px;
	margin-right: 160px;
	text-align: left;
}

.contentcol h2, .commentcol h2 {
	padding: 0 0 10px 0;
}

.commentcol h2 { color: #fff; }

.contentcol .blackblock h2 {
	padding: 10px 20px;
}

body.home .contentblock h2 {
	padding: 0 0 10px 0;
}

body.home .contentcol h2 {
	padding: 20px 0 10px 0;
}

.contentcol h2 span {
	color: black;
}

.blackblock h2 span { color: white; }

body.landing .contentcol, body.home .contentcol {
	margin-right: 240px;
}

body.home .contentcol {
	width: 280px;
	background: black;
	color: white;
}

.pop {
	margin: 0 -10px;
	
}

.blackblock {
	display: block;
	background: black;
	margin: 0 -20px 10px -20px;
	color: white;
}

#header .blackblock {
	margin: 0;
	padding-left: 0;
}

.blackblock label { display: none; }

.blackblock select { width: 330px; margin: 0 0 0 20px; }

.blackblock button { float: right; margin: 0 10px 0 0; }

/* registration form */
#registration_form ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 110px;
}

#registration_form li {
    height: 20px;
    margin: 0;
    padding: 0;
}

#registration_form li label {
    display: inline;
    width: 300px;
}

#registration_form li input {
    width: 20px;
    margin: 0 5px 0 0;
}

.center {
	text-align: center;
}

.contentcol .blackblock p {
	display: block;
	padding: 10px 20px;
}

.contentcol .blackblock form p {
	padding: 0;
}

.contentcol p {
	margin: 0 0 16px 0;
	padding: 0;
}

.contentcol ul, .contentcol li, .contentcol ol {
	padding: 0;
	margin: 0;
}

.contentcol ul, .contentcol ol {
	padding-bottom: 20px;
}

h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.contentcol img {
	margin: 0 -20px 10px -20px;
}

.contentcol img.gsc-branding-img { margin: 0; }
.contentcol p img {
	margin: 0 0 10px 0;
}

.contentcol ul,.contentcol ol {
	margin-left: 20px;
}

.commentcol {
	width: 120px;
	float: right;
	background: black url(../img/grung_240_yb.png) top center no-repeat;
	min-height: 240px;
	color: white;
	display: block;
	overflow: visible;
	padding: 20px 20px 20px 20px;
	text-align: left;
}

body.home .commentcol { background: black url(../img/grung_240_yb.png) 0 350px no-repeat; }

body.landing .commentcol, body.home .commentcol { width: 200px; }

.commentcol h3, #sidebar h3 {
	font-size: 20px;
	line-height: 23px;
	text-transform: uppercase;
	font-family: "Arial Narrow", Arial, Helvetica, Sans;
	color: white;
}

.commentcol h3 { margin: 0 0 10px 0; }

.contentcol h4, .commentcol h4, .homeintro h4 a, #sidebar h4 a {
	font-size: 16px;
	line-height: 22px;
	color: #ffb400;
	font-weight: normal;
	text-align: right;
	display: block;
}

.homeintro h4 a {
	margin-bottom: 10px;
}

.commentcol h4 a { color: #ffb400; text-decoration: none; }

#sidebar h4 a {
	color: black;
	font-weight: normal;
}

.commentcol h6 {
	color: #ffb400;
	font: 11px/16px Arial, Helvetica, Sans;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.commentcol p {
	margin: 0 0 11px 0;
}

.commentcol .contentblock img { margin: 0 -20px;}


.commentcol .contentblock h4 a {
	display: block;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 20px;
}

/* blog */
.commentcol .blog {
	background: white;
	margin: -20px -20px 0 -20px;
	padding: 0 20px;
	color: #020202;
	overflow: auto;
}

.commentcol .contentblock { margin-top: 20px; }

.blog .first {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}

.blog h2 {
	padding-top: 20px;
	color: black;
}

.blog h4 {
	margin-bottom: 20px;
}

.blog h5 {
	color: black;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	display: block;
	overflow: auto;
	padding-top: 0;
	margin: 0;
}

h4 { margin: 0; }

.blog h5 img {
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.blog h6 {
	font-size: 10px;
	line-height: 19px;
	color: #ababab;
	text-transform: uppercase;
}

.social { margin: 10px 0 20px 0; padding: 0; width: 140px; }

.social li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

.social li a {
	display: block;
	width: 14px;
	height: 14px;
	overflow: hidden;
	text-indent: -1000px;
	background: url(../img/social.png);
	margin-right: 5px;
}

.social a.em { background: url(../img/social.png) 0 0; }
.social a.fb { background: url(../img/social.png) -19px 0; }
.social a.dg { background: url(../img/social.png) -38px 0; }
.social a.rd { background: url(../img/social.png) -59px 0; }
.social a.dl { background: url(../img/social.png) -78px 0; }
.social a.su { background: url(../img/social.png) -97px 0; }

.social a.em:hover { background: url(../img/social.png) 0 -14px; }
.social a.fb:hover { background: url(../img/social.png) -19px -14px; }
.social a.dg:hover { background: url(../img/social.png) -38px -14px; }
.social a.rd:hover { background: url(../img/social.png) -59px -14px; }
.social a.dl:hover { background: url(../img/social.png) -78px -14px; }
.social a.su:hover { background: url(../img/social.png) -97px -14px; }

#comments {
	background: black;
	color: white;
	margin-left: 160px;
}

#comments .commentcol {
	background: black;
}

#id_honeypot, label[for='id_honeypot'] {
	display: none;
}

#comments dl#commentlist {
	padding-top: 10px;
}

#comments dl#commentlist dt {
	color: #ffb401;
	font-size: 10px;
	padding-top: 10px;
	text-transform: uppercase;
}

#comments dl#commentlist dd {
	margin: 0;
	background: url(../img/list_divider2.png) bottom left no-repeat;
	margin: 0 -20px;
	padding: 0 20px 10px 20px;
}

#comments a {
	text-transform: uppercase;
}

#comments a:hover {
	color: red;
}

#comments form {
	overflow: auto;
}

#comments label {
	float: left;
	text-align: left;
	color: #ffb400;
}

#comments textarea {
	width: 350px;
}

button {
	background: black;
	border: none;
	color: #ffb400;
	font-size: 20px;
	float: right;
	border: none;
	padding: 0 0 0 10px;
	line-height: 24px;
}

.blackblock button { font-size: 16px; line-height: 18px; }


#sidebar {
	position: absolute;
	width: 160px;
	top: 0;
	left: 50%;
	margin-left: 320px;
	bottom: 0;
	background: #ffb400;
}

#sidebar .fixed {
	float: left;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: 320px;
	width: 160px;
	height: 229px;
	background: url(../img/exit_back.png) top left no-repeat;
}

#sidebar .side {
	margin: 230px 10px 10px 10px;
	background: #ffb400;
}

#sidebar .featured h3 {
	margin-bottom: 4px;
}

#sidebar .featured a {
	color: #020202;
	font-weight: bold;
	float: left;
}

#sidebar .relatedlist {
	list-style: none;
	margin: 10px 0; padding: 0;
}

#sidebar .relatedlist li {
	margin: 0;
	padding: 0 0 4px 0;
	line-height: 22px;
	display: block;
	min-height: 22px;
}

#sidebar .relatedlist li a {
	color: black;
	font-weight: bold;
	float: left;
}

#sidebar .relatedlist li a.link, #sidebar .featured a.link {
	display: block;
	margin: 0 0 0 16px;
	padding: 2px 0 0 0;
	float: none;
	line-height: 14px;
}
#sidebar .featured a.link {
	margin-left: 18px;
}

#sidebar .relatedlist li img {
	margin-right: 5px;
	margin-top: 3px;
	vertical-align: top;
}

#sidebar .featured img {
	margin-right: 5px;
}

#sidebar h3, #sidebar h4 {
	margin: 0;
	padding: 0;
}

#sidebar h4 a, .contentcol h4 a {
	color: white;
	display: block;
	text-align: right;
}

body.home .contentcol h4 a {
	color: #ffb400;
}

#sidebar hr {
	width: 160px;
	height: 16px;
	margin: 0 -10px;
	background: transparent url(../img/sidebar_hr.png);
	border: none;
	filter : alpha(opacity=0);
}

h3#exit a {
	display: block;
	background: url(../img/exit.png);
	width: 160px;
	height: 107px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -1000px;
}

h4#whats_this a {
	display: block;
	background: url(../img/whats_this.png);
	width: 160px;
	height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -1000px;
	text-align: left;
}

/* post list */
.post-list {
	margin: 5px -20px 20px -20px;
	padding: 0 20px 5px 20px;
	background: url(../img/list_divider.png) bottom left no-repeat;
}

.post-list .post {
	border-top: 1px solid white;
	background: url(../img/list_divider.png) top left no-repeat;
	margin: 0 -20px 0 -20px;
	padding: 0 20px 0 20px;
}

.post-list table.meta td small b {
	color: #000;
}

.post-list table.meta {
	margin-left: 20px;
	border-spacing: 0;
	
}

.post-list table.meta td {
	padding: 0 5px 0 0;
	font-size: 10px;
	margin: 0;
	text-transform: uppercase;
}

.post-list .post .thumb {
	float: left;
	margin: 10px 10px 0 00px;
}

.post-list .post .summary {
	display: block;
}

.post-list .post .indent {
	display: block;
	margin-left: 70px;
}

.post-list .post h5 {
	color: #020202;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	margin: 10px 0 5px 0;
}

.post-list .post h5 a { color: black; }

.post-list .post h6, small {
	margin: 0 0 3px 0;
	color: #ababab;
	font-size: 10px;
	line-height: 17px;
	font-weight: bold;
	text-transform: uppercase;
}

.post-list .post h6 span {
	color: #000;
}

small span {
	text-transform: none;
}

.post h4 a, .post h4 a:hover { color: #ffb400; margin-bottom: 10px; }

.page-list {
	font-size: 10px;
	font-weight: bold;
	color: #ababab;
	text-transform: uppercase;
}

.page-list .page-dots { color: #ffb400; }

.page-list .page-nav {
	float: right;
}

.page-nav .page-active {
	color: black;
}

.post-list ol { padding-bottom: 0; }

.post-list ol li { color: #ffb400; font-size: 13px; font-weight: bold; }

.post-list .post ol li h5 { margin: 12px 0; }

.post-list h4.topline a {
	color: #ffb400;
	background: url(../img/list_divider2.png) top left no-repeat;
	padding: 10px 20px 10px 0;
	margin: 0 -20px;
}

.errorlist { color: red; }

/* search */
input#q {
	width: 140px;
	background: black;
	border: none;
	color: white;
	font-size: 13px;
	line-height: 27px;
	padding: 0 10px;
	height: 27px;
	margin-top: 10px;
}
button#search {
	background: #ffb400;
	font-size: 20px;
	color: #000;
	float: right;
	border: none;
	padding: 0 10px;
	line-height: 24px;
}
#googlesearch {
	background-color: #ffffff;
}

#googlesearch .gs-snippet {
	background-color: #ffffff;
}
.gs-snippet b, .gs-title b {
	color: #ffb400;
	font-style: italic;
}
.gsc-branding-img {
	margin-left: 0;
}
.gsc-branding { margin-bottom: 10px }
.gsc-resultsHeader { display: none; }
#googlesearch .gs-visibleUrl-short {
	display: none;
}

#googlesearch .gs-watermark,.gsc-tabsArea {
	display: none;
}

#googlesearch .gsc-search-box {
	width: 300px;
}
.gsc-search-button { width: 50px; }
.gs-title {
	font-size: 13px;
	color: black;
	font-weight: bold;
}
.gs-visibleUrl { color: #ababab; font-size: 10px; margin-bottom: 11px;}
.gs-visibleUrl-long{ width: 440px; overflow: hidden; }

.gsc-cursor-page { float: left; margin-right: 5px; font-size: 13px; color: #ffb400; cursor: pointer; }
.gsc-cursor-page:hover, .gsc-cursor-current-page { color: black; }

/* form */

label { width: 110px; display: block; float: left; color: #ffb400; }
.contentcol input { width: 300px; margin: 0 20px 5px 0; }
.contentcol input.gsc-search-button { width: 50px; }

/* languages */
#languages {
	position: absolute;
	float: left;
	top: 10px;
	left: 50%;
	margin-left: 100px;
	list-style: none;
	padding: 0;
	z-index: 100;
}

#googletranslate {
	display: none;
	position: absolute;
	top: 90px;
	margin-left: 580px;
	color: #333;
}

#googletranslate a {
	text-decoration: none;
	color: #333;
}

#donate_link {
    display: block;
    position: absolute;
    top: 50px;
    margin-left: 626px;
}

#languages li {
	float: left;
	margin: 0;
	padding: 0;
}

#languages a {
	width: 25px;
	height: 17px;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	background: url(../img/languages.png);
	margin: 0 5px 0 0;
}

#languages a#lang_english { background-position: 0 0; }
#languages a#lang_french { background-position: -30px 0; }
#languages a#lang_spanish { background-position: -60px 0; }
#languages a#lang_portuguese { background-position: -90px 0; }
#languages a#lang_russian { background-position: -120px 0; }
#languages a#lang_swahili { background-position: -150px 0; }
#languages a#lang_english:hover, #languages a#lang_english.active { background-position: 0 -17px; }
#languages a#lang_french:hover, #languages a#lang_french.active { background-position: -30px -17px; }
#languages a#lang_spanish:hover, #languages a#lang_spanish.active { background-position: -60px -17px; }
#languages a#lang_portuguese:hover, #languages a#lang_portuguese.active { background-position: -90px -17px; }
#languages a#lang_russian:hover, #languages a#lang_russian.active { background-position: -120px -17px; }
#languages a#lang_swahili:hover, #languages a#lang_swahili.active { background-position: -150px -17px; }

img { border: none; vertical-align: bottom}

.left { float: left; }
.right { float: right; }

#footer {
	margin-top: 75px;
	color: #ababab;
}

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

body.black #footer a:hover {
	color: #fff;
}

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

body.home #footer a:hover { color: #fff; }

.yellow { color: #ffb400; }
.white { color: #fff; }
.black { color: #000; }

#fms_pledge_form fieldset {
    border: 0;
    padding: 0;
    margin: 20px;
}

#fms_pledge_form legend {
    display: none;
}

#fms_pledge_form .formbox {
    overflow: hidden;
    margin: 0 0 8px;
}

#fms_pledge_form .form_button {
    overflow: hidden;
    margin: 0;
    padding: 0 0 16px;
}

#fms_pledge_form label {
    display: block;
}

#fms_pledge_form input {
    margin: 0;
    padding: 0;
    width: 320px;
}

#fms_pledge_form textarea {
    width: 320px;
    margin: 0 0 0 110px;
}

#fms_pledge_form p {
    width: 320px;
    margin: 0 0 8px 110px;
    padding: 0;
}

#fms_pledge_form .formbox ul {
    margin: 0;
    padding: 0;
    float: left;
}

#fms_pledge_form .formbox li {
    list-style: none;
    padding: 0 0 4px;
    overflow: hidden;
}

#fms_pledge_form ul.errorlist {
    margin: 0 0 0 110px;
    padding: 0;
    overflow: hidden;
}

#fms_pledge_form ul.errorlist li {
    list-style: none;
}

#formbox_id_i_pledge { position: relative; height: 40px; }
#formbox_id_i_pledge label { display: none; }
#formbox_id_i_pledge input { position: absolute; top: 5px; left: 110px; width: 20px; }
#formbox_id_i_pledge p { position: absolute; left: 135px; width: 300px; margin: 0; color: #ffb400; }

#formbox_id_gender ul input { width: 20px; }
#formbox_id_gender ul label { width: 320px; }

#formbox_id_first_man_standing_newsletter { position: relative; height: 16px; }
#formbox_id_first_man_standing_newsletter label { display: none; }
#formbox_id_first_man_standing_newsletter input { position: absolute; top: 5px; left: 110px; width: 20px; }
#formbox_id_first_man_standing_newsletter p { position: absolute; left: 135px; width: 300px; margin: 0; color: #ffb400; }

#formbox_id_restored_newsletter { position: relative; height: 16px; }
#formbox_id_restored_newsletter label { display: none; }
#formbox_id_restored_newsletter input { position: absolute; top: 5px; left: 110px; width: 20px; }
#formbox_id_restored_newsletter p { position: absolute; left: 135px; width: 300px; margin: 0; color: #ffb400; }

#formbox_id_share_details { position: relative; height: 64px; }
#formbox_id_share_details label { display: none; }
#formbox_id_share_details input { position: absolute; top: 5px; left: 110px; width: 20px; }
#formbox_id_share_details p { position: absolute; left: 135px; width: 300px; margin: 0; color: #ffb400; }