/* Base stylesheet for themes */

body {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 10pt;
  font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
  color: #333;
}

strong {
  font-weight: bold;
}

#bodyFrame {
  position: relative;
  margin: 15px auto;
  width:  900px;
}

.ad-skyscraper {
  position: absolute;
  top: 0;
  left: 900px;
  width:  120px;
  padding: 0;
}

.adspace {
  margin-bottom: 10px;
}

#pageFrame {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 900px;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: #fff;
}

#header {
  position: relative;
  margin: 0;
  padding: 0;
}

#main {
  width: 675px;
  margin: 20px 0 0 0;
  padding: 0;
  position: relative;
}

#sidebar {
  width: 225px;
  margin: 20px 0 0 0;
  padding: 0;
}

#footer {
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
}

body.wide #main {
  width: 100%;
}

#main .content {
  margin: 0;
  padding: 0 20px;
}

#sidebar .content {
  margin: 0;
  padding: 0 10px;
}

#footer .content {
  padding: 5px;
  margin: 0;
}

#footer p {
  font-size: 85%;
  font-family: Arial, Verdana, sans-serif;
  text-align: center;
  margin: 0 0 3px 0;
  padding: 0;
}

/* bottom of footer */
#footer_note {
  width: 900px;
  margin: 0 auto;
}

#footer_note .content {
  padding: 5px 5px 0 5px;
  font-size: 85%;
  background: #fff;
  margin: 0;
}

/* useful for handling float divs */
.clear {
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
}

#site_name {
  width: 650px;
  margin: 0;
  position: absolute;
  font-size: 40px;
  color: #000;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  left: 40px;
  top: 30px;
}

#site_name a {
  text-decoration: none;
}

.flash_notice {
  background: #c7dbff;
  color: #000;
  border: 1px solid #0099ff;
}

.flash_error {
  background: #cc0000;
  color: #fff;
  border: 1px solid #cc9999;
}

.flash_error,
.flash_notice {
  padding: 5px;
  margin: 0 0 10px 0;
  width: 100%;
}

.flash_error p,
.flash_notice p {
  padding: 5px;
  margin: 0;
}

input#submit_button {
  padding: 3px 2px;
  margin: 0;
}

label.required {
  color: #600;
  font-weight: bold;
}
label.optional {
  color: #555;
  font-weight: normal;
}

label.row {
  float: left;
  width: 70px;
  text-align: right;
}

label.required,
label.optional,
label.row {
  margin: 0 2px 0 0;
  line-height: 140%;
}

textarea, input {
  margin: 0 0 5px 0;
  padding: 0;
}


/*--------------------- */
/* pages */

#pagelist {
  padding: 0;
  margin: 0;
  font-family: Arial, Verdana, sans-serif;
}

#pagelist li {
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
}

#pagelist span.title {
  font-size: 140%;
  font-weight: bold;
  text-decoration: none;
  margin: 5px 0;
  display: block;
}

#pagelist div.excerpt {
  margin: 10px 0;
  font-family: Tahoma, Times, serif;
}

span.readmore {
  margin: 0 0 10px 0;
  padding: 0;
  display: block;
}

#pagelist span.readmore {
  font-size: 11px;
}

div.folder_content span.readmore a {
  padding: 0;
  margin: 0;
}

div.page_meta {
  font-style: italic;
  font-size: 11px;
  font-family: Arial, Verdana, sans-serif;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 5px 0;
  border-top: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
  color: #555;
}

span.page_title {
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, Verdana, sans-serif;
  margin: 0 0 15px 0;
  display: block;
}

#page .page_title {
  font-size: 20px;
}

.page_area {
  margin: 0;
  padding: 0;
}

#page div.page_area img,
#home div.page_area img {
  margin: 0 10px;
}

/*--------------------- */
/* common for folder, folder_header, and folder_content */

div.folder {
  margin: 0 0 5px 0;
  width: 100%;
}

div.folder .folder_header {
  font-weight: bold;
  padding: 0;
  font-size: 115%;
  width: 100%;
  font-family: Arial, Verdana, sans-serif;
}

div.folder div.folder_content {
  margin: 0;
  padding: 0;
}

div.folder div.description {
  font-style: italic;
}

div.folder ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.folder li {
  margin: 0;
  padding: 0;
}

div.folder span.date,
div.folder span.title {
  display: block;
}

div.folder span.date {
  font-weight: normal;
  font-size: 85%;
}

#photos_link li,
#photolist li,
#photo_thumbnails li,
#upcoming_weekly li,
#events_monthly_link li,
#messages_link li,
#file_list li,
#sidebar li {
  list-style-type: none;
}

#file_list li,
#messages_link li,
#events_monthly_link li {
  padding: 3px 5px 10px 10px;
}

#photos_link li {
  padding: 0 5px 5px 10px;
}


#file_list li {
  padding-left: 25px;
  text-align: left;
}

#file_list li.pdf {
  background: url('/images/icons/pdf.jpg') no-repeat 0 3px;
}

#file_list li.image {
  background: url('/images/icons/image.jpg') no-repeat 0 3px;
}

#file_list li.video {
  background: url('/images/icons/video.jpg') no-repeat 0 3px;
}

#file_list li.unknown {
  background: url('/images/icons/mime_lyx.jpg') no-repeat 0 3px;
}

