/* Stylesheet for Youth Group Fundraiser pages: Logos.com/YGF and Logos.com/YGF/materials */

#ygf { color:#666E72; line-height: 1.3em; font-size:11.5px; } /* grey */


#ygf a {color:#00B3D1 !important; font-weight:bold;}  /* blue */
#ygf a:hover {color:#CBDB2A !important;} /* green */


#ygf h2 a, #ygf h3 a, #ygf h4 a, #ygf h5 a {font-weight:normal;}


#ygf h2 { font-size: 21px; letter-spacing: -0.5px; color:#666E72;} /* colors selected individually */

#ygf h3 { font-size: 21px; letter-spacing: -0.6px; color:#666E72; font-family:'ff-dax-web-pro-1','ff-dax-web-pro-2','Gotham A','Gotham B','Arial Narrow','Helvetica Neue',Arial,'Liberation Sans',FreeSans,Sans-Serif;} /* grey */

#ygf h4 { font-size:17px; letter-spacing:-.5px; line-height:21px; color:#666E72; font-family:'ff-dax-web-pro-1','ff-dax-web-pro-2','Gotham A','Gotham B','Arial Narrow','Helvetica Neue',Arial,'Liberation Sans',FreeSans,Sans-Serif} /* blue */

#ygf p { font-size: 12px; line-height: 1.4em; color:#666E72; margin-bottom:20px;} /* grey */

#ygf h4 a, #ygf h4 a:link {color:#00BFDF !important; font-weight:normal;}  /* blue */
 
#ygf #photo-header {background: url(/images/ygf/header-chair.jpg) no-repeat top center; height:450px;}

#ygf p.opener {font-size:14px; line-height:1.6em; margin-bottom:15px;}

#ygf .h3-bar {
	background: #CBDB2A url(/images/ygf/bar-bg.png) repeat-x bottom left;
	height:38px;
    border: 0 none;
    font-size: 16px !important;
	letter-spacing:-.6px;
    font-weight: normal;
    overflow: hidden;
	margin-bottom:20px;


}

#ygf .h3-bar h3 {
	color: #FFFFFF !important;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    line-height: 41px;

}

/* BUTTONS */
#ygf .button, #ygf .button.video {
	background:url(/images/ygf/button-sprite.png) 0 0 no-repeat;
    border: 0 none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-family: 'ff-dax-web-pro-1','ff-dax-web-pro-2','Gotham A','Gotham B','Arial Narrow','Helvetica Neue',Arial,'Liberation Sans',FreeSans,Sans-Serif;
    font-size: 13px !important;
	letter-spacing:.6px;
    font-weight: bold;
    line-height: 24px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
	width:77px;
	height:26px;
	 -webkit-border-radius: 4px;
  		-moz-border-radius: 4px;
             border-radius: 4px;
	 -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	 	-mox-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	 		 box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);

	}
}
#ygf .button:hover {
    color: #FFFFFF  !important;
	background-position:0 -26px;

}

#ygf .button.video {
	background:url(/images/ygf/arrow-button-sprite.png) 0 0 no-repeat;
	width:113px;
	line-height:27px;
	padding-left: 20px;
    width: 93px;
}
#ygf .button.video:hover {
    color: #FFFFFF;
	background-position:0 -27px;

}

/* RULES */

#ygf hr {
	margin-bottom: 20px;
	margin-top: 20px;
}

#ygf .vertical-line {
	border-left:solid 1px #CCC;
	height:530px;
}

#ygf .vertical-line-short {
	border-left:solid 1px #CCC;
	height: 165px;
    margin-top: 3px;
}

#ygf .print-list-container hr {
	width:90%;
	margin:20px 10px 20px 0px;
}

/* VIDEO */

#ygf #video-box {
	text-align:center;
}

#ygf #video-box a img {
	margin-bottom:10px;
}

#ygf #video-box h4 {
	font-size:16px;
	color:#666E72;
}
	
#ygf #video-box hr {
	width: 60%;
}





/* RIGHT SIDEBAR */

#ygf #right-sidebar {
	background: url("/images/ygf/sidebar.jpg") no-repeat scroll 1px 0 transparent;
	color: #FFFFFF;
	float: right;
	height: 730px;
	padding-top: 215px;
	width: 325px;
}

#ygf #right-sidebar h4 { color:#FFF; font-size:14px}
#ygf #right-sidebar h3 { line-height:22px; font-size:17px; }
#ygf #right-sidebar h3 strong {font-weight:normal; }

