/*

Company:	Fair Tax

File:		main.css - This contains all the main styles for the website.



All the styles are separted into the following groups:

Global Browser Reset - this is handled by the reset-fonts.css file from YUI

HTML, Body - for the html and body tags

Layout - styles that define the layout of the site

Modules - styles for content modules

Common Text Styles - Styles for text

Default Headings - headings like h1, h2, etc

Default Lists - unordered and ordered lists

Nav - navigation bar

Forms - html forms

Default Links - links

Misc - anything that doesn't fit elsewhere

*/



/* @group HTML, Body */

html {

	background: url(../images/ribbon-bkg.gif) repeat-x 0 0 #011932;

}

body {

	font-family: Futura, Arial, sans-serif;

}



/* Testing */



/* @end */



/* @group Layout */

/* Wraps */

div.wrap {

	width: 960px;

	margin-left: auto;

	margin-right: auto;

	padding: 0 52px 0 52px;

	background: url(../images/shadow-bkg.png) repeat-y 0 0;

}



div.home-wrap {

	background: url(../images/home-wrap.jpg) no-repeat 0 0;

	width: 960px;

}

div.home-wrap2 {

	background: url(../images/home-wrap-oilspill.jpg) no-repeat 0 0;

	width: 960px;

}

div.home-bkg {

	background: url(../images/home-bkg.jpg) repeat-y 0 0;

	width: 960px;

}



div.inside-wrap {

	background: url(../images/inside-wrap.jpg) no-repeat 0 0;

	width: 960px;

}

div.inside-bkg {

	background: url(../images/inside-bkg.jpg) repeat-y 0 0;

	width: 960px;

}



/* Head */



/* Body */

div.home-wrap div#bd {

	/* width: 576px; */

	padding: 608px 0 0 0;

	/* margin: 0 0 0 48px; */

	width: 620px;

	padding: 608px 0 0 0;

	margin: 0 0 0 10px;



	float: left;

	display: inline;

}



div.inside-wrap div#bd {

	width: 615px;

	padding: 60px 0 0 0;

	margin: 0 0 0 24px;

	float: left;

	display: inline;

}



/* Footer */

/* @end */



/* @group Modules */



/* Side */

div.side {

	width: 315px;

	padding: 250px 0 0 0;

	float: right;

	display: inline;

}



/* Side Content */

div.side-content {

	padding: 27px 30px 27px 24px;

}

div.side-pad {

	padding: 0 6px 10px 6px;

}

div.side-content h1 {

	color: #ffffff;

	font-size: 182%;

	margin: 0 0 10px 0;

	text-align: center;

	font-weight: normal;

	text-transform: uppercase;

}

div.side-content h2 {

	color: #ffffff;

	font-size: 128%;

	margin: 0 0 20px 0;

	text-align: center;

	text-transform: uppercase;

	font-weight: normal;

}

div.side-content p {

	color: #ffffff;

	font-size: 110%;

	line-height: 140%;

}



div.side-content ul.share {

	margin: 0 0 20px 0;

}

div.side-content ul.share li {

	list-style: none;

	margin: 0 0 4px 0;

	padding: 0;

	text-transform: uppercase;

	height: 1%; /* Fix for IE6 extra spacing issue */

}

div.side-content ul.share li a {

	display: block;

	padding: 0 0 0 42px;

	font-size: 93%;

	line-height: 36px;

}

div.side-content ul.share li.rsvp a {

	background: url(../images/icon-rsvp.png) no-repeat 0 50%;

}

div.side-content ul.share li.demand a {

	background: url(../images/icon-demand.png) no-repeat 0 50%;

}

div.side-content ul.share li.calendar a {

	background: url(../images/icon-calendar.png) no-repeat 0 50%;		

}

div.side-content ul.share li.facebook a {

	background: url(../images/icon-facebook.png) no-repeat 0 50%;

}

div.side-content ul.share li.twitter a {

	background: url(../images/icon-twitter.png) no-repeat 0 50%;

}

div.side-content ul.share li.email a {

	background: url(../images/icon-email.png) no-repeat 0 50%;

}

div.side-content ul.share a:link, div.side-content ul.share a:visited {

	color: #ffffff;

	text-decoration: none;

}

div.side-content ul.share a:hover {

	text-decoration: underline;

}

div.side-content p.contact {

	color: #a66164;

	font-size: 100%;

	font-family: arial, sans-serif;

	text-align: center;

}



/* Join Button */

p.join {

	margin: 0;

	padding: 0;

	width: 315px;

	height: 99px;

	background: url(../images/btn-join-march.png) no-repeat 0 0;

	text-indent: -9000px;

}

p.join a {

	display: block;

	height: 100%;

}



/* Latest Blog */

div.latest-blog {

	width: 256px;

	float: left;

	display: inline;

	font-size:115%;

}

div.latest-blog h2 {

	background: url(../images/hd-latest-blog.png) no-repeat 0 0;

	margin: 0 0 10px 0;

	height: 25px;

	width: 150px;

	text-indent: -9000px;

}

div.latest-blog p {

	color: #ffffff;

	font-size: 100%;

	line-height: 140%;

}

div.latest-blog a:link, div.latest-blog a:visited {

	color: #fff;

	text-decoration: none;

}

div.latest-blog a:hover {

	text-decoration: underline;

}



/* Leaders */

div.leaders {

	width: 330px;

	float: right;

	display: inline;

}

div.leaders a:link, div.leaders a:visited {

	color: #fff;

	text-decoration: none;

}

div.leaders a:hover {

	text-decoration: underline;

}

