/*
Theme Name: Red Fun
Theme URI: http://www.cleanshiny.com/
Description: Craig Duncan used this theme as a basis for the William Martin Energy layout.
Version: 2.0
Author: Craig Duncan
Author URI: http://www.cleanshiny.com/
Tags: clean, three-columns, fixed-width, left-sidebar, right-sidebar, custom-header, white
Clean Shiny
http://www.themespoint.com/free-wordpress-theme-red-fun/
*/
/* Main Theme Setting */


/*#indexcolumn {
background-color: #442222;
float:left;
margin-right:15px;
width:275px;
}

#indexcolumnRight {
float:left;
width:275px;
}

#indexinset {
margin:0;
padding:0 5px 25px;
}
/*  -- these are the index page 'button' colours*/
.grants li span {
background-color: #446d11;
}

.energy li span {
background-color: #ecb000;
}

.compliance li span {
background-color: #579b9e;
}

.carbon li span {
background-color: #83c628;
}

.system li span {
background-color: #a3a870;
}

.indexpage {
width: 700px;
}

.indexpage ul li {
padding: 0 !important;
background-image: none !important;
margin-right: 10px;
margin-bottom: 10px;
height: 62px;
}

.indexpage ul li ul li a, .indexpage ul li ul li ul li a {
display: none;
/*background-color: #333;   ---tried to deal with children of subpages, but couldn't
width: 220px;
margin: 0px;
*/
}

.indexpage ul {
padding: 0 !important;
margin: 0 !important;
}

.indexpage li {	
float: left;
background-image: none;
width: 275px;
list-style-type: none;
text-align: left;
}	

.indexpage li span {
display: block;
padding: 3px 7px 3px 7px;
font-size: 18px;
height: 54px;
font-weight : bold;
line-height: 23px;
letter-spacing: -0.5px;
}

.indexpage li span a {
color: #fff;
text-decoration: none;
}

body {
color:#444444;
background-color: #fff;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.35 em;
margin: 0;
}

#main ul li {
background: url(/images/global/square_bullet.gif) no-repeat scroll 0 6px;
list-style-type:none;
padding:0 0 0 10px;
}

#main ul {
margin:0 0 10px 10px;
padding: 0 0 0 10px;
}

a {
color:#444444;
text-decoration:underline;
}
a:hover {
color : #779550;
text-decoration: none;
}

.post-links {
background : inherit;
color : #808080;
text-decoration : none;
font-size : 14px;
font-weight : bold;
}
.post-links:hover {
background : inherit;
color : #779550;
text-decoration : none;
font-size : 14px;
}
h1, h2, h3 {
color: #808080;
line-height: 1.3em;
}
h1 {
font-size: 26px;
}

h2 {
font-size : 18px;
padding-bottom: 10px;
border-bottom: 1px solid #e4ded0;
}
h3 {
font-size: 13px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 1px solid #e4ded0;
}
h3:visited {
color: #685851;
}

strong.search-excerpt { color: #555 }

a.extlink {
background:url(/images/global/external_link.png) no-repeat scroll right center;
  padding-right:17px;
Icon_External_Link.png
}
.current_page_item {
font-weight:bold;
}
/*  -- I tried to hide the links for current item, but it causes the same effect in the navigation with children of the current page*/

.current_page_item a:hover {
color: #444444 !important;
}

.current_page_item a {
cursor: default;
}

.current_page_item li {
font-weight:normal;
}

.current_page_item li a:hover {
color: #779550!important;
}

.current_page_item li a {
cursor: pointer;
}

#breadcrumbs, #printfriendly {
color: #AAA093;
font-size: 11px;
margin-top: 0;
margin-bottom: 15px;
}

#breadcrumbs a, #printfriendly a {
color: #aaa093 !important;
text-decoration:none;
}

#breadcrumbs a:hover, #printfriendly a:hover {
color: #779550!important;
text-decoration:underline;
}

#printfriendly {
text-align: right;
width: 200px;
float: right;
}

#printfriendly a {
margin-left: 3px;
}

#breadcrumbs {
width: 365px;
float: left;
}

#rightbar h1 {
}
p, h1, h2, h3, h4 {
}

p {
margin-top:0px;
}

ul, ol {
}

ul span, ol span {
color : #444444;
}

#wrap {
background:transparent url(/images/global/page_gradient.jpg) repeat-x scroll center top;
text-align:center;
}

#container {
margin : 0 auto; 
width : 980px;
text-align : left; 
background: #fff; 
background-image:url(/images/global/template_background_200.gif);
}

#content-wrap {
clear : both;
margin : 0;
padding : 0;
width : 980px;
min-height:600px;
height:auto !important;
height:600px;
}

