body {
	/*margin-top:10px;
	margin-bottom:30px;*/
	background-image:url("bg.gif");
	font-family: "museo-sans-1","museo-sans-2", serif;
	color: #444;
	font-size: 13px;
	line-height: 120%;
}

.headline {
	font-family: "adelle-1", "adelle-2", serif;
	font-size: 35px;
	color: black;
	font-weight: 500;
	line-height: 120%;
}

.header {
	font-family: "adelle-1", "adelle-2", serif;
	font-size: 22px;
	font-weight: bold;
	color: black;
	margin-top: 3px;
	line-height: 110%;
}

.tinygrey {          
	font-family: "museo-sans-1","museo-sans-2", sans-serif;
	font-size: 10px;
	color: dark gray ;	
	line-height: 120%;
}

.tinybold {
	font-family: "museo-sans-1","museo-sans-2", sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: black ;	
}
	
/*.highlight {
	font-family: Arial, serif;
	font-size: 9px;
	font-weight: bolder;
	padding: 2px;
	letter-spacing: 2px;
} */	

.bucketlist { 
	text-align: center; 
	font-style: italic; 
}

.strike {
	text-decoration: line-through; 
	color: grey;
	background: url(bg-1.gif);
	
}

ul, li, ul li a {
display: inline-block;
list-style: none;
width: 100%;
margin: 0;
padding-left: 0px;
border: opx;
}

img {
	border: none ;
	margin-bottom: ;
	background-color: none;
}

p { 
	margin-top: 2px;
	margin-bottom: 5px;
} 

br {
	margin-bottom:;
}
	
a:link    { 
	background-color: none; 
	color: black ; 
	text-decoration: none; 
	font-weight: bolder;	
	padding: 1px; 
	border: none;
	}

a:active  { 
	background-color: none; 
	color: black; 
	text-decoration:none; 
	border: none;
	}

a:visited { 
	background-color: ; 
	color: black ; 
	text-decoration: none; 
}

a:focus{outline:0;} 
	 
a:hover   { 
	background-color:; 
	color: ; 
	text-decoration:underline; 	
}

A.highlight:link   { 
	background: url(bg-1.gif);
	background-color: grey; 
	text-decoration: none; 	
	color: black;
	font-family: Arial, serif;
	font-size: 9px;
	font-weight: bolder;
	padding: 2px;
	letter-spacing: 2px;
	
}

A.highlight:visited   { 
	background: url(bg-1.gif);
	background-color: grey; 
	text-decoration: none; 	
	color: black;
	font-family: Arial, serif;
	font-size: 9px;
	font-weight: bolder;
	padding: 2px;
	letter-spacing: 2px;	
	
}

A.highlight:hover   { 
	text-decoration: none; 	
	background: url(bg-white.gif);
	background-color: yellow;
	color: black; 

}

A.highlight:active   { 
	background: url(bg-1.gif);
	background-color: grey; 
	text-decoration: none; 	
	color: black;
	font-family: Arial, serif;
	font-size: 9px;
	font-weight: bolder;
	padding: 2px;
	letter-spacing: 2px;	
}

A.strike:link   { 
	background: url(bg-1.gif);
	background-color:; 
	text-decoration: line-through; 	
	color: grey;
/*	font-family: Arial, serif;
	font-size: 9px;
	font-weight: bolder;
	padding: 2px;
	letter-spacing: 2px;*/
}

A.strike:visited {
	background: url(bg-1.gif);
	background-color:; 
	text-decoration: line-through; 	
	color: grey;	
}



A.strike:hover   { 
	text-decoration: none; 	
	background: url(bg-white.gif);
	background-color: yellow; 
/*	font-family: Arial, serif;
	font-size: 9px;
	font-weight: bolder;
	padding: 2px;
	letter-spacing: 2px;
	*/
}


/*aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow-->*/
	
#container {
	margin:0 auto;
	width:900px;	
	}
	
.topPane {
	width:880px;
	float:left;
	background-color:#FFF;
	margin-bottom:10px;
	padding:10px 10px 10px 10px;
	}
	
.leftPane {
	width:360px;
	float:left;
	background-color: #FFF;
	margin-right:10px;
	padding:10px 10px 10px 10px;
	}

.middlePane {
	width:230px;
	float:left;
	background-color: #FFF;
	margin-right:10px;
	padding:10px 10px 10px 10px;
	}

.rightPane {
	width:230px;
	float:right;
	background-color:#FFF;
	padding:10px 10px 10px 10px;
	}
		
.workPane {
	width:700px;
	float:left;
	background-color:#FFF;
	padding:10px 10px 10px 10px;
	}
	
.narrowPane {
	width:150px;
	float:left;
	background-color:#FFF;
	padding:10px 10px 10px 10px;
	margin-right: 10px;
	}
				 				 		
hr {
	border-style: solid;
	clear: both;
	float: center;
	width: auto;
	margin-top: 0px;
	margin-bottom: 6px;
	border-width: 3px;
	}
	
.hrbetween {
	border-width: 1px;
	margin-top: 25px;
	margin-bottom: 15px;
	width: 40%;
}
	
.hrpokemon {
	color: orange;
}

.hrillustration {
	color: #33CCFF;
}

.hrdesign {
	color: #grey;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#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:hidden;}
#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;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading-colorbox.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
style {
	
}