div.leader-box-top {

	width: 330px;

	height: 9px;

	overflow: hidden;

	background: url(../images/leader-box-top.png) no-repeat 0 0;

}

div.leader-box {

	width: 330px;

	background: url(../images/leader-box-btm.png) no-repeat 0 100%;

	overflow: hidden;

	padding: 3px 0 10px 0;

}

div.leaders div.thumb {

	width: 55px;

	margin: 0 10px 0 15px;

	float: left;

	display: inline;

}

div.leaders div.leader-content {

	width: 250px;

	float: left;

	display: inline;

}

div.leaders h2 {

	margin: 0 0 10px 3px;

	background: url(../images/hd-leaders-marching.png) no-repeat 0 0;

	text-indent: -9000px;

	width: 236px;

	height: 24px;

}

div.leaders h3 {

	color: #ffffff;

	font-size: 138.5%;

	margin: 0 0 5px 0;

	font-weight: normal;

}

div.leaders p {

	color: #ffffff;

	font-size: 93%;

	line-height: 130%;

}



/* Blog */

div.post {

	margin-bottom: 40px;

}

div.archive-thumb {

	width: 55px;

	margin: 0 15px 10px 0;

	float: left;

	display: inline;

}

/* @end */



/* @group Common Text Styles */

div.main {

	color: #36312e;

	padding: 0 22px;

}

div.main p {

	font-size: 115%;

	line-height: 140%;

}	

/* @end */



/* @group Default Headings */

h1.pagetitle {

	color: #71070b;

	font-size: 231%;

	padding: 45px 120px 0 20px;

	margin: 0 0 20px 0;

	border-bottom: 1px solid #b1a7a2;

	background: url(../images/title-bkg.gif) no-repeat 95% 100%;

	font-weight: normal;

	line-height: 23px;

}


h1.taxdaytitle {

	color: #73060b;
	font-size: 36px;
	padding: 35px 70px 15px 95px;
	margin: 0 0 10px 15px;
	border-bottom: 1px solid #b1a7a2;
	width: 430px;
	font-weight: normal;
	line-height: 23px;
	text-transform: uppercase;
}

h1.taxdaysubtitle {

	color: #73060b;
	font-size: 28px;
	padding: 15px 95px 15px 95px;
	margin: 0 0 20px 75px;
	font-weight: normal;
	line-height: 23px;
	text-transform: uppercase;
}


div.main h2, div.main h3 {

	margin-top: 0;

}

/* @end */



/* @group Default Lists */

	

/* @end */



/* @group Nav */

div#nav {

	width: 960px;

	padding: 38px 0 0 0;

}

div#nav ul {

	text-align: center;

	margin: 0;

	padding: 0;

}

div#nav ul li {

	list-style: none;

	display: inline;

}

div#nav ul li a {

	font-size: 123.1%;

	text-transform: uppercase;

	margin: 0 15px;

}

div#nav ul a:link, div#nav ul a:visited {

	color: #ffffff;

	text-decoration: none;

}

div#nav ul a:hover {

	text-decoration: underline;

}

/* @end */



/* @group Forms */

	

/* @end */



/* @group Default Links - link visited hover active */

a:link, a:visited {

	color: #36312e;

	text-decoration: underline;

}

a:hover {

	text-decoration: none;

}

/* @end */



/* @group Misc */

.clear {

	clear: both;

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* @end */





input.volform1 {

border:1px solid #5F5B59;

font-family:Helvetica,Arial sans-serif;

font-size:105%;

padding:5px;

width:180px;

color: #5F5B59;

}



input.volform1_smaller {

border:1px solid #5F5B59;

font-family:Helvetica,Arial sans-serif;

font-size:80%;

padding:5px;

width:180px;

color: #5F5B59;



}





/* SOCIALBLE */



div.sociable { margin: 16px 0; }



span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {

	position: absolute;

	display: block;

	top: -5em;

	background: #ffe;

	border: 1px solid #ccc;

	color: black;

	line-height: 1.25em;

}

.sociable span {

	display: block;

}

.sociable ul {

	display: inline;

	margin: 0 !important;

	padding: 0 !important;

}

.sociable ul li {

	background: none;

	display: inline !important;

	list-style-type: none;

	margin: 0;

	padding: 1px;

}

.sociable ul li:before { content: ""; }

.sociable img {

	float: none;

	width: 32px;

	height: 32px;

	border: 0;

	margin: 0;

	padding: 0 5px 0 0;

}



/* END SOCIABLE */



.subrtcolumnmarcherstitle {

border-bottom:2px solid #05284F;

color:#05284F;

font-family:Arial,Helvetica,sans-serif;

font-size:18px;

font-weight:bold;

margin:0 0 10px;

padding-bottom:5px;

text-align:center;

}



.subrtcolumnmarchersjoinmarch {

color:#05284F;

font-family:Arial,Helvetica,sans-serif;

font-size:20px;

font-weight:bold;

text-align:center;

}



a:link.sidebarjoinlink { color: #75080D; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px;}

a:active.sidebarjoinlink { color: #75080D; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px;}

a:visited.sidebarjoinlink { color: #75080D; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px;}

a:hover.sidebarjoinlink { color: #75080D; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px;}



a:link.leadershplink { color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 13px;}

a:active.leadershplink { color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 13px;}

a:visited.leadershplink { color: #ffffff; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 13px;}

a:hover.leadershplink { color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 13px;}



a:link.sidebarwhitelink { color: #A66164; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a:active.sidebarwhitelink { color: #A66164; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a:visited.sidebarwhitelink { color: #A66164; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a:hover.sidebarwhitelink { color: #A66164; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}