/*
/* Phatpad(TM) Photoblog CSS
/* 
/* Last updated 24 March 2008
/*


/* /////////////////////////////////////////////////////////////////////////////////////// Structural */
	
body { margin: 0; padding: 0; background-color: #333333; background-image: url(../images/background.gif); background-repeat: repeat; }
	
#header { height: 48px; background-image: url(../images/navigation.jpg); background-repeat: repeat-x; }
#logo { float: right; width: auto; }
#mainNav { float: left; width: auto; margin-top: 5px; padding-left: 15px; }
		
#bottomToolbar { position: fixed; bottom: 0; left: 0; z-index: 100; background: url(x../images/btmbackground.gif) repeat-x; background-color:#262626; height: 32px; width: 100%; margin: 0; padding: 0; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: .9;}

/* contact form */

#contact ol { list-style: none; margin: 0; padding: 0; }
#contact li { padding-bottom: 10px; }

#contact fieldset { border: none; }
#contact legend { display: none; }
#contact label { display: block; padding-bottom: 3px; }


/* Browse Page */

#browseArea,
#aboutArea { padding-left: 15px; width: 960px; }

#aboutMenu,
#browseMenu { float: left; width: 260px; }

#aboutContent,
#browseThumbs { float: left; width: 700px; }

/* Assorted */

.white				{ color: #FFFFFF; }
.clearLeft { clear: left; }
.clearBoth { clear: both; }	

/* /////////////////////////////////////////////////////////////////////////////////////// Text and Links */
			
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .72em; background-color: #333333; color: #FFFFFF }
h1 { background: url(../images/phatpad.jpg) no-repeat; width: 83px; height: 27px; margin: 0; padding: 0; text-indent: -7000px; }
h3 { margin: 0; padding: 0; }

#galleryCollection a,
#galleryCollection span { color: #A6A499; }
#galleryCollection a { color: #999999; }
#galleryCollection { margin: 10px 0 0 10px; }

#bottomToolbar a { border-bottom: none; }
#bottomToolbar a img { border: none; }

.notActive { color: #666666; }
/********************************** links */

a { text-decoration: none; color: #FFFFFF; outline: none; border: none; }

/* about menu */
#copyright,
#contact { display: none; }

#aboutMenu ul { margin: 0; padding: 0; list-style: none; }
#aboutMenu ul li { padding: 7px; }

#aboutMenu ul li a { border-bottom: 1px solid #CC6600; }
#aboutMenu ul li a:hover { border-bottom: 2px solid #CC9900; }


/* main nav */

#mainNav ul { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 99; }
#mainNav ul li { float: left; padding: 0 5px 10px 0; }
#mainNav ul li a { padding: 5px; }
#mainNav ul li ul { display: none; position: absolute; background: url(../images/navigation-back.png) no-repeat bottom; margin: 7px 0 0 -14px; padding: 5px 5px 10px 15px; }
#mainNav ul li ul li { width: 150px; }

#mainNav ul li ul li a { color: #333333; font-size: .9em; }
#mainNav ul li ul li a:hover { text-decoration: underline; }

#mainNav ul li:hover ul { display: block; }

/* previous next links */


a.arrowHead { color: #A6A499; }

a img.thumbnails { border: none; }
a:hover img.thumbnails { background: url(../images/thumbshadowHover.png) no-repeat; border-bottom: none; }

/********************************** Photo navigation */

/* Photo menu */

#lightBox { position: relative; float: left; margin-left: auto; margin-right: auto; }
#photoNav { position: absolute; left: 0; top: 0; padding: 15px; width: 300px; }
#warnings { position: absolute; right: 0; top: 0px; padding: 15px; }

#photoNav a { padding: 1px; }
#photoNav a:hover { background-color: #2A2A2A; }

#photoPrevious,
#photoNext { background-color: #555555; padding: 5px; }

#galleryPrevious,
#galleryNext,
#galleryEnd,
#currentGallery { background-color: #A6A499; color: #2A2A2A; padding: 5px; font-size: .9em; }

/* Gallery nav markers */

#browseThumbs p { float: left; text-align: center; margin: 0 8px 10px 0; padding: 0; }

/********************************** Image Drop Shadow */

img#photo { behavior: url(iepngfix.htc); background: url(x../images/dropshadow.png) top left no-repeat; padding: 10px;  }
img.thumbnails { background: url(../images/thumbshadow.png) no-repeat; padding: 7px; }