/*
Company:	Fix Pensions
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: #2d220e url(../images/layout/bg_html.jpg) top center repeat-x;
}
body {
	width:990px;
	margin:0 auto;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	background-color:#5c401b;
	width:960px;
	margin:0 auto;
	padding:5px 0;
}
/* Body */
div#bd {
	background:url(../images/layout/bg_content_inner1.jpg) top center no-repeat;
}
body.home div#bd {
	background:url(../images/layout/bg_content1.jpg) top center no-repeat;
}
/* Footer */

div#ft {
	background:url(../images/layout/bg_footer.png) bottom center no-repeat;
	padding:27px 20px 45px 25px;
}
/* @end */

/* @group Modules */
div.wrapper {
	background:url(../images/layout/bg_body_inner.png) top center repeat-y;
}
body.home div.wrapper {
	background:url(../images/layout/bg_body.png) top center repeat-y;
}
div.main {
	display:inline;
	width:615px;
	float:left;
	margin:0 0 0 15px;
}
div.main-inside {
	display:inline;
	width:616px;
	float:left;
	margin:0 0 0 15px;
}
div.content {
	padding:40px 25px 15px 25px;
}
div.side {
	display:inline;
	width:280px;
	float:right;
	padding:10px 55px 26px 22px;
}
div.featured-story {
	background:#775931;
	padding:15px;
	margin-bottom:15px;
}
div.featured-video {
	text-align:center;
}
div.newest-content {
	background:#775931;
	padding:15px;
}
div.news-room {
	width:220px;
	float:left;
	padding-left:10px;
}
div.side-question {
	background: url(/wp-content/themes/fixpensions/images/todaysquestion.jpg) top left no-repeat;
	padding:43px 15px 0 15px;
	width:252px;

}
div.side-blog {
	background: #c6ba9f;
	padding:15px;
}
div#bd hr.spacer {
	display:block; 
	height:1px; 
	border:0;
	border-top:none;
	background:none;
	margin:10px 0 10px 0; 
	padding:0;
}

/* Fix Pensions Heading */
div.fix-pensions-head {
	width: 616px;
	height: 97px;
	background: url(../images/fix_pensions_header1.jpg) no-repeat 0 0;
	text-indent: -9000px;
	overflow: hidden;
}

/* Main Content */
div.main-content {
	padding: 30px 30px;
}

/* Blog */
div.entry-meta, div.entry-utility {
	font-size: 93%;
	margin: 0 0 10px 0;
}
/* @end */

/* @group Common Text Styles */
@font-face {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;

}
div.main p {
	color:#fff;
}
div.featured p {
	color:#fff;
	font-size:125%;
	line-height:20px;
	padding:10px 30px 0px 30px;
}
div.side p {
	font-size:100%;
	color:#211705;
}
div.side-question p {
	font-size:100%;
	color:#ffffff;
}
div.side-question a {
	display: block;
	width: 100%;
	height: 55px;
}
div.side-question span.p {
	display: block;
	padding:0 0 0 0;
	margin:0;
	color:#fff;
	font-size:93%;
}
div.side-blog p {
	color:#2d220e;
}
div#bd p.uppercase {
	text-transform:uppercase;
}

div.main-content {
	font-family: Arial, sans-serif;
	font-size: 15px;
}
div.main-content p {
	font-size: 93%;
	line-height: 140%;
}
/* @end */

/* @group Default Headings */
div.main-inside h1.page-title {
	font-size:140%;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	margin:0;
	padding: 15px 30px 10px 30px;
	background-color: #000;
}

