/*
 Theme Name:   Angel Island
 Theme URI:    http://andrewlux.com
 Description:  Angel Island Theme - for Angel Island Conservatory
 Author:       a lux
 Author URI:   http://andrewlux.com
 Text Domain:  angelisland
 Version:      1.0.0
 License:      GNU General Public License v2 or later

*/

@font-face {
  font-family: 'gt';
	src: url('fonts/GT-Walsheim-Regular.eot');
	src: url('fonts/GT-Walsheim-Regular.woff') format('woff'),
	     url('fonts/GT-Walsheim-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
  font-family: 'gt';
	src: url('fonts/GT-Walsheim-Medium.eot');
	src: url('fonts/GT-Walsheim-Medium.woff') format('woff'),
	     url('fonts/GT-Walsheim-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
  font-family: 'gt';
	src: url('fonts/GT-Walsheim-Regular-Oblique.eot');
	src: url('fonts/GT-Walsheim-Regular-Oblique.woff') format('woff'),
	     url('fonts/GT-Walsheim-Regular-Oblique.ttf') format('truetype');
	font-weight: 500;
	font-style: oblique;
}
html{padding: 0;margin:0;}
body{padding:0;margin:0;font-family: 'gt', sans-serif;}
ul{list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;}
a{text-decoration: none;font-family: 'gt', sans-serif;color:#5e4a45;}
h1, h2, h3, h4, h5, h6{padding: 0;margin:0;}
p{-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}

table{
	border-spacing: 0;
}
.page .top-bit form{
	display: inline;
}
/* === Head area === */
header{
	position: fixed;
	width: 100%;
	height:auto;
	z-index: 99999;
}
header img{
	width:204px;
	position: absolute;
	top:0;	
	display: inline-block;
	z-index: 999;
}
.searchbar{
	background-color: #19a8ba;
	width:100%;
	text-align: right;
	line-height:34px;	
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 1.0px;
	color: #5e4a45;
	text-decoration: none;
	font-family: 'gt', sans-serif;
	height:102px;
}
header .menu{
	padding-right: 8%;
	margin: 0;
}
header .uppermenu{
	display: block;
	position: relative;
	width:100%;
	margin-top:-68px;
	background-color: #8dc027;
    /*-webkit-transition: all 0.5s;
    transition: all 0.5s;*/
}
header .uppermenu .menu{
	text-align: right;
}
header .uppermenu .menu li{
	display: inline-block;
}
header .uppermenu .menu li:before{
	content: "";
	display: inline-block;
	width:35px;
}
header .uppermenu .sub-menu li:before{
	content: "";
	width:0px;
}
header .uppermenu .menu li a{
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	line-height:34px;	
	letter-spacing: 1.0px;
	color: #5e4a45;
	text-decoration: none;
	font-family: 'gt', sans-serif;
}
header .uppermenu .menu li a:hover{
	color:#ffffff;
}
header .lowermenu{
	display: block;
	position: relative;
	width:100%;
	background-color: #a5cdd8;
    /*-webkit-transition: all 0.5s;
    transition: all 0.5s;*/
}
header .lowermenu .menu{
	text-align: right;
}
header .lowermenu .menu li{
	display: inline-block;
	padding-left:3%;
}
header .lowermenu .menu .current-menu-item a{
	color:white;
}
header .uppermenu .menu .current-menu-item a{
	color:white;
}
header .uppermenu .menu .current-menu-ancestor a{
	color:white;
}header .lowermenu .menu .current-menu-ancestor a{
	color:white;
}
header .lowermenu .menu li a{
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	line-height:34px;	
	letter-spacing: 1.0px;
	color: #5e4a45;
	text-decoration: none;
	font-family: 'gt', sans-serif;
}
header .lowermenu .menu li a:hover{
	color:#ffffff;
}
header .sub-menu .current-menu-item a{
	color:#ffffff !important;
}



/* === DROPDOWN MENU === */
.uppermenu .menu li ul.sub-menu{
    display: block;
    position: absolute;
    background-color: #8dc027;
    overflow: hidden;
    height:0;
    z-index: 9999999; 
			-webkit-transition: width 2s;
			-moz-transition: width 2s;
			-o-transition: width 2s;
			transition: width 2s; 
}
.uppermenu .menu li ul.sub-menu li{
	display: block;
    padding-left:0;
	padding-right: 10px;
}
.uppermenu .menu li ul.sub-menu li:last-of-type{
	padding-bottom: 20px;
}
.uppermenu .menu li ul.sub-menu a{
	font-size: 14px;
	font-weight: 300;
	line-height:34px;	
	letter-spacing: 1.0px;
	color: #5e4a45;
	text-decoration: none;
	font-family: 'gt', sans-serif;
	text-transform: uppercase;
	text-align: right;
}
.uppermenu .menu li ul.sub-menu a:hover{
	color:#ffffff;
}

.lowermenu .menu li ul.sub-menu{
    display: block;
    position: absolute;
    background-color: #a5cdd8;
    overflow: hidden;
    height:0;
    z-index: 99999;
			-webkit-transition: width 2s;
			-moz-transition: width 2s;
			-o-transition: width 2s;
			transition: width 2s;
}
.lowermenu .menu li ul.sub-menu li{
	display: block;
    padding-left:0;
    padding-right:10px;
}
.lowermenu .menu li ul.sub-menu li:last-of-type{
	padding-bottom: 20px;
}
.lowermenu .menu li ul.sub-menu a{
	font-size: 14px;
	font-weight: 300;
	line-height:34px;	
	letter-spacing: 1.0px;
	color: #5e4a45;
	text-decoration: none;
	font-family: 'gt', sans-serif;
	text-transform: uppercase;
	text-align: right;
}
.lowermenu .menu li ul.sub-menu a:hover{
	color:#ffffff;
}
		/*==hover bisness === */
		.uppermenu .menu-item:hover > .sub-menu{
			height:auto;
			transition: all 2s;
			-webkit-transition: width 2s;
			-moz-transition: width 2s;
			-o-transition: width 2s;
			transition: width 2s;
		}
		.lowermenu .menu-item:hover > .sub-menu{
			height:auto;
			transition: all 2s;
			-webkit-transition: width 2s;
			-moz-transition: width 2s;
			-o-transition: width 2s;
			transition: width 2s;
		}


/* === SEARCH AREA === */
.srch-cont{
	display: block;
	padding-bottom: 80px;
}
.search .container a h1{
	font-size: 30px;
    color: #646464;
	font-family: 'gt', sans-serif;
    font-weight: 200;
    padding-bottom:15px;
}
.search .container .top-text p{
    font-size: 15px;
    line-height: 1.6;
}


/* === Banner area === */
.banner-area{
	padding-top:102px;
}
.banner-area img{ 
	display: block;
	width:100%;
	padding: 0;
	margin:0;
}
.banner-area img.ban{
	opacity:0;
	position: fixed;
	z-index: -99999;
}




/* ==== CTA Area === */
.ctarea{
	display: block;
	width: 80%;
	margin:0 auto;
	max-width:1200px;
}
.ctarea h1{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 2px;
	text-align: center;
	color: #665f3f;
	padding-top:27px;
	padding-bottom: 23px;
}
.ctarea .box{
	width: 32.2%;
}
.ctarea .boxone{
	display: inline-block;
	vertical-align: top;
}
.ctarea .boxtwo{
	display: inline-block;
	vertical-align: top;
	padding: 0px 1.03%;
}
.ctarea .boxthree{
	display: inline-block;
	vertical-align: top;
}
.ctarea .box img{
	width:100%;
}
.ctarea .boxone img{
	width:105%;
	margin-left: -4%;
	margin-top: -5%;
}

.page-title{
	font-size: 14px;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: 1.0px;
    color: #5e4a45;
    text-transform: uppercase;
    padding-bottom: 35px;
}

/* ==== ACCORDION PAGE SHENANIANS === */

.container{
	display: block;
	width:60%;
	margin:0 auto;
	padding-top:80px;
}
.container .top-text p{
	font-size: 30px;
	color: #646464;
	padding-bottom: 55px;
}
.container .sect{
	border-top: 1px solid #979797;
	height:50px;
	overflow: hidden;
    -webkit-transition: all 0.3s; 
    transition: all 0.3s;
    -webkit-transition: all 0.3s; 
    transition: all 0.3s;
}
.container .sect:last-of-type{
	border-bottom: 1px solid #979797;
}
.container .sect .title{
	font-size: 16px;
	line-height: 50px;
	letter-spacing: 1.1px;
	text-transform: uppercase;
}
.container .sect table{
	width:100%;
}
.container .sect .table-title{
	display: block;
	width:100%;
	cursor: pointer;
}
.container .sect .table-arrow{
	display: inline-block;
	float: right;
	width: 20px;
	height: 20px;
	padding-top:13px;
	padding-right: 13px;
}
.container .sect .table-arrow .arrow{
	width:20px;
}
.container .sect .int p{
	font-size: 15px;
	line-height: 1.6;
	padding-bottom:12px;
}
.container .sect .int img{
	width: 100%;
	padding-bottom: 30px;
}
.container .sect .int img.full{
	width: 100%;
	height:auto !important;
	padding-bottom: 30px;
}
.container .sect .int img.oner{
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-bottom: 24px;
    float: right;
}
.container .sect .int img.onel{    
	display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-bottom: 24px;
}
.container .sect .int .leftside {
	display: inline-block;
	vertical-align: top;
	width:48%;
	font-size: 12px;
	padding-bottom:24px;
	float: left;
}
.container .sect .int .rightside {
	display: inline-block;
	vertical-align: top;
	width:48%;
	font-size: 12px;
	padding-bottom:24px;
	float: right;
}
.container .sect .int .row{
	display: block;
	width:100%;
}
.container .sect .int a{
	color:#912682;
}
.int span{
	font-size: 15px;
	color:#912682;
}
.container .extra p{
	font-size: 30px;
	color:#646464;
}
.container .extra p a{
    display: block;
    width: 100%;
    text-align: center;
}



/* ==== NORMAL PAGE SHENANIANS === */
.page .container .top-text p:first-of-type{
	padding-bottom: 23px;
}
.page .container .top-text p{
	padding-bottom:47px;
}
.sections .int .leftside{
	vertical-align: top;
	font-size: 15px;
	line-height: 1.6;
	padding-right:2%;
	width:50%;

}
.sections .int .rightside{
	vertical-align: top;
	font-size: 15px;
	line-height: 1.6;
	padding-left: 2%;
	width:50%;
}
.sections .int p{
	padding-bottom:12px;
}
.page-template-default .container .extra{
}
.page .container .extra img{
	display: block;
	margin:0 auto;
}
.baner{
	display: block;
	width:100%;
	padding-top:101px;
	margin-bottom: -80px;
}


/* === Join Give Page === */
.page-template-page_joingive .interior{
	width:100%;
	display: block;
	padding-bottom: 30px;
}
.page-template-page_joingive .interior table{
	width:100%;
	display: block;
}
.page-template-page_joingive .interior table td{
}
.page-template-page_joingive .interior .tright{
	max-width: 348px;
	min-width: 230px;
	width:50%;
	padding-right:30px;
}
.page-template-page_joingive .interior .tright img{
	width:100%;
}
.page-template-page_joingive .interior .tleft{
	width: 348px;
	min-width: 312px;
	vertical-align: top;
}
.page-template-page_joingive .interior .tleft .top-bit{
	border-bottom: 1px solid #979797;
	margin-bottom: 15px;
}
.page-template-page_joingive .interior .tleft .top-bit h1{
	display: inline-block;
	font-size: 30px;
	letter-spacing: 1.2px;
	line-height: 60px;
	font-weight: 200;
	color: #646464;
}
.page-template-page_joingive .buttimg {
    width: 165px;
    float: right;
    margin-top: -54px;
}
.page-template-page_joingive .interior .tleft .top-bit button{
	float: right;
	display: inline-block;
	width: 50%;
	height: 45px;
	margin-top: 8px;
	background-color: #912682;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 2px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'gt', sans-serif;
	border: none;
}
.page-template-page_joingive .interior .tleft .bottom-bit .cont-name{
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 2px;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_joingive .interior .tleft .bottom-bit .gifts-name{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_joingive .interior .tleft .bottom-bit .gandb p{
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	color: #5e4a45;
}

/* === Give Page === */
.page-template-page_give .interior{
	width:100%;
	display: block;
	padding-bottom: 30px;
}
.page-template-page_give .interior table{
	width:100%;
	display: block;
}
.page-template-page_give .interior table td{
}
.page-template-page_give .interior .tright{
	max-width: 348px;
	min-width: 230px;
	width:50%;
	padding-right:30px;
}
.page-template-page_give .interior .tright img{
	width:100%;
}
.page-template-page_give .interior .tleft{
	width: 348px;
	min-width: 312px;
	vertical-align: top;
}
.page-template-page_give .interior .tleft .top-bit{
	border-bottom: 1px solid #979797;
	margin-bottom: 15px;
}
.page-template-page_give .interior .tleft .top-bit h1{
	display: inline-block;
	font-size: 30px;
	letter-spacing: 1.2px;
	line-height: 60px;
	font-weight: 200;
	color: #646464;
}
.page-template-page_give .buttimg {
    width: 165px;
    float: right;
    margin-top: -54px;
}
.page-template-page_give .interior .tleft .top-bit button{
	float: right;
	display: inline-block;
	width: 50%;
	height: 45px;
	margin-top: 8px;
	background-color: #912682;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 2px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'gt', sans-serif;
	border: none;
}
.page-template-page_give .interior .tleft .bottom-bit .cont-name{
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 2px;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_give .interior .tleft .bottom-bit .gifts-name{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_give .interior .tleft .bottom-bit .gandb p{
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	color: #5e4a45;
}

/* === Join Page === */
.page-template-page_join .interior{
	width:100%;
	display: block;
	padding-bottom: 30px;
}
.page-template-page_join .interior table{
	width:100%;
	display: block;
}
.page-template-page_join .interior table td{
}
.page-template-page_join .interior .tright{
	max-width: 348px;
	min-width: 230px;
	width:50%;
	padding-right:30px;
}
.page-template-page_join .interior .tright img{
	width:100%;
}
.page-template-page_join .interior .tleft{
	width: 348px;
	min-width: 312px;
	vertical-align: top;
}
.page-template-page_join .interior .tleft .top-bit{
	border-bottom: 1px solid #979797;
	margin-bottom: 15px;
}
.page-template-page_join .interior .tleft .top-bit h1{
	display: inline-block;
	font-size: 30px;
	letter-spacing: 1.2px;
	line-height: 60px;
	font-weight: 200;
	color: #646464;
}
.page-template-page_join .buttimg {
    width: 165px;
    float: right;
    margin-top: -54px;
}
.page-template-page_join .interior .tleft .top-bit button{
	float: right;
	display: inline-block;
	width: 50%;
	height: 45px;
	margin-top: 8px;
	background-color: #912682;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 2px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'gt', sans-serif;
	border: none;
}
.page-template-page_join .interior .tleft .bottom-bit .cont-name{
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 2px;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_join .interior .tleft .bottom-bit .gifts-name{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_join .interior .tleft .bottom-bit .gandb p{
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	color: #5e4a45;
}


/* === single page === */
.single .container img{
	width:100%;
}

/* === Archive Events === */
.archive .container:first-of-type{
	padding-top:180px;
	padding-bottom: 34px;
}
.archive .container{
	padding-top:20px;
}
.archive .container .sect{
	border-top: 1px solid #979797;
	height:50px;
	overflow: hidden;
    -webkit-transition: all 0.3s; 
    transition: all 0.3s;
    -webkit-transition: all 0.3s; 
    transition: all 0.3s;
}
.archive .container h1{
	color: #646464;
	font-weight: 200;
}
.archive .container .sect {
	border-bottom:1px solid #979797;
	margin-bottom:34px;
	margin-top: 10px;
}
.archive .container .sect .title{
	color: #646464;
	font-size: 15px;
	line-height: 50px;
	letter-spacing: 1.1px;
	text-transform: uppercase;
}
.archive .container .sect .int .event-text p{
	font-size: 15px;
	line-height: 1.6;
	color: #646464;
	padding-bottom: 25px;
}
.archive .container .sect .int .moredeets p{
	color: #646464;
	font-size: 12px;
	padding-bottom: 34px;
}
.arvhive .container .sect:last-of-type{
	border-bottom:none;
}


/* === calendar === */
.calprev{
	display: inline-block;
	width:30%;
	padding-right:2%;
}
.caltoday{
	display: inline-block;
	width:30%;
}
.calnext{
	display: inline-block;
	width:30%;
	padding-left:2%;
}
table.calendar{ 
	width:100%;
}
table.calendar td{
}
tr.calendar-row{
	width:100%;
}
td.calendar-day{
	font-size:11px; 
	position:relative;
}
* html div.calendar-day{
}
td.calendar-day-np{ 
}
* html div.calendar-day-np{
}
td.calendar-day-head{
	text-align:left;
}
div.day-number{
	font-size: 16px;
	color: #646464;
	text-align:left;
}
/* shared */
td.calendar-day, td.calendar-day-np{
}


/* === FOOOTER AREA ==== */

.foot-wrap{
	padding-bottom:10px;
	padding-top:33px;
}
.foot-wrap img{
	width:100%;
}
.foot-wrap p{
	width:100%;
	display: block;
	text-align: center;
	font-size: 15px;
	color: #5e4a45;
}
.foot-wrap p.dink{
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 1.5px;
}
.foot-wrap span{
	padding-right:10px;
	padding-left: 10px;
}





@media (max-width: 755px){
	.container{
		width:80%;
	}
	.ctarea .box{
		width:30%;
	}
	.ctarea h1{
		font-size: 12px;
	}

	/* === Join Give Page === */
.page-template-page_joingive .interior{
	width:100%;
	display: block;
	padding-bottom: 30px;
}
.page-template-page_joingive .interior table{
	width:100%;
	display: table;
}
.page-template-page_joingive .interior table td{
}
.page-template-page_joingive .interior .tright{
	display: inline;
	width:100%;
	padding:0;
}
.page-template-page_joingive .interior .tright img{
	width:100%;
}
.page-template-page_joingive .interior .tleft{
	display: inline;
	width: 100%;
	vertical-align: top;
}
.page-template-page_joingive .interior .tleft .top-bit{
	border-bottom: 1px solid #979797;
	margin-bottom: 15px;
}
.page-template-page_joingive .interior .tleft .top-bit h1{
	display: inline-block;
	font-size: 30px;
	letter-spacing: 1.2px;
	line-height: 60px;
	font-weight: 200;
	color: #646464;
}

.page-template-page_joingive .interior .tleft .top-bit button{
	float: right;
	display: inline-block;
	width: 50%;
	height: 45px;
	margin-top: 8px;
	background-color: #912682;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 2px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
}
.page-template-page_joingive .interior .tleft .bottom-bit .cont-name{
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 2px;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_joingive .interior .tleft .bottom-bit .gifts-name{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_joingive .interior .tleft .bottom-bit .gandb p{
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	color: #5e4a45;
}


	/* === Give Page === */
.page-template-page_give .interior{
	width:100%;
	display: block;
	padding-bottom: 30px;
}
.page-template-page_give .interior table{
	width:100%;
	display: table;
}
.page-template-page_give .interior table td{
}
.page-template-page_give .interior .tright{
	display: inline;
	width:100%;
	padding:0;
}
.page-template-page_give .interior .tright img{
	width:100%;
}
.page-template-page_give .interior .tleft{
	display: inline;
	width: 100%;
	vertical-align: top;
}
.page-template-page_give .interior .tleft .top-bit{
	border-bottom: 1px solid #979797;
	margin-bottom: 15px;
}
.page-template-page_give .interior .tleft .top-bit h1{
	display: inline-block;
	font-size: 30px;
	letter-spacing: 1.2px;
	line-height: 60px;
	font-weight: 200;
	color: #646464;
}

.page-template-page_give .interior .tleft .top-bit button{
	float: right;
	display: inline-block;
	width: 50%;
	height: 45px;
	margin-top: 8px;
	background-color: #912682;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 2px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
}
.page-template-page_give .interior .tleft .bottom-bit .cont-name{
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 2px;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_give .interior .tleft .bottom-bit .gifts-name{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_give .interior .tleft .bottom-bit .gandb p{
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	color: #5e4a45;
}


	/* === Join Page === */
.page-template-page_join .interior{
	width:100%;
	display: block;
	padding-bottom: 30px;
}
.page-template-page_join .interior table{
	width:100%;
	display: table;
}
.page-template-page_join .interior table td{
}
.page-template-page_join .interior .tright{
	display: inline;
	width:100%;
	padding:0;
}
.page-template-page_join .interior .tright img{
	width:100%;
}
.page-template-page_join .interior .tleft{
	display: inline;
	width: 100%;
	vertical-align: top;
}
.page-template-page_join .interior .tleft .top-bit{
	border-bottom: 1px solid #979797;
	margin-bottom: 15px;
}
.page-template-page_join .interior .tleft .top-bit h1{
	display: inline-block;
	font-size: 30px;
	letter-spacing: 1.2px;
	line-height: 60px;
	font-weight: 200;
	color: #646464;
}

.page-template-page_join .interior .tleft .top-bit button{
	float: right;
	display: inline-block;
	width: 50%;
	height: 45px;
	margin-top: 8px;
	background-color: #912682;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 2px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
}
.page-template-page_join .interior .tleft .bottom-bit .cont-name{
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 2px;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_join .interior .tleft .bottom-bit .gifts-name{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	color: #5e4a45;
	padding-bottom: 20px;
}
.page-template-page_join .interior .tleft .bottom-bit .gandb p{
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	color: #5e4a45;
}



}


@media (max-width: 628px){
	header img{	
    position: relative;
    display: inline;
    float: left;
	}
	.srchbutt{
		float: right !important;
	}
}
@media (max-width: 500px){
	header {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 99999;
}
	.calprev{
	display: block;
    width: 100%;
    padding-bottom: 30px;
}
.caltoday{
	display: block;
    width: 100%;
    padding-bottom: 30px;
}
.calnext{
	display: block;
    width: 100%;
}
	.container .sect .int .leftside {
	display: inline-block;
	vertical-align: top;
	width:100%;
	font-size: 12px;
	padding-bottom:0px;
	padding-top: 24px;
	float: none;
}
.container .sect .int .rightside {
	display: inline-block;
	vertical-align: top;
	width:100%;
	font-size: 12px;
	padding-bottom:0px;
	padding-top: 0px;
	float:none;
}
	.container .sect .int img.oner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-bottom: 24px;
    height:auto;
}
	.container .sect .int img.onel {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-bottom: 24px;
    height:auto;
}
.sections .int .leftside{
	display: block;
	vertical-align: top;
	font-size: 12px;
	padding-right:0px;
	width:100%;

}
.sections .int .rightside{
	display: block;
	vertical-align: top;
	font-size: 12px;
	padding-left: 0px;
	width:100%;
}
}
@media (max-width: 489px){
	.page .container .extra img{
		width:100%;
	}
}
@media (max-width: 466px){
	.ctarea .boxtwo h1{
		padding-bottom: 11px;
	}
}
@media (max-width: 336px){
	header .uppermenu{
		margin-top: 0px;
	}
	header .uppermenu .menu li{
		display: block;
		text-align: left;
		padding-left: 3%;
		width:50%;
	}
	header .uppermenu .menu li:before{
		width: 0;
	}
	header .lowermenu .menu li{
		display: block;
		width:70%;
	}
	header .lowermenu .menu{
		text-align: left;
	}
	.searchbar .ex{
		margin-top:-180px;
	}
	.uppermenu .menu li ul.sub-menu{	
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
	}
	.lowermenu .menu li ul.sub-menu{	
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
	}
}