/*
Theme Name: Fremont County Wildfire
Description: Theme designed for Fremont County Wildfire.
Author: Wyolution.com 
Version: 1.0
*/
/*
The text colors are:
- Dark brown main body copy: R35 G27 B12 (231b0c)
- Burnt Umber subheads of main body copy: R110 G42 B12 (6e2a0c)
- Orange Text: R199 G75 B21 (c74b15)
Gold background: R197 G153 B75 (c5994b)
Brown side bar: R57 G45 B21 (392d14)
Background: R181 G181 B108 (b5b56c)
Green Text: R165 G165 B47 (a5a52f)
The dark blue for the communities is R24 G49 B90 (18315a)
content link red (a61010)
*/
html, body, div {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}

body {  
    background-color: #303030;
    font: 10pt/14pt 'Lucida Grande',Verdana,Helvetica,sans-serif;
    margin: 0;
}
/* -- layout --------------------------- */
#wrap {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #000;
    margin: 10px auto 0px auto;
    width: 959px;
    background: url("images/wrap_home_fill_bg2018.jpg") repeat-y;
}
.community #wrap {
    background: url("images/wrap_communitites_fill_bg2018.jpg") repeat-y;
}
#wrapOverlay {
    background: none repeat scroll 0 0 transparent;
    width: 959px;
    background: url("images/sections/wrap_overlay_home_bg2018.jpg") no-repeat;
}
.section #wrapOverlay {
    background: url("images/wrap_overlay_section_bg2.jpg") no-repeat;
}
.homestead           #wrapOverlay { background: url("images/wrap_overlay_homestead_bg.jpg") no-repeat;}
.unionpass           #wrapOverlay { background: url("images/sections/wrap_overlay_communities_bg2018.jpg") no-repeat;}
.section_events      #wrapOverlay { background: url("images/sections/wrap_overlay_events_bg2018.jpg") no-repeat;}
.section_newsletter  #wrapOverlay { background: url("images/sections/wrap_overlay_newsletter_bg2018.jpg") no-repeat;}
.section_stewardship #wrapOverlay { background: url("images/sections/wrap_overlay_mitigation_bg2018.jpg") no-repeat;}
.section_landscaping #wrapOverlay { background: url("images/sections/wrap_overlay_landscaping_bg2018.jpg") no-repeat;}
.section_homedesign  #wrapOverlay { background: url("images/sections/wrap_overlay_homedesign_bg2018.jpg") no-repeat;}
.section_communities #wrapOverlay { background: url("images/sections/wrap_overlay_communities_bg2018.jpg") no-repeat;}
.section_contactus   #wrapOverlay { background: url("images/sections/wrap_overlay_contactus_bg2018.jpg") no-repeat;}
.section_home        #wrapOverlay { background: url("images/sections/wrap_overlay_home_bg2018.jpg") no-repeat;}

#headerMenuBar {
    height: 59px;
    width: 959px;
}
.home #headerHeroPic {
	height:330px;
	width:959px;
}
.home #headerHeroPic div {
	line-height: 330px;
	text-indent: -9999px; 
}
.section #headerHeroPic {
	height:174px;
	width:959px;
	text-indent: -9999px; 
}
.section #headerHeroPic div {
	line-height: 174px;
	text-indent: -9999px; 
}
.home #subPageMenuBar {
	height:50px;
	width:959px;
}
.section #subPageMenuBar {
	height:36px;
	width:737px;
	margin-left: 222px;
	line-height: 36px;
}
#midPage {
    margin-top:35px;
    padding: 0;
    width: 959px;
}
#sidebar {
	float:left;
	margin-top: 100px;
	width:200px;
	padding:0px 10px 0px 10px;
}
.home #sidebar {
	margin-top:0px;
}

#content {
    margin: 10px 0px 0px 220px;
    padding: 0 20px 0 20px;
    width: 699px;
}


#footer{
    margin: 5px auto 10px auto;
    width: 959px;
    height: 50px;
}
	
/* -- menu nav styles ------------------ */
#topicNav {
	float: right;
	width: 530px;
	height: 12px; line-height:12px;
	margin: -30px 10px;
	color: #c5994b;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #000;
}
.community #topicNav {
	color: #b5b56d;
}

#topicNav ul, #siteNav ul, #footerNav ul { 
	list-style: none; 
	padding: 0px;
	margin: 0px;
}

