table { font-size: 1em; width: 100%; border: 0; border-spacing: 0; border-collapse: collapse; }

/* GENERAL CONTENT */
.input label { display: none; }
.error { color: black; background: url(/bits/img/error.gif) 10px no-repeat #eee; padding: 7px 7px 7px 50px; border: 3px solid red; margin: 5px 0; }
.message { color: black; background: url(/bits/img/info.gif) 10px no-repeat #eee; padding: 7px 7px 7px 50px; border: 1px solid #888; margin: 5px 0; }
.help { color: black; background: url(/bits/img/info.gif) 10px no-repeat #f5f5f5; padding: 2px 7px 2px 45px; border: 1px solid #888; display: none; }

.odd { background: #f9f9f9; }
.even { background: #EFEFEF; }
.highlight { background: #DEE7EB; }
.busy { background: url(/bits/img/busy.gif); }
.click tr { cursor: pointer; }

acronym { color: #1c2f2f; border-bottom: 1px dotted #333; }
hr { border: none; margin: 3px; padding: 0; background: #ddd; color: #ddd; }

/* GENERAL LINKS */
a { color: #2160ba; text-decoration: none; }
a { padding: 0; width: auto; text-decoration: underline; display: inline; border: none; background: transparent; }
a:hover { color: #277adc; text-decoration: underline; }
a:visited { color: #184481; }
a:visited:hover { color: #277adc; text-decoration: underline; }
a.external { padding-right: 14px; background: url(/bits/img/core/external.png) right no-repeat; }
a.email{ padding-left: 14px; background: url(/bits/img/core/email.gif) left no-repeat; }
a.secure { background: url(/bits/img/core/secure.gif) left no-repeat; padding-left: 14px; }

h1, h2 {   font-size: 1.8em;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin: 0 0 5px 0;
  padding: 5px 0 0 0;
  color: #5A8FB2;
  clear: both;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
  border-bottom: 4px solid #CF2C15;
}
h2 {
  font-size: 1.4em;
  padding: 15px 0 0 0;
  border-bottom: 3px solid #fff;
}
h3 {
  font-size: 1.1em;
  padding: 15px 0 0 0;
  border-bottom: 2px solid #fa7716;
}
h1#page_title { margin-left: 130px; visibility: hidden; display: none; }
#content h1 { margin-left: 0; visibility: visible; }

p { margin: 5px 0 15px; padding: 0; }
ul, ol { margin-top: 5px; margin-bottom: 5px; }
li { margin-top: 5px; margin-bottom: 5px; }

.sans { font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; }
.serif { font-family: Georgia, "Times New Roman", Times, serif; }

div.bold { border-bottom: 2px solid #2160ba; padding-top: 10px; color: black; font-weight: bold; color: #2160ba; }

/* BLOCK STUFF... */
div.block { margin: 1px 0 30px 0; }
.block table { width: 100%; font-size: 1em; }
.block .title { color: white; border-bottom: 0; padding: 0; min-height: 20px; border-bottom: 1px solid white; background: #5A8FB2 url(/bits/img/core/tr.gif) top right no-repeat; }
.block .title .text { padding: 6px; font-size: 18px; font-style: italic; height: 18px; font-weight: bold; overflow: hidden; }
.block .title .l { float: left; background: url(/bits/img/core/tl.gif) top left no-repeat; height: 15px; width: 15px; }
.block .title .r { display: none; }
.block .title .extra { float: right; width: auto; text-align: right; font-size: 0.9em; margin: 0 20px 0 0; line-height: 31px; }

.block .stuff { background: #B3D4ED; padding: 8px 15px; border-bottom: 1px solid white; border-right: 1px solid black; line-height: 1.6em; }
.block .subtitle { background: url(/bits/img/core/bg.png) top right; padding: 20px 0 1px 0; clear: both; }
.block .subtitle .inner { background: url(/bits/img/core/tbg.png) right repeat-x; padding: 5px 10px; font-weight: bold; color: white; }

.block .block_table { padding: 0; }
.block .block_table .table { width: 100%; }
.block .label { text-align: right; color: #888; width: 20%; }
.block td { padding: 3px; vertical-align: top; }
.heading { border-bottom: 2px solid #366; color: #366; margin: 20px 0 5px 0; font-weight: bold; font-size: 1.1em; }

.block .block_table .text { line-height: 1.5em; padding: 5px; }

.block .bottom { background: #5A8FB2; margin: 0 15px; height: 16px; border-bottom: 1px solid black; font-size: 0; padding: 0; }
.block .bottom .l { background: url(/bits/img/core/bl.gif) top left no-repeat; width: 15px; height: 17px; float: left;position: relative; left: -15px; }
.block .bottom .r { background: url(/bits/img/core/br.gif) top right no-repeat; width: 15px; height: 17px; float: right; position: relative; right: -15px; }


/* BUTTONS */
.buttons { font-weight: normal; padding: 0; text-align: right; }
.buttons .button { padding: 5px 7px; margin-left: -1px; border: 1px solid #333; background: #eee url(../img/gray.jpg) 0 -20px repeat-x;  color: black !important; text-decoration: none !important; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; cursor: pointer; }
.buttons .btn-first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.buttons .btn-last { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.buttons .hover { background-position: 0 -5px; background-color: #ddd; color: black !important; text-decoration: none !important; }
.buttons .active { font-weight: bold; background-position: 0 5px; background-color: white; }
.buttons .activeLight { background-position: 0 5px; background-color: white; }
.submit { cursor: pointer; }

.buttons .button { color: black !important; text-shadow: 0 0 0 transparent, 1px 1px 1px #fff; cursor: pointer; white-space: nowrap; }
.extra .buttons .button { font-size: 0.9; padding: 4px 6px; }

/* LIST VIEW */
table.list { width: 100%; font-size: 1em; background: #333; border-collapse: collapse; border-spacing: 0; }
table.list td, table.list th { padding: 5px; vertical-align: middle; }
table.list th { text-align: left; font-weight: bold; padding: 4px 5px; background: #2c7ef5 50% 50% repeat-x; color: white; }
table.list td {  }
table.list .right { text-align: right; }

/* FORMS */

.RightSpace, .RightSpaceBorder { margin: 0 15px 5px 0; }
.LeftSpace, .LeftSpaceBorder { margin: 0 0 5px 15px; }
.stuff img { border: 1px solid black; }

.simple img { margin-bottom: 3px; }
.simple .caption { display: block; text-align: center; font-size: 0.9em; }

.box { border: 1px solid #BA3B29; background: #eee; }
.quote  {
	padding: 5px 0;
  margin: 5px 0;
	text-align: center;
}

/* IMAGES */
.shadow {
  border: 1px solid black;
  border-width: 1px 2px 2px 1px;
  padding: 5px;
  margin: 5px;
  background: #eee;
}
.shadow img { border: 1px solid black; }
.shadow .caption { display: block; text-align: center; font-size: 0.85em; }

.border img, .simple img { border: 1px solid black; }
.border .caption { display: none; }

.right { float: right; }
.left { float: left; }

.smaller { font-size: 0.9em; }
.smaller .buttons a { padding: 3px; }


.date { text-align: right; font-size: 0.9em; font-style: italic; float: right; padding: 0 0 1em 1em; }
.actions_bar { text-align: right; }
br.clear { clear: both; height: 1px; font-size: 1px; line-height: 0; }

.bit { text-align: left; margin-bottom: 5px; }
.bit .label { text-align: left; width: auto; font-size: 0.8em; line-height: 1em; }

#preview { border: 1px solid #1F6594; background: white; padding: 5px; }

/* GALLERY STUFF */
.galleries {}
.galleries h2 { border: 1px dotted white; border-width: 1px 0; padding: 5px 2px; margin: 50px 5px 0 5px; font-style: normal; color: black; }
.galleries > h2:first-child { margin-top: 10px; }
.galleries .gallery { display: block; background: #E0EDF8; margin: 15px 5px; padding: 10px; -moz-border-radius: 5px; border-radius: 5px; }
.galleries .gallery img { float: left; border: 8px solid white; -moz-box-shadow: 0 0 2px #aaa; -webkit-box-shadow: 0 0 2px #aaa; box-shadow: 0 0 2px #aaa; }
.galleries .gallery .inner { margin-left: 140px; }
.galleries .gallery .title { background: none; border: none; color: #1F6594; font-size: 1.4em; font-weight: bold; min-height: 1em; margin-bottom: 0.25em; display: block; }
.galleries .gallery .title a { text-decoration: none; }
.galleries .gallery p { margin: 0.25em 0; }
.galleries .gallery .stats { color: #888; line-height: 1em; }
.galleries .gallery .stats small { margin-right: 1em; }
.galleries .gallery .clear { height: 0; font-size: 0; line-height: 0; }

/* RECENT PHOTOS SIDEBAR */
#recent_photos .stuff { padding: 0 1px; border: none; background: black; width: auto; }
#recent_photos .recent_photo_container_outer { padding-top: 1px; }
#recent_photos .recent_photo_container { position: relative; }
#recent_photos .recent_photo_cell { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; background: black top left no-repeat; }
#recent_photos .recent_photo_cell .details { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); width: 100%; }
#recent_photos .recent_photo_cell .name a, #recent_photos .recent_photo_cell .name a:hover { color: white; font-size: 20px; letter-spacing: -1px; font-weight: normal; text-shadow: 0 0 0 transparent, 1px 1px 2px #000; line-height: 20px; display: block; padding: 5px; text-decoration: none; }
#recent_photos .buttons { display: block; text-align: center; background: #E9802C; padding: 3px; line-height: 2em; border-bottom: 1px solid white; }
#recent_photos .button { display: block; margin-left: 0; padding: 0; }

/* IFRAME STUFF */
#iframe_overlay { background: #169; opacity: 0.8; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; }
#iframe_wrapper { position: fixed; top: 40px; bottom: 40px; left: 40px; right: 40px; z-index: 1001; padding: 20px 4px 20px 10px; background: white; border-radius: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); }
#iframe_outer { position: relative; width: 100%; height: 100%; z-index: 1002; }
#iframe_close { background: url(../img/core/fancybox_close.png); width: 30px; height: 30px; position: absolute; top: -30px; right: -13px; z-index: 1003; cursor: pointer; }
#iframe_frame { width: 100%; height: 100%; }

/* ADMIN */
#navbar a:link, #navbar a:visited, #login_status a:link, #login_status a:visited, a.prefix:link, a.prefix:visited { color: #fff; text-decoration: none; }
#navbar a:hover { color: #ccc; }
#login_status { float:right; font-size:90%; }
#login_status a:hover, a.prefix:hover { text-decoration: underline; }
