* { font-family: Verdana, Helvetica }

body { 
  background-color: black; color: white; font-size: 14px; 

  background-image: url('/img/wrcms/photocreative.co.nz/background.jpg');
background-repeat: repeat;
background-position: top left;

}

body * td { font-size: 14px; }
body * th { font-size: 14px; }
body * input { font-size: 14px; }
body * p { font-size: 14px; }

table.layout { width: 780px; max-width: 780px; }

td.top_menu { padding: 2px 2px 20px 2px; }
.topMenu { margin: 0px; border: none; text-align: left }
.topMenu ul { list-style-type: none; padding: 0pt; margin: 0pt; }
.topMenu ul>li { 
  padding: 0pt; margin: 0pt; 
  position: relative;
  list-style-type: none; 
}
table.topMenu td { 
  font-size: 14px; 
  text-transform: uppercase; 
  padding-left: 10px; padding-right: 10px; 
  word-spacing: 5px; letter-spacing: 2px;
}
table.topMenu td.menu_gap { width: 1px; padding: 0px; background-color: white;  }
.topMenu td:first-child { border: none; }
.topMenu a { color: white; }
.topMenu a:hover { color: white; }
.topMenu a:visited { color: white; text-decoration: none; }
.topMenu a:link { color: white; text-decoration: none; }

ul.popupMenu { 
  position: absolute; top: 1.1em; left: 0em; 
  display: none;
  list-style-type: none; 
  padding: 4px 10px 4px 10px;
  border: 2px solid #404040;
  background-color: black;
  text-transform: none;
  letter-spacing: normal; word-spacing: normal; line-height: 1.5em;
  white-space: nowrap;
  z-index: 1;
  background-image: url('/img/wrcms/photocreative.co.nz/background.jpg');
background-repeat: repeat;
background-position: top left;

}
.popupMenu a, popupMenu li { white-space: nowrap; }
.popupMenu a:hover { text-decoration: underline; color: #ffe000; }
.popupMenu li { padding: 0px; margin: 0px; }

.header_area { text-align: center; padding-top: 5px; padding-bottom: 10px; }
.header_area h1 {
  font-family: Palatino Linotype, Times New Roman;
  text-transform: uppercase; font-size: 19px;
  word-spacing: 10px; letter-spacing: 15px;
}
img.site_title { display: block; margin-left: auto; margin-right: auto; }
h1 { 
  font-size: 19px; font-weight: normal; 
  text-transform: uppercase; text-align: center; 
  word-spacing: 8px; letter-spacing: 3px;
}
h2 { 
  font-size: 17px; font-weight: normal; 
  text-transform: uppercase; text-align: center; 
  word-spacing: 8px; letter-spacing: 4px;
}
h3 { font-size: 15px; }
h4 { font-size: 13px; }

a { outline-style: none; }
a:link { color: #f0e080; text-decoration: none; }
a:visited { color: #e0c000; text-decoration: none; }
a:hover { color: #ffe000; text-decoration: underline; }

td.content_area { padding-right: 25px; }
td.under { border-bottom: 1px solid #504000; }

div.gallery_pic img { border: 1px solid #808080; margin-bottom: 10px; }

td.gallery_area { width: 210px; min-width: 210px; max-width: 210px; }
td.gallery_area * a { color: red }
td.gallery_area * a:link { color: red }
td.gallery_area * a:visited { color: #C00000 }
td.gallery_area * a:hover { color: #FF8040 }
.gallery_area * img { border: 1px solid #404040; }
.gallery_area * img:hover { border: 1px solid red; }

td.news_area { 
  width: 180px; min-width: 180px; max-width: 180px; text-align: center; 
}
.news_header { 
  font-size: 14px; font-weight: normal; 
  text-transform: uppercase; text-align: center; 
  word-spacing: 5px; letter-spacing: 2px;
}

div.news { 
  text-align: left; margin-left: auto; margin-right: auto; font-size: 12px; 
}
.news_date {  white-space: nowrap; width: 150px; }

td.footer { padding-top: 12px; }

select, input, textarea {
  background-color: #202020; color: white; 
  border-top: 1px solid #806040;
  border-left: 1px solid #806040;
  border-bottom: 1px solid #302000;
  border-right: 1px solid #302000;
}
input[type="text"] {  background-color: #202020 !important; color: white !important; }

textarea { 
  font-family: Courier New, Courier; font-size: 14px; 
}
.blog_header h3 { text-align: left; font-size: 100% }
.blog_header h1 { text-align: left; font-size: 140% }
.blog_nav { text-align: center; border-top: 1px dotted #101040; }
.blog_nav table { margin-left: auto; margin-right: auto; margin-top: 10px; }
.blog_nav table th { width: 150px; }
.blog_nav table th a {
  display: block; padding-left: 12px; padding-right: 12px;
  background-repeat: no-repeat;
}
#prevBlog { background-image: url('/img/buttons/blue1_prev.gif'); background-position: left center; }
#nextBlog { background-image: url('/img/buttons/blue1_next.gif'); background-position: right center; }

#blogCalendar { left: 0px; width: 100%; text-align: center; }
#blogCalendar table { margin-left: auto; margin-right: auto; background-color: white; }
#blogCalendar table td, #blogCalendar table th { color: black; font-weight: normal; font-size: 90%; }
#blogCalendar table a { color: blue; }
#blogCalendar table td.ccDay a { text-decoration: none; color: black; }
.calendar table { border: 2px solid gray;  }
.calendar td { border: 1px solid #c0c0c0; }
.calendar td.ccDay { font-style: normal; }
.calendar td.ccListedDay { font-weight: bold }
.calendar td.ccToday { background-color: #e0e0e0; }
.calendar td.ccEmpty { border-color: #e0e0e0; }

#blogCalendar table { border-width: 1px }
#blogCalendar td.ccListedDay { font-weight: normal; border-color: #505050 }
#imgList a:link { color: blue; }body { color: #C0C0C0; }

.topMenu a:link { color: #C0C0C0; }
.topMenu a:visited { color: #d0d0d0; }