/*
File: 			custom.css for Winston County Economic Development Partership
Coded: 			Greg Rickaby dESIGN for Kathy Jacobs Design & Marketing
Date: 			02/04/10
Author(s) URL: 	http://gregrickaby.com | http://kathyjacobs.com
Notes: 			All Thesis Elements are preceeded by: .custom 
Color Hexes: 
#8F3E33 (Dark Red)
#BAB29F (Tan)
#FFFF00 (Yellow)
#0FF (Blue)
*/



/* ---[Top Nav Menu]--- */
.tabs { /*overal size and placement of the div*/
	width: 400px;
	height: 25px;
	float: right;
	background-attachment: scroll;
	background-image: url(images/tabs-back.gif);
	background-repeat: repeat-x;
	background-color: #8F3E33;
	background-position: top;
}
ul#page_tabs { /*nix any bullets*/
	list-style: none;
}
ul#page_tabs li { /*place each nav item*/
	margin-bottom: -0.1em;
	float: left;
}
ul#page_tabs li.current_page_item, ul#page_tabs li.current-cat { /*style the "current" nav item*/
	padding-bottom: 0.1em;
	background: #FFF;
	border-bottom: 0;
}
ul#page_tabs li a { /*overall link styles and placement*/
	display: block;
	line-height: 1em;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 1.1em;
}
ul#page_tabs li a:hover { /*link hover style*/
	color: #FF0;
	text-decoration: underline;
}
/* ---[Header Area]--- */
.custom #header { /*nix header padding and margins*/
	height: 15px;
	padding: 0;
	margin: 0;
}

.custom #logo, #logo a { /*nix default logo area*/
	display: none;
}
.custom #tagline { /*nix tagline*/
	display: none;
}
#custom_header { /*set header height and width*/
	width: 100%;
}
#custom_header .custom_logo, #custom_header .custom_logo a { /*nix and padding*/
	padding-bottom: 0;
	margin-left:1.5em;
	margin-top: 12px;
	height: 50px;
	width: 450px;
	background-attachment: scroll;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	margin-bottom:-1.2em;
}

#social { /*overall social icons placement*/
	float: right;
	height: 32px;
	width: 400px;
	font-size: 13px;
	color: #8F3E33;
	margin-top: -20px;
}
#social .social_left { /*build left column for contact info*/
	float: left;
	width: 260px;
}
#social .social_right { /*build right column for social icons*/
	float: right;
	width: 110px;
}
/* ---[Main Menu Placeholder]--- */

#section_header ul { /*nix any bullets*/
	list-style: none;
}
#section_header li.widget ul li { /*nix any margins in the dropdown*/
	margin: 0;
}
#section_header .menu ul, #section_header .menu ul li { /*set the width of the dropdown menu*/
	width: 150px;
}
#section_header li.widget li ul { /*nix any margin in the dropdown*/
	margin: 0;
}
/* ---[Main Menu]--- */
.custom .menu { /*overall menu width, background, and placement*/
	float: left;
	width: 100%;
	background-color: #8F3E33;
	border: none;
}
.custom .menu a { /*menu links*/
	font-size: 10px;
	letter-spacing: 0px;
	padding: 5px 6px 5px 6px;
}
.custom .menu a:hover { /*menu links hover*/
	border: none;
}
.custom .menu .tab { /*add borders to each menu item*/
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #FFF;
}
/* ---[Breadcrumbs]--- */
#crumbs {
	font-size: 11px;
	padding: 10px 0px 10px 10px; /*10 padding top, 10 padding left*/
}
#crumbs a {
	font-size: 11px;
	color: #000; /*link color*/
}
#crumbs a:hover {
	text-decoration: underline; /*underline the links*/
}
/* ---[Content]--- */
.custom #page { /*add 10px margin to the top of the site and set border color*/
	margin-top: 10px;
	border: 6px solid #8F3E33;
}
.custom #content { /*overall content box size*/
	width: 65%;
	background-color: #FFF;
	height: 100%;
	margin-top: 1px;
}
.custom #content_box { /*give the content box a background color*/
	background-color: #BAB29F;
}
.custom .post_box { /*nudge the post box over*/
	padding-left: 9px;
}
.custom .post_box a { /*blue links in the post boxes*/
	color: #00F;
}
.custom .post_box a:hover { /*red hover links in the post boxes*/
	color:#AA0000;
	text-decoration:underline;
}
.custom .headline_area h1, .custom .headline_area h2 {
	line-height: 0em;
	font-weight:bold;
	font-size:2.2em;
	font-weight:bold;
	margin-top:0em;
	padding-bottom:0.25em;
}
.custom #archive_info p { /*nix 'category archives' text*/
	display: none;
}
.custom #archive_info h1 { /*style category archive listings text*/
	font-size: 3em;
	line-height: 2em;
}
.custom .wp-caption {
	background-color: transparent;
	border: none;
}
.custom .wp-caption p {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
	line-height:130%;
}
.custom .list {
	list-style-position: outside;
	list-style-type: square;
	padding-left:0.25em;
	
}
.custom #post-22 .headline_area {
	display: none;
	margin-bottom: 0;
	padding: 0;
}
.custom #post-22 .format_text {
	margin-top: -10px;
}
.custom #post-42 .headline_area {
	display: none;
	margin-bottom: 0;
	padding: 0;
}
.custom #post-98 .format_text {
	margin-top: -10px;
}
.custom #post-98 .headline_area {
	display: none;
	margin-bottom: 0;
	padding: 0;
}
.custom #post-42 .format_text {
	margin-top: -25px;
}
/* ---[Section Sidebar Widgets]--- */
.custom #text-9, #text-10, #text-11, #text-16, #text-17, #text-18, #text-21, #text-22, #text-23, #text-25, #text-26, #text-27, #text-31, #text-32, #text-33 { /*overall text widgets placement & style*/
	width: 274px;
	height: 186px;
	margin-left: 10px;
	padding: 15px;
	background-attachment: scroll;
	background-image: url(images/textwidget-back-long.gif);
	background-repeat: no-repeat;
	color: #FFF;
	overflow: hidden;
	margin-bottom:1.3em;
}

