/*
Theme Name: London Hiker
Theme URI: http://londonhiker.com
Author: Andrew Bowden
*/

body { 
	margin : 0 ; 
	padding : 0 ; 
	font-size : 95% ; 
}
div,form { 
	margin : 0 ; 
	padding : 0 ; 
}
div.signupbox { 
	clear : both ; 
}
dt { 
	font-weight : bold ; 
}
dd, li { 
	margin-bottom : 1em ; 
}
.hidden { 
	display : none ; 
}
.clear { 
	clear : both ; 
}    
a:link, a:active, a:visited, a:hover { 
	text-decoration : underline ; 
}
a img { 
	border : none ; 
}
small { 
	font-size : 0.8em ; 
}
big { 
	font-size : 1.25em ; 
}
label { 
	display : block ; 
}
p.xmlfeed img {
	display : inline ; margin : 0 5px -4px 0; 
}
p,h3,h4,h5 { 
	margin : 0 0 1em 0 ; 
}
q:before,q:after { 
	content : "" ; 
} 
object { 
	display : block ; 
	padding : 0 ; 
	margin : 0 auto 1em ; 
}
div#bodytext, div#footer { 
	padding : 0 10px 1em ; 
}
div#footer { 
	font-size : 0.7em ; 
	text-align : center ; 
	padding : 1em ; 
}
div#footer p { 
	margin : 0 ; 
}
p#pagenavigation { 
	text-align : right ; 
	padding : 1em 0 0 0 ; 
	clear : both ; 
	font-size : 0.9em 
}
.center,.aligncenter { 
	display : block ; 
	text-align : center ; 	
	margin : 0 auto ; 
}
img.aligncenter,img.center { box-sizing : border-box ; max-width : 100% ; height : auto ; }
img { max-width : 100% ; height : auto ; }
p.center { margin : 0 auto 1em ; }
td.center,th.center { display : table-cell ; }
img.right,iframe.right,img.alignright,iframe.alignright { display : block ; float : right ; margin : 4px 0 10px 10px ; }
img.left,iframe.left,img.alignleft,iframe.alignleft { display : block ; float : left ; margin : 4px 10px 10px 0 ; }
img.border { border : 1px solid #000 ; }
div.image { margin : 0 0 1em ; padding : 0 ; }
div.image p { text-align : center ; padding : 0 ; margin : 0 ; width : auto ; }
div.image img,div.image object { display : inline ; padding : 0 }
div.image img.border { border : 1px solid ; }
div.image em { font-style : normal ; font-size : smaller ; }
blockquote p { margin : 1em 0 ; }
blockquote { margin : 1em 30px ; padding : 0 1em ; font-style : italic ; font : normal 1em  georgia,'times new roman',times,serif ; }
input.email,textarea.email,input.text,textarea.text { width : 350px ; font : normal 1em verdana,arial,helvetica,sans-serif ; padding : 2px ; }
input.submit { font-size : 0.95em ; font-weight : bold ; margin : 4px ; }
form label { display : block ; }
div.olmap { width: 100% ; height : 500px ; }
            
div#rightcolumn div.signupbox { 
margin :  0 0 1em  ;
width : auto ;
padding : 10px ;
background:#ffc;
color : #000;
}
div#rightcolumn div.signupbox p {
	margin : 0 ;
}
div#rightcolumn div.signupbox input[type=email], div#rightcolumn div.signupbox input[type=text] {
	width : 100% ;
	margin : 0 0 0.25em 0;
}

div.signupbox {
margin : 1em auto ;
width : 70% ;
padding:1em;
background:#ffc;
color:#000;
}
div.signupbox div {
margin-top:0.5em ; 
}
div.signupbox div.mc-field-group label {
width : 30% ; float : left ; clear:both ;
}
div#rightcolumn div.signupbox div.mc-field-group label {
width : 100%;
float : none ;
}

div.signupbox div.mc-field-group input {
float : right ; width : 68% ; 
font : normal 1em verdana,arial,helvetica,sans-serif ; 
padding:2px ;
}
div#rightcolumn div.signupbox div.mc-field-group input {
width : 98% ;
float : none ;
}

div#sharebar { margin : 1em 0 ; padding : 1em 0 ; }
div#sharebar h2 { font : 1em verdana,arial,helvetica,sans-serif !important ; padding : 0 1em 0 0 ; margin : 0 ; float : left ; border : none ; }
div#sharebar ul { margin : 0 ; padding : 0 ; float : left ; }
div#sharebar ul li { display : block ; margin : 0 ; float : left ; padding : 0 1em 0 21px ; }
div#sharebar ul li.facebook {
    background : transparent url(/content/themes/londonhiker/images/16facebook.png) no-repeat 0 2px ; color : #000 ; 
}
div#sharebar ul li.twitter {
    background : transparent url(/content/themes/londonhiker/images/16twitter.png) no-repeat 0 2px ; color : #000 ; 
}
div#sharebar ul li.google {
    background : transparent url(/content/themes/londonhiker/images/16google.png) no-repeat 0 2px ; color : #000 ; 
}
div#signup {
    margin-top : 1em ;
    padding-top :1em ; 
    border-top : 1px solid #999 ;
}




