/*  
Theme Name: Hiking Blog 2015
Description: Nicole's 2015 Hiking Blog Theme. 
Version: 1.0
Author: nicole warnemuende
Author URI: http://nwarnemuende.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hikingblog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*resets*/
body, body * {
	box-sizing: border-box;	/* declared width = rendered width */
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
a {
	text-decoration: none;
}
/*end resets*/
/*standard css*/
html {
	color: #444;
	font-size: 16px;
	min-width: 800px;
}
body {
	font-family: arial, sans-serif;
	color: #1A2336;
	line-height: 1.4;
}
p {
	color: #444;/*used in tabula rasa--great option*/
	font-size: 16px;
	margin-bottom: 8px;
	margin-left: 8px;
}
h1{
	font-size: 37.897px;
	font-weight: 300;
	margin-bottom: 8px;
}
h2{
	font-size: 28.43px;
	font-weight: normal;
	margin-bottom: 8px;

}
h3{
	font-size: 21.328px;
	font-weight: normal;
	margin-bottom: 8px;
}
h4{
	font-size: 17.728px;
	font-weight: normal;
	margin-bottom: 8px;
}
ul {
	margin-left: 20px;	
	margin-bottom: 8px;
}
ul li {
	list-style-type: disc;
	margin-left: 26px;
	margin-bottom: 4px;
}
ol {
	margin-left: 28px;
	margin-bottom: 8px;
}
ol li {
	font-size: 16px;/*should be the same size as p*/
	margin-bottom: 4px;
	margin-left: 28px;
}
dl {
	margin-left: 8px;
	margin-bottom: 8px;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 20px;
	margin-bottom: 4px;
}
a{
	text-decoration: none;
}
a:link {
	color: #00651F;
}
a:visited {
	color: #00A9DE;
	text-decoration: none;
}
a:hover, a:focus {
	border-bottom: 1px solid #DDDDDD;
}
a img, img {
	border: none;
}
blockquote {
	font-style: italic;
	margin: 30px;
}
strong {		
	font-weight: bolder;
}
/*end standard css*/

/*header css*/
header#top-bar {
	background-color: #2D5B88;
	clear:both;
	float: left;
	height: 35px;
	min-width: 100%;
}
#logo-banner{
	clear: both;
	float: left;
	width: 780px;
}
#logo {
	float: left;
	font-style: normal;
	margin-top: 8px;
	width: 220px;
}
#logo h1 {
	color: #162648;
}
#logo a:hover {
	color: #162648;
	border-bottom: 1px solid #DDDDDD;
}
#logo a:visited, #logo a:link {
	color: #162648 !important;
	text-decoration: none;
}

/*nav css*/
nav a.hover, nav a.focus, nav a.current_page {
	color: #112C09;
	border-bottom: 1px solid #DDDDDD;
}
nav#nav-main{
	float: right;
	height: 100%;
	padding-top: 32px;
	width: 530px;
}
#nav-main ul{
	list-style-image: none;
}
#nav-main ul li{
	float: left;
	font-size: 10pt;
	list-style-type: none;
	padding-left: 8px;/*?*/
	text-align: center;
}
#nav-main a {
	color: #162648;
	font-weight: bold;
}
#nav-main a:hover,#nav-main a:focus, nav a.current_page {
	border-bottom: 1px solid #112C09;
}
nav li.current_page_item a {
	color: #B5A34C !important;
	border-bottom: 1px solid #DDDDDD;
}
nav li.last a {
	border-right: none;
	padding-right: 0;
}
/*end nav css*/
/*end header css*/

#wrapper {
	/*background-image: url('images/780grid.png');*/
	clear: both;
	width: 780px;
	margin: 0 auto;
}
#main {
	background-size: 100%;
	background-repeat: no-repeat;
	clear: both;
	float: left;
	width: 780px;
}
/*frontpage css*/
#main-image {
	float: left;
	margin-bottom: 20px;
	max-width: 780px;
}
#main-image img {
	width: 780px;
	height: 500px;
}
#features {
	clear:both;
	float: left;
	margin-bottom: 30px;
	width: 780px;
}
#feature-title, #latest-blogs-title {
	float: left;
	width: 100%;
	height: 55px;
}
#latest-blogs-title {
	margin-bottom: 10px;
}
#features h3, .index-latest-blogs h3, #latest-blogs-title h3 {
	color: #1A2336;
	font-weight: normal;
	text-align: center;
}
#features img {
	height:246.666px;
	width:246.666px;
}
#left-feature {
	clear:both;
	float: left;
	display: block;
	height: 246.666px;
}
.mid-features {
	display: inline;
	margin:  0 5px;
}

