﻿html, body { margin:0; background: White url(bg.jpg)}

body { padding:0; font:12px Georgia; color:Black; }
a { text-decoration: none; color: #888888; }
a:hover { border-bottom: dashed 1px #888888; }
a img { border: 0; }
h1 { margin:0; font-size: 2.5em; font-weight: bold; color:#66ff00; }
h2 { margin: 0; font-size: 2em; font-weight: bold; }
h3 { margin: 0; font-size: 1.5em; font-weight: normal; }
p { font-size:1.3em;}
ul li { margin-top: 10px; margin-bottom: 10px; }
table { border-collapse:collapse; }
td {  } 

#Container { background:transparent; position:relative; left:130px; top:250px; padding: 0px 0 0; color: #222; width: 820px; }

/* Special case for the editor */
#Container .ContentControlTinyMCE { width: 99%; }
#Girl1 { background:transparent url(girl2_01.png) no-repeat scroll left top; height:650px; width:121px; left:0; top:0; position:absolute; }
#Girl2 { background:transparent url(girl2_02.png) no-repeat scroll left top; height:45px; width:106px; left:121px; top:173px; position:absolute; }
#Header { background:transparent url(logo.png) no-repeat scroll left top; height:130px; width:293px; left:120px; top:0; position:absolute; z-index:1; }
#Scroller { height:130px; width:950px; left:0; top:0; position:absolute; }
#Menu { height:100px; width:800px; left:230px; top:130px; position:absolute; }

/* buttons */
#Menu .btn span { background: url(ButtonRight.jpg) top right no-repeat; padding: 0 15px 5px 0; }
#Menu .btn { background: url(ButtonLeft.jpg) top left no-repeat; display:inline; padding: 0 0 5px 15px; margin: 0; }
#Menu .btn:hover span { background-position: 100% 0px; }
#Menu .btn:hover { background-position: 0% 0px; color: #3B5E0B; }
#Menu a { color:White; font-family: Verdana; font-size:0.9em; font-weight:bold; letter-spacing: 0.5px; text-transform:uppercase; }
#Menu a:hover { color:#8A2E2F; border-bottom: none; }

#monoSlideshow { text-align: center; width:360px; float:left; }

#MainContent { margin: 0 0 26px; padding: 0 30px 0 0; width: 820px; background-color: transparent; }

#AdminMenu a { float:right; color: white; position:relative; top:130px; }
#AdminMenu a:hover { float:right; color: #94F106; text-decoration: none; }

#Sidebar { float: right; width: 200px; margin-bottom: 26px; margin-left:20px;  }
#Sidebar a { font-size: 1.0em; font-weight: bold; color: Black; }
#Sidebar td:hover { background:transparent url(buttonOn.jpg) no-repeat scroll left; text-decoration: none; cursor:hand; } 
#Sidebar a:hover { background:transparent; text-decoration: none; }

#Footer { margin: 10px auto; padding: 10px; clear: both; font-size:0.9em; color:#AFAFAF; text-align:center; background-color:transparent; border-top: 4px groove #94F106; }

.TabStrip { margin:0 auto; border-bottom:solid 1px #303030; padding:4px; }
.Tab { border:solid 2px #303030; border-bottom-color:#cccccc; background-color:#cccccc; cursor:hand; padding:2px 5px; color: Black; }
.Block { padding: 20px; background: #eee; color: #222; border: 2px solid #ddd; } 
.Indent { margin-left: 20px; }
.ClearBoth { clear: both; }
.left {float:left; margin-right:20px;}
.right {float:right; margin-left:20px;}
.blackborder { border-style:solid; border-width: 2px; border-color: #1B67BF; }

#ContactForm{ width: 90%; vertical-align: top;  text-align: left; margin: 0 20px 0 20px; padding: 2px 4px 2px 4px; border:none 0 #888888; border-collapse:collapse; }
#ContactForm td { border:none 0 #888888; padding: 2px 4px 2px 4px; }

/* Formatting for Blog Controls */

#Container .BlogStream { margin: 0px 220px 0px 0px; }
#Container .BlogFeatures { width: 200px; float: right;  }
#Container .BlogFeatures div { padding-bottom: 20px; margin-bottom: 20px; border: solid 1px #eeeeee; text-align: center; background: #ffffff url('ContentDividerTileLightFlip-4-14.gif') repeat-x bottom left; }
#Container .BlogFeatures h1 { font-size: 16px; font-weight: bold; background: url('ContentDividerTileLight-4-14.gif') repeat-x; padding: 6px; margin: 0px 0px 10px 0px; }
#Container .BlogFeatures ul { list-style: none; margin: 0px; padding: 0px; }
#Container .BlogFeatures .BlogFeaturesSearchBox { width: 80px; }
#Container .BlogFeatures .BlogFeaturesSearchButton { width: 40px; }
#Container .BlogEntry { margin: 0px 0px 20px 0px; }
#Container .BlogEntryHeader { padding: 10px 6px 6px 6px; }
#Container .BlogEntryHeader .BlogEntryHeaderPostTitle span { font-size: 1.6em; color:#66ff00; }
#Container .BlogEntryHeader .BlogEntryHeaderPostDate span { font-size: 0.8em; color: #787878; }
#Container .BlogEntryHeader div label { display: block; float: left; width: 100px; }
#Container .BlogEntryBody { padding: 6px; }
#Container .BlogEntryBody .TinyMCETextArea { width: 98%; }    
#Container .BlogEntryFooter { clear:left; background: #ffffff url('ContentDividerTileLightFlip-4-14.gif') repeat-x bottom left; padding: 6px; }
#Container .BlogEntryFooter .BlogEntryFooterCommands { float: left; }
#Container .BlogEntryFooter .BlogEntryFooterCommands a { margin-right: 10px; }
#Container .BlogEntryFooter .BlogEntryFooterLinks div { float: left; }
.BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksPermalink a, .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksServices a { margin-right: 10px; }
#Container .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksComments { display: block; float: right;  text-align: right; margin-left: 20px; }
#Container .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksTags { display: block; float: none;  text-align: right; }
#Container .BlogEntryFooter ul { padding-left: 0px; margin: 0px; list-style-type: none; display: inline; }
#Container .BlogEntryFooter ul li { display: inline; margin-left: 6px; }
#Container .BlogNavigation { margin-right: 200px; margin-top: 20px; text-align: center; }
#Container .BlogNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #6f5230; text-decoration: none; }
#Container .CommentsStream { margin: 0px 0px 20px 40px; }
#Container .CommentsStream .CommentsEntry { margin-bottom: 20px; background: #fdfcf6 url('FeatureBackgroundTile-1-119.gif') repeat-x; border-bottom: solid 1px #e1d2bd; }
#Container .CommentsStream .CommentsEntryHeader { font-style:italic; margin-bottom: 10px; padding: 6px; }
#Container .CommentsStream .CommentsEntryBody { padding: 6px; }
#Container .CommentsStream .CommentsEntryFooter { padding: 6px; text-align: left; }
#Container .CommentsStream .CommentsAdd { border: dashed 1px #6f5230; padding: 10px; }
#Container .CommentsStream .CommentsAdd h1 { font-size: 16px; font-weight: bold; margin: 0px; }
#Container .CommentsStream .CommentsAdd div { padding: 4px; }
#Container .CommentsStream .CommentsAdd label { display: block; float: left; width: 150px; }
#Container .CommentsStream .CommentsAdd textarea { width: 99%; }
#Container .CommentsStream .CommentsAdd a, .CommentsCommands a { padding: 4px; border: outset 1px #d3d3d3; text-decoration: none; }


/* Photo Section */

#Container .GalleryFeatures, #MainContent .GalleryFeatures { width: 150px; margin-top: 0px; float: right; }
#Container .GalleryFeatures div, #MainContent .GalleryFeatures div { padding-bottom: 6px; margin-bottom: 0px; border-left: solid 1px #d3d3d3; text-align: center; }
#Container .GalleryFeatures h1, #MainContent .GalleryFeatures h1 { font-size: 16px; font-weight: bold; background: url('ContentDividerTileLight-4-14.gif') repeat-x; padding: 6px; margin: 0px 0px 10px 0px; }
#Container .GalleryFeatures ul, #MainContent .GalleryFeatures ul { margin: 0px; list-style: none; padding: 0px;}
#Container .GalleryFeatures ul li, #MainContent .GalleryFeatures ul li { margin-bottom: 4px; }
#Container .GalleryFeatures input, #MainContent .GalleryFeatures input { width: 120px; }
#Container .GalleryStream, #MainContent .GalleryStream { width:200px; }
#Container .GalleryStreamStandoff, #MainContent .GalleryStreamStandoff {  margin-right: 180px; }
#Container .GalleryStream div, #MainContent .GalleryStream div { float: left; }
#Container .GalleryStream img, #MainContent .GalleryStream img {  vertical-align: middle; border: none; max-width: 120px; max-height: 120px; }
#Container .GalleryStream .PhotoItemHidden, #MainContent .GalleryStream .PhotoItemHidden { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; _border: dashed 1px #6f5230; }
#Container .GalleryStream .PhotoItem, #MainContent .GalleryStream .PhotoItem { margin: 4px; padding: 20px 0 0 0; line-height: 20px; _font-size: 126.7px; text-align: center; width: 140px; height: 140px; border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x top left; overflow:hidden; } /* UnderScore Hack 90.5% of box height, 50% critical to IE5 */
#Container .GalleryNavigation, #MainContent .GalleryNavigation { padding-top: 20px; text-align: center; clear:left; }
#Container .GalleryNavigation a, #MainContent .GalleryNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #d3d3d3; text-decoration: none; }

#Sidebar .GalleryStream .PhotoItem { margin: 4px; padding: 20px 10px 10px 10px; width:200px; height:100%; line-height: 20px; _font-size: 126.7px; text-align: center;  border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x top left; } /* UnderScore Hack 90.5% of box height, 50% critical to IE5 */
#Sidebar .GalleryFeatures { width: 200px; margin-top: 0px; }
#Sidebar .GalleryFeatures div { padding-bottom: 6px; margin-bottom: 20px; text-align: center; }

#GalleryPopup { color: #000000; font-size: 12px; }
#GalleryPopup a { color: #000000; }
#GalleryPopup .PhotoTextItems { width: 100%; }
#GalleryPopup .PhotoDescription { padding: 2px; }
#GalleryPopup .DownloadLink { padding: 2px; vertical-align: top; text-align: right; font-weight: bold;  }
#GalleryPopup .AdminPhoto { float: left;  }
#GalleryPopup .AdminForm { width: 280px; float: right; }
#GalleryPopup .AdminForm .FormRow { clear: both; margin: 10px; }
#GalleryPopup .AdminForm .FormLabel { float: left; width: 80px; font-weight: bold; padding-right: 10px; }
#GalleryPopup .AdminForm .FormItem { padding-left: 10px; }
#GalleryPopup .AdminForm { white-space:nowrap; }
#GalleryPopup .AdminForm .FixedWidth { width: 160px; }
#GalleryPopup .AdminForm a { margin-top: 20px; padding: 4px; border: outset 1px #6f5230; text-decoration: none; }
#GalleryPopup .AdminForm .DeleteButton { float: left; }
#GalleryPopup .AdminForm .SaveButton { float: right; }

/* Admin Section */

#Container .AdminFormRow { clear: both; margin: 10px; }
#Container .AdminFormLabel { float: left; width: 80px; font-weight: bold; padding-right: 10px; }
#Container .AdminFormItem { padding-left: 10px; }

.PopBoxImageSmall{	border: solid 1px #cccccc;	cursor: url("magplus.gif"), pointer;}
.PopBoxImageLarge{	border: solid 2px #81B2E8;	cursor: url("magminus.gif"), pointer;}
.PopBoxImageShrink{	cursor: url("magminus.gif"), pointer;}
.PopBoxImageLink{	cursor: pointer;}
.PopBoxImageMove{	border: solid 1px #cccccc;	cursor: pointer;}