body { 
	font-size: 12pt; 
	font-family: "Trebuchet MS", Verdana, sans-serif;
	background: #ffffcc;
	text-align: center;
	z-index: -2;
	
}
#main {
	width:75%;
	margin:0px auto;
	text-align:center;
	z-index:20;
}
#credit {
font-size: 7pt;
color: #cccccc;
}
#credit a {
	color: #cccccc;
	}
#imagewrapper {
width: 72%;
display:block;
margin-left: auto;
margin-right: auto;

}
.image img {
  border:6px solid #fff;
  border-color:#def #678 #345 #cde;
    margin-top:5px;
  }
img {
	border:none
}
#gallerytitle h2 {
	font-size:11pt;
    font-family: "Comic Sans MS", cursive;
    font-style:italic;
}
#gallerytitle span {
	
    font-size:9pt;
    color: #990033;
    font-family: "Comic Sans MS", cursive;
    font-style:normal;
    text-decoration:none;
}
#gallerytitle A:link,#gallerytitle A:visited {
    font-family: "Comic Sans MS", cursive;
    text-decoration:underline;
    color:red;
    font-size:11pt;
	padding: 0px 4px 0px 4px;
    font-style:normal;
}
.imagetitle {
	margin-left:auto;
	margin-right: auto;
	text-align: center;
    font-size:12pt;
    color: #990033;
    font-family: "Comic Sans MS", cursive;
    text-decoration:none;
}


hr {
	clear:both;
	height:0px;
	border:0px;
	border-top:1px solid #ccc;
	margin-top:0px;
}
.imgnav {
    margin-bottom:4px;
    font-size:15pt;
    font-weight:normal;
    color:#CCC;
    text-align:center;
    width:65%;
    margin-left:auto;
    margin-right:auto;
	position:relative;
	z-index: 100;
}
.imgnav a {
	height:1em;
	color:#999 !important;
	background-color:#fbfbfb;
}
.imgnav a.prev {
	float:left;
}
.imgnav a.next {
	float:right;
}
.imgnav a:hover,.imagenav a:active {
	background-color:#eee;
	color:#F60 !important;
	text-decoration:none !important;
}

.imagebox {
	border: 2px solid black;
	float: left;
}
/* start of stolen stuff */

/* =Thumbs
Reusable style for thumbnail photos as slides
----------------------------------------------- */
.thumb {
  display:block;
  float:left;
  margin:0;
  padding:0 8px 8px 0;
}
html>body .thumb {
  background-image:url("frame5.png"); 
  }
.thumb span {
  background-repeat:no-repeat;
  background-position:50% 104px;
  display:block;
  }
.thumbv span {
  background-position:9px 50%;
  }
.thumb em {
  background-repeat:no-repeat;
  background-position:65% 65%;
  display:block;
  }
.thumb a, .thumb a:link, .thumb a:visited {
  background:none !important;
  display:block;
  width:100px;
  height:100px;
  border:none;
  text-indent:-9999px;
  font-size:1px;
  line-height:1px;
  }


/* =Slideset
Normal group of slide-like thumbnails
----------------------------------------------- */
.slideset {
  float:left;
  position:relative;
  width:95%;
  margin:0 0 15px;
  padding:0;
  list-style:none;
  line-height:1.4em;
  }
.slideset .thumb {
  float:left;
  /*margin:0 10px 10px 0;*/
  }
  
/* end of stolen stuff */

#albumwrapper {
width: 90%;
display:block;
margin-left:auto;
margin-right:auto;
/*float: left;*/
height:450px;
overflow:auto;
margin-bottom: 50px;
z-index: 5;
}

#albums {
margin-left: auto;
margin-right: auto;
font-size: 8pt;
z-index: 5;
}

.album {
text-align:left;
background: #ffcc5c;
margin: 4px;
float:left;
width: 170px;
height: 105px;
overflow: hidden;
padding: 2px;
z-index: 5;
}
.albumdesc {
font-size:8pt;
font-family: "Comic Sans MS", cursive;
font-style:italic;
}
.albumthumb img {
	border:10px;
	float:left;
	margin-right:10px;
}
.albumtitle {
	font-size: 7pt;
	font-style:italic;
	font-weight: normal;
	}
.albumtitle H3 {
	margin:0px;
	padding:0px;
font-size:9pt;
}


.pagenav {
	margin:5px 0px 5px;
	font-size:8pt;
	font-weight:bold;
	color:#CCC;
	clear:both;
}
.pagenav A:link,.pagenav A:visited {
	color:#333;
	text-decoration:none;
}
.disabled_nav {
float:left;
visibility:hidden;
height:0px;
}