/*front page latest features*/
#latest-blogs {
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 780px;
}
#top-latest {
	float: left;
	margin-bottom: 20px;
	width: 780px;
}
#top-latest p {
	font-size: 14px;
	margin-left: 0px;
}
.front-blog-title {
	float: left;
	height: 45px;
	padding-top: 4px;
}
.front-blog-title a, .front-blog-title a:visited {
	color: #162468 !important;
}
.feature-description {
	float: right;
	width: 227.3875px;
}
.frontpage-latest-blog {
	border: 1px solid #DDDDDD;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	min-height: 215px;
	overflow: hidden;
	width: 380px;	
}
.latest-blog-image {
	height: 138.75px;
	float: left;
	width: 138.75px;
}
.latest-blog-image img{
	height: 138.75px;
	width: 138.75px;
}

h4.latest-blogs-title {
	color: #555555;
}
/*end front-page latest features*/
/*end latest features*/

/*meta data styling*/
.front-subhead {
	float: left;
	font-size: 14.4px;
	text-align: justify;
	padding-top: 5px;
	width: 220px;
}
#subhead-top-left img, #subhead-top-right img, #subhead-bottom-left img, #subhead-bottom-right img {
	margin-left: 3px;
	height: 9px;
	width: 9px;
}
.single-date {
	font-size: 18px;
	line-height: 1.6 !important;
}
.cat, .author, .comments{
	font-weight: bold;
	font-style: normal;
}
.front-date, .index-date, .single-date, .author-date, .category-date, .search-date {
	background-color: #DDDDDD;
	display: block;
	float: right;
	height: 60px;
	text-align: center;
	width: 60px;
}
span.date-span {
	font-size: 18px;
	line-height: 1.6;
	padding-top: 2px;
	margin-left: 5px;
}
span.month-year {
	font-size: 10px;
}
.meta {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}
/*end meta styling*/
/*end meta styling*/

/*footer styles*/
footer {
	background-color: #808080;
	clear: both;
	float: left;
	margin-top: 32px;
	height: 220px;
	min-width: 100%;
}
#footer-content ul li {
	list-style-type: none;
}
#footer-content ul li a {
	color: white;
}
footer a:hover, footer a:focus {
	border-bottom: 1px solid #939393;
}
#footer-content p a:hover, #footer-content p a:focus {
	border-bottom: none !important;
}
#footer-content {
	clear: both;
	margin: 0 auto;
	width: 780px;
}
#footer-left {
	clear: both;
	float: left;
	width: 380px;
}
.footer h4 {
	color: white;
	margin-bottom: 16px;	
	margin-top: 16px;
	text-align: center;	
}
.footer ul {
	padding-left: 4px;
}
.footer ul li {
	color: #442222;
	font-size: 13px;
	line-height: 1.5;
}
.footer a:visited {
	color: white;
}
.footer img {
	height: 41px;
	margin-left: 25px;
	width: 41px;
}
.footer-image {
	float: left;
	height: 47px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 60px;
}
.footer-image a:hover, .footer-image a:focus {
	border-bottom: none !important;
}
#footer-right {
	float: right;
	width: 380px;
}
#left-footer-left, #right-footer-left {
	float: left;
	width:180px;
}
#left-footer-right, #right-footer-right {
	float: right;
	width: 180px;
}
#copyright {
	clear: both;
	color: white;
	float: left;
	height: 25px;
	margin: 5px auto;
	text-align: center;	width: 100%;
}
#copyright ul li {
	display: inline;
	font-size: 14px;
	text-decoration: none;
}
/*end footer styles*/