#header {
background-color: #000000;
background-repeat:repeat-x;
border-left:1px solid #000000;
border-right:1px solid #000000;
font-size:11px;
overflow:hidden;
text-align:left;
width: 978px;
height: 68px;
}

#logo_container {
float:left;
height:68px;
width:374px;
}

#logo {
position: absolute;
width: 374px;
margin: 0;
padding: 0;
text-align: left;
}

#header_nav {
float:left;
margin:20px 0 0 0;
}

#header_nav a {
color: #999999;
text-decoration: none;
}


#header_nav a:hover{
color: #779550;
}


#header_nav li {
font-size: 11px;
display: inline;
list-style-type: none;
padding-right: 10px;
}

#header_search {
float:right;
width:160px;
margin:30px 18px 0 0;
}

#header_search.form {
float:right;
margin:0;
padding:0;
width:160px;
}
.search-box{ /*outer background*/
height: 16px;
padding: 0;
width: 160px;
}

input.search-field{ /*input field */
float: left;
border:1px solid #a5acb2;
margin:0;
font-size: 11px;
padding: 2px 2px 2px 2px;
height:11px;
width: 130px;
background: #ffffff; url(/images/global/search-form.png) no-repeat top left;
}

input.search-go { /*search icon */
float:left;
border:0;
margin:0;
padding:0;
margin-left: 5px;
height: 16px;
width: 16px;
background: url(/images/global/search-icon.png) no-repeat top left;
cursor: pointer;
}

input.search-go:hover{ /*search icon hover “Does Not work in ie6? */
background:url(/images/global/search-icon.png) no-repeat bottom left;
}

.linklove {
display:none;
}

.nocomments {
display: none;
}

.bookmark {
display: none;
}

#main {
float : left;
padding : 5px 30px 50px 0;
width : 565px;
}

#sidebar {
font-size: 11px;
float : left;
width : 140px;
margin : 0 0 10px 0;
padding : 90px 30px 50px 15px;
}

#sidebar ul, #sidebar ul li {
margin: 0;
padding-left: 0;
list-style: none;
}

#sidebar ul li {
padding-top: 5px;
padding-bottom: 5px;
border-bottom:1px solid #e4ded0;
}

#sidebar ul a {
text-decoration: none;
}
#sidebar ul a:hover {
color : #779550;
text-decoration : none;
}

#sidebar li ul {
left:12px;
position:relative !important;
}

#sidebar li ul li {
border-bottom:0;
padding-bottom: 0;
list-style-type: square;
list-style-image: url(/images/global/arrow_subnav.gif)
}

#rightbar {
float: right;
width: 186px;
margin: 0;
padding: 89px 14px 50px 0;
background-color : #dcdfb0;
}
#rightbar h1 {
font : 12px;
font-weight: bold;
}
#rightbar h2 {
margin : 0 0 0 0;
padding : 1px 0 0 4px;
font-weight: bold;
}
#rightbar ul.rightmenu {
list-style : none;
}
#rightbar ul.rightmenu li {
margin-bottom : 0;
}
#rightbar ul.rightmenu a {
display : block;
color : #444444;
text-decoration : none;
padding : 2px 0 2px 4px;
min-height : 8px;
}
* html body #rightbar ul.rightmenu a {
height : 8px;
}
#rightbar ul.rightmenu a:hover {
color : #779550;
text-decoration : none;
}
#footer {
background-color:#FFFFFF;
background-image:url(/images/global/footer_background.gif);
background-repeat:repeat-x;
height:55px;
overflow:hidden;
clear: both;
}

#footer_nav {
float:left;
margin:5px 0 0 0;
}

#footer_nav a {
color: #999999;
text-decoration: none;
}

#footer_nav a:hover{
color: #779550;
}

#footer_nav li {
font-size: 11px;
display: inline;
list-style-type: none;
padding-right: 10px;
}

