/*
Theme Name: deap
Theme URI: http://deapcanyoning.com/
Description: child theme for Hero.
Author: suzanne
Author URI: http://thewildeweb.com/
Template: hero
Version: 1.0
*/

@import "http://deapcanyoning.com/wp-content/themes/hero/style.css";


#logo
{
  float: left;
  margin-top: 20px;
  margin-right: 30px;
  margin-bottom: 0px;
  margin-left: 0px;
}

/* || set up animation for logo flip once on page load */

@-webkit-keyframes flip {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(180deg); }
}

@-moz-keyframes flip {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(180deg); }
}

@-ms-keyframes flip {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(180deg); }
}

@-o-keyframes flip {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(180deg); }
}

@keyframes flip {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); }
}    

/* || flip over (rotate logo once 180degrees) */
#main_logo {
  
  -webkit-animation-name: flip;
  -moz-animation-name: flip;
  -ms-animation-name: flip;
  -o-animation-name: flip;
  animation-name: flip;
  
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear; 

}

/* || set up animation for logo rotation on hover */

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}

@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}    

/* || rotate logo on hover*/
#main_logo:hover{
  
  -webkit-animation-name: spin;
  -moz-animation-name: spin;
  -ms-animation-name: spin;
  -o-animation-name: spin;
  animation-name: spin;
  
  -webkit-animation-duration: 6s;
  -moz-animation-duration: 6s;
  -ms-animation-duration: 6s;
  -o-animation-duration: 6s;
  animation-duration: 6s;
  
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  
}


/* navigation*/
#menubar {
	float: left;
	z-index: 99;
	margin: 27px 0px 0px 0px;
	position:relative;
	width: 964px;
}

#follow-box {
	color:#ccc;
	padding: 0 0 0 0;
	text-align:right;
	width: 100px;
	float:right;
}
#follow-box img {
	float: right; 
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 18px;
	}

body {
	background: #333;
	font: normal 14px Verdana, sans-serif;
	color: #fff;
	line-height:18px;
	border-top: 2px solid #00FF00;
	border-bottom: 0;
}


#contentW {
	width:964px;
	float:left;
	z-index: 1;
	background-color: #666;
}


#content #left-col {
	/*width:620px;*/
	width:964px;
	float:left;
	padding: 20px 16px 20px 0px;
	z-index: 1;
}

.post-entry {
	float:left;
	z-index: 99;
	margin: 10px 0px 10px 0px;
	position:relative;
	width:964px;
}

#footer {
	margin: 0 auto;
	margin-top: 80px;
	margin-bottom: 15px;
	width:964px; 
}

#footer-container{
	width:964px;
	margin: 0 auto;
	font-size:10px;
	color: #CCC;
	height: 108px;
}

#footer-info {
	color:#ccc;
	padding: 0px;
	text-align:right;
	width: 100px;
	float:right;
}


#footer img {
	float: left; 
	padding-right: 80px;
	}
	
#footer-info img {
	float: right; 
	padding-right: 0px;
	padding-top: 0px;
	}

/* for menu 'gallery' */
#thumbnailwrap {
		padding:0;
		margin:0 0 0 20px;
		width:854px;
	}

.thumbnail {
		float: left;
		width: 150px;
		border: 0;
		margin: 0;
		padding-top: 0;
		padding-right:50px;
		padding-bottom:50px;
		padding-left:0;
		text-align:center;

	}	
	
.thumbnail2 {
		float: left;
		width: 300px;
		border: 0;
		margin: 0;
		padding-top: 0;
		padding-right:50px;
		padding-bottom:50px;
		padding-left:0;
		text-align:center;

	}
	
.thumbnail img { 
		border: 2px solid #f1f1f1;	
		opacity: 0.8; 		
	/*Transition*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.thumbnail2 img { 
		border: 2px solid #f1f1f1;	
		opacity: 0.8; 		
	/*Transition*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
	
.thumbnail img:hover {  
   opacity: 1;
   
   /*Glow*/
  -webkit-box-shadow: 0px 0px 14px rgba(0,255,0,1);
  -moz-box-shadow: 0px 0px 14px rgba(0,255,0,1);
  box-shadow: 0px 0px 14px rgba(0,255,0,1);
}