/*index page only styles*/
#index-latest-blogs {
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 540px;	
}
#index-latest-blogs-title {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	clear:both;
	float: left;
	font-weight: normal;
	margin-bottom: 30px;
	padding-top: 15px;
	width: 780px;
}
#index-latest-blogs-title h3{
	color: #B5A34C !important;
	margin-bottom: 12px;
}
.index-post-latest {
	border: 1px solid #DDDDDD;
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 540px;
}
.index-first-image, .index-first-image img{
	float: left;
	height: 270px;
	width: 270px;
}
.index-latest-blog-title {
	color: #555555;
	float: left;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 30px;
	padding-left: 10px;
	padding-top: 15px;
	width: 200px ;
}
.index-latest-blog-title a, .index-latest-blog-title a:visited {
	color: #162468 !important;
}
.post-description {
	float: left;
	padding-left: 10px;
	text-align: justify;
	width: 240px;
}
.post-description p {
	margin-left: 0;
}

/*end index specific styles*/

/*single specific styles*/
#single-latest-blogs-title {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	clear:both;
	float: left;
	font-weight: normal;
	margin-bottom: 30px;
	padding-top: 15px;
	width: 780px;
} 
#single-latest-blogs-title h2, #search-title h2, #index-latest-blogs-title h2 {
	color: #B5A34C !important;
	margin-bottom: 12px;
}
#single-content, #archive-content {
	clear:both;
	float: left;
	width: 540px;	
}

#single-description-content {
	min-height: 400px;
}
#single-description-content img {
	margin-top: 5px;
	margin-bottom: 5px;
}
#single-description-content p {
	margin-left: 0px;
}
#single-content-image, #single-content-image img, .single-content-image, .single-content-image img {/**/
	height: 405px;
	width: 540px;
}
.single-latest-blog-title a {
	margin-bottom: 10px;
}
#single-description-content a {
	font-weight: bolder;
}
#single-description-content a:hover {
	color: #162648;
	border-bottom: 1px solid #DDDDDD;
}
#single-description-content ul li {
	font-style: italic;
	font-weight: 500;
}
#single-meta {
	clear: both;
	float: left;
	width: 540px;
}
.meta img{
	height: 15px;
	width: 15px;
}
/*end single specific styles*/

/*primary specific css*/
#primary {
	color: #1A2336;
	float: right;
	width: 210px;
}
.primary {
	margin-bottom: 10px;
}
#primary h4 {
	font-weight: bold;
	margin-top: 10px;
}
#primary h3, #primary label {
	font-weight: bold;
	font-size: 21.823px;
	margin-bottom: 8px;
}
#primary li {
	list-style-type: none;
	margin-bottom: 8px;
}
#primary ul {
	margin-left: 0px;
}
#primary ul li a {
	list-style-type: none;
	color: #555555;
}
#primary ul li {
	list-style-type: none;
	padding-left: 28px;
	margin-left: 0px;
}
#primary a:hover {
	color: #162648;
	border-bottom: 1px solid #DDDDDD;
}
#primary input {
	float: left;
	margin-bottom: 8px;
	margin-right: 4px;
}
input.search-field {
	line-height: 1.6;
}
#categories {	
	float: left;
	font-weight: normal;
	width: 200px;
}
select {
	height: 30px;
	width: 210px;
}
.widget {
	float: left;
	margin-bottom: 20px;
	width: 210px;
}
.widget ul li {
	list-style-type: none;
}
.widget-title {
	color: #1A2336;
}
.wu-search input {
	border: 1px solid #DDDDDD !important;
	border-radius: 0px !important;
	font-size: 16px !important;
	padding-left: 4px;
	width: 180px;
}
#search-title {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	clear:both;
	float: left;
	font-weight: normal;
	margin-bottom: 30px;
	padding-top: 15px;
	width: 780px;
} 
.excerpt {
	font-weight: normal;
}

#archives h3, #meta-information h3 {
	margin-bottom: 10px;
}
#meta-information, #primary-links {
	float: left;
	width: 209px;
}
/*end primary specific css*/

