html {
  height: 100%;
}
body {
  background: url(/images/orangebgtile.gif) top center ;
  height: 100%;
  margin: 0 0 20px 0;
  padding: 0;
}
body#photo,
body#photoslideshow,
body#pop_photo {
  background: url(/images/graybgtile.gif) top center ;
}
body#review,
body#pop_review {
  background: url(/images/purplebgtile.gif) top center ;
}
body {
  font-family: "New York", Georgia, serif ;
  font-size: .9em ;
}
.smaller {
  font-size: .85em ;
}
a {
  color: #318 ;
  outline: none ;
}
a:hover {
  color: #104 ;
}
div.clear {
  clear: both ;
}
fieldset {
  border: 0 ;
  padding: 0;
  margin: 0;
}
div#container {
  width: 840px ;
  margin: 0px auto ;
  background: #fff url(/images/containerbg.gif) repeat-y top center ;
  padding-bottom: 50px;
  min-height: 100% ;
}
div#sitelinks {
  width: 760px ;
  padding: 2px 40px ;
  text-align: right ;
  position: absolute ;
  margin: 0px auto ;
  color: #ddd ;
}
div#sitelinks a {
  color: #ddd ;
  text-decoration: none ;
}
div#sitelinks a:hover {
  color: #104 ;
}
body#pop_journal div#container {
  background: url(/images/containerpopbg.gif) repeat-y top center ;
  width: 440px ;
}
body#photo div#container,
body#photoslideshow div#container {
  background: #fff url(/images/graycontainerbg.gif) repeat-y top center ;
}
body#pop_photo div#container {
  background: #fff url(/images/graycontainerpopbg.gif) repeat-y top center ;
  width: 440px ;
}
body#review div#container {
  background: #fff url(/images/purplecontainerbg.gif) repeat-y top center ;
}
body#pop_review div#container {
  background: #fff url(/images/purplecontainerpopbg.gif) repeat-y top center ;
  width: 440px ;
}
div#header {
  height: 76px;
  padding: 40px 60px ;
  margin: 0px 20px ;
}
div#header area:hover {
  border-bottom: 2px solid #000 ;
}
div#main {
  background: url(/images/headerbottom.gif) repeat-x top center;
  margin: 0px 20px ;
  padding: 40px 40px 0px 20px;
}
body#photoslideshow div#main {
  padding: 50px 0 0 0 ;
}
div#navigation {
  float: left ;
  width: 200px ;
  background: url(/images/menu_separator.gif) no-repeat top right ;
  padding-right: 20px ;
  font-size: .94em;
}
body#photoslideshow div#navigation {
  background-color: #fff ;
  padding-left: 20px ;
  padding-top: 10px ;
  min-height: 500px ;
  background-image: none ;
}
div.navsection {
  margin-bottom: 24px ;
}
div.topitem {
  margin-left: 24px ;
  margin-bottom: 5px ;
}
div#navigation h3 {
  margin-top: 0 ;
}
div#content {
  margin-left: 220px;
  padding-left: 30px ;
}
div#content_nonav {
  margin-left:  20px;
}
div#footer {
  clear: left;
}
h1 {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 1.5em ;
}
h2 {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 1.3em ;
}
h2.topspace {
  margin-top: 12px ;
}
.nospace {
  margin: 0 ;
}
h2.post_title {
  padding: 0 0 0 0 ;
  margin: 0 ;
  font-size: 1.05em ;
}
p.success,
p.error,
p.note {
  font-family: Verdana, "Trebuchet MS", sans-serif ;
  padding: 2px 4px ;
  border: 1px solid #000 ;
  font-size: .9em ;
}
p.success {
  background-color: #afa ;
  border-color: #050 ;
  color: #050 ;
}
p.error {
  background-color: #faa ;
  border-color: #600 ;
  color: #600 ;
}
div.postinfo {
  font-family: Verdana, "Trebuchet MS", sans-serif ;
  font-size: .9em;
  padding-bottom: 10px ;
  margin-bottom: 10px ;
  border-bottom: 1px solid #ddd ;
}
div.postdate {
  color: #666 ;
  font-style: italic ;
}
div.tags {
  color: #666 ;
  font-style: italic ;
}
div.navpostdate,
.smallnote,
.note {
  color: #666 ;
  font-style: italic ;
  font-size: .9em;
}
.note {
  font-size: 1em ;
}
p.summary {
  margin-bottom: 4px;
  font-style: italic ;
}
p.summary em,
p.summary i {
  font-style: normal ;
}
div.body {
  color: #333 ;
  line-height: 1.5em ;
}
div.body ul li {
  line-height: 1.2em;
}