.thumbnail2 img:hover {  
   opacity: 1;
   
   /*Glow*/
  -webkit-box-shadow: 0px 0px 14px rgba(0,255,0,1);
  -moz-box-shadow: 0px 0px 14px rgba(0,255,0,1);
  box-shadow: 0px 0px 14px rgba(0,255,0,1);
}

.clearboth { clear: both; }

/*----- gallery layout for team----- */
#teamgal {
	width: 854px;
	margin: 0;
	/*min-height: 300px;*/
}
#teamgal img {
	margin: 20px 40px 20px 20px;
	opacity: 0.8;
	
	/*Transition*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
#teamgal img:hover {  
   opacity: 1;
   
   /*Glow*/
  -webkit-box-shadow: 0px 0px 18px rgba(0,255,0,1);
  -moz-box-shadow: 0px 0px 18px rgba(0,255,0,1);
  box-shadow: 0px 0px 18px rgba(0,255,0,1);
}

/* note that width is already set above, in #teamgal container */
#teamgal ul { margin:0; padding:0; list-style-type:none; } 
#teamgal ul li { display:inline; } 
#teamgal ul li a { display:block; float:left; } 
#teamgal ul p { text-align:center; margin: 0 0 10px 0; padding:0; }


h4 { font-weight: normal; font-size: 20px; line-height: 10px; }

#content table {
	border: none;
	margin: 0 -1px 24px 0;
	padding: 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	padding: 0;
}
#content tr td {
	border-top: 0;
	padding: 0;
	margin: 0;
}

.answers {font: italic 14px Verdana, sans-serif; margin-left:30px;}
.nameTitle {font: normal 22px Verdana, sans-serif; margin-bottom: 20px;}

.welcome_container .one_third{ width:1.66% !important; text-transform: uppercase;}
.welcome_container .two_third{ width:98.33% !important; }

.welcome-box h1{
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
}

.title-box{
	font-size: 20px;
	color: #fff;
	line-height: 15px;
	padding-bottom: 10px;
}

li.selected a { color: #00FF00; }

/*** NAV ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.nav {
	line-height:	1.0;
}
.nav ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
.nav ul li {
	width:			100%;
}
.nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.nav li {
	float:			left;
	position:		relative;
}
.nav a {
	display:		block;
	position:		relative;
}
.nav li:hover ul,
.nav li.sfHover ul {
	left:			0;
	top:			39px; /* match top ul list item height */
	z-index:		99;
}
ul.nav li:hover li ul,
ul.nav li.sfHover li ul {
	top:			-999em;
}
ul.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}
ul.nav li li:hover li ul,
ul.nav li li.sfHover li ul {
	top:			-999em;
}
ul.nav li li li:hover ul,
ul.nav li li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0px;
}


.nav {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.nav a {
	padding: 1em 2em 1em 0em;
	text-decoration:none;
}


.nav a, .nav li a  { 
	color: #fff;
}

.nav a:hover {
	outline: 0;
	color: #00FF00;
	background: none;
}

.meta-data{
	line-height: 16px;
	padding: 6px 3px;
	margin-bottom: 5px;
	font-size: 11px;
	float:left;
	border-bottom: 1px solid #222;
	width: 964px;
}

.meta-data a{
	color: #00ff00;
}

.meta-data a:hover{
	color: #fff;
}

.comment-author cite {
	color: #fff;
	font-style: normal;
	font-weight: bold;
}

.commentlist {
	list-style: none;
	margin: 0;
	border-left: 0;
}

li.current-menu-item a { color: #00ff00; }

body.custom-background { background-color: #333333; }

p { padding: 0; }

ul {list-style-type: none;}

h2 { font-weight: bold; font-size: 20px; line-height: 24px; }
h3 { font-weight: bold; font-size: 16px; line-height: 20px; }
h4 { font-weight: bold; font-size: 12px; line-height: 18px; }

.download {color: #00ff00; margin-top:10px;}

.post-entry ul li a {
color: #00ff00;
display: block !important;
}

.core-form-field-body-note
{
  font-size: 0.9em;
  color: #ffffff;
}

#store-variation-selection-variations
{
  font-size: 1em;
  height: 16em;
  overflow-x: auto;
  overflow-y: auto;
  background-color: #333;
}