/* SUM1 Stylesheet */

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

body { background-color:LightCyan; font-family:Calibri, 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; line-height:1em }
/*:target { border: 2px solid Teal; border-radius:14px; background-color: #50e6d7; }*/

h1 { font-family:'Fontin'; font-style:italic; font-size:1.75em; letter-spacing:-1px; padding:0; margin:0 10px; 
	line-height:1.25em; vertical-align:middle; font-weight:600 }
h2 { font-family:'Caps'; letter-spacing:-2px; padding:0; margin:0; }
h3 { font-family:'Fontin'; font-style:italic; font-size:1.4em; line-height:1.15em; letter-spacing:-1px; 
	text-align:left; margin:7px 0; padding:4px 8px; box-shadow:0px 2px 7px #50e6d7; 
	background-color:LightCyan; border-radius:21px }
h3 a {  }
/*h3 a:hover { color:Teal; border-radius:21px; background-color:White; box-shadow:0px 0px 6px 3px Gold }*/


header { background-color:PaleTurquoise; min-width:100%; !min-width:600px; position:relative; z-index:+7; top:0; margin:0; padding:0; border-bottom:4px solid Teal; box-shadow:0 5px 10px Teal; }
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; }
#headertoo { background-color:PaleTurquoise; height:42px; min-width:100%; !min-width:900px; position:fixed; z-index:+5; top:0; vertical-align:bottom; margin:0; padding:0; border-bottom:1px solid Teal; box-shadow:0 2px 4px Teal }
a.anchor { display: block; position: relative; top:-55px; visibility: hidden; }

#headbuttons { cursor:pointer; white-space:nowrap }
#headbuttons ul { list-style-type:none; text-align:center; margin:auto }
#headbuttons li { display:inline; margin:0 3px; padding:2px 0; white-space:nowrap; font-size:1.1em; 
	background-color:PaleTurquoise; border-radius:3px; box-shadow: 0px 1px 3px Teal; }
#headbuttons a { font-weight:normal; padding:2px 7px }
#headbuttons a:hover { color:Teal; border-radius:3px; background-color:Azure; box-shadow:0px 0px 4px 4px Gold }

#navfloatleft { float:left; !left:0; position:fixed; margin:15% 0 0; z-index:+3 }
#navfloatleft li { display:block; padding-bottom:9px }
#navfloatleft a:hover { color:Teal; line-height:48px; border-radius:111px; background-color:Azure; box-shadow:1px 0px 18px 6px Gold }
#navfloatright { float:right; right:11px; position:fixed; margin:10% 0; z-index:+3 }
#navfloatright li { display:block; padding-bottom:12px }
#navfloatright a:hover { color:Teal; line-height:48px; border-radius:111px; background-color:Azure; box-shadow:1px 0px 18px 6px Gold }

#shadowed { vertical-align:top; box-shadow:0 3px 7px Turquoise }
#divider { margin:0px; margin-bottom:-4px; background:Black; !padding:20px 0; width:100%; z-index:0 }
#boxed { background-color:Azure; padding:5px 10px; border:2px solid Teal; border-radius:3px; box-shadow:1px 1px 5px Teal }
#bigdonate { cursor:pointer; font-family:'Caps'; font-size:2.5em; letter-spacing:-3px; background-color:Azure; 
	color:Teal; padding:3px 6px; margin:7px 11px 0; border:8px double Gold; border-radius:15px; 
	text-shadow:0px 0px 9px Gold; box-shadow:0px 0px 17px Gold }
#crap { font-family:'Cookies'; font-size:1em; font-weight:350; color:SaddleBrown; !letter-spacing:-1px; padding:0; margin:0; text-shadow: -1px -2px 3px Silver, 1px 2px 3px Tan }
#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 }
#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:Teal; background-color:Azure; vertical-align:-1px; letter-spacing:-1px;
	border:8px double Gold; border-radius:11px; box-shadow:0px 0px 11px Gold; }
#cashtag { background-color:#22a301; color:white; font-family:'Calibri'; box-shadow:0px 2px 12px Silver}
#cashtag a.hover { }
#popouts { font-size:0.8em; color:Green; cursor:hand; cursor:pointer; text-align:right; 
	text-decoration:overline; !text-decoration:underline; !background-color:azure; }


#buttonbar { cursor:pointer; width:61.8%; min-width:900px; margin:auto; !margin-bottom:20px; z-index:+3; white-space:nowrap; 
	background-color:#50e6d7; border-radius:9px; border:3px solid Teal; box-shadow: 0px 2px 10px Teal }
#buttonbar ul { list-style-type:none; text-align:center; font-family:'Fontin'; font-size:1.1em; 
	letter-spacing:-1px; vertical-align:2px; margin:0; padding:0 2px 2px;  }
#buttonbar li { display:inline; margin:0 4px; padding:3px 1px; vertical-align:-2px; white-space:nowrap; 
	background-color:#50e6d7; border-radius:11px; border:1px solid Teal; box-shadow: 0px 0px 15px Teal; }
#buttonbar #plus1ndia { font-family:'Caps'; font-size:1.5em; vertical-align:-2px; text-shadow:0px 0px 7px Azure }
#buttonbar #statement { font-family:'Caps'; color:Azure; font-size:1.5em; vertical-align:-2px; 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:Teal; 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-family:Oxygen, sans-serif; !font-weight:300; font-size: 1em; 
	line-height:1.5em; padding:12px 10%; !padding:3%; 
	!margin:10px 1% 20px; !border:3px solid Azure; !border-radius:14px; !box-shadow:0px 2px 14px Silver;
	background-color:Azure; opacity:0.90; filter:alpha(opacity=90) /* For IE8 and earlier */ }
/*.articles a:link {  }
/*.articles a:hover { color:Black; background-color:#50e6d7; border-radius:7px}*/

.newsy {-webkit-columns:auto 3; /* Safari and Chrome */ -moz-columns:auto 3; /* Firefox */ columns:auto 3;
		!-webkit-column-gap:33px; /* Safari and Chrome */ !-moz-column-gap:33px; /* Firefox */ !column-gap:33px;
		-moz-column-rule:1px dotted #50e6d7; /* Firefox */
		-webkit-column-rule:1px dotted #50e6d7; /* Safari and Chrome */
		column-rule:1px dotted #50e6d7; }

/* This section only applies to pages with the image whiteboard */
#saraiya { text-align:center; 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 { border:0; box-shadow:2px 3px 4px Silver }
#saraiya a { }


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