/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */
hr {color: #3D3937;background-color: #3D3937;}
a { color: #9CBB5A; text-decoration:none;}
a:hover { color: #9CBB5A; text-decoration:underline;}
h2.title{padding-bottom:10px;}

.page-template-template-donate-custom-php #content{
	position:relative;
	top: -140px;
}
#donation{
	background-color: rgba(0, 0, 0, 0.3);
}
#layerslider_3{
	position: relative;
	top: -140px;
	left:-25px;
}
span.ls-s2{
	font-family: "Irish Grover";
	font-size: 64px;
	color: #9CBB5A;
  	text-shadow:
   -2px -2px 0 #06390A,
    2px -2px 0 #06390A,
    -2px 2px 0 #06390A,
     2px 2px 0 #06390A,
	2px 2px 5px #000;
	font-weight: bold;	
}

h2.ls-s2{
	font-family: "Irish Grover";
	font-size: 64px;
	color: #9CBB5A;
  	text-shadow:
   -2px -2px 0 #06390A,
    2px -2px 0 #06390A,
    -2px 2px 0 #06390A,
     2px 2px 0 #06390A,
	2px 2px 5px #000;
	z-index: 9999;
}

h2.ls-s4{
	font-family: "Irish Grover";
	font-size: 64px;
	color: #9CBB5A;
  	text-shadow:
   -2px -2px 0 #06390A,
    2px -2px 0 #06390A,
    -2px 2px 0 #06390A,
     2px 2px 0 #06390A,
	2px 2px 5px #000;
}

h3.ls-s2{
	font-family: "Irish Grover";
	font-size: 28px;
	color: #9CBB5A;
  	text-shadow:
   -2px -2px 0 #06390A,
    2px -2px 0 #06390A,
    -2px 2px 0 #06390A,
     2px 2px 0 #06390A,
	2px 2px 5px #000;
}

h3.ls-s6{
	font-family: "Irish Grover";
	font-size: 28px;
	color: #9CBB5A;
  	text-shadow:
   -1px -1px 0 #06390A,
    1px -1px 0 #06390A,
    -1px 1px 0 #06390A,
     1px 1px 0 #06390A,
	2px 2px 5px #000;
}
h4.ls-s2{
	font-family: "Irish Grover";
	font-size: 24px;
	color: #9CBB5A;
  	text-shadow:
   -2px -2px 0 #06390A,
    2px -2px 0 #06390A,
    -2px 2px 0 #06390A,
     2px 2px 0 #06390A,
	2px 2px 5px #000;
}
img.ls-s2{
}
.conner-blues{position: absolute; margin-left: 50px; margin-top:10px; }
.conner-jumpman{position:absolute; right:50px; margin-top:-130px;;}
#facebook-wrapper{
	margin: auto auto;
	width: 800px;
	background-color: rgba(0, 0, 0, 0.3);
}

.page-template-template-donate-facebook-php{
	width: 100%;
	height: 100%;
	background: #003407; /* Old browsers */
	background: -moz-linear-gradient(top,  #003407 0%, #9dbb5a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003407), color-stop(100%,#9dbb5a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #003407 0%,#9dbb5a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #003407 0%,#9dbb5a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #003407 0%,#9dbb5a 100%); /* IE10+ */
	background: linear-gradient(top,  #003407 0%,#9dbb5a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003407', endColorstr='#9dbb5a',GradientType=0 ); /* IE6-9 */	
	
}

h2.facebook-title{
	font-size: 24px;
}

#facebook-content{
	position: relative;
	top: -100px;
}
#facebook-left{
	height: 700px;
	background:#272B24;
	float: left;
	width:350px;
}
#facebook-main{
	height: 660px;
	float:right;
	width:370px;
	background: #000;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	background-color: #1b1a19;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	position: relative;
	z-index: 2;
}