.disabledlink {
	color:#ddd;
	cursor:default;
height:0px;
}
A:link,A:visited {
	text-decoration:none;
	color:green;
}
A:hover,A:active,#gallerytitle A:hover,#gallerytitle A:active,.pagenav A:hover,.pagenav A:active {
	text-decoration:underline;
	color:red;
	background-color:#FFFCF4;
}
UL.pagelist {
	padding:0px;
	margin:5px 0px 5px;
	list-style-type:none;
	height:2em;
}
UL.pagelist LI {
	display:inline;
	font-weight:bold;
}
UL.pagelist LI A,UL.pagelist LI span.disabledlink {
	display:block;
	float:left;
	padding:2px 4px;
	background-color:#FFF6EC;
	text-decoration:none;
	color:#555;
}
UL.pagelist LI span.disabledlink {
	background-color:#fff;
	color:#ddd;
	cursor:default;
}
UL.pagelist LI A:hover {
	background-color:#FFCC99;
	color:black;
}
UL.pagelist LI.current A {
	background-color:#FF6600;
	color:#FFF;
	cursor:default;
}

.error {
	color:#C33;
	font-weight:bold;
}
#admin,#admin_data {
	position:fixed;
	right:0;
margin-right:50px;
margin-top:50px;
	top:0;
	border-left:1px solid #E6E6DF;
	border-bottom:1px solid #E6E6DF;
	background:#fff;
	width:120px;
z-index:10;
}
#admin_data {
	top:15px;
}
#admin h3 {
	font:100% "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:bold;
	color:#000;
	border-bottom:1px dashed #E6E6DF;
	margin:0;
	padding:0;
}
#search {
position:relative;
	float:right;
	width:150px;
	margin-top:-15px;
	z-index:100;
}
#search #search_input {
	width:125px;
}
#search ul {
	position:absolute;
	margin-top:0px;
	text-align:left;
}
#search ul .item {
	display:none;
}
#search ul:hover .item {
	display:block;
	padding:1px;
	margin:1px;
}
#search ul:hover .item a {
	color:#000;
	text-decoration:none;
}
#search ul:hover .item a:hover {
	color:#999;
}
#search ul {
	width:20px;
	float:left;
	margin:0px;
	padding:2px;
	list-style:none;
}
#search li {
	width:150px;
}
.clear {
	clear:both;
	height:10px;
}
#map {
	margin-top:25px;
}
#imagemetadata {
	text-align:right;
	position:relative;
	display:none;
}
#imagemetadata table {
	text-align:left;
	line-height:1em;
	border:1px solid #ccc;
	position:absolute;
	top:2em;
	right:0;
	background-color:#fafafa;
}
#imagemetadata table td {
	border-bottom:1px solid #f0f0f0;
	background-color:#f8f8f8;
	padding:2px 5px;
}
#fullsize_download_link {
	font-size:8pt;
	text-align:right;
	float:right;
}
#meta_link {
	font-size:8pt;
	text-align:right;
	float:left;
}
#image_data {
display:block;
margin-left:auto;
margin-right:auto;
}
/* Archive View */
#archive {
	width:300px;
	padding:0;
	margin:0 auto;
	text-align:center;
}
ul.archive * {
	padding:0;
	margin:0;
	list-style:none;
}
ul.archive .year {
	margin-top:10px;
	text-align:center;
	color:#FF6600;
	margin-bottom:5px;
	font-weight:bold;
	font-size:18px;
}
ul.archive .month {
	font-size:14px;
	list-style:none;
	border-top:2px solid #E6E6DF;
	padding-top: 5px;
}

/* Tags */
.taglist ul {
	display:inline;
	list-style-type:none;
}
.taglist li {
	background:url(tag.png) no-repeat left center;
	list-style-type:none;
	line-height:18px;
	padding-left:18px;
	float:left;
	padding-right:5px;
}
.taglist .tags_title {
	background:none;
	padding-right:5px;
	padding-left:0;
}

#rating {
text-align:left;
font-size:8pt;
}
.star-rating {
background-color: #ffffcc ! important ;
}

#prevnext {
position:relative;
float:left;
margin-left: 60px;
font-family:Arial,helvetica,verdana,sans-serif;
font-size:9pt;
font-weight: bold;
color: black;
z-index: 90;
}

#sslink {
position:relative;
z-index:90;
}

#slideshowlink {
  border: 1px solid red;
  height: 1.2em;
  background-color: #006600;
  display:block;
  float:right;
  font-size:11pt;
  color: #ffffff;
  font-family: "comic sans serif", serif;
  z-index: 100;
  margin: 0px 10px 0px 0px;
  padding: 0px;

}

#slideshowlink a {
  color: #ffffff;
  text-decoration:underline;
  font-family: "Comic Sans MS", cursive;
}
#slideshowlink  a:hover, #slideshowlink  a:active {
  background-color:#ffff00;
  color:#006400;
  text-decoration:underline;
}


