/* Directives specific to pureContent layout; does not include section-specific styling */



/* CycleStreets embed */
body.cyclestreets #menu {width: 140px;}
body.cyclestreets #content {margin-left: 165px;}

/* Fonts - see www.thenoodleincident.com/tutorials/typography/ */
/* body, input, select, checkbox, textarea {font-family: "Lato", arial, helvetica, sans-serif; color: #111;} */
/* body {font-size: 87%; line-height: 1.5;} */
/* p, table {font-size: 1em;}  */
table { width: auto; }
pre {font-size: 110%;}
p, td, ul {text-align: justify; margin-top: 1em; border: none; }
textarea {font-size: 1em;}

/* Images */
a img {border: 0;}	/* Mainly for IE; is overriden later, e.g. for class=photo */

/* Signin */
#signin {float: left; margin: 0; padding: 0;}
#signin p {padding: 0; margin-top: 4px;}
div.signinactions {margin-top: 40px; border-top: 1px solid #ccc;}

/* 'You are in:' line */
#content p.locationline {font-style: italic; font-size: 0.85em; margin: 0;}
#location {border-bottom: 1px solid #ccc; padding-bottom: 3px;}

/* Headings */
/* h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #222; text-align: left;} */ 
h1 {font-size: 1.9em; /*font-style: italic; text-align: center;*/}
h2 {font-size: 1.25em; margin-top: 20px; margin-bottom: 20px; padding-bottom: 0px; border-bottom: 1px solid #ddd;} 
h2.spaced {margin-top: 2em;}   
h3 {font-size: 1.15em; margin-top: 32px; padding-bottom: 0px; } 
h4 {font-size: 1em; padding-bottom: 0px; font-weight: bold; }
h5 {font-size: 0.9em;}
h6 {font-size: 0.85em;}

/* Links */
a {text-decoration: none; color: #da291c;}
a:hover, a:active {background-color: #feffb7; color: #333333;}
a img {border-color: #ef7200;}

/* External links - add arrow - CSS2 not supported yet by IE */
a[target=external]:link, a[target=external]:visited {background-image: url(/images/general/external.gif); background-repeat: no-repeat; background-position: 100% 60%; padding-right: 13px;}

/* Tables */
th {font-weight: bold; text-align: left;}

/* Lists */
ul {list-style-type: square;}
ul { padding: 0 0 0 40px; }
ul { margin-top: 1em; margin-bottom: 1em; }
ul.spaced li, ol.spaced li {margin-top: 10px;}
ul.small li, .small {font-size: 0.92em; text-align: left;}

ol { padding-left: 40px; }

dl { margin-top: 1em; margin-bottom: 1em; font-size: 1em; padding-left: 40px;  }
dd { margin-top: 0; margin-bottom: 0; }
dl.strong-list {margin: 1em 0em 1em 2em;}
dl.strong-list dt {font-weight: bold;	margin: 0.5em 0 0 0; display: list-item; list-style-type: disc;}
dl.strong-list dd {margin:0;}

/* localmenu class introduced for horizontal menu at page top in the new (2017/18) style */
.localmenu ul { margin-left: 0; margin-right: 1em; margin-top: 0; padding-left: 0; padding-top: 0 }
.localmenu li { font-size: 0.92em; text-align: left; display: inline;  margin-left: 0; margin-right: 1em;  padding-top: 0 }

/* Forms */
input:focus, textarea:focus, select:focus {background-color: #f9f9f9;}

/* Rules */
hr {color: #ddd;}
p.jumpup {border-bottom: 1px solid #ddd; margin: 0; text-align: right; clear: both}
p.jumpup img {padding: 0; margin-right: 0; border: 0;}

/* Threads */
div#threads {background-color: white; float: right; border: 1px dashed #ccc; border-top-style: solid; border-left-style: solid; font-size: 0.85em; font-style: italic; padding: 3px 6px;}
div#threads ul {margin: 0; padding: 0; text-align: center;}
div#threads li {list-style: none;}
div#threads img {border: 0; padding: 0 3px 0 4px; vertical-align: middle;}

/* Editor */
a.editlink {border: 1px solid #ccc; background-color: #f7f7f7; padding: 3px 5px; border-radius: 4px;}
#purecontenteditor #administration ul li ul {left: 280px;}



/* Print layout overrides */
@media print {
	/* a:after {content: " [" attr(href) "]";} */
	
	#container {width: 100%;}
	#header, #menu, #footerjumpup, table.newsletterarticletrail, .noprint {display: none;}
	/* p.locationline {clear: both;} - Mozilla crashes with this! */
	#content, #footer #colophon {margin-left: 0;}
	#colophon {padding-top: 40px;}
	body#www-camcycle-org-uk {width: auto; min-width: 0;}
	body#www-camcycle-org-uk #container {width: 100%;}
	body#www-camcycle-org-uk #content {min-width: 0; width: 100%; margin-left: 0;}
	
	/* Front page */
	body.homepage #frontpagestories {width: 600px;} /* Faked up - can't find any other way */
	body.homepage h1 span {display: block;}
	
	/* External links - add arrow - CSS2 not supported by IE<7 */
	a[target=external]:link, a[target=external]:visited {background-image: none; padding-right: 0;}
}


/* Mobile layout overrides */
@media screen and (max-width: 480px) {
	body {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: none;}	/* Turn off font resizing */
	#container, #header, p#socialnetworkinglinks, #menu, #menu ul, #menu ul li, #menu ul li a, #header ul.widgets, #header ul.widgets li.login, #submenu, #submenu ul.socialnetworkinglinks, #content, #footer, #footer #top, #footer #colophon, #footer #colophon p, body.blog #content #content, body.blog #content p.locationline, #footer #footerjumpup, body.homepage #frontpagestories, body.homepage #frontpagenewsletter {width: auto; height: auto; min-width: 0; min-height: 0; padding: 0; margin: 0; border: 0; background: none; float: none; clear: both; text-align: left;}
	#container, #header, p#socialnetworkinglinks, #menu, #submenu, #content, #footer {padding-bottom: 10px;}
	#container {padding: 0;}
	body.homepage h1 {position: static; left: 0; width: 100%; background-size: 100%;}
	.withheadingimage h1 {width: auto; height: 180px; padding: 10px; background-color: none; text-shadow: 2px 2px 3px black;}
	/* p.skipnavigation {display: block; text-align: right; font-size: 0.9em; margin: 5px 0;} */
	/* p.skipnavigation a {color: gray;} */
	#topheader h1 {font-size: 1.6em;}
	#header ul.widgets li.login {margin: 10px 0; text-align: right; font-weight: normal;}
	#searchform {position: absolute; bottom: 60px;}
	#header ul.widgets li.login {position: absolute; bottom: 10px;}
	#footer {height: 130px; border-top: 1px solid gray;}
	p.locationline {margin-top: 10px;}
	#menu {margin-bottom: 12px; width: 100%; max-width: 100%;}
	#menu ul li {font-size: 1em;}
	#menu ul li, #menu ul li a {display: inline; line-height: 2.2em;}
	#menu ul li a {white-space: nowrap;}
	#menu ul li {margin-right: 4px;}
	#menu ul li a {color: #333; margin: 0; background-color: #eee; padding: 5px 6px;}
	#menu ul li.selected a {color: white; background-color: #999;}
	#menu ul li a:hover {background-color: white;}
	#menu ul li ul:after {clear: both;}
	#menu ul li ul {display: none;}	/* Hide the always-opened submenus */
	#menu ul li.selected ul {display: block;}	/* Show the actually selected submenu */
	#menu ul li.selected ul li {display: inline;}
	#menu ul#tools {padding: 0; margin: 0;}
	#menu ul#tools li.cyclingsorted {display: none;}
	#menu ul#tools li {text-align: left; margin-bottom: auto;}
	#menu ul#tools li img {max-width: 24px; max-height: 16px;}
	#menu ul#tools li span {display: inline;}
	#content li {text-align: left;}
}