/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Horizontal list navigation "hlist"
 * (de) Horizontale Navigationsliste "hlist"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */

@font-face {
    font-family: 'SteelfishRgRegular';
    src: url('../fonts/steelfish_rg-webfont.eot');
    src: url('../fonts/steelfish_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/steelfish_rg-webfont.woff') format('woff'),
         url('../fonts/steelfish_rg-webfont.ttf') format('truetype'),
         url('../fonts/steelfish_rg-webfont.svg#SteelfishRgRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SteelfishEbRegular';
    src: url('../fonts/steelfish_eb-webfont.eot');
    src: url('../fonts/steelfish_eb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/steelfish_eb-webfont.woff') format('woff'),
         url('../fonts/steelfish_eb-webfont.ttf') format('truetype'),
         url('../fonts/steelfish_eb-webfont.svg#SteelfishEbRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media all {

	
	body {
		background: url(images/body_bg.jpg) no-repeat scroll 50% 40px #000;
	}
	header {
		position: relative;
		height:260px;
	}
	header .ym-wbox {
		padding-top:0;
		padding-bottom:0;
	}
	#logo-area {
		width:100%;
		position: absolute;
		top:50px;
	}
	#logo-area .ym-wbox {
		position: relative;
	}
	#logo {
		position:absolute;
		background: url(images/logo.png) no-repeat top right;
		width:238px;
		height: 203px;
		right: 65px;
	}
	#logo a {
		left: -9999px;
	    position: absolute;
	    top: -9999px;
	}
	#logo a {
		display: block;
		width: 238px;
		height: 203px;
	}
	#logo a:hover, #logo a:active {
		outline: 0 none;
	}
	#main {
		background: url("images/main_bg.png");
		-webkit-border-radius: 1em 1em 0 0;
		-moz-border-radius: 1em 1em 0 0;
		border-radius: 1em 1em 0 0;
	}
	#main a {
		border-bottom: 1px dotted #F0B035;
	}
	#main a:hover,
	#main a:focus {
		border-bottom: 1px dotted #A6710D;
	}
	#main ul {
		margin-left:1em;
		padding-left: 1em;
		overflow: hidden;
	}
	ul.main {
		margin-left:1em;
		padding-left: 1em;
		overflow: hidden;
	}

	#nav {
		background: #352b60; /* Old browsers */
		background: -moz-linear-gradient(top,  #352b60 1%, #352b60 32%, #59479d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#352b60), color-stop(32%,#352b60), color-stop(100%,#59479d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #352b60 1%,#352b60 32%,#59479d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #352b60 1%,#352b60 32%,#59479d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #352b60 1%,#352b60 32%,#59479d 100%); /* IE10+ */
		background: linear-gradient(top,  #352b60 1%,#352b60 32%,#59479d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#352b60', endColorstr='#59479d',GradientType=0 ); /* IE6-9 */
		border-bottom: 4px solid #8879C4;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#home li.home, #climbing li.climbing, #gym li.gym, #prices li.prices, #kids-parties li.kids-parties, #groups li.groups, #blog li.blog, #bookings li.bookings, #contact_page li.contact {
		background:#666;
		background: rgba(255,255,255,.3);
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;
		border-radius: 0.2em;
		color: #fff;
	}
	#home li.home a, #climbing li.climbing a, #gym li.gym a a, #prices li.prices a, #kids-parties li.kids-parties a, #groups li.groups a, #blog li.blog a, #contact_page li.contact {
		background:transparent;
		color:#fff;
		text-decoration:none;
	}
	aside h3 {
		color: #fff;
		color: rgba(255,255,255,.7);
	}
	aside h4 {
		font-family: "Open Sans", Verdana, Helvetica, sans-serif;
		font-size:116.667%;
		font-weight: 400;
	}
	aside h4 a{
		color: rgba(241,177,53,.9) !important;
	}
	.align-right {
		text-align: right;
	}
	a.arrow {
		background: url(images/link_arrow.png) no-repeat 0 50%;
		padding-left: 24px;
		border: none !important;
	}
	a:hover.arrow {
		background: url(images/link_arrow_hover.png) no-repeat 0 50%;
	}
	.soft {
		background-color: #4E4B5C;
		background-color: rgba(78,75,92,.6);
	}
	.hard {
		background-color: #4E4B5C;
		background-color: rgba(78,75,92,.9);
	}
	#beginner, #group {
		margin-top: 32px;
	}
	ul.social { margin-top:32px; margin-left: 0 !important; padding-left: 0 !important;}
	ul.social li { border:none; display:inline; padding-right:12px; }
	ul.social li.last { padding-right:0;}
	ul.social li a{ background-image:none; padding:0; border:none !important;}
	a.download {
		background-image:url(images/pdf.png);
		background-position:left center;
		background-repeat:no-repeat;
		display:table-cell;
		padding-bottom:10px;
		padding-left:50px;
		padding-top:10px;
		border:none !important;
		margin: 1.5em 0 0;
	}
	img.responsive-image {
	    width:100%;
	    display:block;
	}
	footer {
		background: #59479d; /* Old browsers */
		background: -moz-linear-gradient(top,  #59479d 1%, #403373 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#59479d), color-stop(100%,#403373)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #59479d 1%,#403373 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #59479d 1%,#403373 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #59479d 1%,#403373 100%); /* IE10+ */
		background: linear-gradient(top,  #59479d 1%,#403373 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59479d', endColorstr='#403373',GradientType=0 ); /* IE6-9 */
		margin: 1.5em 0 0 0;
	}	

	footer p {
		margin: 1em 0 1em 0;
		font-size: 85.71%;
		text-align: right;
	}
	footer h5 {
		color: #fff;
		font-size: 200%;
		text-transform: uppercase;
		margin-top: 12px;
	}
	footer a {
		color: #fff;
	}
	footer li { font-size: 85.71%; border-bottom: 1px solid #64559D; display: block; padding: 0 0 3px 0; margin: 0 0 3px 0; line-height: 1.8em; }
	footer a { text-decoration:none; }
	
	footer ul.social { margin-top:10px; }
	footer ul.social li { border:none; display:inline; padding-right:6px; }
	footer ul.social li.last { padding-right:0;}
	footer ul.social li a{ background-image:none; padding:0;}
	
	footer a:link { color: #fff; background: url(images/footer_nav_arrow.gif) no-repeat 0 50%; padding: 0 0 0 10px; }
	footer a:visited { color: #999; background: url(images/footer_nav_arrow_visited.gif) no-repeat 0 50%; text-decoration: none; padding: 0 0 0 10px; }
	footer a:hover { color: #ccc; text-decoration: none; background: url(images/footer_nav_arrow_hover.gif) no-repeat 0 50%; padding: 0 0 0 10px; }

	p.redfox { color:#8B82AB; }
	footer p.redfox a:link, footer p.redfox a:visited, footer p.redfox a:hover { background-image:none; color:#8B82AB;}
	
	table.with_image { width:100%;  border: none;}
	table.with_image td { vertical-align:top; border-top: none; }
	table.with_image td.image { padding: 0 10px 10px 0; }
	
	table.gym { width: 100%; border-collapse:collapse; }
	table.gym th { text-align:left; border:1px solid #454350; border-bottom:2px solid #8C8B93; padding: 5px; }
	table.gym td { width:20%; border:1px solid #454350; padding: 5px; }
	
	table.prices { width: 100%; border-collapse:collapse; }
	table.prices th { text-align:left; border:1px solid #575564; border-right:1px solid #8C8B93; padding: 5px; background-color:#454350; font-weight:normal; }
	table.prices td { width:20%; border:1px solid #454350; padding: 5px; }
	table.prices td.cost { width:10%; }
	table.prices td.notes { width:30%; }
	table.prices td.extras { width:20%; }
	
	table.std th { border-right:1px solid #575564; border-bottom:1px solid #8C8B93; }
	
	table.contact { width: 100%; border-collapse:collapse; border: none;}
	table.contact th { text-align:left; border:none; padding: 5px; vertical-align:top; font-weight:normal; }
	table.contact td { border:none; padding: 5px; vertical-align:top; }

	.ad { background-color:#282635; margin-top:20px; margin-bottom:20px; padding-bottom:20px; }
	.ad h3 { background-color:#4E4B5C; padding: 15px 20px;}
	.ad p { padding:0 20px; }

	#prices h3 {
		margin-top: 2em;
	}
	.ad2 { 
	    background-color:#CB9631; 
	    padding:20px 20px 20px 20px; color:#000;
	    margin-top: 32px;
		-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
	}
	.ad2 h3 {
		margin-top: 0;
	}
	#map {
		margin-top:32px;
	}
	.map-canvas {
   	 	height: 400px;
    	margin-top: 30px;
	}
	#contact_form .ym-fbox-text input, #contact_form .ym-fbox-text textarea {
		width: 100%;
	}
	ul.subnav {
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	.subnav li {
		list-style: none;
		margin-left: 0;
		margin-bottom:1em;
	}
	.subnav li.active a{
		color:#ccc;
		border:none !important;
	}
	.subnav li.active a:after{
		content:  " \2713";
	}

	ul.gallery {
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
		margin: 20px 0 !important;
		padding: 0 !important;
	}
	ul.gallery li{
		list-style: none;
		float: left;
		width: 45%;
		margin:2.5%;
		padding: 0;
	}
	ul.gallery li a{
		border-bottom: none !important;
	}
	ul.gallery li img{
		max-width: 100%;
		height: auto;
		border: 1px solid #fff;
	}

	#instagram-feed ul.gallery li {
    	width: 25%;
	}
	#instagram-feed h3 {
    	color: rgba(255, 255, 255, 0.7);
    	margin-top: 30px;
	}

	.entry_images .gallery li {
		width:20%;
		margin:2.5%;
	}
	.twitter_widget {
		margin-top:1.5em;
	}
	.twitter_widget a {
		border:none !important;
	}

	/* Responsive nav for small devices converts to dropdown  */
	.touchdown {display: none;}

	/* BLOG STYLES  */
	#main header {
		height: inherit;
	}
	article.entry{
		margin-top:3em;
	}
	article.entry.full{
		margin-top:0;
	}
	.entry .ym-gbox-left{
		padding:0;
	}
	.date {
		background-color:#856FDF;
		color:#fff;
		padding:3px 0;
		margin-top:5px;
		-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
	}
	.date p{
		margin-top:0;
		color:#fff;
		text-align: center;
		text-transform: uppercase;
	}
	.date span.month {
		display: block;
		font-size: 18px;
		height: 20px;
		margin-top: -1px;
	}
	.date span.day {
		display: block;
		font-size: 20px;
	}
	.title h2{
		margin:0 0 0 0;
	}
	.title p{
		margin:0.5em 0 0 0;
	}
	.title p span{
		padding-left: 1em;
		
	}
	.entry_video{
		margin-top:1.5em;
	}
	.entry_categories{
		background-color:#292635;
		margin-top:2em;
		margin-bottom:2em;
	}
	.entry_comments_box, .entry_comment_form_box{
		background-color:#292635;
		margin-top:4em;
		margin-bottom:2em;
	}
	.entry_categories p, .entry_categories h3, .entry_comments_box p, .entry_comments_box h3, .entry_comment_form_box p, .entry_comment_form_box h3{
		margin:0;
	}
	.entry_categories .ym-gbox-left, .entry_comments_box .ym-gbox-left, .entry_comment_form_box .ym-gbox-left{
		padding:1em 0 1em 1em;
	}
	.entry_categories .ym-gbox-right, .entry_comments_box .ym-gbox-right, .entry_comment_form_box .ym-gbox-right{
		padding:1em 0 1em 0;
	}

	.entry_posted_comment{
		padding:1em;
		border-bottom:1px dotted #ccc;
	}
	.entry_comments p{
		padding-left:1em;
	}
	.entry_posted_comment:last-child{
		padding:1em;
		border-bottom:none;
	}
	.comment_body{
		font-size:0.9em;
	}
	.captcha{
		padding-top:1em;
		padding-left:1em;
	}
	.btn {
		-moz-user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 2px;
		cursor: pointer;
		font-weight: normal;
		vertical-align: middle;
		white-space: nowrap;
		padding: 5px 10px;
		display: inline-block;
	}
	.btn:hover, .btn:focus {
		transition: background-position 0s linear 0s;
	}
	.btn i {
		margin-right: 4px;
	}
	.btn-lg {
		border-radius: 2px;
		font-size: 18px;
		line-height: 1.33;
		padding: 10px 20px;
	}
	.btn-lg i {
		font-size: 24px;
		position: relative;
		top: 3px;
	}
	.btn-xs {
		border-radius: 1px;
	}
	.btn-xl {
		font-size: 20px;
		padding: 16px 20px;
	}
	.btn-promo { 
	  color: #FFFFFF; 
	  background-color:  #D4920F; 
	  border-color: #FFFFFF; 
	  margin-top: 15px;
	} 
	 
	.btn-promo:hover, 
	.btn-promo:focus, 
	.btn-promo:active, 
	.btn-promo.active, 
	.open .dropdown-toggle.btn-promo { 
	  color: #FFFFFF; 
	  background-color: #59479D; 
	  border-color: #FFFFFF; 
	} 
	 
	.btn-promo:active, 
	.btn-promo.active, 
	.open .dropdown-toggle.btn-promo { 
	  background-image: none; 
	} 
	 
	.btn-promo.disabled, 
	.btn-promo[disabled], 
	fieldset[disabled] .btn-promo, 
	.btn-promo.disabled:hover, 
	.btn-promo[disabled]:hover, 
	fieldset[disabled] .btn-promo:hover, 
	.btn-promo.disabled:focus, 
	.btn-promo[disabled]:focus, 
	fieldset[disabled] .btn-promo:focus, 
	.btn-promo.disabled:active, 
	.btn-promo[disabled]:active, 
	fieldset[disabled] .btn-promo:active, 
	.btn-promo.disabled.active, 
	.btn-promo[disabled].active, 
	fieldset[disabled] .btn-promo.active { 
	  background-color: #F1B135; 
	  border-color: #FFFFFF; 
	} 
	 
	.btn-promo .badge { 
	  color: #F1B135; 
	  background-color: #FFFFFF; 
	}
}

@media screen and ( max-width: 1200px ) {
	/* custom */
	#main {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0; 
	}
}

@media screen and ( max-width: 740px ) {
	/* custom */
	#logo {
		left: 50%;
		margin-left:-119px;
	}
	.ym-searchform,
	nav .ym-hlist ul,
	nav .ym-hlist li {
		display:block;
		float: none;
		width: auto;
		text-align: left;
	}
	body {
		background: url(images/body_bg.jpg) no-repeat scroll 50% 0 #000;
	}
	header {
		height:420px;
	}
	#nav {
		top:200px;
	}
	#logo-area {
		top:0px;
	}
	ul.gallery li{
		list-style: none;
		float: left;
		width: 20%;
		margin:2.5%;
		padding: 0;
	}
}

@media screen and ( max-width: 480px) {
	/* custom */
	#topnav.touchdown-list {
		display: none;
	}
	.touchdown {
		display: block;
		margin: auto;
	}
	header {
		height: 300px;
	}
	#nav {
		background: none;
		border: none;
	}
	h1 {
		line-height:1.1em;
	}
	ul.social li {
		padding-right:2px !important;
	}
	table.prices {
		font-size:85%;
	}
	.float-left, .float-right {
		float: none;
	}
	.float-left img, .float-right img{
		padding-top: 16px;
	}

}