/* Stylesheet for Valkyrie's Page of Wonder */

body {background:#8699AC;text-align:center;margin:10px;padding:0;font-size:12px;font-family:arial, sans-serif, sans;color:#fff;}
table td {}

h1,h2,h3,h4,h5,h6 {color:#CCE2F6;padding:0;margin:0;}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

a {text-decoration:none;}
a:link {color:#fff;}
a:visited {color:#fff;}
a:hover {color:#ff0;}
a:active {color:#ff0;}
a:focus {color:#ff0;}

.hide {display:none;}

#page {background:#151E27;margin:0 auto;text-align:left;width:746px;}

#header {position:relative;background:#000;}
#topleft {position:absolute;top:0;left:0;background:url('../images/topleft.gif') top left no-repeat;height:10px;width:10px;}
#topright {position:absolute;top:0;right:0;background:url('../images/topright.gif') top right no-repeat;height:10px;width:10px;}
#title {font-size:18px;font-weight:bold;padding:10px 20px;}
#title .t1 {color:#fff;}
#title .t2 {color:#B2D4F4;}
#title .t3 {color:#95C2EF;}
#title .t4 {color:#3E84CA;}

#topnav {background:url('../images/topnavbg.gif') top left repeat-x #4C5A67;border-top:1px solid #78797c;border-left:1px solid #78797c;border-right:1px solid #21272C;border-bottom:1px solid #21272C;padding:3px;}
#topnavlist {list-style-type:none;padding:0;margin:0;font-size:12px;font-weight:bold;}
#topnavlist li {display:inline;border-right:2px solid #C0D6EC;padding:0 5px 0 7px;;position:relative;z-index:20;}
#topnavlist li.last {border-right:0;}
#topnavlist li a:link {color:#94B8DC;}
#topnavlist li a:visited {color:#94B8DC;}
#topnavlist li a:hover {color:#fff;}
#topnavlist li a:active {color:#fff;}
#topnavlist li a:focus {color:#fff;}

#topnavlist li ul {position:absolute;top:15px;left:0px;width:150px;background:#666;border:1px solid #94b8dc;text-align:left;z-index:30;padding:0 3px;margin:0;}
#topnavlist li ul li {display:block;z-index:35;border-right:0;border-bottom:1px solid #94b8dc;padding:3px;}
#topnavlist li ul ul {position:absolute;top:3px;left:150px;}
#topnavlist li ul li.last {border-bottom:0;}

#topnavlist li ul,
#topnavlist li ul ul,
#topnavlist li:hover ul ul
{display:none;}
#topnavlist li:hover ul,
#topnavlist ul li:hover ul,
#topnavlist ul ul li:hover ul
{display:block;}

#statusbar {background:url('../images/statusbarbg.gif') top left no-repeat #000;height:60px;color:#036;font-size:18px;font-weight:bold;position:relative;}
#statusbartext {position:absolute;top:19px;left:30px;}
#statusbartext a:link {color:#036;}
#statusbartext a:visited {color:#036;}
#statusbartext a:hover {color:#E7D217;}
#statusbartext a:active {color:#E7D217;}
#statusbartext a:focus {color:#E7D217;}

#content {background:url('../images/contentbg.gif') top left repeat-x;}
#content table#indextable td {padding:10px;}
.insidecontent {padding:10px;background:url('../images/contbg.gif') top left #0C151E;border:1px solid #000;color:#B6BDC5;height:269px;overflow:auto;}
#content h1 {font-size:20px;}
table#projecttable {width:100%;}
#content table#indextable table#projecttable td {padding:10px 0;text-align:center;}
.caption {font-style:italic;font-size:10px;text-align:center;}
.contbar {background:url('../images/topnavbg.gif') top left repeat-x #4C5A67;border-top:1px solid #78797c;border-left:1px solid #78797c;border-right:1px solid #21272C;border-bottom:1px solid #21272C;padding:3px;margin:10px 0;}
.contbar a:link {color:#B6BDC5;}
.contbar a:visited {color:#B6BDC5;}
.contbar a:hover {color:#ff0;}
.contbar a:active {color:#ff0;}
.contbar a:focus {color:#ff0;}

#insidecontent {padding:10px;}

#footer {background:#000;color:#B6BDC5;padding:5px;text-align:center;}

/* Photo Gallery Styles */

ul.projmain {list-style-type:none;padding:0;margin:0;color:#fff;}
ul.projmain li {list-style-type:none;padding:3px;font-size:16px;font-weight:bold;}
ul.projsub {list-style-type:none;padding:0px;margin:5px 0;}
ul.projsub li {list-style-type:none;padding:3px;font-size:12px;font-weight:normal;}
ul.projmain li a:link, ul.projmain li a:visited {color:#fff;}
ul.projmain li a:hover, ul.projmain li a:active, ul.projmain li a:focus {color:#ff0;}
ul.projsub li.projalt1 {background:url('../images/projalt1.gif') top left repeat-x;border-top:1px solid #224C77;border-left:1px solid #224C77;border-bottom:1px solid #162E45;border-right:1px solid #162E45;}
ul.projsub li.projalt2 {background:url('../images/projalt2.gif') top left repeat-x;border-top:1px solid #4C6B8A;border-left:1px solid #4C6B8A;border-bottom:1px solid #2B3D4F;border-right:1px solid #2B3D4F;}
ul.projsub li.projsel1 {background:url('../images/projsel1.gif') bottom left repeat-x;border-top:1px solid #E4D660;border-left:1px solid #E4D660;border-bottom:1px solid #443E06;border-right:1px solid #443E06;}
.photoheader {color:#fff;}
.photoheader h3 {font-size:26px;}

#ptable {padding:0;}
#phototable {border:1px solid #666;}
#phototable #captioncell {border-top:1px solid #666;border-bottom:1px solid #666;color:#fff;}
#phototable #photocount {padding:5px 0;}
#phototable #photocount div.countbox {position:relative;font-family:arial;text-align:center;
	}
#phototable #photocount div.countbox a {
	padding:3px 5px;
	}
#phototable #photocount div.countbox a:hover {
	}
#counttable td {background:url('../images/projalt2.gif') top left repeat-x;border-top:1px solid #4C6B8A;border-left:1px solid #4C6B8A;border-bottom:1px solid #2B3D4F;border-right:1px solid #2B3D4F;height:20px;width:25px;}
#counttable td.blank {background:url('../images/projalt1.gif') top left repeat-x;border-top:1px solid #224C77;border-left:1px solid #224C77;border-bottom:1px solid #162E45;border-right:1px solid #162E45;}
#phototable #photocount div.photohover {background:#fff;position:absolute;bottom:25px;left:0px;padding:3px;display:none;}	

#phototable a:link, #phototable a:visited {color:#fff;}
#phototable a:hover, #phototable a:active, #phototable a:focus {color:#ff0;}
h1 {margin-bottom:20px;}
table#phototable a.permalink:link, 
table#phototable a.permalink:visited {color:#FEF7AA;}
table#phototable a.permalink:hover, 
table#phototable a.permalink:active,
table#phototable a.permalink:focus {color:#fff;}