/* General Stuff - All of the colors and things are defined here. */

body {
 background:#000 url(images/centered_background.jpg) top center no-repeat;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:75%;
 color:#000;
 margin:0 0 0 0;
 padding:0 0 0 0;
 text-align:center;
}

a:link {
 text-decoration:underline;
 color:#687E5A;
}

a:visited{
 font-weight:bold;
 text-decoration:underline;
 color:#003300;
}

a:hover {
 font-weight:none;
 text-decoration:none;
 color:#00cc00;

}

a:active {
 text-decoration:none;
 color:#AD00AD;
}

body h1 {
 font-size:13pt;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#00cc00;
 padding-left:5px;
 padding-bottom:15px;
}

body h2 {
 font-size:13pt;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#003300;
}

body h3 {
 font-size:13pt;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#003300;
}

img {
 border:0;
}

/* Placement Stuff - This is where all of the basic wrapper divs are defined. */

#container {
 width:800px;
 background:url(images/content_bakgrgound.png) top right no-repeat;
 margin-top:30px;
 margin-bottom:0;
 margin-right:auto;
 margin-left:auto;
 padding:0 0 0 0;
 text-align:left;
 /*border-right:1px solid #000;
 border-left:1px solid #000;*/
}

#content {
 width:770px;
 background:#fff url(images/content_background.png) top left no-repeat;
 border-right:15px solid #003300;
 border-left:15px solid #003300;
 margin:0 0 0 0;
 padding:0 0 0 0;
}

#main {
 width:600px;
 margin:0 0 0 125px;
 padding:5px 25px 5px 25px;
 border-left:1px solid #000;
}

#sidebar {
 width:100px;
 height:500px;
 float:left;
 margin:0 0 0 0;
 padding:0 0 0 8px;
}

#menuX a, #menuX a:visited {
  text-decoration:none;
  text-align:center;
  display:block; 
  width:100px; 
  padding:2px;
  margin:1px auto;
  border-right:5px solid #fff;
  }
#menuX a:hover {
  border-right:5px solid #00cc00;
  }


#header {
 top:0;
 height:100px;
 width:800px;
 margin:0 0 0 0;
 padding:0 0 0 0;
 background:url(images/header_background.gif) no-repeat center;
 /*border-bottom:1px solid #000;*/
}

#footer {
 width:770px;
 height:150px;
 background:url(images/footer_background.png) no-repeat center;
 color:#fff;
 bottom:0;
 font-size:90%;
 text-align:cener;
 margin:0 0 0 0;
 padding:0 0 0 0;
 border-top:1px solid #000;
}

#footer p {
 padding:5px 25px 0 25px;
}

#footer a {
 color:#fff;
 text-decoration:underline;
}

#main h2 {
 background:#003300;
 width:400px;
 color:white;
 margin:0 0 0 0;
 padding:0 0 0 5px;
 border-left:5px solid #00cc00;
}

/*Menu*/
/*Another Stu Nicholls menu writeup.  It's the one thing I'm bad at when it comes to CSS code.  I can never remember how to do it, so I just use his.*/
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_one */

.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(images/button1.png); position:relative; /*border:1px solid #000;*/ border-width:0 1px; border-top:3px solid #003300; border-bottom:3px solid #003300; border-right:10px solid #003300; border-left:10px solid #003300;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#8DA47F; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#ffffff; background:url(images/button3.png);}
.menu1 li.current a b {background:url(images/button3.png) no-repeat right top;}
.menu1 li a:hover {color:#00cc00; background:#000 url(images/button2_animuted.gif);}
.menu1 li a:hover b {background:url(images/button2_animuted.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#00cc00; background:#000 url(images/button3.png); cursor:default;}
.menu1 li.current a:hover b {background:url(images/button3.png) no-repeat right top;}

/*Sub-Menu*/
/*Repeat code for sub menus on various pages*/

.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(images/button1.png); position:relative; /*border:1px solid #000;*/ border-width:0 1px; /*border-top:5px solid #aba99b;*/ border-bottom:1px solid #444;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#8DA47F; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#ffffff; background:url(images/button3.png);}
.menu2 li.current a b {background:url(images/button3.png) no-repeat right top;}
.menu2 li a:hover {color:#00cc00; background:#000 url(images/button2.png);}
.menu2 li a:hover b {background:url(images/button2.png) no-repeat right top;}
.menu2 li.current a:hover {color:#00cc00; background:#000 url(images/button3.png); cursor:default;}
.menu2 li.current a:hover b {background:url(images/button3.png) no-repeat right top;}


/*These are those black borders around the whole page.  They add a little something to the page*/
#border_top {
	background-image: url(images/border_top.gif);
	background-repeat: repeat-x;
	position: fixed;
	top: 0;
	left: 100%;
	width: 100%;
	height: 20px;
	margin-left: -100%;
	z-index:300;
}

#border_bottom {
	background-image: url(images/border_bottom.gif);
	background-repeat: repeat-x;
	position: fixed;
	bottom: 0;
	left: 100%;
	width: 100%;
	height: 20px;
	margin-left: -100%;
	z-index:300;
}

#border_left {
	background-image: url(images/border_left.gif);
	background-repeat: repeat-y;
	position: fixed;
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
	margin: 0;
	z-index:300;
}

#border_right {
	background-image: url(images/border_right.gif);
	background-repeat: repeat-y;
	position: fixed;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	margin: 0;
	z-index:300;
}

/* Gallery Stuff - All of the definitions for the Gallery Pages. */

#gallery, #sgallery, #pgallery {
 height:1000px;
 margin:0 0 0 0;
 padding:0 0 0 0;
}