#ygf #right-sidebar hr { border-color:#FFF; border-style:dashed; margin-bottom:15px; margin-top:15px; }


/* RIGHT SIDEBAR FORM */
#ygf #right-sidebar input, #ygf #right-sidebar textarea {
	color: #666E72;
	display: block;
	font-size: 11px;
	margin-bottom: 15px;
	padding: 3px 5px;
	width: 94%;
	font-weight:bold;
	box-shadow:none;
	 -webkit-border-radius: 4px;
   		-moz-border-radius: 4px;
             border-radius: 4px;
}
#ygf #right-sidebar .auto-hint { color: #999; text-transform: uppercase; letter-spacing: 0.5px; font-weight:normal;}

#ygf #right-sidebar textarea {height:40px;}

#ygf #right-sidebar .City { width:100px; float:left; margin-right:12px;}
#ygf #right-sidebar .State { width:41px; float:left; margin-right:16px;}
#ygf #right-sidebar .Zip { width:50px; float:left;}

#ygf #right-sidebar .street-address input { height: 40px;}

#ygf #right-sidebar input.button {
	display:block; 
	width:77px;
	height:26px;
	background:url(/images/ygf/button-sprite.png) 0 0 no-repeat;
	margin:40px auto 65px;
	color:#FFF;
}

#ygf #right-sidebar input.button:hover {
	background-position:0 -26px;
}

#ygf #right-sidebar label, #ygf #right-sidebar form p {font-size: 11.5px; letter-spacing:.3px; display:block; margin-bottom:5px; font-weight:bold; color:#FFF;}

 #ygf #right-sidebar form p {text-align:right;}


/* STEPS */

#ygf #steps {
	height: 165px;
    margin-top: 2px;
	background: url(/images/ygf/steps.png) no-repeat top center;	

}

#ygf .step-1, #ygf .step-2, #ygf .step-3, #ygf .step-4 {
	position:relative;
	width:400px;
	display:block;
}

#ygf .step-1 {
    color: #F0F7E8;
    left: 70px;
    top: 15px;
}
#ygf .step-2 {
    color: #666E72;
    left: 75px;
    top: 73px;
}
#ygf .step-3 {
    color: #666E72;
    left: 576px;
    top: -71px;
}
#ygf .step-4 {
    color: #F0F7E8;
    left: 610px;
    top: -10px;
}


#ygf .step-1 a {color:#CBDB2A !important;}
#ygf .step-1 a:hover {color:#00B3D1 !important;}
#ygf .step-3 a:hover {color:#F0F7E8 !important;}
#ygf .step-4 a.button {position:absolute; position: absolute;
left: 164px; top:2px; }


/* THUMBMAILS */


#posters a, .getting-started a {
    display: block;
    margin-bottom: 34px;
}

#posters a img, .getting-started a img {
    left: -5px;
    margin-bottom: -30px;
    position: relative;
}

#ygf .ygf-icon {
background: url("/images/ygf/icon-ygf.png") no-repeat scroll 0 0 transparent;
margin-left: 16px;
padding-left: 23px;}


#ygf .ygf-icon:hover {
	background-position:0 -16px;
}
/* SOCIAL */

#ygf #social { position: relative; text-align: right; top: 410px;}
#ygf .socialButton {display:inline;}
#ygf .socialButton.facebook {position:relative; left:85px; top:-3px;}
#ygf .socialButton.twitter {position:relative; left:80px;}
#ygf .socialButton.google {position:relative; left:52px;}
#ygf .socialButton.mail {position:relative; left:28px; top:-1px}




/* LIST STYLES */

#ygf ul.doc, #ygf ul.txt {margin-bottom:0;padding-left:3px;}

#ygf ul.txt {margin-bottom:50px;} /*to keep the green bar below far away */

#ygf ul.doc li {line-height: 26px; margin-left:25px; list-style: none outside url("/images/ygf/icon-word.png");  text-indent: -5px; }

#ygf ul.txt li {line-height: 26px; margin-left:25px; list-style: none outside url("/images/ygf/icon-txt.png"); text-indent: -5px; }

#ygf ul.doc a, #ygf ul.txt a {position:relative; top:-3px; padding-left:3px;} /*IE7 hates indent */

#ygf ul.print-list li { line-height:18px; list-style-type:none; margin-bottom: 8px; text-indent: -14px;}

#ygf ul.print-list {margin-bottom:20px;} /*to keep the hr below far away */

#ygf #right-sidebar ul li {color:#666E72; font-size:11.5px; line-height: 1.3em; list-style-image: url(/images/ygf/chev.png); margin-bottom:5px;}