/*  
Style Name: Miss B's Graphics Interface - Linkware Page
Author: B. Bass for Butterfly Dezignz
Author URI: http://butterflydezignz.com/

This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License. To view a copy of this license, 
visit http://creativecommons.org/licenses/by-nc-sa/2.5/.  This entire information section must be left intact when redistributing this work.
*/

/* Global Styles To Undo Browser Defaults */
a:link,a:visited {text-decoration:none;}
ul,ol {list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dd, dt {margin:0; padding:0;}
a img,:link img,:visited img {border:none}

/* -------------- NON-IE WIN BROWSER STYLES -------------- */

/* General Styles */
h2 {margin:15px 0; padding:0; font-size:1.5em; font-variant:small-caps; text-align:center;}
p {margin:10px 10px; color:#ffd4d4; background:transparent; text-align:justify; text-indent:.3in;}

/* Linkware Gallery */
h2.title {width:350px; margin:15px 0 10px 12px; padding:0; border:0; color:#ffd4d4; background:transparent; font-weight:bold; font-variant:small-caps;
	font-size:1.15em; letter-spacing:.25em; text-align:left; text-decoration:underline;}
ul.thumbnails {width:725px; list-style-type:none; margin-left:12px;}
ul.thumbnails li {display:inline; margin-right:3px; padding:0;}
ul.thumbnails li a img {width:100px; height:50px; border:4px double #b67171;}

/* -------------------- Lightbox Styles -------------------- */

#lightbox {position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height: 0;}
#lightbox a img {border:none;}
#outerImageContainer {position:relative; background:#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:transparent url(images2/blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(http://missbgraphics.com/creations/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background:url(http://missbgraphics.com/creations/images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer {font:10px "Trebuchet MS", Helvetica, sans-serif; color:#444; background:#fff;
	margin:0 auto; line-height:1.4em;}
#imageData {	padding:0 10px;}
#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;}
#overlay {	position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background:#000;
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}
* html .clearfix {	/* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */}

/* ----------------- End of Lightbox Styles ----------------- */