div.main-content h1 {
	font-size:276%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:normal;
	margin:0 0 10px 0;
}
div.main-content h2 {
	font-size:231%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:normal;
	margin:0 0 10px 0;
}
div.main-content h3 {
	font-size:182%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:normal;
	margin:0 0 5px 0;
}
div.main-content h4 {
	font-size:161.6%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:normal;
	margin: 0;
}
div.main-content h5, div.main-content h6 {
	font-size:138.5%;
	font-weight:normal;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

div.main h2 {
	font-size:165%;
	color:#f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	padding: 0 0 15px 0;
}
div.main h3 {
	font-size:165%;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	padding:0 0 15px 0;
}
div.main h4 {
	color:#fff;
	font-weight:normal;
	font-size:138.5%;
	margin-bottom:15px;
}
div.side h4 {
	display:block;
	padding:7px 0 6px 0;
	background:url(../images/layout/icon_arrow.gif) 0 1px no-repeat;
	color:#924c05;
	font-size:115%;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}
div.side h4 a {
	display: block;
	padding-left: 35px;
}
div.side h4 a:link, div.side h4 a:visited {
	color: #924c05;
}
/* @end */

/* @group Default Lists */
div.main-content li {
	font-size: 93%;
	line-height: 140%;
}
div.main-content li li {
	font-size: 100%;
}

div#ft ul {
	width:125px;
	display:inline;
	float:left;
	margin:0;
	padding:0 15px;
	list-style-type:none;
}
div#ft ul li {
	list-style-type:none;
	padding-bottom:3px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:95%;
	font-weight:normal;
}
div.latest-video ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.latest-video ul li {
	margin:0;
	padding:0 8px 8px 0;
	display:block;
	float:left;
	color:#fff;
	font-size:93%;
}
div.latest-video ul li img {
	display:block;
	padding-bottom:5px;
}
div.news-room ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.news-room ul li {
	background:url(../images/layout/icon_list.png) 0 2px no-repeat;
	padding:0 0 10px 20px;
	font-size:97%;
	list-style-type:none;
	color:#fff;
	text-transform:uppercase;
}
div.side ul.recent-studies {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.side ul.recent-studies li {
	background:url(../images/layout/icon_list.png) 0 2px no-repeat;
	padding:0 0 10px 20px;
	font-size:108%;
	list-style-type:none;
	text-transform:uppercase;
}
div.side ul.recent-studies li.older-study {
	font-size:108%;
}
div.side ul.social {
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}
div.side ul.social li {
	list-style-type:none;
	margin:0;
	padding:0 2px 0 0;
	display:inline;
}
/* @end */

/* @group Nav */
div.nav ul {
	list-style-type:none;
	margin:0;
	padding:5px 10px 0 10px;
	display:inline;
	float:left;
}
div.nav ul li {
	display:inline;
	float:left;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:115%;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:8px;
	padding-left:20px;
	text-shadow: 2px 2px 4px #000;
	letter-spacing:0.5px;
}
div.nav ul li a:link, div.nav ul li a:visited {
	color:#fff;
	text-decoration:none;
}
div.nav ul li a:hover {
	color:#fff;
	text-decoration: underline;
}
div.donate {
	display:block;
	float:right;
	margin-right:15px;
	margin-top:3px;
	text-align:center;
}
div.donate a:link, div.donate a:visited {
	display:block;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:144%;
	font-weight:normal;	
	color:#fff;
	text-decoration:none;
	padding-top:7px;
	text-shadow: 0px 2px 5px #525252;
}
div.donate a:hover {
	color:#fff;
	text-decoration:none;
}
/* @end */

/* @group Forms */
form.newsletter {
	margin:0;
	padding:0;
}
form.newsletter fieldset {
	margin:0;
	padding:0;
}
form.newsletter fieldset label {
	display:block;
	color:#262626;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1.7em;
	font-size:135%;
	font-weight:normal;	
}
form.newsletter fieldset input.email {
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size:100%;
	font-weight:normal;	
padding: 5px 0 5px 5px;
	margin-right:5px;
	border:1px solid #262626;
	background:#fff;
	width:185px;
}
form.newsletter fieldset input.button-submit {

	display:inline-block;
	width:76px;
	height:27px;
	background: url(../images/layout/button_submit.gif) top left no-repeat;
	text-indent:-9999px;
	border:none;
	font-size: 0;
	line-height: 0;
	vertical-align:top;
}
	
/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	color:#924c05;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
div.main a:link, div.main a:visited {
	color:#fff;
	text-decoration:underline;
}
div.main a:hover {
	color:#fff;
	text-decoration:none;
}
div.side a:link, div.side a:visited {
	color:#211705;
	text-decoration:none;
}
div.side a:hover {
	color:#211705;
	text-decoration:underline;
}
div.news-room ul li a:link, div.news-room ul li a:visited {
	color:#fff;
	text-decoration:none;
}
div.news-room ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
div.side div.side-question a:link, div.side div.side-question a:visited {
	color:#fff;
	text-decoration:none;
}
div.side div.side-question a:hover {
	color:#fff;
	text-decoration:underline !important;
}
div#ft a:link, div#ft a:visited {
	color:#d5cab3;
	text-decoration:none;
}
div#ft a:hover {
	color:#d5cab3;
	text-decoration:underline;
}

/* @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 #c8c9ca;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
padding:5px 5px;
vertical-align:middle;
width:200px;
}
input.volform2{
border:1px solid #c8c9ca;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
padding:5px 5px;
vertical-align:middle;
width:350px;
}

input.volform4{
border:1px solid #c8c9ca;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
padding:5px 5px;
vertical-align:middle;
width:40px;

}
input.volform6{
border:1px solid #bfc0c1;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
padding:5px 5px;
vertical-align:middle;
}

input.error
{
    border-color: Red !important;
    background-color: #fcc4c4 !important;
}

label.error
{
    width: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
	display: none !important;
}