#menu {
clear : both;
margin : 0;
padding : 0;
background-image:url(/images/global/dropdown_bgd.gif);
background-colour: #95ab89;
background-repeat:repeat-x;
height:31px;
line-height:1em;
margin-left:auto;
margin-right:auto;
position:relative;
width:980px;
z-index:100;
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.align-center {
text-align : center;
}
.align-justify {
text-align : justify;
}
.clear {
clear : both;
}
.block {
display : block;
}
.hide {
display : none;
}
.blue {
color : #3791d7;
}
.red {
color : #c90000;
}
.orkut {
color : #c429a1;
font-weight : bold;
font-family : arial;
font-size : 13px;
}
.myspace {
color : #1d4b9d;
font-weight : bold;
font-family : arial;
font-size : 13px;
}
.hi {
color : #0078c1;
font-weight : bold;
font-family : arial;
font-size : 13px;
}
.five {
color : #fcb033;
font-weight : bold;
font-family : arial;
font-size : 13px;
}
.facebook {
color : #3b5998;
font-weight : bold;
font-family : arial;
font-size : 13px;
}
.friendster {
color : #9d9d9d;
font-weight : bold;
font-family : arial;
font-size : 13px;
}
.ibibo {
color : #018cce;
font-weight : bold;
font-family : arial;
font-size : 13px;
}
.tagged {
color : #000000;
font-weight : bold;
font-family : arial;
font-size : 11px;
}
.indyarocks {
color : #000000;
font-weight : bold;
font-family : arial;
font-size : 13px;
}
.date {
color : #c90000;
font-family : arial;
}
.showImages {
text-align : center;
}
.showImages img {
margin : 0 0 5px 0;
}
.pagination, .backButton {
font-family : Tahoma, Arial;
font-size : 22px;
font-weight : bold;
color : #c90000;
}
.pagination a, .pagination a:visited, .backButton a, .backButton a:visited {
position : relative;
top : 4px;
font-family : Tahoma, Arial;
font-size : 11px;
font-weight : bold;
text-decoration : none;
padding : 0 0.55em 0 0.55 em;
color : #656565;
background : #fff;
border : 2px solid #d4d0c8;
}
.pagination a:hover, .pagination a:active, .backButton a:hover, .backButton a:active {
border : 2px solid #c90000;
color : #c90000;
}
.showImageTextBox {
width : 480px;
font-family : Tahoma, Arial;
font-size : 11px;
background : #fff;
border : 1px solid #656565;
overflow : hidden;
}
.showImageTextBox1 {
width : 480px;
height : 40px;
font-family : Tahoma, Arial;
font-size : 11px;
background : #fff;
border : 1px solid #656565;
overflow : hidden;
}
.showImageTextBox2 {
width : 300px;
height : 45px;
font-family : Tahoma, Arial;
font-size : 11px;
background : #fff;
border : 1px solid #656565;
overflow : hidden;
}
.thumbImage {
border : 5px solid #a4b1c8;
}
.posthidden {
display : none;
width : 480px;
font-family : Tahoma, Arial;
font-size : 11px;
background : #fff;
border : 1px solid #656565;
overflow : hidden;
}
.postshown {
display : inline;
width : 480px;
font-family : Tahoma, Arial;
font-size : 11px;
background : #fff;
border : 1px solid #656565;
overflow : hidden;
}
#dropmenudiv {
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
border-top : 1px solid #ccc;
border-bottom : 0 solid #ccc;
position : absolute;
background-color : #fff;
line-height : 20px;
z-index : 100;
color : white;
font-style : normal;
font-variant : normal;
font-weight : normal;
font-size : 12px;
font-family : Verdana;
}
#dropmenudiv a {
width : 100%;
display : block;
text-indent : 3px;
border-bottom : 1px solid #ccc;
padding : 1px 0;
text-decoration : none;
font : 11px Tahoma, Arial;
color : #656565;
}
#dropmenudiv a:hover {
background-color : #f2f2f2;
border-bottom : 1px solid #ccc;
padding : 1px 0;
text-decoration : none;
font : bold 11px Tahoma, Arial;
color : #c90000;
}
.navlist li {
list-style-type : square;
width : 135px;
background-color : #ffffb9;
}
div.c3 {
margin-left : 2 em;
}
div.bookmark {
text-align : center;
}
p.c2 {
text-align : left;
}
span.c1 {
font-family : 'Trebuchet MS', Tahoma, Arial, Sans-serif;
font-size : 1.3 em;
font-weight : bold;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.wp-caption  {
border : 1px solid #ddd;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption-dd {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
.navigation {
display : block;
text-align : center;
margin-top : 10px;
margin-bottom : 60px;
}
.commentlist li .avatar {
float : right;
border : 1px solid #eee;
padding : 2px;
background : #fff;
} 

div.blueBarContainer {
background-color: #569b9d;
height:25px;
}

div.greenBarContainer {
background-color: #82c727;
height:25px;
}

div.orangeBarContainer {
background-color: #ebb100;
height:25px;
}

div.blueBar, div.greyBar, div.orangeBar, div.greenBar {
color:#FFFFFF;
font-weight:bold;
margin:0;
padding:4px 0 0 10px;
}

div.rightInset {
padding: 10px;
}

/* Homepage Theme Setting */
#leftBox a, #rightBox a {
text-decoration: none;
}

#leftBox a:hover, #rightBox a:hover {
text-decoration: underline;
}

#leftBox ul, #rightBox ul {
margin:0 ;
padding: 0;
}

#leftBox ul li, #rightBox ul li {
background: url(/images/global/square_bullet.gif) no-repeat scroll 0 6px;
list-style-type:none;
padding:0 0 0 10px;
}

#leftBox {
float:left;
width: 563px
background-color: #2c431f;
padding: 15px 13px 15px 15px;
}

