/* CSS reset from serenedestiny.com who took most of it from eric meyer's css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100.01%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

blockquote, q
{ quotes: none; }

/* Safari doesn't support the quotes attribute, so we do this instead. */
blockquote:before, blockquote:after, q:before, q:after
{
	/* CSS 2; used to remove quotes in case "none" fails below. */
	content: "";
	/* CSS 2.1; will remove quotes if supported, and override the above.
	User-agents that don't understand "none" should ignore it, and
	keep the above value. This is here for future compatibility,
	though I'm not 100% convinced that it's a good idea... */
	content: none; }

textarea { overflow: auto; }
input { border: 0px solid white; margin: 0;  padding: 0; }
/* That's the end of the css reset*/

/* This is the beginning of the actual css */ 
body { background: url(/new/spacebunnies-sm.jpg) no-repeat bottom right;background-attachment:fixed; }
#container { margin: 10px 30px; text-align:left; }
#name { width: 500px; height: 90px; border: 0px; /*background: url(/new/whiteback.png);*/ }

#nav { border-top: 1px double #111; border-bottom: 1px double #111; padding: 7px 0px 12px 10px; margin: 10px 0px 10px 8px; background: url(/new/whiteback.png);}
#nav li{ display:inline; list-style:none; font-family:rockwell, geo, georgia, serif; font-size: 1.2em; }
#nav a:link, #nav a:visited, #links a:link, #links a:visited, #footer a:link, #footer a:visited, .text a:link, .text a:visited { background-color:transparent; border-bottom: 2px dotted #111; color: #111; text-decoration: none;}
#nav a:hover, #nav a:active, #links a:hover, #links a:active, #footer a:hover, #footer a:active, .text a:hover, .text active { background-color:#c7eaff; border-bottom: 2px dashed #da0000; color: #111; text-decoration: none; }

h2 { font-family: rockwell, geo, georgia, serif; font-size: 2em; font-weight:lighter; background: url(/new/whiteback.png); border-bottom: 1px solid #000; border-top: 1px solid #000; margin: 20px 0px 0px 9px; padding: 0px 0px 5px 10px; }
.text { font-family: georgia, palatino, times, serif; font-size: 1em; font-weight:lighter; background: url(/new/whiteback.png); width: 480px;  padding: 10px 10px 10px 20px; margin-top: 10px; line-height: 1.4em; }

#homeblank { height: 450px; }
#pics { width: 650px; }
#pics img  { border: 1px solid #000; margin: 9px; }
#pics img:hover { border:5px dashed #da0000; margin:5px; }
#content { width: 650px;}
#content img { border: 1px solid #000; margin: 9px; }
#links { font-family: rockwell, geo, georgia, serif; font-size: 1.2em; font-weight: lighter; padding: 10px 0px 10px 0px; width: 500px; }
#links li { margin: 10px 0px 10px 0px; }
strong { font-weight: bold; }

.worksheets { margin-top: 10px; width: 500px; background: url(/new/whiteback.png) }
.worksheets a:link, .worksheets a:visited { background-color:transparent; border-bottom: 2px dotted #111; color: #111; text-decoration: none;}
.worksheets a:hover, .worksheets a:active { background-color:#c7eaff; border-bottom: 2px dashed #da0000; color: #111; text-decoration: none; }
.worksheets img  { border: 1px solid #000; margin: 9px; float: left; }
.worksheets img:hover { border:5px dashed #da0000; margin:5px; }
.worksheets li { width: 400px; height: 120px; /*padding: 10px;*/ /*margin-top: 10px;*/ }
.worksheettext { width: 300px; line-height: 1.5em; font-family: georgia, serif;}

#flashcontent { background: url(/new/whiteback.png); height: 500px; width: 600px; }

#footer { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 7px 0px 12px 10px; margin: 10px 0px 10px 8px; font-family:rockwell, geo, georgia, serif; font-size: 1.2em; background: url(/new/whiteback.png);}


/*--------------colorbox css------------*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(/images/overlay.png) 0 0 repeat;}

#colorbox{ font-family:rockwell, geo, georgia, serif; font-size: 1.2em; }
	/*#cboxTopLeft{width:21px; height:21px; background:url(/includes/images/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(/includes/images/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(/includes/images/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(/includes/images/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(/includes/images/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(/includes/images/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(/includes/images/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(/includes/images/borderMiddleRight.png) 0 0 repeat-y;}*/
	#cboxContent{background: #fff; border: 2px dashed #000; -webkit-border-radius: 20px; -moz-border-radius: 20px;  }
		#cboxLoadedContent{margin: 20px 20px 40px 20px;}
                #cboxTitle{position:absolute; bottom:10px; left:0; text-align:center; width:100%; color:#949494; }
                #cboxCurrent{position:absolute; bottom:10px; left:68px; color:#949494; }
                #cboxSlideshow{position:absolute; bottom:10px; right:30px; color:#0092ef; }
                #cboxPrevious{position:absolute; bottom:10px; left:10px; background:url(/includes/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
                #cboxPrevious.hover{background-position:-25px -25px; }
                #cboxNext{position:absolute; bottom:10px; left:37px; background:url(/includes/images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; }
                #cboxNext.hover{background-position:0px -25px; }
		#cboxLoadingOverlay{background:url(/includes/images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/includes/images/loading.gif) center center no-repeat;}       
		#cboxClose{position:absolute; bottom:10px; right:10px; background:url(/includes/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}
		#cboxPhoto img{padding: 20px; border: 1px solid #000;}
/*-------End of colorbox css-------------*/		
		
/* CSS is over */