/* .custom a, .custom a:link {
     color: #0D5902;
}

.custom a:visited {
     color: #97ae84;
}

.custom a:hover {
     color: #002600;
}

body.custom {
     background: #21455f;
}
*/
.custom #hgp_text_ads {
	color: #00ff00
}
/*added following to allow for padding around teaser thumbnails

Looks like images inserted with this get a tfe class, which is nice. If we presume they are in the teasers area, then we could do this, adjusting the em values to whatever looks decent, and remembering that the 0 0 0 0 shorthand goes "top right bottom left" in terms of "from left to right" - clockwise.

*/
div.format_teaser img.tfe {margin: 0em .5em .5em 0em;}

.custom #container {
     margin-top: 2em;
     margin-bottom: 2em;
     padding: .3em;
     background: #33332f;
     border: .4em solid #3e3e3a;
}

/*
.custom #page {
     background: #fff;
}
*/
/*not working */
.custom #sidebar #h3 {
font-weight:bold;
}


.custom blockquote {
/* font: 18px/20px normal Tahoma, sans-serif; */
  padding-top: 22px;
  margin: 20px;
  background-image: url(images/openquote3.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 65px;
  }
.custom  blockquote span {
    display: block;
    background-image: url(images/closequote3.gif);
    background-repeat: no-repeat;
    background-position: bottom right; 
} 
/* 
.custom ul.menu {
     border-color: #21455f;
}

.custom ul.menu li a {
     color: #CACAD6;
}

.custom ul.menu li {
     background: #21455F none repeat scroll 0 0;
     border-color: #21455f #21455f #FFFFFF -moz-use-text-color;
     border-style: solid solid solid none;
     border-width: 1px 1px 1px 0;
     float: left;
     margin-bottom: -.1em;
}

.custom ul.menu li.current_page_item a, .custom ul.menu .tab.current a {
     background-color: #FFF;
     color: #000;
     border-color: #FFF #FFF #FFF -moz-use-text-color;
     border-width: 1px 1px 1px 0;
     float: left;
     margin-bottom: -.1em;
}

.custom ul.menu li a:hover, .custom ul.menu li.current_page_item a:hover, .custom ul.menu li.current-cat a:hover {
     background-color: #CACAD6;
     color: #000;
     text-decoration: none;
}
*/
.custom #hgp_box
{
width: 100px;
border: 5px;
padding: 20px;
position:relative;
left:20px
}

/* WORDPRESS IMAGE CAPTIONS */
.format_text .alignleft { margin: 0 1.571em 1.571em 0; float: left; clear: left; }
.format_text .alignright { margin: 0 0 1.571em 1.571em; float: right; clear: right; }
.format_text .aligncenter { display: block; margin: 0 auto 1.571em auto; float: none; clear: both; }
.format_text .alignnone { display: block; margin: 0 auto 1.571em 0; clear: both; }
.format_text .wp-caption { background-color: #F3F3F3; border: 0.071em solid #CCC; text-align: center; padding: 0.714em; }
.format_text .wp-caption p { font-size: 0.786em; margin-bottom: 0; }

/*hide podpress in teaser
from http://diythemes.com/forums/showthread.php?p=43257#post43257 */
.custom .teaser .podPress_content {display:none;}

/* hide nrelate in teasers
.custom .teaser .nrelate_default {display:none;}
*/
.custom .teaser .nrelate_default .nr_row_2 {display:none;}
.custom .teaser .nrelate_default .nr_row_3 {display:none;}

.custom #hgp_call {
	float: right; 
	padding-left:10px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:10px; 
  }

.custom #hgp_call_txt  {
	color:#555555;
	font-variant:small-caps;
	letter-spacing:2px;
	font-weight:normal;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.2em;
	line-height:1.385em;
	margin-bottom:0.692em;
	float:left;
  }
