/*
Theme Name: Rotorua Youth Centre
Theme URI: http://www.ryc.org.nz
Description: A simple WordPress theme for the Rotorua Youth Centre
Version: 1.0
Author: Hodgeman Web & Design
Author URI: http://www.hodgeman.co.nz
*/

body{background:url(images/bg_youth.gif);font-family:Calibri,"Trebuchet MS", Arial, Helvetica, sans-serif}

.glow{background-color:#FFF;box-shadow:0px 0px 10px rgba(0,0,0,.7)}

#header{margin-bottom:40px;margin-top:-10px;padding:0 0 10px;position:relative}
#header p.caption{margin:15px 0 0;font-size:24px}
#logo{width:450px;height:185px;position:absolute;top:35px;left:15px}

	#header #actions{position:absolute;right:0;bottom:5px;width:275px}
	#header #actions a{background-image:url(images/actions.png);background-repeat:no-repeat;width:31px;height:30px;text-indent:-9999px;display:block;margin-right:9px;float:left}
	#header #actions a.facebook{background-position:0 0}
	#header #actions a.twitter{background-position:-40px 0}
	#header #actions a.email{background-position:-80px 0}
	#header #actions a.feed{background-position:-120px 0}
	#header #actions a.facebook:hover{background-position:0 -30px}
	#header #actions a.twitter:hover{background-position:-40px -30px}
	#header #actions a.email:hover{background-position:-80px -30px}
	#header #actions a.feed:hover{background-position:-120px -30px}
	#header #actions #searchform{background:url(images/actions.png) right top no-repeat;width:180px;height:30px;float:left}
	#header #actions #searchform #searchsubmit{background:url(images/btn_search.gif) no-repeat;width:15px;height:15px;border:none;text-indent:-9999px;margin:7px 0 8px 11px;cursor:pointer}
	#header #actions #searchform #s{background-color: #1C1D1D;border: none;color: #CCC;font-size: 1em;height: 30px;padding: 4px;width: 130px;display: inline-block;top: 0;position: absolute}
	
.navbar{min-height:40px}	
.btn-success,
.navbar-default .navbar-collapse,
.navbar-default .navbar-header{
	background: #7ed813; /* Old browsers */
	background: -moz-linear-gradient(top,  #7ed813 1%, #4c820b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#7ed813), color-stop(100%,#4c820b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7ed813 1%,#4c820b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7ed813 1%,#4c820b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7ed813 1%,#4c820b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7ed813 1%,#4c820b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ed813', endColorstr='#4c820b',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav{background:url(images/nav_bg.gif) left bottom no-repeat}
.navbar-default .navbar-nav>li{background:url(images/nav_bg.gif) right bottom no-repeat}
.navbar-default .navbar-nav>li>a {color:#FFF;text-transform:uppercase;font-size:20px;text-shadow:0 -1px 2px rgba(0,0,0,.5);padding-top:10px;padding-bottom:10px}

	
	
#footer{background-color:#000;padding:15px;margin-top:30px;color:#FFF}
	#footer h2{color:#4c820b}
	#footer .dl-horizontal dt {width:20px}
	#footer .dl-horizontal dd {margin-left:30px}
	
#credit{margin-top:20px}	

h1{color:#7e6a39}
h2{font-size:24px}
a{color:#5d9f0e}
a:hover, a:focus{color:#7ed813}

.screen-reader-text{display:none}

#toTop{position:fixed;bottom:15px;left:15px;display:none}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
	

.make-responsive {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.make-responsive.widescreen { padding-bottom: 57.25%; }
.make-responsive.vimeo { padding-top: 0; }

.make-responsive iframe,
.make-responsive object,
.make-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .make-responsive { padding-top: 0; }
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 1199px) {	
	#logo{width:350px}
}

@media (max-width: 991px) {
	#logo{width:280px}
}

@media (max-width: 767px) {
	#header{margin-top:0;margin-bottom:0;background:none}
	.glow{box-shadow:none}
	#logo{width:auto;top:5px;left:0;position:relative;margin:0 auto}
	.navbar-default .navbar-collapse{background:inherit}
	.navbar-default .navbar-nav>li>a{color:inherit;text-shadow:none}
	.navbar-default .navbar-nav,
	.navbar-default .navbar-nav>li{background:none}
}

@media (max-width: 480px) {
}