#sgallery {
 height:1700px;
 margin:0 0 0 0;
 padding:0 0 0 0;
}

/*
#gallery {
 background:url(images/gallery_background.gif) top left no-repeat;
}

#sgallery {
 background:url(images/sketches_background.gif) top left no-repeat;
}

#pgallery {
 background:url(images/pro_background.gif) top left no-repeat;
}

#gallery h2 {

}

#sgallery h2 {
 
}

#pgallery  h2 {
 
}
*/


#boopey-footer {
 background:#000;
 width:700px;
 text-align:center;
 margin:0 0 0 300px;
 padding:10px;
}

/*A Stu Nicholl's Gallery Demo adjusted to suit my needs.*/
/* needed for IE to make :active state work first time */
a, a:visited {
 color:#B2D0B4;
} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {
 display:block; 
 display:inline-block; 
 text-decoration:none; 
 border:1px solid #ccc; 
 width:60px; 
 height:60px; 
 float:left; 
 margin:4px; 
 z-index:50;
}


/*General Gallery Thumbs*/
a.slide1 {
 background:url(thumbs/aggria_fire_power.jpg);
}

a.slide2 {
 background:url(thumbs/aggria_pallus_athena600.jpg);
}

a.slide3 {
 background:url(thumbs/martian_handling_machine.jpg);
}

a.slide4 {
 background:url(thumbs/inked_tripod800.jpg);
}

a.slide5 {
 background:url(thumbs/tripod_sketch1000.jpg);
}

a.slide6 {
 background:url(thumbs/ice_armor_new_glow.jpg);
}

a.slide7 {
 background:url(thumbs/wolf_and_robot.jpg);
}

a.slide8 {
 background:url(thumbs/wolf_profile.jpg);
}

a.slide9 {
 background:url(thumbs/space_card.jpg);
}

a.slide10 {
 background:url(thumbs/cori_real_portrait.jpg);
}

a.slide11 {
 background:url(thumbs/coricyberpunkredone.jpg);
}

a.slide12 {
 background:url(thumbs/coriinskintightbioarmor-tweaked.jpg);
}

a.slide13 {
 background:url(thumbs/Beonarri_and_Spats_Wallpaper_1024x768.jpg);
}

a.slide14 {
 background:url(thumbs/beo-spats_new_years_monster_1280x1024.jpg);
}

a.slide15 {
 background:url(thumbs/tripod_v_gigantor600.jpg);
}

a.slide16 {
 background:url(thumbs/beonarri_crossedarms_swordi.jpg);
}

a.slide17 {
 background:url(thumbs/tiefling_warlock_flat.jpg);
}



/*Sketches Thumbs*/
a.slides1 {
 background:url(thumbs/2x3-robot.jpg);
}

a.slides2 {
 background:url(thumbs/very_sketchy_robot_colored.jpg);
}

a.slides3 {
 background:url(thumbs/very_sketch_robot.jpg);
}

a.slides4 {
 background:url(thumbs/random_shapes_robot.jpg);
}

a.slides5 {
 background:url(thumbs/robotknightswordsmanthing.jpg);
}

a.slides6 {
 background:url(thumbs/silhouettegolemfight.jpg);
}

a.slides7 {
 background:url(thumbs/2x3-medusa_guard_dog.jpg);
}

a.slides8 {
 background:url(thumbs/01152007sils_03600.jpg);
}

a.slides9 {
 background:url(thumbs/01152007sils_03.jpg);
}

a.slides10 {
 background:url(thumbs/evisceration_creature.jpg);
}

a.slides11 {
 background:url(thumbs/lizardmans_power_armor.jpg);
}

a.slides12 {
 background:url(thumbs/lizardmans_power_armorp.jpg);
}

