/**
 * Sarah1 Stylesheet, 2007-05-24
*/
 
/* baseline de-styling */
body { background-color: white; margin: 0px; padding: 0px; font: 11pt Gill Sans, Arial; color: black; font-weight: bold; }
p.private { color: red }
a { text-decoration: none; color: black; }
a.active { color: #ff4900; }
a.private { color: red }
a:hover { text-decoration: underline; }
a img { border-style: none; }
a.private img { border: 2px solid red; }
h1, h2, h3, h4, p, ul, li, form { margin: 0px 0px 9px 0px; padding: 0px; }
h1, h2, h3 { font-weight: normal; }
div.indent { margin: 0px 9px 18px 18px; }

/* vml */
v\:* { behavior: url(#default#VML); }

/* body styles */
.body h1, h2, h3, h4 { font-family: Gill Sans, Arial; font-weight: normal; }
.body h2, h3, h4 { font-family: Gill Sans, Arial; font-weight: normal; margin: 27px 0px 9px 0px; }
.body a { text-decoration: underline; color: #518212; }
.body a.active { color: #ff4900; }
.body a.private { color: red; }
.body p { text-indent: 0em; }
.body ul { margin: 9px 18px 18px 1em; }
.body li { margin: 0px 0px 3px 18px; }
.body blockquote { margin: 18px 1em; }
.body blockquote p { text-indent: 0em; }
.body h4 { font-style: italic; }
.body img.icon { vertical-align: -5px; }
.body p.meta { font: 10pt Gill Sans, Arial; color: #999; }
.body p.meta a { color: #777 }
.body p.author { font-size: 10pt; color: #5da423; margin: 0px 0px 9px 0px; }
.body p.signature { color: black; font-size: 11pt; margin: 9px 0px 0px 0px; }
.body div.item { margin: 0px 0px 9px 0px; }
.body div.item h3 { margin: 18px 0px 6px 0px; }
.body div.item div.content { margin: 0px 0px 6px 0px; }

div.left, table.left { float: left; margin-right: 2em; }
div.right, table.right { float: right; margin-left: 2em; }

/* First class elements */
#Frame { width: 792px; min-height: 594px; margin: 0px auto; }
#Frame_inner { position: relative; border: 1px none blue; }

#Logo { position: absolute; margin-top: 9px; border: 1px none purple; }

#Search { float: right; margin: 36px 0px 0px 0px; text-align: right; width: 306px; color: #ff4900; font-size: 12pt; }
#Search table { float: right; margin-right: 8px; }
#Search input.text { width: 144px; height: 18px; padding: 4px 9px; border-color: #ff4900; border-width: 1px; border-style: solid; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
#Search input.button { color: #ff4900; text-transform: uppercase; border: 1px none #fff; background-color: white; font-size: 13pt; margin: 2px 0 0 0; }

#Canvas { clear: both; margin: 117px 0px 0px 0px; border: 1px none #ff0; padding-left: 18px; min-height: 324px; }

#SectionNav { float: left; width: 144px; height: 288px; margin-left: -18px; padding: 18px; border: 1px #7daf2e solid; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#SectionNav h3.title { font-weight: bold; margin: 0px 0px 9px 0px; }
#SectionNav h3.title a.active { color: #ff4900; }
#SectionNav h3.title a.private { color: red }
#SectionNav p a.active { color: #ff4900; }
#SectionNav p a.private { color: red }
#SectionNav div.content a { text-decoration: underline; }

/* Content and Collection Styles */
#Content { float: right; width: 570px; font: 12pt Georgia, serif; font-weight: normal; padding-top: 0px; padding-bottom: 36px; }
#Content p { text-indent: 0em; }
#Content.noindent p { text-indent: 0em; }
#Content.noindent ul { margin-left: 18px; }
#ContentFooter { margin-top: 18px; }
#ContentFooter p { text-indent: 0em; }

#Collection { float: left; margin: 6px 6px 18px 18px; width: 670px; }
#Collection div.item { margin-bottom: 9px; }
#Collection h3 { margin: 9px 0px 0px 0px; } 
#Collection p { margin: 0px 0px 0px 0px; } 

#SiteNav { position: absolute; top: 90px; left: 0px; border: 1px none green; }
#SiteNav div.round { display: block; float: left; margin-left: -18px;  width: 172px; height: 90px; text-transform: uppercase; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#SiteNav div.round.first { margin-left: 0px; }
#SiteNav v\:roundrect { position: absolute; overflow: hidden; padding: 45px 0px 0px 18px; width: 172px; height: 24px; text-transform: uppercase; }

#EditControls { position: absolute; top: 70px; right: 9px; text-align: right; color: #999; border: 1px none green; width: 575px; font-size: 12px; }
#EditControls a { color: #777; }

#Footer { clear: both; border: 1px none #aaf; min-height: 26px; padding: 50px 0px 0px 198px; font-size: 14px; text-transform: lowercase; background-image: url( /www-sarah1/footer-background.png ); background-repeat: no-repeat; background-color: #7daf2e; }
#Footer a { margin-right: 72px; }

/* HomePage Photos */
div.homephoto { position: absolute; width: 146px; height: 202px; padding: 0px; overflow: hidden; border: 1px none blue; }
#HomeHolder { height: 324px; }
#HomePhoto1 { top: 267px; left: 22px; }
#HomePhoto2 { top: 212px; left: 230px; }
#HomePhoto3 { top: 267px; left: 438px; }
#HomePhoto4 { top: 212px; left: 646px; }

/* Popovers */
div.popover  { position: absolute; top: 18px; right: -18px; z-index: 99; width: 504px; padding: 18px 0px; border: 3px solid #518212; background-color: white; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
div.popover div.inner { max-height: 548px; overflow: auto; padding: 0px 18px; border: 1px none green; }

/* form styles */
#Canvas table.form { margin: 18px; }
#Canvas .form td { vertical-align: top; padding: 2px; }
#Canvas .form .label { text-align: right; padding: 9px 9px 18px 9px; }
#Canvas input { border: 1px #7daf2e solid; padding: 2px 3px; font-family: Gill Sans, Arial; }
#Canvas input[type=text], #Canvas input[type=password] { border: 1px solid #ff4900; padding: 4px 9px; }
#Canvas .form input {  -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
#Canvas textarea { width: 486px; height: 180px; border: 1px solid #ff4900; padding: 9px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; font-size: 12pt;  font-family: Georgia, serif; }
#Canvas input[type=submit], #Canvas input[type=button], #Canvas .button { width: auto; padding: 3px 6px; margin-top: 9px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color: #518212; color: white; }
#Canvas textarea.small { width: 320px; height: 80px; }
#Canvas .labelsWidget p { margin-top: 0px; max-width: 550px; }
#Canvas .labelsWidget textarea { float: left; margin-right: 10px; width: auto; height: auto; }

/* Log Styles */
div.daygroup { margin-top: -9px; margin-bottom: -9px; border-top: 2px solid #5da423; padding: 3px; width: 540px; }
div.daygroup h4 { margin: 0px; font: 12pt Gill Sans, Arial; color: #5da423; }
div.entry { margin-bottom: 27px; }
div.entry h3.title { margin: 18px 0px 6px 0px; }
div.entry h3, h4 { margin: 18px 0px 9px 0px; }
div.entry p.file, p.media, p.link { color: #5da423; }
div.entry div.audio { margin-left: 0px; }
div.entry div.video { margin-left: -5px; }

/* Media Styles */
div.slideshow { margin: 18px 0px; width: 400px; }
div.slide img { max-height: 240px; width: auto; margin-bottom: 9px; }
div.slide p.title {  }
div.slide div.caption { width: 200px; margin: 0px auto 9px auto; font-family: serif; }
div.slide div.caption ul { text-align: left; }
div.slideshow div.controls a.arrow { text-decoration: none; font-size: 24px; vertical-align: middle; }


/* Core Slideshow Styles */
div.slideshow { text-align: center; }
div.slideshow div.slide { display: none; }
div.slideshow div.controls { display: none; }

/* Threads Styles */
#Messagelist { margin: 27px 18px; }
div.message { margin: 27px 0px 9px 0px; }
div.thread { margin: 0px 0px 27px 0px; }
div.thread h3 { margin-bottom: 0px; } 
.message p.author { margin: 0px 18px; }
.message p.signature { margin-left: 18px; }
#addMessage textarea { width: 360px; height: 180px; }

/* Directory Styles */
#Directory { float: right; width: 570px; m0argin: 0px 27px; }
p.index { }
div.card { margin: 0px 0px 27px 0px; }
div.card h3 { margin-bottom: 0px; } 
div.card h3 a { text-decoration: none; }
div.card h3 a:hover { text-decoration: underline; }
div.card p.summary { margin: 0px; }
div.card p.contact { color: red; margin: 6px 0px; }
textarea.contact { width: 320px; height: 60px; border: 1px solid #ff4900; }

/* mceEditor styles */
.mceInput { width: 780px; }
.mceInput td { padding: 1px 2px; }
#Canvas td.editor textarea { width: 540px; height: 270px; }
.browser { vertical-align: top; }
#Sideindex { width: 240px; background-color: #eee; border: 1px solid #ccc; }
#Sideindex p { margin: 6px 4px 5px 5px; }
#Sideindex iframe { width: 240px; height: 246px; border: 1px #ddd solid; margin: 0px; padding: 0px; }
.sideindex {
  width: 240px;
  border: 1px #ccf none;
  font-family: Verdana, sans-serif;
  font-size: 9pt;
  line-height: 14pt;
  background-color: white; 
  padding: 2px 4px;
  0margin-top: -6px;
  0margin-left: -6px;
}
.sideindex img { border-style: none; vertical-align: middle; height: 18px; width: auto; }
.sideindex strong { line-height: 16pt; }
.sideindex .filter { margin: 3px 0px; }
.sideindex .filterform { margin-bottom: 10px; }
.sideindex select { font-size: 8pt; border: 1px solid #ccc;  }
.sideindex .item { margin: 5px 0px 10px 0px; text-indent: -18px; margin-left: 18px; }
.sideindex .wikilink { border: 1px solid #eee; padding: 0px; color: #999; margin: 2px 0px 0px 8px;  }

/* Audio/Video Styles */
div.audio { border: 1px none #a4cf14; padding: 2px 4px; width: 240px; margin: 0px 0px 9px -9px; }
div.audio table { height: 36px; }
div.audio td { padding: 0px; }
div.audio td.audioicon { width: 32px; height: 32px; background-image: url( /www-sarah1/audioicon.png ); background-repeat: no-repeat; }
div.audio td.playbutton { width: 32px; height: 32px; background-image: url( /www-sarah1/play.png ); background-repeat: no-repeat; text-indent: -100em; overflow: hidden; }
div.audio td.pausebutton { width: 32px; height: 32px; background-image: url( /www-sarah1/pause.png ); background-repeat: no-repeat; text-indent: -100em; overflow: hidden; }
div.audio td.stopbutton { width: 32px; height: 32px; background-image: url( /www-sarah1/stop.png ); background-repeat: no-repeat; text-indent: -100em; overflow: hidden; }

div.video { border: 1px none #ccc; padding: 2px 4px; width: 320px; margin: 0px 0px 9px -9px; }

/* colors */
.bgcolor1 { background-color: #a4cf14; color: white; }
.bgcolor1 a { color: white; }
.bgcolor2 { background-color: #77ca05; color: white; }
.bgcolor2 a { color: white; }
.bgcolor3 { background-color: #7daf2e; color: white; }
.bgcolor3 a { color: white; }
.bgcolor3 a.active { color: #ff4900; }
.bgcolor4 { background-color: #5da423; color: white; }
.bgcolor4 a { color: white; }
.bgcolor5 { background-color: #518212; color: white; }
.bgcolor5 a { color: white; }
.bgactive { background-color: #ff4900; color: white; }
.bgactive a { color: white; }