body { 
    background : #ddd ; 
    color : #000 ; 
    font : 1em verdana,arial,helvetica,sans-serif ;
}   
a:link { 
    background : transparent ; 
    color : #006 ; 
}
a:active { 
    background : transparent ; 
    color : #c00 ; 
}
a:visited { 
    background : transparent ; 
    color : #606 ; 
}
a:hover { 
    background : transparent ; 
    color : #c00 ; 
}

ol li ol { 
margin-top:1em ;
}

div#all { 
    background : #fff ; 
    color : #000 ;  
}

div#title { 
    margin : 0 ; 
    padding-bottom : 1em ; 
}
div#title p { 
    margin : 3px 0 0  ; 
}
h1 { 
    padding-bottom : 3px ; 
    margin : 0 ; 
    font : 2.5em "Patua One","Trebuchet MS",arial,helvetica,sans-serif ; 
    color : #87b584 ;
    background : transparent ;
}
h2 {
    font : 1.8em "Patua One","Trebuchet MS",arial,helvetica,sans-serif ;
    color : #87b584 ;
    background : transparent ;
}
blockquote { 
}
h3 {
color : #87b584 ;
background : transparent ;
font-size : 1em ; 
}


/* div#leftcolumn ul { list-style : none ; margin : 0 0 1em ; padding : 0 }
div#leftcolumn li { padding : 0 ; display : block ; margin : 0 0 0.25em ; } */

div#categorydescription { margin-bottom : 2em ; }
div#categorydescription img.right { margin-bottom : 2em ; }

div#indexfirst { 
    border-top : none ; 
    padding : 0 0 1em ; 
    margin-top : -1em ;
}
div.index h2 { 
    margin : 0 ; 
    border-bottom : none ; 
}
div.index p.contentsposted { 
    margin : -1em 0 1em ;
    font-size : 0.85em ; 
    color : #666 ; 
    background : transparent ;
}
div.index em {
    font-style : normal ;
}
div.index p.contentsmore {
    color : #666 ;
    background : transparent ;
}


p.photos { text-align : center ; margin : 0 auto 1em ; }
div.navigation { 
    text-align : center ; 
    margin-top : 2em ; 
    font-size : 0.85em ; 
}
div.navigation a.left { float : left ; }
div.navigation a.right { float : right ; }

table { 
    padding : 0 ; 
    margin : 1em auto ; 
    border-collapse : collapse ; color : #000 ; 
    background : transparent ; 
    font-size : 0.85em ; 
    width : 80% ; 
    border : 1px solid #666 ; 
}
table td, table th { 
	border-collapse : collapse ;  
	border : 1px solid #666 ; 
	vertical-align : top ; 
	margin : 0 ; 
	padding : 0.25em ; 
	vertical-align : top ;
}
table th { text-align : left ; }
table.centeredtext th, table.centeredtext td { text-align : center ; }
table th { background : #4c644c ; color : #fff ; text-align : center ; border : 1px solid #666 ; }
table th.left { text-align : left ; }
table th.subsection { background : #ccc ; color : #000 ; }
table thead th { border-bottom : 2px solid #666 ; }


div#footer { background : #d2d8d2 ; color : #000 ; }
div.promobox { 
    margin : 2em auto 3em ; 
    border : 1px dotted #4c644c ; 
    width : 70% ;
}
div.promobox h2 { 
    padding : 5px 10px ; 
    margin : 0 ; 
    font-size : 1.2em ; 
    border : none ; 
}
div.promobox p {
    padding : 0 10px ; 
    font-size : 0.85em ;
}
img.feed {
    display : inline ;
    margin : 0 0 -2px ;
}
#sharethese {clear :both ;}

p iframe.center { margin : 0 auto ; text-align : center ; display : block ; }
hr {
	margin : 1em auto 2em  ;
	height : 1px ;
	border : none ; 
	border-top : 1px dashed ;
	clear : both ;
	padding-top : 1em ;
}

#vqzb_wrapper table {
	width : 100% ; 
}
#vqzb_wrapper td {
	border : none ; 
	padding : 0 ;
}
#vqzb_wrapper label {
	display : inline ; 
}

