/*
Theme Name: Great Eastern Trail
Theme URI: 
Author: Louise Briggs
Author URI: http://www.louisembriggs.com/
Description: Trail association website featuring maps, galleries, and more.
Version: 1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: tan, green, white, light, three-column, fluid-layout, responsive-layout, custom-menu, maps
Text Domain: 

Great Eastern Trail WordPress Theme © 2014 Louise Briggs
Great Eastern Trail is distributed under the terms of the GNU GPL
*/

/*** AVAILABLE STYLES ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/*** CSS RESET STYLES ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*** GLOBAL STYLES ***/
@font-face {
	font-family: typewriter;
	src: url(fonts/TYPEWR.woff);
}
@font-face {
	font-family: typewriter;
	src: url(fonts/TYPEWR.TTF);
}
@font-face {
	font-family: typewriter bold;
	src: url(fonts/TYPEWR_B.TTF);
}
@font-face {
	font-family: typewriter bold;
	src: url(fonts/TYPEWR_B.woff);
}
p {padding:8px 0px 8px 0px;}
ul {list-style-image: url(images/bullet.png);margin-left:30px;}
ul.xoxo, ul.display-posts-listing {list-style-image:none; margin-left:0px;}
#printlogo{display:none;}
a:link {color:#8F6238;}
a:visited {color:#8F6238;}
a:hover {color:#156931;}
a:active {color:#583C22;}
.clearr{clear:right;}
.clearl{clear:left;}
.clearb{clear:both;}
a[href $='.pdf'] { 
   padding-right: 20px;
   background: transparent url(images/pdficon.gif) no-repeat center right;
}
a[href $='/new-york/'], a[href $='/maryland/'], a[href $='/pennsylvania/'], a[href $='/virginia/'], a[href $='/west-virginia/'], a[href $='/kentucky/'], a[href $='/tennessee/'], a[href $='/alabama/'], a[href $='/georgia/'] { 
   padding-right: 20px;
   background: transparent url(images/googleicon.jpg) no-repeat center right;
}
#disclaimer {border:2px solid #156931;padding:10px; background-color:#eee;}
#disclaimer strong {color:#fff;background-color:#156931;font-weight:bold;display:inline-block;margin: -10px 5px 0 -10px; padding: 10px 10px 5px 5px;}
input#s {background:url(images/searchbox.jpg) top left no-repeat;width:169px;height:26px;border:none;outline:none;text-indent:5px;padding:0px;float:left;padding:5px 0px 5px 5px;}
input#searchsubmit {background:url(images/searchbutton.jpg) top left no-repeat;width:33px;height:36px;border:none;outline:none;margin-left:-7px;}
table#wp-calendar {padding:0px;margin:0px auto;width:265px;border:1px solid #E1C9B2;}
#wp-calendar caption {background-color:#005E20;color:#fff;font-weight:bold;padding:2px;}
#wp-calendar th {background-color:#F2DFBE;}
#wp-calendar td {border:1px solid #E1C9B2;padding:2px;}
#wp-calendar tfoot td {border:none;}
img#wpstats {display: none;}
/** IMAGES **/
.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	border: 1px solid #CCCCCC;
    	box-shadow: 0 0 2px 2px #F2DFBE;
    	margin-bottom: 1.5em;
    	margin-top: 10px;
    	padding: 10px 5px;
    	text-align: center;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 11px;
	padding-bottom:2px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/*** MOBILE SITE ONLY ***/
@media only screen and (max-width:640px) {
#map_canvas {width:300px;height:400px;}
#breadcrumbs {display:none;}
html {width: 100%;background:none;}
#wrapper {
	margin:0px auto;
	padding:0px;
	width:100%;
	position:relative;
}
body {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:100%;
	line-height: 125%;
    margin: 0;
    padding: 0;
    text-align: left;
}
h1 {
	background-color:#F2DFBE;
	color:#8F6238;
	display:block;
	font-size:140%;
	padding:10px 0px 10px 0px;
	margin-top:15px;
	border-top:3px solid #156931;
	border-bottom:1px solid #156931;
	clear:both;
}
h2 {
	font-size:130%;
	text-shadow:2px 2px #ccc;
	padding:10px 0px 10px 0px;
	color:#156931;
}
li.listing-item{
	clear:left;
}
li.listing-item a{
	font-size:130%;
	font-weight:bold;
	text-shadow:2px 2px #ccc;
	padding:10px 0px 10px 0px;
	color:#156931;
	text-decoration:none;
}
h3 {
	font-size:130%;
	text-shadow:2px 2px #ccc;
	padding:10px 0px 10px 0px;
	color:#000;
}
#galimagemobile {float:right;padding-left:5px;}
.wp-caption-text gallery-caption {width:250px;text-align:center;column-span:all; -webkit-column-span:all;}
#header { 
	background: none;
	width:100%;
	position:relative;
	text-align:center;
	margin:0px auto;
	padding:0px;
}
#mapimage {display:none;}
form.contact-form{width:100%;}
div.clear-form{clear:none;float:left;}
#site-title {
	width:292px;
	height:168px;
	text-align:center;
	margin:0px auto;
	padding:0px;
	background: url(images/logo_trans_small.png) no-repeat center top; 
}
#container {
	background-color:#fff;
	width:100%;
}
#footer {
	width:100%;
	position:relative;
	margin:0px auto;
	clear:both;
	font-size:80%;
	padding-top:10px;
	text-align:center;
}

