/* Contact Page Alt Stylesheet */

.backgr {  }
/*	border-width:80px 80px 115px; opacity:1; margin:0;
/*	-moz-border-image:0; /* Firefox */
/*	-webkit-border-image:url("../backgrounds/glass-borderimage.png") 80 80 115; /* Safari */
/*	-o-border-image:url("../backgrounds/glass-borderimage.png") 80 80 115; /* Opera */
/*	border-image:url("../backgrounds/glass-borderimage.png") 80 80 115; */

body { background-color:Turquoise; font-family:Oxygen,sans-serif; font-size:100%; margin:0; }

a {	text-decoration:none; font-weight:bold; cursor:pointer }
a:link { color:Black; padding: 2px 4px }
/*	-webkit-transition: background-color .2s ease-in;
	-moz-transition: background-color .2s ease-in;
	-o-transition: background-color .2s ease-in;
	-ms-transition: background-color .2s ease-in;
	transition: background-color .2s ease-in; */
a:visited { color:Black }
a:active { color:Teal }
a:hover { background-color:#50e6d7; border-radius:9px}

@font-face { font-family:'Caps'; src:url('../fonts/Fontin-SmallCaps.otf'); }
@font-face { font-family:'Fontin'; src:url('../fonts/Fontin-Regular.otf'); }
@font-face { font-family:'Cookies'; src:url('../fonts/Cookies.ttf'); }

h1 { font-family:'Fontin'; letter-spacing:-1px; padding:0; margin:0 10px; font-weight:none }
h2 { font-family:'Caps'; letter-spacing:-2px; padding:0; margin:0; }
h3 { font-family:'Fontin'; letter-spacing:-1px; font-size:1.3em; background-color:LightCyan; 
	border:3px solid #50e6d7; border-radius:21px; margin:5px 5%; padding:4px 8px; }
h3 a {  }
h3 a:hover { color:Teal; border-radius:21px; background-color:White; box-shadow:0px 0px 6px 3px Gold }

header { background-color:PaleTurquoise; width:100%; min-width:800px; margin:0; padding:0; border-bottom:5px solid Teal; box-shadow:0 5px 10px #333; }
footer { white-space:nowrap; background-color:Teal; min-width:100%; !min-width:900px; position:relative; bottom:0; margin:0; padding:3px 0; font-size:0.8em; color:Azure }
footer a:link { color:PaleTurquoise; font-weight:normal; padding: 2px 4px }
footer a:visited { color:#50e6d7 }
footer a:hover { color:Teal; background-color:#fafbfc; border-radius:7px; }
footer { white-space:nowrap; background-color:Teal; min-width:100%; !min-width:900px; position:relative; bottom:0; margin:0; padding:3px 0; font-size:0.8em; color:Azure }
#boxed { !cursor:pointer; !font-family:'Fontin'; !font-size:1.2em; !letter-spacing:-2px; !color:Teal;
	background-color:Azure; padding:5px 10px; !margin:5px; border:2px solid Teal; 
	!text-shadow:0px 0px 9px Gold; border-radius:3px; box-shadow:1px 2px 7px Teal }
#bigdonate { cursor:pointer; font-family:'Caps'; font-size:3.3em; letter-spacing:-3px; color:Green;
	background-color:#defee5; padding:5px 10px; margin:0 15px; border:9px double Gold; 
	text-shadow:0px 0px 9px Gold; border-radius:12px; box-shadow:0px 0px 7px Teal;
	!opacity:0.3; !filter:alpha(opacity=30) /*For IE8 -- remove this when donations are live!*/ }
#donatebutton { cursor:normal; font-family:'Fontin'; font-size:1.8em; text-align:center; color:Green; 
	letter-spacing:-2px; white-space:nowrap; vertical-align:top; margin:0; padding:0; 
	background-color:White; border:7px double Gold; border-radius:11px; box-shadow: 1px 1px 7px Silver }
#cashtag { background-color:#22a301; color:white; font-family:'Calibri'; box-shadow:0px 2px 12px Silver}
#contact { font-family:'Fontin'; font-size:1.4em; letter-spacing:-1px; vertical-align:-1px }
#donations { font-size:1.1em; font-family:'Caps'; font-size:1.5em; text-shadow:1px 1px 11px Gold; 
	color:DarkGreen; background-color:White; vertical-align:-1px; 
	border:8px double Gold; border-radius:11px; box-shadow:0px 0px 11px Gold; }
#sum1 { font-size:1.4em; font-family:'Caps'; color:Teal; letter-spacing:-1.9px; vertical-align:-1px; line-height:1em; text-shadow:1px 1px 2px #50e6d7 }

.newsy { columns:auto 2;
		-webkit-columns:auto 2; /* Safari and Chrome */
		-moz-columns:auto 2; /* Firefox */ 
		column-gap:5%;
		-webkit-column-gap:40px; /* Safari and Chrome */
		-moz-column-gap:5%; /* Firefox */
		-moz-column-rule:1px outset #50e6d7; /* Firefox */
		-webkit-column-rule:1px dotted PaleTurquoise; /* Safari and Chrome */
		column-rule:1px outset #50e6d7; }

#buttonbar { cursor:pointer; margin:20px 60px; white-space:nowrap }
#buttonbar ul { list-style-type:none; text-align:center; font-family:'Caps'; font-size:1.2em; 
	letter-spacing:-1px; vertical-align:2px; margin:0; padding:0 2px 3px; background-color:#50e6d7; 
	border-radius:9px; border:3px solid Teal; box-shadow: 2px 3px 10px #222 }
#buttonbar li { display:inline; margin:0 4px; padding:3px 1px; vertical-align:-4px; white-space:nowrap; 
	background-color:#50e6d7; border-radius:11px; border:1px solid Teal; box-shadow: 0px 0px 15px Teal; }
#buttonbar #plus1ndia { font-size:1.1em; text-shadow:0px 0px 7px Azure }
#buttonbar #statement { color:Azure; font-size:1.1em; text-shadow:0px 1px 7px Teal }
						/* In the future change these shadows to the new "text-outline" tag */
#buttonbar #statement:hover { color:Teal }
#buttonbar #donations { color:DarkGreen; font-size:1.1em; background-color:#defee5; 
	border:8px double Gold; border-radius:11px; box-shadow:0px 0px 11px Gold; text-shadow:1px 1px 11px Gold }
#buttonbar a { font-weight:normal; padding:2px 7px }
#buttonbar a:hover { color:Teal; border-radius:11px; background-color:Azure; box-shadow:0px 0px 6px 3px Gold }


.articles { height:auto important; font-weight:300; font-size:1em;
	background-color:#fafbfc; margin:36px 36px 56px; padding:3% 9%; border:33px solid White;
	border-radius:45px;	box-shadow:0px 0px 21px #ddd inset, 0px 6px 60px 10px #222; }

/*!art { height:auto important; font-family:Calibri, Helvetica, sans-serif; font-size: 1.2em;
	margin:50px 10% 50px 30%; padding:1%; border:3px solid #fafbfc; border-radius:9px; box-shadow:1px 0px 10px #222;
	background-color:#fafbfc; opacity:0.9; filter:alpha(opacity=90) /* For IE8 and earlier */ }


/* This section only applies to pages with the image whiteboard */	
#saraiya { padding:0; margin:0; width:100% }
#saraiya ul { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ list-style-type:none }
#saraiya li { display:inline-block; padding:3px 4px }
#saraiya img { box-shadow:2px 2px 10px #222 }
#saraiya a { }
#saraiya a:hover { box-shadow:0px 0px 30px Darkorange; background-color:#fafbfc }

/*	Styling Notes:
				Tiff Blue is #50e6d7
				Teal
				Azure (for some backgrounds)
				Darkorange and Green for +1ndia
				Green and Gold for Donations links
				#222 for shadowing instead of true Black (too dark)
*/