@import url(color.css);
@import url(type.css);
/* Uncomment the line below to troubleshoot block elements  */
/* @import url(borders.css); */

/* -Zero out all default browser margin and padding
-------------------------------------------------- */
* {padding: 0; margin: 0;}

form {display: inline;}

img {border: 0;}

#main_container {position: absolute; top: 0; left: 256px; width: 665px;}

/* removed this so commenting it out #inner_wrapper {width: 100%;}*/

#wrapper {width: 917px;	position: relative;	top: 50px; left: 50%; margin-left: -460px; margin-bottom: 6em; background: url("../images/column-bg.gif") repeat-y top left;}

#sidebar {width: 254px; position: absolute; top: 0; left: 0;}

/* -Quicklinks contains the search field, jump menu, and the footer
-------------------------------------------------- */
#quicklinks {position: absolute; top: 368px; left: 0; width: 254px; margin: 0; padding: 8px 0 0 0;}

/* -Controls text reading "View as Slideshow"
-------------------------------------------------- */
#ss-txt {position: absolute; top: 350px; left: -230px;}

/* -Navigation
-------------------------------------------------- */
#navcontainer {width: 220px; margin: 40px auto 0;}
#navcontainer ul {list-style-type: none;}
#navcontainer li {border-bottom: 1px solid #1a1a1a;}
#navcontainer a {display: block; padding: 4px 2em; margin: 0;}

/* Using Dwyer Image Replacement method until something better comes along */
#gallery-name {width: 254px;}
#gallery-name a {margin: 20px auto 0; display: block; width: 219px;}

#non-ss_picture_caption {position: absolute; top: 195px; left: 0px; height: 175px; width: 220px; margin: 0 18px; overflow: visible;
}
#non-ss_picture_caption p, #caption-container {padding: 5px 0 0 10px;}
#caption-container {position: absolute; top: 195px; left: -257px; height: 145px; width: 220px; margin: 0 18px; overflow: visible;  border: 0px solid red;}

/* Forced to create a special case for this id when the slideshow is playing. It is styled inline in the code for it to work, see line 752 in gallery.php */


/* -Next and Previous buttons defined here
-------------------------------------------------- */
#pic-nav {position: absolute; left: 0; bottom: 0; padding-top: 4px;	float: left; width: 220px;}
#pic-nav a {display: block; width: 110px; float: left;}

#download_selected {float: right;}

.thumbnail img, .thumbnail a:hover img {margin: 0; padding: 0; border: none;}

form select {width: 220px; padding: 1px 2px 3px;}

#pagination, #breadcrumbs {padding: 0; margin: 0; clear: both;}

#breadcrumb_links {margin: 0; padding: 0 0 0.5em 0;}

a.print {background: url(../graphics/printer.gif) no-repeat left center; padding-left: 20px; 
}

.page_link {padding: 0 3px;}

#search-field {width: 145px; margin-top: 7px; padding: 1px 2px 3px;}

input.submit {padding: 3px 5px;}

table, tr, td {border: 0;}
		
a.nav-link-img-next {background: url(../graphics/fforward.gif) no-repeat; background-position: right 1px; padding-right: 20px; width: 40px;}

a.nav-link-img-prev {background: url(../graphics/rewind.gif) no-repeat; background-position: left 1px; padding-left: 20px; width: 40px;}
		
.comments li  {margin: 10px 0; padding: 10px 0;}

.meta-header {display: block;}

#exif_data {width: 50%;}

ul.slides {list-style: none;}
.slides li {display: block;	float: left; width: 200px; }

/* -Using a single pixel with a whole lotta padding to get the wrapper to surround all the absolutely positioned content - thus enabling the bg image in the left column to tile vertically
-------------------------------------------------- */
#height-hack {padding-top: 440px;}

.tag {float: left; width: 200px; border-bottom: 2px solid #000;}
.tag img {float: left; width: 86px;}
.tag p {margin: 0.5em 0 0 0.5em; padding: 0; float: left; width: 100px; }
.thumbnail .tag p.clipme {height: 1.2em; width: 90px; overflow: hidden;}

.large-thumb-toolbar {position: absolute; top: 340px; left: -239px;	z-index: 10; padding: 0 0 0 30px; width: 190px;}		
.large-thumb-toolbar a {display: block;	float: left; width: 32px;}

.errors {width: 500px; background-image: url('../graphics/x.gif') no-repeat 5px 8px; margin-bottom: 15px; padding: 8px; padding-left: 28px;}
		 
#footer {margin: 2em 0 0 0;}
#footer p {padding: 1em 0 0 0.5em;}