.small-donate { position:relative; top:20px; left:50px; padding-bottom:25px;}
body.ie7 .small-donate { display: inline; zoom: 1; } /* Fix for IE7 */
.small-donate input.submit, a.small-donate { -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; font-size: 20px; margin: 0px; padding: 5px 40px;  }
body.ie7 .small-donate input.submit, body.ie7 a.small-donate  { padding: 0 20px; }
body.chrome .small-donate input.submit, body.chrome a.small-donate { border: 0; }
.small-donate input.submit:hover, a.small-donate:hover { cursor: pointer; }

a.small-donate { padding: 10px 40px; margin-left: 0px; }
#intro a.small-donate { font-weight: normal; padding: 13px 40px; }

.widget_donateplustotal{
	padding-bottom:40px;
}
.primary .widget{
	position: relative;
	top: -30px;
}

.large-meter{
	position:relative;
	top: -140px;
	padding-left:20px;
	padding-right:20px;
}

#facebook-donate .large-meter{
	top:-100px;
}

#donor_name, #donor_email, #donor_website, #donor_url{
	width:90%;
}

.fb-like-box{
	height: 500px;
}
.slides, .flag-back{
	background-image:url('images/flag-background.png');
}
#navigation .nav li a{
	font-size: 21px;
	text-transform:capitalize;
	border: 0px;
}
#navigation-top .nav li a{
	font-size:13px;
}

#wrapper{
	width:100%;
	background: #003407; /* Old browsers */
	background: -moz-linear-gradient(top,  #003407 0%, #9dbb5a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003407), color-stop(100%,#9dbb5a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #003407 0%,#9dbb5a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #003407 0%,#9dbb5a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #003407 0%,#9dbb5a 100%); /* IE10+ */
	background: linear-gradient(top,  #003407 0%,#9dbb5a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003407', endColorstr='#9dbb5a',GradientType=0 ); /* IE6-9 */	
}

#pattern{
	width:100%;
	margin:auto;
	background-color:transparent;
	background-image: url('images/celtic-texture.png'),url('images/celtic-texture.png'),url('images/celtic-bottom.png');
	background-position: center left, center right, bottom center;
	background-repeat: repeat-y, repeat-y, no-repeat;
	background-attachment: scroll, scroll,scroll;
	z-index: 99999;
}

.slide-content{
	background-image: url('images/background-23.png');
}

#blog-title h3{
	font-size:18px;
}

#navigation-top{
	font-family:"Oxygen";
}

#navigation{
	font-family:"Oxygen";
}

#logo img  { margin-top: 0px; }

#slides.slides .slide-content .slide-title{
	font-size: 36px;
}

.meter-zero{
	float: left;
	position:relative;
	font-size: 24px;
}
.meter-total{
	position:relative;
	font-size: 24px;
	color: #FFFFFF;
	margin-left: -75px;
}
.meter-goal{
	position:relative;
	font-size: 24px;
	float:right;
	margin-bottom: 20px;
}

.meter { 
	height: 20px;  /* Can be anything */
	position: relative;
	margin: 20px 0 10px 0; /* Just for demo spacing */
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
.meter > span:after, .animate > span > span {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: 
	   -webkit-gradient(linear, 0 0, 100% 100%, 
	      color-stop(.25, rgba(255, 255, 255, .2)), 
	      color-stop(.25, transparent), color-stop(.5, transparent), 
	      color-stop(.5, rgba(255, 255, 255, .2)), 
	      color-stop(.75, rgba(255, 255, 255, .2)), 
	      color-stop(.75, transparent), to(transparent)
	   );
	background-image: 
		-moz-linear-gradient(
		  -45deg, 
	      rgba(255, 255, 255, .2) 25%, 
	      transparent 25%, 
	      transparent 50%, 
	      rgba(255, 255, 255, .2) 50%, 
	      rgba(255, 255, 255, .2) 75%, 
	      transparent 75%, 
	      transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate > span:after {
	display: none;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

.orange > span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
}

.red > span {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span, .nostripes > span:after {
	-webkit-animation: none;
	background-image: none;
}