.custom #text-9 h3, #text-10 h3, #text-11 h3, #text-16 h3, #text-17 h3, #text-18 h3, #text-21 h3, #text-22 h3, #text-23 h3, #text-25 h3, #text-26 h3, #text-27 h3, #text-31 h3, #text-32 h3, #text-33 h3 { /*H3 style*/
	color: #FFF;
	letter-spacing: 0px;
	font-weight: bold;
	text-decoration: none;
}
.custom #text-9 h3 a, #text-10 h3 a, #text-11 h3 a, #text-16 h3 a, #text-17 h3 a, #text-18 h3 a, #text-21 h3 a, #text-22 h3 a, #text-23 h3 a, #text-25 h3 a, #text-26 h3 a, #text-27 h3 a, #text-31 h3 a, #text-32 h a3, #text-33 h3 a { /*H3 link style*/
	color: #FFF;
	letter-spacing: 0px;
	font-weight: bold;
	text-decoration: none;
}
.custom #text-9 a, #text-10 a, #text-11 a, #text-16 a, #text-17 a, #text-18 a, #text-21 a, #text-22 a, #text-23 a, #text-25 a, #text-26 a, #text-27 a, #text-31 a, #text-32 a, #text-33 a { /*link style*/
	color: #FFF;
	text-decoration: underline;
}
.custom #text-9 a:hover, #text-10 a:hover, #text-11 a:hover, #text-16 a:hover, #text-17 a:hover, #text-18 a:hover, #text-21 a:hover, #text-22 a:hover, #text-23 a:hover, #text-25 a:hover, #text-26 a:hover, #text-27 a:hover, #text-31 a:hover, #text-32 a:hover, #text-33 a:hover { /*link style*/
	color: #FF0;
	text-decoration: underline;
}
/* ---[Section Header & Footer]--- */ 
#section_footer { /*overall section footer placement*/
	border: none;
	height: 20px;
	padding-top: 6px;
	text-align: left;
	color: #FFF;
	background-attachment: scroll;
	background-image: url(images/footer-back.gif);
	background-repeat: repeat-x;
	background-color: #8F3E33;
}
#section_footer p { /*set font size for any text*/
	font-size: 11px;
}
#section_footer h3 { /*H3 style*/
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 6px;
}
#section_footer h3:hover { /*H3 hover*/
	color: #FFF;
	text-decoration: none;
}
#section_footer ul { /*nix any bullets*/
	list-style: none;
	line-height: 130%;
}
#section_footer li.widget ul li { /*nix the bottom margin for any widgets*/
	margin-bottom: 0;
}
#section_footer li a { /*link style*/
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
	border: none;
}
#section_footer li a:hover { /*hover style*/
	color: #FF0;
	text-decoration: underline;
}
/* ---[Homepage Footer]--- */
.custom #footer { /*overall placement*/
	height: 330px;
	border: none;
	background-attachment: scroll;
	background-image: url(images/footer-back.gif);
	background-repeat: repeat-x;
	background-color: #8F3E33;
}
#custom_footer { /*make all footer text align left*/
	text-align: left;
}
#custom_footer p { /*font size for any non-linking footer text*/
	font-size: 11px;
}
#custom_footer h3 { /*H3 style*/
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 6px;
}
#custom_footer h3:hover { /*H3 hover*/
	color: #FFF;
	text-decoration: none;
}
#custom_footer ul { /*nix any bullets*/
	list-style: none;
	line-height: normal;
}
#custom_footer li.widget ul li { /*nix bottom margin of unordered lists*/
	margin-bottom: 0;
}
#custom_footer li a { /*link styles*/
	color: #FFF;
	font-size: 13px;
	text-decoration: underline;
	border: none;
}
#custom_footer ul li ul li ul {
	margin-top:-0.05em;
	}
