/*

Theme Name: Trekking 4 Women

Theme URI: http://www.web-o-matic.co.nz/

Description: Custom theme for Trekking 4 Women

Version: 1.0

Author: Morgan Dilks

Author URI: http://www.trekking4women.co.nz





	T4W 1.0

	 http://www.web-o-matic.co.nz/



	This theme was designed and built by Web-o-matic Limited www.web-o-matic.co.nz,

	

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {

  margin:0;

  padding:0;

  border:0;

  outline:0;

  font-size:100%;

  vertical-align:baseline;

  background:transparent;

}                  



html, body{ width:100%; height:100%; font:12px normal Arial, Helvetica, sans-serif; color:#666666; }



#header_band{ margin:0 0 -80px 0; width:100%; height:190px;background:url(images/headerfade.jpg) no-repeat center top #cdcc34;} /* put a centered background image here if required */

#header_content{ position:relative;margin:auto; padding:5px 10px; width:985px; height:60px; line-height:2em;}

#header_content a{ color:#ff3366; text-decoration:none; }

.tagline{position:absolute;top:5px;right:5px;color:#FFFFFF;font-size:16px;}



#nav_content{ margin:0 auto; padding:5px 10px 0px; width:985px; color:#ffffff; z-index:100; }

#nav_content a{ color:#ffffff; font-family:14px bold Arial, Verdana, Century Gothic; text-decoration:none; }





#main_content{ margin:0 auto; padding:20px; width:965px; line-height:2em; background-color:#efeee9; clear:both; 	

	-moz-box-shadow: 0 0 4px 3px #888;

	-webkit-box-shadow: 0 0 4px 3px#888;

	box-shadow: 0 0 4px 3px #888;}

#main_content a{ color:#c36b24; text-decoration:none; }



#sidebar{float:left;width:220px;}

#sidebar ul.left_nav{list-style:none; padding:0;margin:0;width:220px; }

#sidebar ul.left_nav li{margin:0 0 4px 0;}

#sidebar ul.left_nav li a.menu_off, #sidebar ul.left_nav li a.menu_on {padding:5px 12px;height:20px; font:14px bold Arial, Verdana, Century Gothic; text-decoration:none; display:block;}

#sidebar ul.left_nav li a.menu_off:hover, #sidebar ul.left_nav li a.menu_on:hover { color:#ffffff; background:url(images/menu_arrow.png) no-repeat right #c36b24; }

#sidebar ul.left_nav li a.menu_off { color:#330d73; background-color:#caca32; }

#sidebar ul.left_nav li a.menu_on { color:#ffffff; background:url(images/menu_arrow.png) no-repeat right #c36b24; }



#main_detail{float:left;padding:0;margin:0 0 0 20px;width:725px;}

.main_header{width:100%;padding-bottom:20px;border-bottom:1px #cccccc solid;display:block;margin:0 0 5px 0;line-height:1.4em; font-weight:normal;font-size:28px; color:#666632;}



/* home layout update 12.06.2013 */

#main_left_home{float:left;width:725px;}

#main_right_home{float:right;width:465px;margin-left:20px;}



#main_left{float:left;width:240px;margin-right:20px;}

#main_right{float:right;width:465px;}

.homepromo{position:relative;width:445px;padding:0 10px 10px;background-color:#ffffff;overflow:auto; margin-bottom:20px;

	-moz-box-shadow: 0 0 4px 3px #cccccc;

	-webkit-box-shadow: 0 0 4px 3px #cccccc;

	box-shadow: 0 0 4px 3px #cccccc;

}

.promotitle{background-color:#c36b24; height:22px; padding:4px 8px; margin:0 -10px; display:block;color:#FFFFFF;font-size:14px;}

.homepromo img{float:right;margin:0 -10px -10px 10px;padding:0;}

.homepromo .readmore{position:absolute;background-color:#cdcc33;color:#FFFFFF;padding:4px 8px;right:200px;bottom:10px;width:60px;}



#hero_image{width:965px;height:255px;margin-bottom:20px;}

#hero_image, #fadeshow1{z-index:500;}



/* MAPPING */



.map{position:relative;margin-bottom:20px;}

.maploc{position:absolute;width:11px;height:11px;background:url(images/map_dot.png) no-repeat top;}

.maploc:hover{background:url(images/map_dot.png) no-repeat bottom;}

.nepal{top:90px;left:360px;}

.nz{top:168px;left:444px;}

.maploc span{display:none;}

.maploc:hover span{	display:block;background-color:#c36b24;position:absolute;top:-30px;right:0;color:#FFFFFF;padding:3px;border:1px solid #ffffff;text-align:center;z-index:2;white-space:nowrap;}



/* DESTINATIONS PAGE */



.tripbar{clear:left;position:relative;display:block;width:100%;margin:4px 200px 0 0;background-color:#c36b24;padding:3px;color:#ffffff;}

.tripbar:hover{background-color:#c36b24;}

.viewtrip{position:absolute;right:0;top:0;padding:3px 30px 3px 10px;background:url(images/menu_arrow.png) no-repeat right #cdcc34;color:#330d73;}

.viewtrip:hover{color:#330d73;}



/* TRIP PAGE */



.tripnav{float:right;text-align:right;font-size:11px;color:#666666;}

.tripleft{float:left;width:485px;padding:20px 0 0 0;clear:both;}

.tripright{float:right;width:220px;padding:20px 0 0 0;}

.itinery{background:url(images/menu_arrow.png) no-repeat right #c36b24;display:block;padding:3px 3px 3px 30px;margin:0 0 20px 0;color:#ffffff;}



.trippic a, .trippic a img{margin:0;padding:0;border:0;}

.trippic{position:relative;float:left;background-color:#cccccc;width:105px;height:75px;padding:0;margin-bottom:10px;}

/*.picl{margin-right:10px;}*/



h1, h2, h3, h4{margin:0 0 5px 0;line-height:1.4em; font-weight:bold; }

h1{ font-size:28px; color:#666632;}

h2{ font-size:16px; color:#666632; }

h3{ font-size:20px; }

h4{ font-size:18px; }



/* 2 col width:460px; left-margin:20px; (same as .col-6) */

/* 3 col width:300px; left-margin:20px; (same as .col-4) */

/* 4 col width:220px; left-margin:20px; (same as .col-3) */

/* 5 col width:172px; left-margin:20px; */

/* 6 col width:140px; left-margin:20px; (same as .col-2) */



.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{ float:left; display:inline; margin:0 0 20px 20px; padding:10px 0; border: solid 1px #999999; border-width: 1px 0; background-color:#FFFFCC}

.col-1 { width:60px; }

.col-2 { width:140px; }

.col-3 { width:220px; }

.col-4 { width:300px; }

.col-5 { width:380px; }

.col-6 { width:460px; }

.col-7 { width:540px; }

.col-8 { width:620px; }

.col-9 { width:700px; }

.col-10 { width:780px; }

.col-11 { width:860px; }

.col-12 { width:940px; margin-left: 0; clear: left; }

.first { margin-left: 0; clear: left; }



#footer_band{ width:100%; height:100px; padding:5px 0;}/* for an overflowing footer change the background colour to the footer colour! */

#footer_content{ margin:0 auto; padding:0 10px; width:985px; text-align:left; color:#999999; line-height:2em; }

#footer_content a{ color:#c36b24; text-decoration:none; }



#background_img{position:absolute;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:-2;background-color:#background-color:#d8c9ad;}



.fadeslidedescdiv{text-align:right;}

.descpanelfg{height:19px;padding-top:8px;padding-bottom:8px;}



label.screen-reader-text{display:none;}

input#s, input#fname, input#email{border:0;width:195px;padding:5px 12px;height:20px; font:14px bold Arial, Verdana, Century Gothic; }

input#fname, input#email{margin-bottom:5px;}

input#searchsubmit{border:0;width:220px;color:#ffffff; background:url(images/menu_arrow.png) no-repeat right #c36b24;padding:5px 12px;height:30px; font:14px bold Arial, Verdana, Century Gothic;margin:10px 0; }



/* Alignment */

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.625em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.625em;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



p {

line-height: 1.5em;

margin: 0px 0px 7px 0px;

padding-top:1.0em;

padding-bottom:1.0em;

}



#contactform input, #contactform textarea, #contactform select{width:300px;padding:3px;border:0;margin:5px 0 5px 20px;}

#contactform textarea{height:80px;font-family:Arial, Helvetica, sans-serif;}

#contactform #contact_submit{border:0;width:300px;color:#ffffff; background:url(images/menu_arrow.png) no-repeat right #c36b24;height:30px;font:14px bold Arial, Verdana, Century Gothic;}





.trip_contact{background-color:#c36b24;padding:3px 20px;margin:0 0 20px 0;color:#ffffff;width:180px;text-align:center;font-size:16px;font-weight:bold;}



.button-holder{position:relative;width:100%;}

.button-left{float:left;}

.button-right{float:right;}



.form_header{padding:20px 0 0 0;margin-bottom:10px;font-size:16px; color:#666632;font-weight:bold;width:100%;border-bottom:2px #666632 solid;}

.formleftname{vertical-align:top;width:200px;}

#contactform input.accept_check{width:50px;}



.teraem{color:#CC6600;font-style:italic;}

.tera{color:#CC6600;}



.newsletter_submit{border:0;width:220px;color:#330d73; background:url(images/menu_arrow.png) no-repeat right #caca32;padding:5px 12px;height:30px; font:14px bold Arial, Verdana, Century Gothic;margin:10px 0; }

#response{color:#FF0000;font-weight:bold;}

#newsletter_signup{border-bottom:#CCCCCC solid 3px;margin-bottom:10px;}


#travel_date_search{border-bottom:#CCCCCC solid 3px;margin-bottom:10px;}

.travel_date_submit{border:0;width:220px;color:#ffffff; background:url(images/menu_arrow.png) no-repeat right #c36b24;padding:5px 12px;height:30px; font:14px bold Arial, Verdana, Century Gothic;margin:10px 0; }


#main_content #sidebar #trekcategory{margin:10px 0 15px;}

.singlecat{position:relative;float:left;width:75px;padding-left:35px;height:31px;margin-bottom:3px;padding-top:0.9em;}

#main_content #trekcategory a{color:#666666;line-height: 1.1em;}

.trekking{background:url(images/cat-trekking.png) no-repeat left;}

.camping{background:url(images/cat-camping.png) no-repeat left;}

.hotelteahouse{background:url(images/cat-hotelteahouse.png) no-repeat left;}

.plane{background:url(images/cat-plane-travel.png) no-repeat left;}

.train{background:url(images/cat-train-travel.png) no-repeat left;}

.boat{background:url(images/cat-boat-travel.png) no-repeat left;}

.cycling{background:url(images/cat-cycling.png) no-repeat left;}

.easy{background:url(images/cat-easy.png) no-repeat left;}

.kayaking{background:url(images/cat-kayaking.png) no-repeat left;}

.moderate{background:url(images/cat-moderate.png) no-repeat left;}

.safari{background:url(images/cat-safari.png) no-repeat left;}

.challenge{background:url(images/cat-challenging.png) no-repeat left;}



.rspace{margin-right:5px;}


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="date"],
.wpcf7 textarea,
.wpcf7 input[type="tel"],
.wpcf7 input[type="checkbox"],
.wpcf7 select{
padding:10px!important;
border:none!important;
}

.wpcf7 label {
margin-bottom:10px!important;
padding-bottom:10px!important;
}

div.wpcf7 {
    padding:5%!important;
background-color:#f5f4f1;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 input[type="tel"],
.wpcf7 select {
width:90%;
}

.wpcf7 input[type="submit"]{
    border: 0;
    width: 300px;
    color: #ffffff;
    background: url(images/menu_arrow.png) no-repeat right #c36b24;
    height: 30px;
    font: 14px bold Arial, Verdana, Century Gothic;
}