#heroImage {
width: 563px;
height: 186px;
margin-bottom: 13px;
background-color: #000;
}

#alpha {
float:left;
width: 163px;
height: 273px; /* Couldn't figure out how to extend the boxes to the same level: the Header image */
}              /* always pushed down, so I've just hacked the heights to 300-header image height  */

#alphaBody {
background-color: #c4e4e3;
height: 100%;
padding: 10px;
}

#bravo {
float:left;
margin-left: 13px;
width: 187px;
height: 247px; 
}

#bravoBody {
background-color: #bee973;
height: 100%;
padding: 10px;
}

#charlie {
float:left;
margin-left: 13px;
width: 187px;
height: 222px;
}

#charlieBody {
background-color: #e9d26a;
height: 100%;
padding: 10px;
}

#lowerBox {
clear: both;                     /* Again because the even height of the boxes above is a fudge, */
padding: 60px 15px 15px 0;    /* this is necessary to push down beneath the panels */
margin-top: 10px;                /* IE likes the margin */
width: 530px;
}

#rightBox {
float:left;
padding-top: 15px;
width: 389px;
}

#mainColumn {
float:left;
width: 176px;
padding-right: 13px;
padding-bottom: 22px;
}

#mainColumn strong {
color: #888;
}

#rightColumn {
float:left;
width: 170px;
padding: 0 13px 15px 12px;
}

#deltaBody {
padding-top: 10px;
padding-bottom: 10px;
}

/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.requiredFootnote {
font-size:0.85 em;
line-height:1.2 em;
margin:0;
padding:0 0 15px 0;
}

.required {
color:#779550;
}

#form_container {
   margin:0 auto 0 -10px; 
   width: 565px;
   background:#f1eee7;
}

.cform { 
   width: 565px;
   color: #444444;
   padding-top: 15px;
   font-size: 12px;
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:5px 10px 0 0; 
	border:1px solid #a5acb2; 
	background:#ffffff; 
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	margin-left:10px;
	padding: 0 2px; 
	font:normal 20px Times;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important;
}

ol.cf-ol li	{
	background:none; 
	margin:5px 0!important;
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.35em;
}

/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	background:#F0F0F0 !important;
	letter-spacing:1px;
	margin:10px 0pt !important;
	padding:5px 0pt;
	text-align:center;
}

/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
        font-family:Arial,Helvetica,sans-serif;
        font-size:12px;
        color: #554433;
	width:130px; 
	margin:0px 9px 0 25px; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:right;
	vertical-align:top;
}

.cform li span {
       color: #444444;
}




.cform label span {
	width:130px; /* must be the same as above!*/
	display:block; 
}




label.cf-before {
	margin:4px 10px 0 0; 
}




label.cf-after 	{
	margin:4px 15px 0pt 6px;
	text-align:left;
	width:130px;
}




label.cf-after span {
	width:130px;
	display:block;
}




label.cf-group-after {
	margin:3px 4px 0 2px;
	width:72px;
	text-align:left;
}
label.cf-group-after span {
	width:72px;
	display:block;
}




/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */


#cformsform {
       background: #EEEFE0;
}

.cform input,
.cform textarea,
.cform select { 
	padding:3px;
	background: #f9f9f9; 
	border: 1px solid #888888; 
	vertical-align:top;
}




.cform textarea {
	width:300px; 
}




.cform input {
	width:200px; 
}
.cform select {
	width:158px; /* attempt to have equal length */
	padding:2px 0;
}  


.cform select.cfselectmulti	{ 
	height:7.5 em; 
}




.cform textarea {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px;
	overflow:auto;
}


/*                                                    */
/*   radio button title                               */
/*                                                    */


ol.cf-ol li.cf-box-title {
	padding:0 0 0 165px; /* check with label 'width' incl. */
        width: 330px;
}


/*                                                    */
/*   check boxes                                      */
/*                                                    */


.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	margin:2px 0 0 0; 
	width:14px;
	height:22px;
	border:none!important;
	background:none!important; 
}
#554433
.cform input.cf-box-a 	{ 
	margin-left:140px; /* check with label 'width' incl. */
} 





/*                                                    */
/* check box groups                                   */
/*                                                    */


ol.cf-ol li.cf-box-group {
	margin:0 0pt 0px;
	padding-left: 165px; 
} 

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
        color: #cc3333!important;
	margin:0 0 0 5px;
	font-size:11px;
	display: -moz-inline-box; 
	vertical-align:top;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
background-color:#A3A870;
border-top: 1px solid #ffffff;
font-size:11px;
height:35px;
padding:9px 10px 0 0;
text-align:right;
margin-top: 25px;
}

#sendbutton {
cursor: pointer;
}
#sendbutton:hover{
color: #779550;
}