#custom_footer li a:hover { /*hover style*/
	color: #FF0;
	text-decoration: underline;
}
/* ---[Footer Columns]--- */
#column1 { /*overall placement and width of footer column*/
	float: left;
	width: 23%;
	padding: 5px;
}
#column2 { /*overall placement and width of footer column*/
	float: left;
	width: 23%;
	padding: 5px;
	margin-left: 10px;
}
#column3 { /*overall placement and width of footer column*/
	float: left;
	width: 23%;
	padding: 5px;
	margin-left: 10px;
}
#column4 { /*overall placement and width of footer column*/
	float: left;
	width: 23%;
	padding: 5px;
	margin-left: 10px;
}
/* ---[Footer Vanity Plate]--- */
#vanity { /*non-link text color*/
	text-align: left;
	font-size: 9pt;
	color: #FFF;
	clear: both;
}
#vanity a { /*link style*/
	color: #FFF;
	text-decoration: underline;
	border: none;
}
#vanity a:hover { /*hover style*/
	color: #FF0;
}



/*BEGIN KATHY STYLES*/
/*chamber members page styles*/
#chambermembers {
float:left;
width:250px;
}
#chambermembers h3 {
	color:#8F3E33;
	margin-top:0px;
	margin-bottom:10px;
	}
#chambermembers2 {
	float:right;
	width:250px;
	}
#chambermembers2 h3 {
	color:#8F3E33;
	margin-top:0px;
	margin-bottom:10px;
	}
#chambermembers h5{
	backgrounhd-image: url(../custom/images/dot.gif);
	padding-bottom:30px;
	font-size:12px;
	line-height:130%;
	font-weight:bold;
	padding-left:20px;
}
#chambermembers p {
	padding-left:20px;
	margin-top:-25px;
	}
#chambermembers2 h5{
	backgrounhd-image: url(../custom/images/dot.gif);
	padding-bottom:30px;
	font-size:12px;
	line-height:130%;
	font-weight:bold;
	padding-left:20px;
}
#chambermembers2 p {
	padding-left:20px;
	margin-top:-25px;
	}
/*Join page Table styles*/
.custom table.members {
font-size:12px;
}

/*images border*/
.format_text img {
	border:1px solid #883226;
	padding:8px;
	background-color:#EAE6DA;
	}
/*main section pages top image no border and no background color*/
.format_text img.alignnone {
	border:none;
	background-color:#fff;
	margin-top:-2em;
	margin-bottom:-2em;
	}

/*map on contact us page*/
.gmap {
    padding-left:15px;
	}

/*red feature box inside pages*/
.redbox {
	background-image:url(images/red-box.gif);
	background-repeat:no-repeat;
	clear: both;
	float: right;
	height: 200px;
	width: 200px;
	color:#fff;
}
.redbox h4 {
	color:#fff;
	padding-top:13px;
	padding-left:18px;
	margin-bottom:-10px;
	size:.95em;
	}
.custom .post_box .redbox a {
 	color:#fff;
	text-decoration:underline;
	}
.custom .post_box .redbox a:hover {
	color:#FFFF00;
	}
.custom .post_box .redbox a:visited {
	color:##EAE6DA;
	}
.redbox p {
	padding:5px 16px 16px 16px; 
	font-size:11.5px;
	line-height:150%;
	}
.redbox p.bottom {
    padding-bottom:0;
	}
.custom .redbox ul {
	font-size:12px;
	line-height:140%;
	margin-left:2em;
	padding-right:0.7em;
	padding-top:0.75em;
	padding-bottom:none;
	margin-top:0.8em;
	}
.custom .redbox li{
	padding-top:0.75em;
	}
 
 /*map image on economic development home page*/
 .format_text img.wp-image-109 {
 	background-color:#fff;
	border:none;
	}

/*header rows for tables on demographics page*/
.format_text .style3 {
	font-weight:bold;
	color:#fff;
	}
/*bullet styling in the main body*/
.custom #content_box li {
	margin-left:1em;
	}
.custom #content_box ul {
	margin-top:-.75em;
	}
.custom #content_box ul li ul {
	margin-top:.05em;
	}
.custom li.widget ul li  {
	margin-bottom:.255em;
	}
	
/*headers adjusted bottom margin to make up for bulleted lists and paragraphs */
.custom h4 {
	margin-bottom:.15em;
	}
.custom h1 {
	font-size:1.7em;
	font-weight:bold;
	margin-top:1.5em;
	padding-bottom:0.25em;
	}
	
/*makes sure print logo doesn't show up on screen*/
.custom #print-logo {display: none;}
.custom #print-footer {display: none;}