#siteNav {
    color: #c5994b;
    display: inline;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 0px 25px;
    padding: 0;
    line-height: 59px;
    text-shadow: 2px 2px 2px #000;
    text-transform: uppercase;
}
#siteNav li, #topicNav li {
    border-right: 2px solid #c5994b;
    display: inline;
    margin: 0;
    padding-right: 10px;
    padding-left: 9px;
}
#topicNav li {
	float: right;
}
.section #topicNav li {
	border-color: #6e2a0c;
}
.community #topicNav li {
	border-color: #b5b56d;
}

#siteNav li:first-child {
    border:none;
    padding-right: 80px;
}
#siteNav li:last-child {
    border:none;
}
#topicNav li:first-child {
    border-right: none;
}
#siteNav .menu-item-36 {
	border-right: none;
}
#siteNav a, #topicNav a {
    color: #c5994b;
    text-decoration: none;
}
#siteNav a:hover, #topicNav a:hover {
	color: #c74b15;
    text-decoration: none;
}
/* -- subpage menu ---------------------- */
#subPageMenuBar .page-title, #subPageMenuBar .page-title a, #subPageMenuBar .page-title a:visited {
	font-family: Georgia;
	font-size: 1.2em;
	font-weight: bold;
	color: #c74b15;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #000;
	text-decoration: none;
	width:700px;
}
.home #subPageMenuBar .page-caption {
	font-family: Arial;
	font-size: 1.4em;
	line-height:1.3em;
	font-weight: bold;
	color: #c5994b;
	text-shadow: 2px 2px 2px #000;
	text-align: right;
	padding-right:20px;
}
.section #subPageMenuBar .page-caption {
	display:none;
}
.home #subPageMenuBar .page-menu {
	display:none;
}


.community #subPageMenuBar .page-title {
	color: #b5b56d;
}

#topics div.topic {
	display:none;
}
/* -- content styles ------------------- */
h1 {font-size: 1.5em;}
h2 {font-size: 1.1em;}
h3 {font-size: 1em;}
h4 {font-size: 0.9em;}
h1, h2, h3, h4 {
    color: #6e2a0c;
    font-family: Georgia;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 3px;
}
.community h1, .community h2, .community h3, .community h4 {
    font-family: Arial;
	color: #18315a;
}
#content a:link, #content a:visited {
    color: #a61010;
    text-decoration: none;
}
#content a:hover {
    color: #6e2a0c;
    text-decoration: underline;
}
#content a:hover {
    color: #6e2a0c;
    text-decoration: underline;
}
#content table, #content tr {
	border: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

#content th {
	background-color: #575656;
	color: #fff;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0px;
	padding: 3px;
	font-size: 0.8em;
	font-weight: bold;
}
#content td {
	background-color: #FFE8BF;
	color: #000;
	border-bottom: 1px solid #F38814;
	border-right: 1px solid #F38814;
	margin: 0px;
	padding: 3px;
	font-size: 0.8em;
}
#content img {
	border: 5px solid #fff;
}
#content img.alignleft {
	float: left;
	margin: 10px 10px 10px 0px;
}
#content img.alignright {
	float: right;
	margin: 10px 0px 10px 10px;
}
/* -- sidebar styles ------------------- */
#sidebar {
	color: #c5994b;
}
#sidebar h2, #sidebar h2 a, #sidebar .widget-title {
	font-family: Georgia, Helvetica;
	font-size:1.3em;
	color: #c74b15;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #000;
	text-decoration: none;
	margin-bottom: 2px;
	margin-top:0px;
}
#sidebar h2 a:hover {
    color: #6e2a0c;
}
#sidebar .widget-container {
	margin-bottom:10px;
}
#sidebar .recent_with_excerpt {
	margin-bottom:30px;
}
#sidebar .recent_with_excerpt .alignright {
	margin-right: 15px;
}
#sidebar .widget-container p,
#sidebar .widget-container blockquote
{
	margin:0;
}
#sidebar ul {
	margin-top: 0px;
	margin-left: 0px;
}
#sidebar ul li {
	list-style: none;
	margin-left: -39px;
}
#sidebar .widget_links ul li {
	list-style: square;
	margin-left:-25px;
	margin-bottom: 5px;
}
#sidebar a, #sidebar a:visited {
	color: #c5994b;
	text-decoration: underline;
}
#sidebar a:hover {
	color: #c74b15;
}
/* =Images
-------------------------------------------------------------- */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/* -- footer styles -------------------- */
#footer a, #footer a:visited {
	color: #c5994b;
	text-decoration: none;
}
#address {
    float: left;
}
#copyright {
    float: right;
    text-align: right;
}
#wyolution {
    padding-right: 30px;
    text-align: right;
    width: 936px;
}
/* -- utility -------------------------- */
.clearer {
	clear: both;
}

.kjo-link p {
	display: none;
}