/* ======================================================================

   print.css

======================================================================== */

/* General Styles */

body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:11pt;margin:0;}
.container {background:none;}
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
code {font:.9em "Courier New", Monaco, Courier, monospace;}
a img {border:none;}
p img.top {margin-top:0;}
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small {font-size:.9em;}
.large {font-size:1.1em;}
.quiet {color:#999;}
.hide {display:none;}
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}

#navigation {display:none;}

.block { margin-bottom: 1.5em;  padding: 10px; border-bottom: 1px dashed #ddd; background: #f4f4f4;}

/*----------------------------------------------------------------------- 
   Layout Specific
 ------------------------------------------------------------------------ */

.container { width: 950px; margin: 0 auto;}
.col { float: left; margin-right: 10px; }
.pad { padding-right: 20px;}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}
.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}

.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 { width:950px; margin-right:0; }

/* Individual Walks Page Elements */

span.info-title { font-weight: bold;}
img.walk-image { float: left; width: 230px; margin: 0 1.2em 1.2em 0;}
.walk-info-map { display:block; width: 350px; height: 350px; margin-bottom: 1em;}
.walk-info-description {padding: 0 10px 0 10px;}
.walk-info { font-weight: bold; font-size: 1.3em;}
p.walk-info { margin: 0;}
.walk-meta-info dl { float: left; padding: 0 2em 0 0; margin: 0 2em 0 0; border-right: 1px dashed #DDD; }
.walk-meta-info dl dt { color: #333; }
.walk-meta-info dd {margin-left:0;}
.walk-meta-info dl.last, p.walk-info-reg-field.last { border-right: none; }


p.walk-info-reg-field { float: left; padding: 0 1em 0 0; margin: 0 1em 0 0; border-right: 1px dashed #DDD; }
input#number_attendees {width:30px;}

/* L I S T S */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; }

ul          { list-style-type: none; list-style-position: inside;}
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd {margin:0;}


/* Individual Walks Page Social Media Element */

.walk-share p.walk-info {float:left; margin-right: 2em;}
.social_buttons li { float: left; margin-right: 1.5em;}
.social_buttons img { margin: .1em .5em 0 0}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
span.city-alt { color: #ff6600;}
#footer_nav {margin:0;padding:0;}
div#logocontrol a {display:none;}
.walk-registration {display:none;}
.walk-share {display:none;}
#footer_about,#footer_support,#footer_walks,#footer_lead,#footer_walkabilitystudies,#footer_backtotop {display:none;}
#walk-map div span, #walk-map #lmc3d {display:none;}
.city-navbar h2 {font-size:2em; margin:0;}
h2.city-walks {margin-bottom:0;}
#header h1 {margin:0;}
h3 {font-size: 1.3em}