/*page specific styles*/
#page-content {
	border: 1px solid #DDDDDD;
	clear:both;
	color: #444;
	float: left;
	margin-bottom: 20px;
	min-height: 400px;
	width: 540px;	
}
#page-content p{
	margin-left:0;
	padding-left: 8px;
	padding-right: 8px;
}
#page-content h2 {
	margin-left: 5px;
}
#page-content a:link, #page-content {
	color: #00651F;
}
#page-content img {
	height: 190px;
	margin-left: 8px;
	margin-right: 8px;
	width: 190px;
}
#page-content-description {
	float: left;
	margin-top: 8px;
}
#page-content-description form.search-form {
	margin-left: 5px;
}
form.search-form h3{
	font-size: 21.328px;
}

#cntctfrm_contact_form {
	padding-left: 8px;
}
/*end page specific styles*/

#author-content, #search-content {
	clear:both;
	float: left;
	margin-bottom: 20px;
	min-width: 540px;
	max-width:540px;	
}

/*  ---------------  BEGIN WORDPRESS-GENERATED SELECTORS  ---------------  */		
		
div.hentry {
	margin-bottom: 20px;
}
.wp-caption-text  {
}
.alignnone {
	margin-bottom: 10px; 
}
.alignleft {	/* applies to floated images */
	float: left;
	margin: 0 10px 10px 0px ; 
}
.alignright { 	/* applies to floated images */
	float: right;
	margin: 0 0px 10px 10px; 
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#previous_image a, 
#next_image a {
	border-bottom: none; 
}
.attachment-thumbnail, 
.size-thumbnail {
	padding: 5px;
}
#gallery-box {
	clear: both;
	float: left;
	width: 780px;
	margin-bottom: 25px;
}
#gallery-box p {
	margin: 0px !important;
}
#comments-box,
#respond {
	clear: both; 	/* clears floated prev/next nav on comments.php template */	
}
#respond h3{
	margin-left: 5px;
}
	
/* COMMENTS */

#comments-head {
	border-bottom: 1px solid #ddd;
}
#comments-box ol,
#comments-box ul {
	list-style-type:none;
	padding-left: 0;
	margin-left: 0;	
}
#comments-box ol li {
	margin: 10px 0;
}
#comments-box cite {
	font-weight:bold;
	font-size: 13px;
}
.comment-author {
	margin-bottom: 2px;
}
.comment p {
	clear:both
}
.reply {
	font-size:10px;
}
.comment-meta {
	background-color: #FFFFFF !important;
	font-size:12px;
	height: 50px;
}
/*removed based on feedback 
#commentform p {
	font-size: 12px;
}*/
.avatar {
	float: left;
	margin: 0 10px 10px 0;
}
#content img.print {
	float: right;
	border: none;
	clear:both;
	margin-bottom: 20px;
}
#content object { 
	margin: 0 0 10px 0px ; 
}
	
#content pre {
	max-height: 300px;
	font-size: 12px;
	padding: 10px;
	margin: 10px 0px;
	overflow: auto;
}
.clear {
	clear:both;
}
					
/* POST ITEMS */
.post-box {
	border-bottom:1px solid #DDDDDD;
	margin-bottom:30px;
	padding-bottom:10px;
}

.postmetadata {
	float: left;
	font-style:italic;
	width: 460px;
}

.sticky {
	
}

.bypostauthor {
	
}

.read-more {
	font-style: italic;	
}

/* GALLERY ITEMS */
.gallery {
	margin: auto;
}
	
.gallery-item {
	float: left;
	margin: 5px 3px 5px 0;
	text-align: center;
}
	
#content p.smallattachment a, 
#content dl.gallery-item a {
	border-bottom: none;
}
	
#gallery-box img {
	height: 400px;
	width: 780px;
}
	
.gallery-caption {
	margin-left: 0;
}
	
#content p.wp-caption-text {
	margin-top: 10px;
	font-size: 12px;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}		
/*  ---------------  END WORDPRESS-GENERATED SELECTORS  ---------------  */		
/*  ---------------  WEATHER UNDERGROUND GENERATED SELECTORS ----------  */
input.wu-autocomplete {
	width: 50%;
}