a.slides13 {
 background:url(thumbs/lizardman_pensketches_2.jpg);
}

a.slides14 {
 background:url(thumbs/lizardman_pensketches_1.jpg);
}

a.slides15 {
 background:url(thumbs/varioussketches_2-10-08.jpg);
}

a.slides16 {
 background:url(thumbs/autolycus_WHOWAH.jpg);
}

a.slides17 {
 background:url(thumbs/autolycus_on_a_hill.jpg);
}

a.slides18 {
 background:url(thumbs/Untitled-15.jpg);
}

a.slides19 {
 background:url(thumbs/marrianna_dynamic_pose.jpg);
}

a.slides20 {
 background:url(thumbs/cori_in_mars_city_streetvie.jpg);
}

a.slides21 {
 background:url(thumbs/spaceship_sketches_transpor.jpg);
}

a.slides22 {
 background:url(thumbs/shittonoffaces.jpg);
}

a.slides23 {
 background:url(thumbs/beo_aggria_winter_scene.jpg);
}

a.slides24 {
 background:url(thumbs/zahn_played_by_bill_paxton.jpg);
}

a.slides25 {
 background:url(thumbs/rezinzak_kills_em_all.jpg);
}

a.slides26 {
 background:url(thumbs/untitled-1.jpg);
}

a.slides27 {
 background:url(thumbs/untitled-5.jpg);
}

a.slides28 {
 background:url(thumbs/untitled-4.jpg);
}

a.slides29 {
 background:url(thumbs/untitled-3.jpg);
}

a.slides30 {
 background:url(thumbs/aggria_fire_and_flames.jpg);
}

a.slides31 {
 background:url(thumbs/green_elf_engineer.jpg);
}

a.slides32 {
 background:url(thumbs/tellinious_fights_two_guys.jpg);
}

a.slides33 {
 background:url(thumbs/minotaur_actionpose.jpg);
}






/*Pro and Co Thumbs*/
a.slidep1 {
 background:url(thumbs/cover.jpg);
}

a.slidep2 {
 background:url(thumbs/9.jpg);
}

a.slidep3 {
 background:url(thumbs/10.jpg);
}

a.slidep4 {
 background:url(thumbs/19.jpg);
}

a.slidep5 {
 background:url(thumbs/20.jpg);
}

a.slidep6 {
 background:url(thumbs/cover2.jpg);
}

a.slidep7 {
 background:url(thumbs/3-4.jpg);
}

a.slidep8 {
 background:url(thumbs/12.jpg);
}

a.slidep9 {
 background:url(thumbs/23.jpg);
}

a.slidep10 {
 background:url(thumbs/42.jpg);
}

a.slidep11 {
 background:url(thumbs/virginias_bunnies_1.png);
}

a.slidep12 {
 background:url(thumbs/virginias_bunnies_10.png);
}

a.slidep13 {
 background:url(thumbs/virginias_bunnies_17.png);
}

a.slidep14 {
 background:url(thumbs/babylasereyeinternalsystems.jpg);
}

a.gallery em, a.gallery span {
 display:none;
}

a.gallery:hover {
 border:1px solid #666;
}

/* styling for LEFT gallery */
#container_left {
 position:relative; 
 width:650px; 
 height:800px; 
 */background:#fff; */
 /*border:3px solid #666; */
 margin:1em auto;
}
#container_left img {
 border:0;
}

#container_left .thumbs {
 width:140px; 
 position:absolute; 
 left:0; 
 top:0;
}

#container_left a.gallery:hover span {
 display:block; 
 position:absolute; 
 width:402px; 
 height:50px; 
 top:265px; 
 left:145px; 
 padding:5px; 
 color:#fff;  
 z-index:100;
}

#container_left a.gallery:hover span:first-line {
 font-style:normal; 
 font-weight:bold; 
 font-size:1.1em; 
 color:#000;
}

#container_left a.gallery:active, #container_left a.gallery:focus {
 border:1px solid #000;
}

#container_left a.gallery:active em, #container_left a.gallery:focus em {
 display:block; 
 position:absolute; 
 width:402px; 
 height:250px; 
 top:5px; 
 left:145px; 
 padding:5px; 
 /*border:1px solid #3d330f; */
 z-index:50;
}

/*
#container_left h1 {
 clear:both; 
 margin:0; 
 padding-top:80px; 
 padding-left:250px; 
 width:300px; 
 text-align:center; 
 font-family: georgia, "times new roman", serif; 
 font-size:3em; 
 font-weight:normal; 
 color:#000;
}

#container_left h1 em {
 font-size:0.6em; 
 color:#000;
}
*/