div.rating {
  font-family: Times, "Times New Roman", Georgia, "New York", serif ;
  float: left ;
  width: 46px ;
  height: 26px ;
  font-size: 34px ;
  font-weight: bold ;
  margin: 3px 10px 10px 0px ;
  text-align: center ;
  color: #fff ;
  padding-top: 30px ; 
  background-color: #000 ;
}
div.smallrating {
  color: #fff ;
  float: left ;
  width: 17px ;
  height: 16px ;
  font-weight: bold ;
  text-align: center ;
  border: 1px solid #000 ;
  margin-right: 4px ;
  background-color: #000 ;
  padding-top:1px;
}
div.rating_0 {
  font-weight: normal;
}
div.rating_1 {
  background-color: #ff1700 ;
  border-color: #df0000 ;
}
div.rating_2 {
  background-color: #ff5000 ;
  border-color: #df3000 ;
}
div.rating_3 {
  background-color: #ff8700 ;
  border-color: #df6700 ;
}
div.rating_4 {
  background-color: #ffb600 ;
  border-color: #df9600 ;
  color: #000 ;
}
div.rating_5 {
  background-color: #ffdc00 ;
  border-color: #dfbc00 ;
  color: #000 ;
}
div.rating_6 {
  background-color: #f6f900 ;
  border-color: #d6d900 ;
  color: #000 ;
}
div.rating_7 {
  background-color: #c6fc00 ;
  border-color: #a6dc00 ;
  color: #000 ;
}
div.rating_8 {
  background-color: #8ef700 ;
  border-color: #6ed700 ;
}
div.rating_9 {
  background-color: #54e600 ;
  border-color: #34c600 ;
}
div.rating_10 {
  background-color: #1ad300 ;
  border-color: #00b300 ;
}
img#previous {
  border: 20px solid #aaa ;
	border-left: none ;
}
img#current {
  border: 20px solid #000 ;
	margin-left: 20px ;
	margin-right: 20px ;
}
table#photolayout_vertical img#current {
  margin-left:  113px ;
  margin-right: 114px ;
}
img#next {
	border: 20px solid #aaa ;
	border-right: none ;
	vertical-align: top ;
}
table#photolayout,
table#photolayout_vertical {
  vertical-align: top ;
}
div#photo_detailblock {
  margin: 0 auto 0 auto ;
  width: 600px ;
  font-size: .94em ;
}
table#photolayout_vertical div#photo_detailblock {
  width: 414px ;
}
div#photo_detailblock span.photo_date {
  color: #666 ;
}
div#photo_detailblock a#photo_detaillink {
  float: left ;
  color: #666 ;
}
div#menutoggle {
  width: 233px ;
  height: 10px ;
  border-top: 1px solid #eee ;
  border-right: 1px solid #eee ;
  border-bottom: 1px solid #eee ;
  background: url(/images/triangle_down.gif) no-repeat top center ;
  position: absolute;
  top: 184px;
}
div#menutoggle:hover {
  border-color: #ccc ;
}
div#menutoggle img {
  width: 230px ;
  height: 10px ;
  display: block ;
}
div#recentposts div#recentpostnav {
  height: 14px ;
  text-align: center ;
  padding-top: 4px ;
}
div#recentpostnav div#indicator {
  margin-left: 90px;
}
ul#heavyrotation,
ul#links,
ul.basic {
  padding-left: 20px;
  list-style-type: square ;
}
ul#heavyrotation li,
ul#links li,
ul.basic li {
  padding: 0;
}
div.archivediv {
  margin-top: 10px ;
}
a.smallbutton,
input.smallbutton {
  border: 1px solid #999 ;
  color: #999 ;
  font-family: Verdana, "Trebuchet MS", sans-serif ;
  font-size: .8em ;
  text-transform: uppercase ;
  text-decoration: none ;
  padding: 1px 6px ;
  margin-top: 4px ;
  cursor: pointer ;
}
a.smallbutton:hover,
input.smallbutton:hover {
  color: #318 ;
  border-color: #318 ;
}
a.headinglink {
  color: #000 ;
}
div#photoarchive {
	border-top: 1px solid #000 ;
	border-left: 1px solid #000 ;
	width: 486px ;
}
div#photoarchive img {
	border-top: 0 ;
	border-left: 0 ;
	border-bottom: 1px solid #000 ;
	border-right: 1px solid #000 ;
}
div#comments {
  border-top: 1px solid #ccc ;
  font-size: .94em ;
}
div.comment {
  border-bottom: 1px solid #ccc ;
  padding: 5px 8px ;
}
.alternate {
  background-color: #eee ;
}
div.photo_postinfo {
  height: 84px ;
}
div.thumbnail {
  float: left;
  margin-right: 12px ;
}
div.thumbnail img {
  border: 1px solid #000 ;
}
img.rss {
  border: 0 ;
  padding: 0 0 0 6px;
}
table#gallery {
  border-top: 1px solid #ccc ;
  border-left:  1px solid #ccc ;
}
table#gallery td {
  border-right: 1px solid #ccc ;
  border-bottom:  1px solid #ccc ;
  padding:  30px ;
  text-align:  center;
}
table#gallery td:hover {
  background-color: #ffb ;
}
table#gallery img {
  border:  1px solid #000 ; 
}
img.rightimage,
img.leftimage
  {
    border:  1px solid #000 ;
    margin-bottom: 6px ;
  }
img.rightimage {
  margin-left: 10px ;
}
img.leftimage {
  margin-right: 15px ;
}

div#upcoming_list h3 {
  padding-bottom: 3px ;
  border-bottom: 1px dotted #999 ;
}

table.imageWithCaptionLeft,
table.imageWithCaptionRight {
  border-collapse: collapse ;
  border: none ;
}
table.imageWithCaptionLeft {
  margin: 0 14px 8px 0 ;
  float: left ;
}
table.imageWithCaptionRight {
  margin: 0 0 8px 14px ;
  float: right ;
}
  table.imageWithCaptionLeft td.image,
  table.imageWithCaptionRight td.image {
    
  }
  table.imageWithCaptionLeft td.caption,
  table.imageWithCaptionRight td.caption {
    font-size: .8em ;
    line-height: 1em ;
  }