/*--------------------- */
/* photos and album */

#albums_link li a {
  margin: 0;
  padding: 0 2px 2px 22px;
}

#albums_link a.photo_tab {
  background: url('/images/icons/link_photo.jpg') no-repeat 0 0;
}

#albumlist {
  margin: 0;
  padding: 0;
  width: 100%;
}

#albumlist li {
  list-style-type: none;
  background: url('/images/icons/link_photo.jpg') no-repeat 0 1px;
  padding: 0 0 0 22px;
  margin: 0 0 5px 0;

}

img.photo {
  margin: 0;
  padding: 5px;
}

#photolist {
  margin: 0;
  padding: 0;
}

#photolist li {
  margin: 0 25px 20px 0;
  float: left;
  list-style-type: none;
}

#photolist td {
  padding: 0 0 20px 20px;
  width: 120px;
}

div.album span.name {
  font-weight: bold;
  margin: 0 0 2px 0;
  display: block;
}

div.album span.meta {
  font-size: 85%;
  display: block;
  color: #555;
}

.album_desc {
  padding: 0;
  margin: 0 0 10px 0;
  font-style: italic;
}

div.photo {
  margin: 0 0 10px 0;
}

div.description {
  padding: 5px 0 0 0;
  margin: 0 0 10px 0;
}

div.photo div.meta {
  padding: 5px 0;
  font-size: 85%;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  color: #333;
  font-family: Arial, Verdana, serif;
}

div.photo .paginate_links {
  text-align: center;
  margin: 5px 0;
}

#photo_thumbnails li {
  float: left;
}

/*--------------------- */
/* events and calendar */

#upcoming_weekly {
  padding: 0;
  margin: 0 0 20px 0;
}

#upcoming_weekly table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
  font-family: Arial, Verdana, sans-serif;
  border: 1px solid #999;
}

#upcoming_weekly .noactivity,
#upcoming_weekly .activity {
  margin: 0;
}

#upcoming_weekly ul {
  list-style: none;
  margin: 5px 0 0 0;
}

#upcoming_weekly li {
  padding: 0 0 10px 0;
  margin: 0;
}

#upcoming_weekly th {
  font-weight: normal;
  padding: 3px 5px;
  font-size: 80%;
  background: #000;
  color: #fff;
}

#upcoming_weekly td {
  padding: 3px 5px;
}

#upcoming_weekly td .date {
  font-size: 11px;
  font-weight: bold;
}

#upcoming_weekly li .event,
#upcoming_weekly li .date {
  font-size: 11px;
  font-weight: normal;
}

/*--------------------- */
/* contact page */

#contact span.phone,
#contact span.fax,
#contact span.mobile,
#contact span.email {
  display: block;
  margin: 0 0 3px 0;
}

#contact label {
  font-weight: bold;
  width: 70px;
  float: left;
  text-align: left;
}

#contact div.new_feedback {
  margin: 40px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px dashed #555;
}

#contact div.new_feedback label {
  float: none;
  width: 100%;
}

input#feedback_name,
input#feedback_contact,
textarea#feedback_message {
  width: 350px;
  font-size: 14px;
  font-weight: normal;
  padding: 2px;
  border: 1px solid #777;
}



/*--------------------- */
/* comments */

#commentlist {
  padding: 0;
  margin: 0;
}

#commentlist li {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0;
}


#commentlist span.source {
  display: block;
  font-size: 100%;
  margin: 0 0 3px;
}

#commentlist span.source span.name {
  font-weight: bold;
}

#commentlist span.datetime {
  display: block;
  font-size: 80%;
  color: #999;
}

#commentlist div.message {
  display: block;
  margin: 5px 0 0 0;
}

#comments div.new_comment {
  margin: 40px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px dashed #555;
}

input#comment_name,
input#comment_email,
textarea#comment_message {
  width: 350px;
  font-size: 14px;
  font-weight: normal;
  padding: 2px;
  border: 1px solid #777;
}

input#captcha {
  font-size: 14px;
  font-weight: normal;
  padding: 2px;
  border: 1px solid #777;
}




/*--------------------- */
/* pagination */

.paginate_links {
  font-size: 12px;
  margin: 0 0 15px 0;
}

div.breadcrumbs {
  font-size: 11px;
  margin: 0 0 5px 0;
  font-family: Arial, Verdana, sans-serif;
}

span.breadcrumb {
  margin: 0 5px;
  font-weight: bold;
}

span.separator {
  margin: 0 3px;
}

/*--------------------- */
/* main navigation */



#topnav {
  margin: 0;
  padding: 0;
  height: 30px;
  font-size: 85%;
}

#topnav ul {
  margin: 0;
  padding: 0;
}

#topnav li {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#topnav a {
  padding: 0 10px;
  line-height: 30px;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  float: left;
  display: block;
}

#topnav a:active {
  color: #000;
}

#topnav a:hover {
  color: #000;
}

#topnav a:visited{
  color: #000;
}

#home #home_tab,
#event #event_tab,
#contact #contact_tab,
#photo #photo_tab,
#file #file_tab {
  background-color: #000;
}

#home #home_tab a,
#event #event_tab a,
#contact #contact_tab a,
#photo #photo_tab a,
#file #file_tab a {
  color: #fff;
}