#footer	{
	clear: both;
  color: #ffff99; 
  margin-bottom: 50px;
	font-size: 8pt;
	text-decoration: underline;
}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack 
* > #footer, * > form, * > #notes, * > .output	{
	position: relative;
	z-index: 10;
}
*/
#footer p {
  font: italic 0.55em "Comic Sans MS", sans-serif ; 
	text-align: center;
	color: #990000;
}






#commentblock {
  display:block;
  width:480px;
  margin-left:auto;
    margin-right:auto;
  text-align:left;
  font-size:9pt;
margin-bottom: 12px;
  }
#commentblock h2, #commentblock p.sub {
  text-align:center;
  font-weight:normal;
  }
#commentblock h2 {
  margin-top:0;
  font:100% Verdana,Sans-serif;
  color:#333;
  }
#commentblock h2 a {
  margin-left:.25em;
  font-weight:normal;
  border-width:0;
  color:#666;
  }
#commentblock h2 a img {
  position:relative;
  top:2px;
  }
#showcomments, #hidecomments, #addcommentbutton {
  display:none;
  }
#addcommentbutton {
text-align:center;
}
#addcomment h2 {
  margin-top:.5em;
  text-align:left;
  font:140% "Trebuchet MS",Verdana,Sans-serif;
  color:#974;
  }




/* =Comment photo
Region on comment preview/error pages that displays
the thumbnail image, photo name, date, & keywords
----------------------------------------------- */
#comment-photo {
  float:left;
  width:100%;
  padding:35px 0 12px;
  }
#comment-photo #desc {
  position:static;
  width:auto;
  margin-left:133px;
  padding:22px 0 2px;
  }
#comment-photo #desc h1 {
  background:none;
  padding:0;
  }
#comment-photo #desc p {
  margin:0;
  padding:0;
  }


/* =CommentList
List of existing comments for an entry
----------------------------------------------- */
dl.commentlist, ul.commentlist {
  margin-bottom:1.5em;
  }
#commentblock .commentlist {
  margin-bottom:1em;
  }
.commentlist dt, .commentlist li p.commenter {
  padding:8px 0 .25em;
  font-weight:normal;
  color: #993300;
  }
.commentlist dd, .commentlist li {
  background-image:none;
  padding-left: 3em;
  padding-bottom: 5px;
  margin:0;
  border-bottom:1px dotted #bbb;
color: red;
    font-family: "Comic Sans MS", cursive;
	line-height:10pt;
  }
.commentlist .postno {
  background:url("img/icon_pushpin.gif") no-repeat 0 50%;
  border-width:0;
  padding:0 0 0 18px;
  margin-right:2px;
  font:130% "Gill Sans","Trebuchet MS",Georgia,Serif;
  color:#567;
  }
.commentlist a.postno {
  border-bottom-width:0;
  border-style:none;
  }

p.comment-error {
  margin:0 0 1.5em;
  color:#c33;
  }
#comment-notes {
  margin-top:2em;
  }
#comment-notes p {
  color:#554;
  }

.commentlink, .commentlink:visited {
  background:url("img/icon_pushpin.gif") no-repeat 0 50%;
  border-width:0;
  padding-left:17px;
  white-space:nowrap;
  }
a.commentlink, a.commentlink:visited {
  color:#359;
  font-weight:normal;
  }
a.commentlink:hover {
  color:#933;
  border-color:#ccb;
  text-decoration:none;
  }

	
/* THis stuff for the snazzy borders */
#borderDivBottom {
background-image:url(/zenphoto/themes/pizzabeer/img/pizza_top.gif);
background-repeat:repeat-x;
bottom:0pt;
height:50px;
left:100%;
margin-left:-100%;
position:fixed;
width:100%;
}
#borderDivTop {
background-image:url(/zenphoto/themes/pizzabeer/img/pizza_bottom.gif);
background-repeat:repeat-x;
height:50px;
left:100%;
margin-left:-100%;
position:fixed;
top:0pt;
width:100%;
}
#borderDivLeft {
background-image:url(/zenphoto/themes/pizzabeer/img/pizza_right.gif);
background-repeat:repeat-y;
height:100%;
left:0pt;
margin:0pt;
position:fixed;
top:0pt;
width:50px;
}
#borderDivRight {
background-image:url(/zenphoto/themes/pizzabeer/img/pizza_left.gif);
background-repeat:repeat-y;
height:100%;
margin:0pt;
position:fixed;
right:0pt;
top:0pt;
width:50px;
}
#beersogoodLeft {
background-image:url(/zenphoto/themes/pizzabeer/img/beer-so-good-l.gif);
height:255px;
width:300px;
left:0pt;
margin:0pt;
position:fixed;
top:20pt;
z-index: -1;
}
#beersogoodRight {
background-image:url(/zenphoto/themes/pizzabeer/img/beer-so-good-r.gif);
height:255px;
width:300px;
right:0pt;
margin:0pt;
position:fixed;
top:20pt;
z-index: -1;
}