/* Header and footer styles */
body {
 /*background-image: url(./p0603b1aa.jpg);*/
 background-color: #000000;
 background-repeat: repeat; 
 font-family: sans-serif; 
}
.Content {width: 800px; background-color: #E8EFF8;
	-moz-border-radius: 1.25em 4.25em 1em 4em;
	border-radius: 1.25em 4.25em 1em 4em;
	-moz-box-shadow: 3px 3px 10px #FFF;
    -webkit-box-shadow: 3px 3px 10px #FFF;
    box-shadow: 3px 3px 10px #FFF;
	border: 3px solid #3894e5;
	
}

.jake {
	test: none;
}

.TitleTable {width:800; 
font-family:Futura; text-align: center;	padding: 5px; 
background:transparent url(images/banner1.jpg) no-repeat;
background-color: #000000;
-moz-border-radius: 1em 4em 0em 0em;
border-radius: 1em 4em 0em 0em;
color:#E8EFF8;
text-shadow: 3px 3px 3px #000; /*B3B3B3*/
border-bottom:3px solid #3894e5;
}
.email {color:#E8EFF8; text-shadow: 3px 3px 3px #000;}

/* Content pane styles */
h1 {font-size: 125%; }
h2 {font-size: 110%; color:#330033; }
h3 {font-size: 100%; color:#330033; }
li {list-style-type:none; font-size: 100%; margin-left:10px; }

.lines {
height: 12px;
background: red url(images/head.png) no-repeat;
background: -moz-linear-gradient(top, #3894e5, #c3e3ff);
background: -webkit-gradient(linear top center, top center, from (#3894e5), to (#c3e3ff));
background: linear-gradient(top, #3894e5, #c3e3ff);
}
.line1 {border-bottom:3px solid #3894e5;}
.line2 {border-bottom:4px solid #83bff5;}
.line3 {border-bottom:5px solid #c3e3ff;}

/* styles for the nav pane */
.nav { 
  vertical-align:top;
  text-decoration:none;
  width:130px;
  font-weight: bold;
  font-size: 90%;
  /*border-right: 2px solid #cccccc*/ }
#nav a {display:block; 
	padding:5px 0px 5px 5px; 
	text-decoration:none; 
	text-shadow: 4px 4px 4px #B3B3B3;
	/*border-top:1px solid #3894e5; 
	border-bottom:3px solid #83bff5;*/}
#nav a:hover {
	color:#000000; 
	text-shadow: 4px 4px 4px #fff;
	background:#CCCCCC;
	background: -moz-linear-gradient(left, #ccc, #E8EFF8);
	background: -webkit-gradient(linear left center, left center, from (#ccc), to (#E8EFF8));
	background: linear-gradient(left, #ccc, #E8EFF8);
 	-moz-border-radius: 1em;
	border-radius: 1em;
	-moz-box-shadow: 3px 3px 10px #B3B3B3;
    -webkit-box-shadow: 3px 3px 10px #B3B3B3;
    box-shadow: 3px 3px 10px #B3B3B3;
	}

/* Styles for the News column on landing page*/
.news {
  font-size: 85%;  
  vertical-align:top;
  width:130px;
  text-shadow: 4px 4px 4px #B3B3B3;
  /*border-left: 2px solid #cccccc;*/ }
.nwtitle { 	font-size:110%; 
		color:#330033;
		border-bottom:3px solid #83bff5; 
		display:block; }
.date {font-size: 90%; font-weight: bold; color: #330033; border-bottom: 1px solid #cccccc; text-shadow: 4px 4px 4px #B3B3B3;}

.middlepane {vertical-align:top; 
background-color: #FFFFFF; 
font-size: 90%; 
padding: 5px;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
	border: 3px solid #c3e3ff;
	
/*background-image: url(../../GrowLegacy/spitzer_logo_bg.gif);
background-repeat: no-repeat;
background-position: center;*/
}


/* Table styles */
.unstriped td { font-size: 90%; vertical-align:top; }

.striped {font-size: 100%; vertical-align:top; width:100%; }
.th { background-color:#FFFFFF; font-weight:bold; font-size: 110%;}
.even { background-color:#CCCCCC; }

/* venue page */
.weather {float:right; 
		text-align:right; 
		margin-bottom:10; 
		margin-left:10; 
		background-color: #CCCCCC;
		padding:3;
		-moz-border-radius: 1em 2em 1em 2em;
		border-radius: 1em 2em 1em 2em;
}

/* schedule page */
.day { font-weight:bold;
		font-size:105%;
		padding-top:10;
		padding-bottom:10; }
.time { font-weight: bold;
        color:#3894e5;
		padding-right: 5;
		text-align:right;
		width:70px;
        border-right: 1px solid #cccccc	}
.sched { font-size: 90%; 
		text-align:left; 
		vertical-align:top; }

/*registration page*/
#register a {
	padding: 8px;
	font-weight:bold;
	color:#000; 
	text-shadow: 4px 4px 4px #fff;
	text-decoration:none;
	background:#CCCCCC;
	border: 1px solid #B3B3B3;
 	-moz-border-radius: 1em;
	border-radius: 1em;
	-moz-box-shadow: 3px 3px 10px #B3B3B3;
    -webkit-box-shadow: 3px 3px 10px #B3B3B3;
    box-shadow: 3px 3px 10px #B3B3B3;
	}
#register a:hover {
	color:#fff; 
	text-shadow: 4px 4px 4px #ccc;
	background:#3894e5;
 	-moz-border-radius: 1em;
	border-radius: 1em;
	-moz-box-shadow: 3px 3px 10px #B3B3B3;
    -webkit-box-shadow: 3px 3px 10px #B3B3B3;
    box-shadow: 3px 3px 10px #B3B3B3;
	}



/*#littlewise img:hover {
-moz-transform: scale(1.1,1.1);
-moz-transition: all 1s ease-in-out;
}
*/

.littlewise  {
position:relative;
/*-webkit-transition: right 5s linear;*/
height:36px;
width:50px;
}
/*
.littlewise:hover {
-webkit-animations: drive 2s infinite linear;
right:-600px;
}
*/


.framepicture {background:transparent url(ath/Untitled.png) no-repeat; 
-moz-border-radius: 2em; 
border-radius: 2em;
height:202; width:270; 
border: 2px solid #ccc;
margin-bottom:2px;
}



a#mover { display:block;
width:100%;
height:138px;
background-image: url(fun/wise_pinch3.png);
background-repeat: no-repeat;
background-position-x: left;
-webkit-transition:background-position 0.6s ease-out;
}
a#mover:hover{background-position-x: right;}


#skewer img { 
  -webkit-transition: all 1s linear;
  -webkit-transform: translate(0px) skew(0deg);
  -moz-transition: all 1s linear;
  -moz-transform: translate(0px) skew(0deg);
 
}
#skewer img:hover { 
  -webkit-transform: skew(-10deg, 50deg) translate(50px,-20%); 
  -moz-transform: skew(-10deg, 50deg) translate(50px,-20%); 

}

@-webkit-keyframes appear {
  from { opacity:0; }
  to   { opacity:1; }
}
@-moz-keyframes appear {
  from { opacity:0; }
  to   { opacity:1; }
}
@-o-keyframes appear {
  from { opacity:0; }
  to   { opacity:1; }
}


/*.alice {background:transparent url(images/alice_wise1.png) no-repeat;
-moz-border-radius: 2em; 
border-radius: 2em;
height:324; width:258; 
border: 2px solid #ccc;
margin-bottom:2px;}*/

/* image animation*/
@-webkit-keyframes fadein {
  0% {opacity:0;}
  20% {opacity:.4;}
  40% {opacity:.1;}
  60% {opacity:.6;}
  80% {opacity:.4;}
  100% {opacity:1;}
}
@-webkit-keyframes fadeout {
  0% {opacity:1;}
  20% {opacity:.6;}
  40% {opacity:.9;}
  60% {opacity:.4;}
  80% {opacity:.6;}
  100% {opacity:0;}
}

@-webkit-keyframes fadein2 {
  0% {opacity:0;}
  20% {opacity:.2;}
  40% {opacity:.4;}
  60% {opacity:.6;}
  80% {opacity:.8;}
  100% {opacity:1;}
}

#fade1 img {
  opacity:1;
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
}

#fade1:hover img {
  -webkit-opacity:0;
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
}

#fade2 img {
  opacity:1;
  -webkit-animation-name: fadein2;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
}

#fade2:hover img {
  -webkit-opacity:0;
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in;
}