/*
Theme Name: HYC
Description: A custom theme for Heartland Youth Choir
Version: 1 (WP2.9.2)
Author: Don Dunbar and Roman Skaskiw
Author URI: http://icwebstuff.com
Tags: HYC, choir, Des Moines, IA, Iowa
*/
/* basic reset */
body {font-family: "Trebuchet MS", Verdana, sans-serif; font-size:0.8em; line-height:1.5em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h1 { font-size:300%; line-height:100%;}
h2 { font-size:220%; line-height: 120%;}
h3 { font-size:180%; line-height: 100%;}
h4 { font-size:140%; line-height: 100%; font-weight:bold;  margin: 0 0 5px 0;}
strong { font-weight:bold; font-size: 103%;}
em { font-style: italic; font-weight: bold;}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
} 
.post { margin: 0 0; padding: 0 0;}


/* LAYOUT 2 AND 3 COLUMN */

html, body { height: 100%;}
body {background: transparent url(images/headingBg.jpg) 0 0 repeat-x}
/* page-wrap's styles are part of the sticky footer technique do not change thme for any reason. */
#page-wrap {
             min-width: 960px;
             float: left;
			 margin: 0 0 -150px 0;
			 padding: 0 0;
			 min-height: 100%;
			 height: auto !important; height: 100%;
			 
			 }
#header { 
			background: transparent url(images/headerLogo.jpg) no-repeat scroll 24px 0px;
		    height: 191px;
			width: 792px;
		    text-indent: -9999px;
		    }

/* 	TERTIARY IS ONLY ON THE HOME PAGE ::  AS IS CONTAINER AND CONTENT*/
div#tertiary { width:351px;  float: left;}
div#tertiary img {border: none; position: relative; z-index: 0;}

div#container { width: 60%; min-width: 600px;}
div#content {width: 35%; margin-left: 25px;float:right;  }

/* CONTENT-2-COL IS USED FOR TWO COLUMN LAYOUT ON INTERNAL PAGES */

div#content-2-col { width: 60%; float: left; padding-left:50px;}



/* SIDEBAR STYLES */
div.textwidget { margin: 0 0; padding:0 0;}
div#sidebar h3 {
				 text-decoration: underline;
				 margin:0 0 20px 0;
				 padding-left: 5px;
				 line-height: .9em;
				 }
div#sidebar h3 a {color: #a7a56a; font-weight: bold;}
div#sidebar h3 a:hover { color:#246477;}
div#sidebar { width:30%; min-width: 200px; float: right;    }

.push { height: 150px; clear: both;}
#footer {height:150px; background:#c4c3af url(images/footer.jpg) 0 0 repeat-x; clear: both;} 
#footer #inside-footer { width: 80%; margin: 0 auto; padding: 20px 0 0 0;}
#footer #inside-footer p, #footer #inside-footer p a { font-size: 10px;}

/* Typography and padding and such */
  #footer #inside-footer p {  margin: 5px 0 0 0; padding: 0 0; line-height: .8em;}                       
  #content h3 {
  	font-size: 180%;
  	padding: 5px 0 3px 7px;
  	margin: 10px 0;
  }
  
  #content h3, #content-2-col h3 { color: #a7a56a; font-size: 180%; line-height: 100%;}
  #content-2-col div.post h2 { font-size: 220%; line-height: 120%; color: #a7a56a; margin-bottom: 25px; }
  
  #content-2-col div.post {
  							margin: 0 0 0 20px;
  							padding: 15px 0 0 0;
  							
  							}
  #content-2-col div.post p {
  							   font-size: small;
  							   margin-bottom: 10px;
  							   
  							} 
 

/* FORM STYLES */
p.invite { font-style: italic; font-weight: 600; font-size: 120%; color: #677FA2;}
div.wpcf7 form.wpcf7-form   {
								padding: 5px 0  2px 12px;
							}
div.wpcf7 form.wpcf7-form p { 
								font-weight: bold;
								font-size: 110%;
							}
div.wpcf7 form.wpcf7-form  input {
 							        
                                     
						         }
  
/*

DROPDOWN MENU :: AND NAVIGATION

*/
div#header ul#main-nav { position:relative; top: 100px; padding-left: 180px; z-index:200; text-indent: 0px; }
/*
div#header ul#main-nav li { } 
div#header ul#main-nav li a {   color:#a7af6a;}
div#header ul#main-nav li a:hover {background-color: #c4c3b0;
								   color:#2f0004;
								   border: 1px solid #c4c3b0;
								   -moz-border-radius: 5px;
								   -webkit-border-radius: 5px;
								    }
ul#main-nav li.current_page_item a {
					 background-color: #fff;
					 color:black;
					  -moz-border-radius: 5px;
					   -webkit-border-radius: 5px;
					   }

*/
#pixopoint_menu1 {
	width:100%;
	height:5px;  /***** distance from top to header images (???) ***********/
	background-position:50% 0;
	margin:0;
	color:#a7af6a;
	}