/*  
.custom .headline_area {
float:left;
margin-right:300px;
}
*/
/*Brian's little floatng text box thing
usage.....
main text of the post goes here
<div class="inpostbox">stuff in the box goes here</div>
rest of the post goes here

<p class="note">Your note text goes here!</p>
<p class="alert">Your alert text goes here!</p>
<p class="alert">Your alert text goes here!</p>


 */
.inpostbox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#97AE84 none repeat scroll 0 0;
clear:both;
margin-bottom:30px;
margin-top:35px;
padding:10px 15px 5px 45px;
position:relative;}
.inpostbox a:link    { color: #21455F ; } /* Darker blue */
.inpostbox a:hover   { color: #FFFFFF; } /* white */
.inpostbox a:visited   { color: #FFFFFF; } /* white */

/* The following is to create DIYChatroom landing page */ 
.custom .diyc #menu {display:none;}
.custom .diyc #tabs {display:none;}
.custom .diyc .menu .tab-1 {display:none;}
.diyc .menu .tab-1 {display:none;} /*this works globally*/

/* searchbox mod 
.custom .text_input {
height:17px;
width:279px;
font-size:1.2em;
letter-spacing:2px;
text-transform:uppercase;
padding:0.667em 0.833em;}
*/

.custom .text_input {
	background-color: #fff;
	font-family: arial;
	font-size: 1.2em; 
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px;
	margin-left: 35px; margin-top: 6px;
	padding: 2px;
	width: 175px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	border-radius: 		5px;
	}
	
.custom .menu {
background-color:#21455F;
}

.custom #custom_box {
font-size:1.1em;
line-height:1.385em;
margin-bottom:0.692em;
font-variant:small-caps;
letter-spacing:2px;
font-weight:normal;
color:#555555;
font-family:Georgia,"Times New Roman",Times,serif;}
.custom .custom_box {
font-weight:normal;
border:medium none;
background:none repeat scroll 0 0 #FFFFFF;}

.custom .sub_button a img {
/* display:none; */
padding: 10px 39px 0px 0px;
}
.custom #multimedia_box {
margin-bottom: 0em;
}
/*.custom .top_special_button {           Changed to add Deere button*/
/* margin-left: 19px; */
/* height: 77px */
/* } */

/*.custom .top_special_button {*/
/* margin-left: 19px; */
/*height: 58px*/
/*}*/

/* .custom .hgp_banner {
height: 100px;
}
*/

.custom #header {
padding-bottom: 1em;
padding-top: 1em;
}
.custom #feature_box {
padding-top: 1.1em;
}
/*
HGP Sprite!
*/

.hgp_sprite{
	background-image:url(/wp-content/media/hgp_sprite.png);
	background-repeat:no-repeat;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

.Basement_Small{height:70px;width:165px;background-position:0 0;float:right;}
.Energy_Small{height:70px;width:165px;background-position:-165px 0;float:right;}
.Facebook_Small{height:70px;width:165px;background-position:0 -70px;}
.HandyguysBanner_375x100{height:100px;width:375px;background-position:0 -140px;float:left;}
.RSS_Small{height:70px;width:165px;background-position:-165px -70px;}
.Tools_Small{height:70px;width:165px;background-position:0 -240px;float:right;}
.YouTube_Small{height:70px;width:165px;background-position:0 -310px;}
.email_Small{height:70px;width:165px;background-position:0 -380px;}
.iTunes_Small{height:70px;width:165px;background-position:-165px -240px;}
.twitterbutton{height:70px;width:165px;background-position:-165px -310px;}
.zunelogos{height:63px;width:165px;background-position:-165px -380px;}

.custom #myhurricane{
width: 500px;
height: 700px;
}

/* This is to pad the DCG image gallery right a bit to acomodate the wider theme setting */
.custom #feature_box{
padding-left: 3em;
}



/* for masonary 
.prev_next { position: absolute; bottom: -25px; width: 100%; }
#content { padding-bottom: 30px; position: relative; }
.teaser { padding: 5px; margin: 6px; background: #eee; }
.custom .teasers_box { position:relative; width; 100%; padding: 0; margin: 0;}
*/