#content {float:left;clear:both;width:100%;}
#content article {margin-top:-10px;padding:5px;}
#sidebar {clear:both;padding-left:0px;padding-right:0px;width:100%;}
#primary.widget-area ul li {text-align:center;}
#gallery-2{margin:0px auto;padding:0px;text-align:center;width:265px;}
#search {display:none;}
/** MOBILE MENU **/
#ham {
	height:32px;
	text-indent:62px;
	width:100%;
	background: url(images/ham5.png) 10px center no-repeat #156931; 
	text-decoration:none;
	padding:13px 0px 5px 0px;
	color:#fff;
	text-decoration:none;
	border-top:2px solid #000;
	border-bottom:2px solid #fff;
	box-shadow:0px 5px 5px #888888;
}
#menu{
    display:none;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    left: 0;
    padding: 0;
	margin-bottom:10px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1;
}
#menu img {
    margin: 0;
}
#menu ul li a {
    background:transparent url(images/white-right.gif) no-repeat right center;
	border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    padding: 8px 0 8px 10px;
    text-align: left;
    text-decoration: none;
}
#menu ul ul li a {color: #156931;font-size:14px;}
#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#menu ul li  {
	background-color:#156931;
	display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 50%;
}
#menu ul li:last-child {width:100%;}
#menu  li a:hover {
    color: #F2DFBE;
	text-decoration: none;
}
#menu  li li a:hover, #menu li li li a {
    color: #000;
    text-decoration: none;
}
#menu ul li ul {display: none;}
#menu ul ul li {
	background-color:#F2DFBE;
    display: block;
    position: relative;
	float:left;
	top: 0;
	z-index: 100;
	left:0px;
	width:200%;
}
#menu ul ul li:last-child {width:200%;}
#menu ul ul ul li, #menu ul ul ul li:last-child {width:100%;}
#menu ul li:nth-child(even) ul li {
    left: -100%;
}
#menu ul li:nth-child(even) ul li ul li {
    left: 0px;
}

}


/*** FULL-SIZED SITE ONLY ***/
@media only screen and (min-width:641px) {
#map_canvas {width:600px;height:500px;}
form.contact-form{width:60%;}
div.clear-form{clear:none;float:left;}
#breadcrumbs{
    list-style:none;
    margin:5px 0;
    overflow:hidden;
}
 
#breadcrumbs li{
    float:left;
    margin-right:5px;
}
 