#pixopoint_menu1 ul {
	width:100%;
	border:none;
	background:none;
	margin:0;
	padding:0;
	list-style:none;
	color:#a7af6a;
	}
#pixopoint_menu1 li {
	border:none;
	background:none;
	color:#a7af6a;
	line-height:22px;
	z-index:20;
	letter-spacing:0px;
	background:;
	font-weight:bold;
	font-size:14px;
	padding:0;
	margin:0 0px;
	;float:left;
	font-family:tahoma,sans-serif;
	position:relative;
	}
#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
	background-position:0 60px;
	}
#pixopoint_menu1 li a {
	border:none;
	background:none;
	text-decoration:none;
	display:block;
	padding:0 12px;
	color:#a7af6a;
	}
#pixopoint_menu1 li a:hover {
	border:none;
	background:none;
	text-decoration:none;
	color:#FFFFFF;
	background-position:100% -120px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	}
#pixopoint_menu1 ul ul {
	position:absolute;
	left:-999em;
	top:20px; /***********location of drop down portion of menu*********/
	width:120px;
	}
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
	left:auto;
	}
#pixopoint_menu1 ul ul li a {
	padding:4px 10px;
	text-transform:normal;
	font-variant:normal;
	}
#pixopoint_menu1 ul ul li {
	letter-spacing:0px;
	color:#444444;
	z-index:20000;
	width:120px;
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	background:#FFFFFF;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin:0;
	}
#pixopoint_menu1 ul ul li a {
	line-height:22px;
	color:#a7af6a;
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	color:#444444;
	}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
	color:#FFFFFF;
	}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
	color:#FFFFFF;
	background:#2f0104;   /*#B41520;*/
	}
#pixopoint_menu1 ul ul ul li {
	font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
	position:absolute;
	margin-left:-999em;
	top:0;
	width:120px;
	}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
	margin-left:120px;
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
	}
#pixopoint_menu1 li.pixo_search:hover {
	background:none;
	}
#pixopoint_menu1 li.pixo_search form {
	margin:0;
	padding:0;
	}
#pixopoint_menu1 li.pixo_search input {
	font-family:tahoma,sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
	width:100px;
	}
#pixopoint_menu1 li.pixo_right {
	float:right;
	}


 /* SLIDE SHOW STYLES */
div#slideshow {
	position:absolute;
	top:205px;
	left:54px;
	width:247px;
	height: 164px;
	
	z-index: 100;
}

div#slideshow p#frame {
	position:absolute;
	top:0;
	left:0;
}

div#slideshow p#frame img 
{	
 
	position:absolute; 
	top:0;
	left:0;
	width:247px;
	height:164px;
	z-index:0;
}
div#slideshow p#frame img.active
{
	
	display:block;
	z-index:1000;
	
} 

div#slideshow p#controller {  
	position:absolute;
	bottom:0;
	left:0;
	width:246px;
	height: 45px;  
	z-index:2000; 
	border: 1px solid #000;
	background-color: rgba(0,0,0, 0.3); 
	display:none;
} 
div#slideshow p#controller button
{   
    position: relative;
    top: 25%;
    left: 75px;
	width: 50px;
	border: 1px solid rgba(0,0,255, 0.7); 
	font-size: 100%; 
	font-family:Verdana;
   
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    -o-border-radius:5px;
    background-color:rgba(111,100,210, 0.8);
	background-image:-moz-linear-gradient(
    center bottom,
    rgb(35,58,165) 18%,
    rgb(63,87,198) 59%,
    rgb(95,114,238) 80%
);
   background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#234766), to(#A9B5BA), color-stop(.4,#284F8A));
   color:#fff;
}