/*

	G I A N T'S  G A T E
 	J O U R N E Y S
	v 2.0
	
	P A R K S  [ A L L  S C R E E N S ]

*/

/*	[1] B A S E
---------------------------------------------------------------------- */

*{ margin:0px; padding:0px; border:0px; }
html { min-height:101%; }
body { font-family:"Vollkorn Italic", Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:12px; color:#666; background:#FFF; padding:20px; font-style:normal; font-weight:normal; }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display:block; }

#foundation { background:#fafafa; padding:0px 20px 20px 20px; max-width:1160px; margin:0px auto 25px; position:relative; }
#frame-tl { position:absolute; width:40px; height:60px; left:20px; background-image: url(/site/templates/graphics/frame_topleft.png); z-index:900; }
#frame-tr { position:absolute; width:40px; height:60px; right:20px; background-image: url(/site/templates/graphics/frame_topright.png); z-index:900; }

/*	[2] T Y P E
---------------------------------------------------------------------- */

/* FF DIN WEB used under license from Fontshop  |  Entypo Pictograms by Daniel Bruce — www.entypo.com  |  Vollkorn is a Google API Font */
@font-face { font-family: "DIN"; src:url("/site/templates/type/DINWeb.woff") format("woff"), url("/site/templates/type/DINWeb.eot") format('eot'); }
@font-face { font-family: "DIN Bold"; src:url("/site/templates/type/DINWeb-Bold.woff") format("woff"), url("/site/templates/type/DINWeb-Bold.eot") format('eot'); }
@font-face { font-family: "DIN Light"; src:url("/site/templates/type/DINWeb-Light.woff") format("woff"), url("/site/templates/type/DINWeb-Light.eot") format('eot'); }
@font-face { font-family: "Entypo Custom";  src:url("/site/templates/type/Entypo-Custom.eot?97606802"); src:url("/site/templates/type/Entypo-Custom.eot?97606802#iefix") format('embedded-opentype'), url("/site/templates/type/Entypo-Custom.woff?97606802") format('woff'), url("/site/templates/type/Entypo-Custom.ttf?97606802") format('truetype'), url("/site/templates/type/Entypo-Custom.svg?97606802#giants_") format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Vollkorn"; src:url("/site/templates/type/Vollkorn-Regular.ttf") format("truetype"); }
@font-face { font-family: "Vollkorn Italic"; src:url("/site/templates/type/Vollkorn-Italic.ttf") format("truetype"); }
@font-face { font-family: "Vollkorn Bold Italic"; src:url("/site/templates/type/Vollkorn-BoldItalic.ttf") format("truetype"); }

h1 { font-family:"DIN Light", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:3em; color:#FF3700; font-weight:normal; line-height:48px; margin-bottom:2px; }
h2 { font-family:"DIN Light", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.875em; color:#FF3700; font-weight:normal; line-height:36px; margin-bottom:6px; padding-top:12px; }
h3 { font-family:"DIN Bold", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.11875em; color:#3E4E6A; font-weight:normal; line-height:24px; margin-bottom:5px; }
h4 { font-family:"DIN Bold", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.875em; color:#BF2900; font-weight:normal; line-height:24px; margin-bottom:10px; }
h5 { font-family:"DIN Bold", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.11875em; color:#666; font-weight:normal; line-height:24px; margin-bottom:5px; letter-spacing:0.1em; }

p { line-height:24px; margin-bottom:8px; }
.caption { font-family:"Vollkorn Italic", Georgia, "Times New Roman", Times, serif; font-size:0.75em; line-height:24px; margin-bottom:12px; text-align:center; letter-spacing:0.1em; }
.emblem { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-style:normal; margin-right:6px; speak:none; line-height:1em; }
.highlight { font-family: "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.875em; color:#5D759F; line-height:20px; margin:3px 0px 6px; }
.icon { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-size:1.5em; font-style:normal; margin-right:6px; speak:none; }
.label { font-family:"Vollkorn Italic", Georgia, "Times New Roman", Times, serif; font-size:0.75em; line-height:18px; letter-spacing:0.1em; }
.small { font-family:"Vollkorn Italic", Georgia, "Times New Roman", Times, serif; font-size:0.875em; line-height:24px; margin-bottom:10px; letter-spacing:0.1em; }
.subheader { font-family: "DIN Bold", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.875em; color:#3E4E6A; line-height:24px; margin-bottom:10px; }
.subitem { font-family:"Vollkorn Italic", Georgia, "Times New Roman", Times, serif; font-size:0.75em; line-height:24px; margin-bottom:12px; letter-spacing:0.1em; }
.subtitle { font-family:"Vollkorn Italic", Georgia, "Times New Roman", Times, serif; font-size:1.125em; color:#BF2900; line-height:24px; margin:6px 0px; letter-spacing:0.1em; }
.summary { font-family:"Vollkorn Italic", Georgia, "Times New Roman", Times, serif; font-size:0.75em; color:#3E4E6A; line-height:18px; margin:6px 0px; letter-spacing:0.1em; }
.symbol { font-family:"Entypo Custom"; font-weight:normal; font-size:1.2em; speak:none; vertical-align:-5%; margin-right:2px; }
.symbolize { font-family:"Entypo Custom"; font-weight:normal; font-size:1.5em; speak:none; line-height:2.2em; }
.tabular { font-family:"DIN Light", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.875em; line-height:18px; }
.tripnum { color:#fff; line-height:18px; margin-bottom:0px; border:none !important; }
strong { font-weight:550; color:#555; }

/*	[3] L I N K S
---------------------------------------------------------------------- */

a { color:#3E4E6A; text-decoration:none; }
a:hover { color:#FF3700; text-decoration:none; }
#sitemenu a { color:#5D759F;  }
#sitemenu a:hover { color:#FF3700; }
#sitefooter a { color:#666; text-decoration:none; }
#sitefooter a:hover { color:#FF3700; }
#footnav a { color:#BBB; text-decoration:none; }

#content a, #closer a, #return a, #galleria .source a, .tabs-content .col4 a { color:#BE2900; border-bottom:1px solid #eee; }
#content a:hover, #closer a:hover, #return a:hover, #galleria .source a:hover, #galleria .source a:hover, .tabs-content .col4 a:hover { color:#FF3700; border-bottom:1px solid #eee; }

#graphis .infoBlock a { color:#fff; } 
#graphis .infoBlock a:hover { color:#FF3700; }

#sidebar a { border-bottom:1px solid #eee; }
#sidebar a:hover:after, #hm-articles .copy a:hover:after, .tabs-content a:hover:after, a.continue:hover:after{ content:" \2192"; }
.tabs-content .tripgallery_content a:hover:after, #galleria a:hover:after{ content:""; content:none; }
#sidebar .last { padding-bottom:10px; }

#blog h2 a { border:none; }
#blog h2 a:hover { border:none; }
#category img, #gallery img, #galleria img, #galleryimages img{ border:2px solid #999; }
#imgbar img { border:2px solid #fff; }
#category img:hover, #gallery img:hover, #galleria img:hover, #galleryimages img:hover, #imgbar img:hover { border:2px solid #FF3700; }

#gallery a { color:#3E4E6A; }
#gallery a:hover { color:#FF3700; }

.tooltip { border-bottom:1px dotted #999999; outline:none; cursor:help; position:relative; }
.tooltip span { margin-left:-3000px; position:absolute; }
.tooltip:hover span { width:120px; border:1px dotted #333; background:#F3F3F3; font-size:11px; line-height:16px; padding:5px; position:absolute; margin-left:0px; left:20px; top:20px; z-index:97;  }

/*	[4] L A Y O U T
---------------------------------------------------------------------- */

#graphis #full-width-slider { width:100%; color:#ccc; border:1px solid #ccc; position:relative; }
#graphis .regionBlock p, #graphis .dateBlock p { font-size:0.75em; color:#FFF; margin:0px; line-height:18px; }
#graphis .title { font-family:"Vollkorn", Georgia, "Times New Roman", Times, serif; font-size:0.75em; color:#FFF; text-transform:uppercase; }
#graphis3 { width:100%; background:url(/site/templates/graphics/background_cartography.png) center top no-repeat; padding-top:30px; overflow:visible; min-height:400px; }

#reports { width:100%; border-bottom:1px solid #ccc; padding-top:5px; overflow:hidden; display:block; position:relative; }
#reports #latest h3 { text-transform:uppercase; letter-spacing:0.05em; }
#reports #latest p { margin-bottom:0px; line-height:18px; }
#reports #recent-trips { width:100%; }
#reports .slate h3 { line-height:18px; text-transform:uppercase; padding-bottom:8px; margin-bottom:8px; border-bottom:1px dashed #ddd; }
#reports .slate .subitem { margin:0px 0px 0px 2px; }
#reports strong { color:#5D759F; border-bottom:1px dotted #ddd; };

#sitefooter nav ul { list-style:none; }
#sitefooter nav li:last-child { padding-right:0px; }
#sitefooter h5 { padding-top:12px; }
#sitefooter .icon { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-size:1.6em; font-style:normal; vertical-align:-10%; margin-right:4px; }
#sitefooter .word { color:#999; }
#toolbar img { vertical-align:-22%; }
#copyright h4 { color:#666; line-height:18px; margin-bottom:-2px; }
#copyright p, social p { margin:0px; line-height:18px; }
#social a.pop { margin-right:0px !important; }

.popup { position:relative; list-style:none; cursor:pointer;}
.popup li { display:inline; float:left; }

/*	[5] M O D U L E S
---------------------------------------------------------------------- */

/* M A I N  C O N T E N T */
#content h2 { margin-bottom:18px; }
#content h3 { margin-top:18px; }
#content p, #sidebar p { letter-spacing:0.02em; }
#content p+p { margin-top:24px; }
#content ol, #content ul { padding-left:30px; }
#content li { line-height:24px; margin-bottom:20px; }
#sidebar h3 { margin-left:5px; }
#sidebar h4 { margin-bottom:0px; }
#sidebar .icon { color:#666; }
#sidebar .symbol { color:#666; }
#sidebar .subitem { margin:0px 0px 4px 5px; }
#update { width:100%; text-align:center; margin:20px 0px; padding-bottom:10px; border-bottom:1px dashed #ddd; color:#888; }

/* R E P O R T S */
.reportextras .tabs { margin-bottom:10px; }
.reportextras .tabs dd:first-of-type { margin-left:0px !important; }
.reportextras ul.tabs-content { margin:0px 0px 10px; }
.tabs dd.active.routemap a, .tabs li.active.routemap a { background:#fe3700; color:#fff; cursor:default; }
.tabs dd.active.tripgallery a, .tabs li.active.tripgallery a { background:#5d759f; color:#fff; cursor:default; border-top:3px solid #5d759f; margin-top:-3px; }
#routebar h4, #routebar a { color:#fff; }

/* T A B S */
#tabbedcontent h2 { text-align:center; }
#tabbedcontent .highlight { color:#999; margin:0px; line-height:1em; }
#tabbedcontent #galleria .photo { margin-right:0px !important; padding-right:15px !important; }
.tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
.tabs.contained { margin-bottom: 0; margin-left: 0; }
.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; }
.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; }
.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; }
.tabs dd a:focus, .tabs li a:focus { color: #2ba6cb; }
.tabs dd.active, .tabs li.active { border-top: 3px solid #ff3700; margin-top: -3px; }
.tabs dd.active a, .tabs li.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.tabs dd:first-child, .tabs li:first-child { margin-left: 0; }
.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; }
.tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #cccccc; }
.tabs.vertical dd a, .tabs.vertical li a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.tabs.vertical dd.active, .tabs.vertical li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
.tabs.vertical dd.active a, .tabs.vertical li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active { margin: 0; }
.tabs.pill { border-bottom: none; margin-bottom: 10px; }
.tabs.pill dd, .tabs.pill li { margin-right: 10px; }
.tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; }
.tabs.pill dd a, .tabs.pill li a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
.tabs.pill dd.active, .tabs.pill li.active { border: none; margin-top: 0; }
.tabs.pill dd.active a, .tabs.pill li.active a { background-color: #2ba6cb; border: none; color: #fff; }
.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; }
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; }
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; }
.tabs.three-up dt, .tabs.three-up dd, .tabs.two-up li { width: 33.33%; }
.tabs.four-up dt, .tabs.four-up dd, .tabs.two-up li { width: 25%; }
.tabs.five-up dt, .tabs.five-up dd, .tabs.two-up li { width: 20%; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }

/* A R T I C L E S */
#blog h2 { line-height:30px; margin:0px 0px 20px; padding:10px 0px 10px; border-bottom:1px solid #ddd; }
#blog .small { margin-bottom:0px; }

/* R E F E R E N C E */
#books li { margin-bottom:9px; }
#books .symbol, #books .symbolize { color:#666; }

/* G A L L E R I E S */
#gallery .subitem { text-align:center; }
#galleria .photo { border:none !important; }
#tabbedcontent #galleria { padding-top:5px !important; }

/* C A T E G O R I E S */
#category h3 { line-height:18px; text-transform:uppercase; padding-bottom:8px; margin-bottom:8px; border-bottom:1px dashed #ddd; }
#category .subitem, #gallery .subitem { margin:0px 0px 0px 2px; }

/* P A G I N A T I O N */
.MarkupPagerNav { clear:both; margin:0px; }
.MarkupPagerNav li { display:inline; list-style:none; margin:0; }
.MarkupPagerNav li a, .MarkupPagerNav li.MarkupPagerNavSeparator { display:block; float:left; padding:3px 9px; color:#fff; background:#3E4E6A; margin-right:3px; font-size:0.75em; text-transform:uppercase; }
.MarkupPagerNav li.MarkupPagerNavOn a, .MarkupPagerNav li a:hover { color:#fff; background:#ff3700; text-decoration:none; }
.MarkupPagerNav li.MarkupPagerNavSeparator { display:inline; color:#777; background:#d2e4ea; padding-left:3px; padding-right:3px; } 
.paginator { padding-top:30px; }
.paginav { padding:10px 0px 50px; }

/* C O N T A C T */
#contact p { margin-bottom:30px; }
#contact .symbol { color:#666; }
#submission .submit { width:200px; height:30px; background:#3E4E6A; color:#fff; border:1px solid #00C; font-family:"DIN Bold", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.875em; font-weight:normal; }

/*	[6] U T I L I T Y
---------------------------------------------------------------------- */

.blocklist { list-style:none; }
.blocklist li { width:100%; border:1px solid #eee; background:#fff; padding:5px 8px 0px 8px; margin-bottom:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.breath { width:80%; margin:0px auto; line-height:24px; padding:20px 0px; }
.chromeframe { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; }
.clear { clear:both; }
.copy .symbol { color:#666; }
.divider { margin-top:12px; min-height:20px; border-top:1px dotted #ddd; }
.lead { margin-top:30px; }
#editpage { width:100%; display:block; text-align:center; clear:both; float:none; margin-bottom:20px; }