#banner-signup {
    	text-align : center ;
	background : #8a5c86 ;
	color : #fff ;
	padding : 0.5em ;
	margin-bottom : 1em ;
	font-weight : bold ;
	font-size : 0.8em ;
}
#banner-signup p {
	margin : 0 ;
}
#banner-signup input[type=email],#banner-signup input[type=text] {
	width : 20% ;
	margin : 0 0.25em ;
}
input[type=email],input[type=text] {
    border : 1px solid #999 ;
	font-size : 1em ;
}
input[type=submit] {
	border : 1px solid #000 ;
	background : #fc3 ;
	color : #000 ;
	font-size : 1em ;
}

/* Desktop */


@media (min-width : 780px ) {
	div#content { 
		margin-top : 2.5em ; 
	}

	div#all { 
	    margin : 0 auto ; background : #fff ; color : #000 ; width :950px ; 
	}
	div#banner { 
		width : 100% ; height : 8em ; background :#fff ; color : #87b584 ; 
	}
	div#banner p {
		margin : 0 0 0 10px ;
	}
	div#banner p strong {
	    font : bold 6em "Patua One","Trebuchet MS",arial,helvetica,sans-serif ; 
	    }
	div#banner p em {
	    font-style : normal ; display : block ; margin-top : -1em ;
	    color : #030 ;
	    background : transparent ;
	}
	div#banner p a {
		text-decoration : none !important ; 
		color : #87b584 !important ;
		background : transparent ; 
	} 
	div#banner p img.eu {
		margin : 0 ;
		padding : 10px 10px 0 0 ;
		box-sizing : border-box ; 
		width : 8em ; 
		height : 8em ;
		display : block ; 
		float : right;
	}

	div#rightcolumn { 
	    float : right ; 
	    width : 250px ; 
	    font-size : 0.85em
	}
	div#leftcolumn { 
	    width : 659px ; float : left ; 
	    margin : 0 10px 0 0 ; 
	    padding : 0 10px 0 0 ; 
	    border-right : 1px solid #999 ;
	}
div#globalnavwrapper {
    position : absolute ; 
    top : 8.5em ; 
    width : 950px ; 

}
div#globalnav { 
   border-top:1px solid #ccc;
   padding : 5px 0 ; 
	margin : 0 10px ;
}
div#globalnav ul { 
    margin : 0 ; 
    padding : 0 ; 
    text-align : center ; 
}
div#globalnav li { 
    display : inline ; 
    padding : 5px 10px ; 
font-weight :bold ;
text-transform :uppercase ;
font-size : 0.8em ;
font-weight : bold ;

}
div#globalnav li a { 
    text-decoration : none ; 
color :#999 ;
background : transparent ;
}
div#globalnav li a:hover { 
color :#999 ;
background : transparent ;
    text-decoration : underline ; 
}

}

@media (max-width : 779px ) {
	div#banner p strong {
	    font : bold 3em "Patua One","Trebuchet MS",arial,helvetica,sans-serif ; 
	}
	div#banner { 
		width : 100% ; background :#fff ; color : #87b584 ; margin-bottom : 1em ;
	}
	div#banner p { margin : 0 10px ; }
	div#banner p em {
	    font-style : normal ; display : block ; margin-top : -0.5em ; 
	    color : #030 ;
	    background : transparent ;
	}
	div#banner p a {
		text-decoration : none !important ; 
		color : #87b584 !important ;
		background : transparent ; 
	} 
	div#banner p img.eu {
		margin : 0 ;
		padding : 10px 10px 0 0 ;
		box-sizing : border-box ; 
		width : 5em ; 
		height : 5em ;
		display : block ; 
		float : right;
	}


	div#globalnav { 
		background : #ededed ;	
		color : #000 ;
		padding : 10px ;
	}
	div#globalnav ul { 
    		margin : 0 ; 
    		padding : 0 ; 
	}
	div#globalnav li { 
		display : block ;
		margin : 0 ;
	}

	#leftcolumn { 
		padding-bottom : 3em ;
	}
	#banner-signup span {
		display : block ;
		padding-top : 0.25em ;
	}


}




@media print {
	body {
    		background : #fff ; 
    		color : #000 ; 
    		margin : 0 ; 
    		font : normal 12pt 'times new roman',times,serif ;
    		width : 98% ;
	}
	* {
    		float : none !important ;
    		position : relative !important ;
	}
	div { 
		width : 100% !important ; 
	}
	div#all { 
	    	margin : 0 ; 
	}
	div#rightcolumn { 
    		display : none ; 
	}
	div#leftcolumn { 
    		float : none ; 
    		width : 100% ; 
	}
	div#footer { 
    		margin-top : 2em ; 
	    	font-size : 0.80em ; 
	}
	div#footer p { 
    		margin : 0 ; 
	}
}