#breadcrumbs .separator{
    font-weight:bold;
    font-size:15px;
    color:#999;
}
#wrapper {
	margin:0px auto;
	padding:0px;
	width:1065px;
	position:relative;
	background-attachment:fixed;
}
html {
	margin: 0;
    padding: 0;
	width:100%;
	height:100%;
	background: url(images/bg.jpg) repeat-x center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
body{
	font-size: 90%;
	line-height: 150%;
    	margin: 0;
   	padding: 0;
    	text-align: left;
	color:#333;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
}
#galimagemobile {display:none;}
h1, h2, h3, h4, h5, h6 {font-family:typewriter bold,"Lucida Console", Monaco, monospace;}
h1 {
	background-color:#F2DFBE;
	padding:15px 5px 15px 5px;
	font-size:1.3em;
	color:#8F6238;
	display:block;
}
h2 {
	font-size:1.2em;
	padding:10px 0px 10px 0px;
	color:#156931;
	text-shadow:2px 2px #ccc;
}
li.listing-item{
	padding:10px 5px 10px 0px;
	clear:left;
}
li.listing-item a{
	font-weight:bold;
	font-size:1.2em;
	color:#156931;
	text-decoration:none;
	text-shadow:2px 2px #ccc;
}
h3 {
	font-size:1.2em;
	padding:10px 0px 10px 0px;
	color:#000;
	text-shadow:2px 2px #ccc;
}
#header { 
	background: url(images/header.jpg) top center no-repeat;
	box-shadow: 0 0 8px 4px #666;
        border:1px solid #666;
	width:1065px;
	height:300px;
	position:relative;
	margin:0px auto;
	padding:0px;
}
#site-title {
	width:298px;
	height:299px;
	background: url(images/logo_trans.gif) no-repeat left top; 
}
#container {
	background-color:#fff;
	opacity:0.9;
	margin-top:10px;
	box-shadow: 0 0 8px 4px #666;
        border:1px solid #666;
	float:left;
	width:100%;
}
#footer {
	width:1065px;
	position:relative;
	margin:0px auto;
	padding-top:10px;
	clear:both;
	text-align:center;
}
#content {width:75%;float:left;position:relative;padding:20px 0px 20px 0px;}
#sidebar {width:270px;float:right;padding:80px 0px 0px 5px;}
#sidebar #primary.widget-area ul li {padding-bottom:10px;}
#search {float:right;height:36px;margin:-38px 5px 0px 0px;}
#searchform label {color:#000;}

/** MENU **/
#ham {display:none;}
#menu {
    background: url(images/leftnavbg.jpg) top left no-repeat;
    width:23%;
    min-height:666px;
    font-family:typewriter bold,"Lucida Console", Monaco, monospace;
    float: left;
    height: auto;
    left: 0px;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 1;
}
#menu img {
    margin: 0;
}
#menu ul li a {
    color: #000;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    height: auto;
    line-height: normal;
    padding: 10px;
    text-align: right;
    text-decoration: none;
}
#menu ul li ul li, #menu ul li ul li ul li {margin-bottom:0px;}
#menu ul li ul li a, #menu ul li ul li ul li a {
	margin-left:5px;
        background:url(images/bullet2.png) no-repeat center left;
        text-align:left;
        padding-left:30px;
}
#menu ul {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
}
#menu ul ul, #men ul ul ul {margin-top:0px;}
#menu ul li {
    background: url(images/leftnav2.jpg) top left no-repeat;
    float: left;
    left: 0px;
    list-style: none outside none;
    position: relative;
    width:220px;
    margin-bottom:10px;
}
#menu li a:hover {
    color: #156931;
    text-decoration: none;
}
#menu ul li ul, #menu ul li ul li ul {
    display: none;
}
#menu ul li:hover ul  {
    color: #333333;
    display: block;
    left: 220px;
    position: absolute;
    top: 0;
    width: 225px;
    z-index: 100;
}
#menu ul *:hover ul ul {
    visibility: hidden;
}
#menu ul *:hover ul *:hover ul ul {
    visibility: hidden;
}
#menu ul *:hover ul *:hover ul {
    visibility: visible;
}
#menu ul *:hover ul *:hover ul *:hover ul {
    visibility: visible;
}
}