/* 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/princess/pspag-spacetile.jpg); }
#container { margin: 10px 30px; text-align:left; }
#name { width: 500px; height: 90px; border: 0px; background: url(/new/whiteback.png); margin-left: 9px; }

#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 a:active { background-color:#c7eaff; border-bottom: 2px dashed #da0000; color: #111; text-decoration: none; }

#morrisbox { margin-left: 9px; width: 750px; font-family: georgia, palatino, times, serif; font-size: 1em; ; }
#left { float:left; width: 320px; margin-right: 20px; font-family: georgia, palatino, times, serif; font-size: 1em; ; }
#right { float:left; width: 320px; margin-left: 20px; font-family: georgia, palatino, times, serif; font-size: 1em; ; }
#yourmankyart { width: 327px; background: #ff8888; border: 1px solid #212121; height: 120px; padding: 10px; margin-top: 10px;}
#morristext { width: 320px; font-family: georgia, serif; background: #00ff00; padding: 10px; font-size: 1em; }
#funtext { width: 320px; font-family: georgia, serif; background: #00ff00; padding: 10px; font-size: 5em; }
.morrispic { border: 1px solid #212121; }

#pics { width: 500px; }
#pics img { border: 1px solid #212121; margin: 9px; }
#pics img:hover  { border:5px dashed #0066cc; margin:5px; }
#yourmankyart a:link, #yourmankyart a:visited, .worksheets a:link, .worksheets a:visited, .text a:link, .text a:visited, #invite a:link, #invite a:visited, .pack a:link, .pack a:visited { background-color:transparent; border-bottom: 2px dotted #212121; color: #212121; text-decoration: none;}
#yourmankyart a:hover, #yourmankyart a:active, .worksheets a:hover, .worksheets a:active, .text a:link, .text a:visited, #invite a:hover, #invite a:active, .pack a:hover, .pack a:active{ background-color:#fff888; border-bottom: 2px dashed #0066cc; color: #0066cc; text-decoration: none;}
#yourmankyart img, .worksheets img, #invite img, .pack img{ border:1px solid #212121; margin:9px; float: left; }
#yourmankyart img:hover, .worksheets img:hover, #invite img:hover, .pack img:hover  { border:5px dashed #0066cc; margin:5px; float: left; }

.worksheets { background: #ff8888; border: 1px solid #212121; width: 280px; height: 120px; padding: 10px; margin: 10px 0px 10px 0px; }
.worksheettext { width: 200px; line-height: 1.5em;}
#interview, #invite { background: #ff8888; border: 1px solid #212121; padding: 10px; margin: 10px 0px 10px 0px; width: 327px; }
#interview h3, #interview p { padding-top: 10px; }
#invite {background: #ff8888; border: 1px solid #212121; padding: 10px; margin: 10px 0px 10px 0px; width: 327px; height: 300px; line-height:1.3em; }
.pack {background: #ff8888; border: 1px solid #212121; padding: 10px; margin: 10px 0px 10px 0px; width: 327px; height: 125px; line-height:1.3em; }

h2 { font-family: rockwell, geo, georgia, serif; font-size: 2em; font-weight: lighter; background: url(/new/whiteback.png); border-bottom: 1px solid #212121; border-top: 1px solid #212121; 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 9px; margin-top: 10px; line-height: 1.4em; }

#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); clear: both; }

/*--------------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: #ff8888; border: 3px dashed #0066cc; -webkit-border-radius: 20px; -moz-border-radius: 20px;  }
		#cboxLoadedContent{margin: 20px 20px 40px 20px;}
                #cboxTitle{position:absolute; bottom:10px; width:100%; text-align:center; color:#0066cc; padding: 5px; }
                #cboxCurrent{position:absolute; bottom:10px; left:68px; color:#000; }
                #cboxSlideshow{position:absolute; bottom:10px; right:30px; color:#000; }
                #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:13px; right:17px; 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;}
/* CSS is over */