/* Derivation of andreas03 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author. */
#Container
{
width: 100%;
margin: 0px auto 0px auto;
padding: 0px;
color: #222;
}

#Container p {
margin: 0 0 15px 0;
}

/* Special case for the editor */
#Container .ContentControlTextArea 
{
    width: 99%;
}

#Container a{ color:#336699; text-decoration: none;}
#Container a:hover { text-decoration: underline;}

.HeaderStyle
{
display: block;
margin: 30px 0 10px 0;
padding: 5px 0 5px 8px;
background: #eee url(gradient2.png) repeat-x;
color: #222;
border-top: 1px solid #ddd;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #ddd;
text-decoration: none;
}

h1 {
font-size: 2.0em;
font-weight: normal;
}

h2 {
margin: 20px 0px 8px 0px;
font-size: 1.4em;
font-weight: normal;
}

h3 {
margin: 10px 0px 8px 0px;
font-size: 1.2em;
font-weight: normal;
}

ul li {
margin-top: 10px;
margin-bottom: 10px;
}

.Block {
padding: 20px;
background: #eee;
color: #222;
border: 2px solid #ddd;
}

.Indent {
margin-left: 20px;
}

.ClearBoth {
clear: both;
}


/* Formatting for Blog Controls */

#Container .BlogStream {width:76%; float: right; }
#Container .BlogStream { font-size: 12px;  }
#Container .BlogFeatures { float: left; padding-left : 20px; background: url(slice_06.gif) repeat-y right; }
#Container .BlogFeatures div { padding-bottom: 20px; margin-bottom: 20px; padding-right: 15px;}
#Container .BlogFeatures .BlogFeaturesMonths div { padding-bottom: 0px; margin-bottom: 3px;  }
#Container .BlogFeatures h1 { font-size: 16px; font-weight: bold; background: url('-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: 110px; }
#Container .BlogEntry { margin: 0px 0px 20px 0px; }
#Container .BlogEntryHeader { padding: 6px 6px 15px 6px; background: #ffffff url('blog_header_bg.png') repeat-x top;}
#Container .BlogEntryHeader .BlogEntryHeaderPostTitle span { font-size: 1.5em; }
#Container .BlogEntryHeader .BlogEntryHeaderPostDate span { font-size: 0.8em; color: #787878; }
#Container .BlogEntryHeader div label { display: block; float: left; width: 200px; }
#Container .BlogEntryBody { padding: 6px;}
#Container .BlogEntryBody .TinyMCETextArea { width: 98%; }    
#Container .BlogEntryFooter { background: #ffffff; 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; }
#Container INPUT.button
{ 
					height:20px;
					border:solid 1px #999999;
 
					TEXT-ALIGN: center;
					font-weight: bold;
					font-size: 12px;
					background-color: transparent;
					background-image: url(but_bg_1.gif);/**/
					color:#666666;
					CURSOR: pointer;
					background-repeat: repeat-x;
					background-position: left center;}

#Container INPUT.textbox	{ border:1px #999999 solid; color:#333333; margin-bottom:3px; padding:0px; height:19px;}

#GalleryPopup { color: #ffffff; font-size: 12px; }
#GalleryPopup a { color: #ffffff; }
#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; }