/* Must use em here, px used everywhere else */
body { margin: 0em; padding: 0em; background: url("BackSpots.gif") #ffffff repeat; font-family: arial, sans-serif; color: #000063; font-size: 14px;}
p { margin-top: 0px; }

/* All just an IE hack, compensating for the proper and straightforward min-width setting */
/* When IE5+IE6 are dead and buried, I will remove the useless Container and MinWidthHack */

#Container { border-collapse: collapse; width: 100%; min-width: 750px;}
#Container .MainCell { padding: 0px; }
#MinWidthHack { width: 750px; visibility: hidden; }

/* Page Header */

#MainHeader {height: 106px; background: url("BarnyardSlice1-106.jpg") repeat-x; }
#MainHeaderMainTitle {height: 106px; float: left; background: url("LogoTopCorner340-106.jpg") no-repeat; padding-left: 10px; margin: 0px; border: 0px; }
#MainHeaderMainTitle span { background: #000063; font-size: 56px; color: #ffffff; font-weight: bold; font-style: italic; }
#MainHeaderQuote { float: right; font-size: 18px; color: #ffffff; background: #000063; font-weight: bold; font-style: italic; text-align: right; padding-right: 6px; }

/* Navigation Menu */

#NavMenu { float: left; width: 154px; background: #000063 url("LeftNavNormal156-470.jpg") no-repeat; }
#NavMenu ul { list-style: none; margin: 0px; padding: 0px; }
#NavMenu ul li { display: inline; } /* Inline to fix IE vertical space */
#NavMenu ul li div { margin: 0px; padding: 0px; }
#NavMenu ul li div a { display: block; color: #ffffff; height: 36px; text-decoration: none; font-size: 20px; font-style: italic; line-height: 36px; }
#NavMenu ul li div a span {  }

/* li should be block, but is inline to make IE happy.  This necessitates the extra div */

#ButtonA div { width: 124px; height: 70px; }
#ButtonA div a { padding-left: 34px; }
#ButtonA div a:hover { background: url("LeftNavHot156-470.jpg") no-repeat 0px 0px; }

#ButtonB div { width: 130px; height: 70px; }
#ButtonB div a { padding-left: 40px; }
#ButtonB div a:hover { background: url("LeftNavHot156-470.jpg") no-repeat 0px -70px; }

#ButtonC div { width: 138px; height: 70px; }
#ButtonC div a { padding-left: 36px; }
#ButtonC div a:hover { background: url("LeftNavHot156-470.jpg") no-repeat 0px -140px; }

#ButtonD div { width: 148px; height: 70px; }
#ButtonD div a { padding-left: 32px; }
#ButtonD div a:hover { background: url("LeftNavHot156-470.jpg") no-repeat 0px -210px; }

#ButtonE div { width: 154px; height: 70px; }
#ButtonE div a { padding-left: 34px; }
#ButtonE div a:hover { background: url("LeftNavHot156-470.jpg") no-repeat 0px -280px; }

#ButtonF div { width: 154px; height: 70px; }
#ButtonF div a { padding-left: 34px; }
#ButtonF div a:hover { background: url("LeftNavHot156-470.jpg") no-repeat 0px -350px; }

#ButtonG div { width: 140px; height: 47px; }
#ButtonG div a { padding-left: 28px; }
#ButtonG div a:hover { background: url("LeftNavHot156-470.jpg") no-repeat 0px -420px; }


/* Content Container */

#Content {margin-left: 164px; padding-right: 6px; }
#Content .ContentControlTinyMCE { width: 99%; }


/* Page Footer */

#Footer { margin-left: 164px; margin-top: 20px; text-align: center; font-size: 12px; clear: both; }
#Footer div { margin: 10px 0px 0px 0px; }
#FooterStyleSheetOptions ul { list-style: none; display: inline; margin: 0px; padding: 0px; }
#FooterStyleSheetOptions ul li { display: inline; padding: 10px; }


/* Content Level Formatting */
/* Site Wide */

h2 { font-size: 26px; font-weight: bold; margin-top: 0px; }
h3 { font-size: 16px; font-weight: bold; margin-top: 0px; }

.LeftFloat { float: left; display: inline; }
.RightFloat { float: right; display: inline; }

.Center { text-align: center }

.Code { font-size: 12px; font-style: italic;  background-color: #e6e6ef; border:1px solid #000063; }

.BorderSolid { border: 1px #000063; border-style: solid; margin: 10px; padding: 10px; }

.FloatBoxLeft { float: left; padding: 12px 12px 12px 6px; margin: 12px; border: solid 1px #000063; }

.ContentSpecialMainLeft { float: left; width: 360px; height: 270px; background: url("BarnyardLogo360-270.gif") no-repeat; }
.ContentSpecialMainRight { margin-left: 380px; max-width: 500px; font-size: 16px; font-weight: bold; }

/* Page Specific */


/* Home Pages */
#BarnyardLogo { float: left; width: 360px; height: 270px; background: url("BarnyardLogo360-270.gif") no-repeat; text-align: left; }
.HomePageContent { margin: 10px 0px 0px 380px; font-size: 16px; font-weight: bold; max-width: 500px; }


/* Ben's Pages */
#BenLogo { float: right; width: 240px; height: 150px; background: url("Ben/BenLogo.gif") no-repeat; text-align: right; }

#XMLLinksRSS { display: block; width: 80px; height: 15px; background: url("Ben/BlogRss.jpg"); margin-bottom: 10px; }
#XMLLinksRSS span { display: none; }

#BenResume { width: 700px; margin: 0px auto; }
#BenResume li { font-size: 14px; margin-top: 10px; }
#BenResume li span { display: block; margin-left: 10px; margin-top: 6px; }
#BenResumeTop { height: 140px; background: url("Ben/BenResumePageTop.gif") no-repeat; }
#BenResumeTop p { font-size: 26px; font-weight: bold;  text-align: center; padding-top: 50px; }
#BenResumeMiddle { background: url("Ben/BenResumePageEdges.gif") repeat-y; padding: 6px; }
#BenResumeBottom { height: 10px; background: url("Ben/BenResumePageBottom.gif") no-repeat; }

.WorkSample { padding: 20px 0px 10px 0px; border-top: solid 2px #000063; }
.WorkSampleHeading { font-size: 16px; font-weight: bold; }
.WorkSamplePictures ul li { display: inline; list-style: none; }
.WorkSamplePictures ul li img { vertical-align: top; margin: 6px; }

/* Blogs */

.BlogStream { margin-right: 200px; }
.BlogFeatures { width: 180px; margin-top: 0px; float: right; }
.BlogFeatures div { padding-bottom: 20px; margin-bottom: 20px; border: dashed 1px #000063; font-size: 16px; font-weight: bold; text-align: center; }
.BlogFeatures h1 { font-size: 16px; font-weight: bold; background-color: #e7e7ef; padding: 6px; margin: 0px 0px 10px 0px; }
.BlogFeatures ul { text-align: left; margin-bottom: 0px; list-style: none; margin-left: 20px; padding: 0px; }
.BlogEntry { border: solid 1px #000063; margin: 0px 0px 20px 0px; }
.BlogEntryHeader { background-color: #e7e7ef; padding: 6px; }
.BlogEntryHeader div span { font-size: 16px; font-weight: bold; }    
.BlogEntryHeader div label { display: block; float: left; width: 120px; }
.BlogEntryBody { padding: 6px; }
.BlogEntryBody .TinyMCETextArea { width: 99%; }    
.BlogEntryFooter { background-color: #e7e7ef; font-size: 12px; padding: 6px; }
.BlogEntryFooter .BlogEntryFooterCommands { float: left; }
.BlogEntryFooter .BlogEntryFooterCommands a { margin-right: 10px; }
.BlogEntryFooter .BlogEntryFooterLinks div { float: left; }
.BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksPermalink a, .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksServices a { margin-right: 10px; }
.BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksComments { display: block; float: right;  text-align: right; margin-left: 20px; }
.BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksTags { display: block; float: none;  text-align: right; }
.BlogEntryFooter ul { padding-left: 0px; margin: 0px; list-style-type: none; display: inline; }
.BlogEntryFooter ul li { display: inline; margin-left: 6px; }
.BlogNavigation { margin-right: 200px; margin-top: 20px; text-align: center; }
.BlogNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #000063; text-decoration: none; }
.CommentsStream { margin: 0px 0px 20px 40px; }
.CommentsEntry { margin-bottom: 20px; border: solid 1px #000063; }
.CommentsEntryHeader { font-style:italic; margin-bottom: 10px; padding: 6px; }
.CommentsEntryBody { padding: 6px; }
.CommentsEntryFooter { background-color: #e7e7ef; padding: 6px; font-size: 12px; text-align: left; }
.CommentsAdd { border: dashed 1px #000063; padding: 10px; }
.CommentsAdd h1 { font-size: 16px; font-weight: bold; margin: 0px; }
.CommentsAdd div { padding: 4px; }
.CommentsAdd label { display: block; float: left; width: 150px; }
.CommentsAdd textarea { width: 99%; }

/* Photo + Video Section */

.GalleryFeatures { width: 150px; margin-top: 0px; float: right; }
.GalleryFeatures div { padding-bottom: 6px; margin-bottom: 20px; border: dashed 1px #000063; font-size: 12px; text-align: center; }
.GalleryFeatures h1 { font-size: 14px; font-weight: bold; background-color: #e7e7ef; padding: 6px; margin: 0px 0px 6px 0px; }
.GalleryFeatures ul { margin: 0px; list-style: none; padding: 0px;}
.GalleryFeatures ul li { margin-bottom: 4px; }
.GalleryFeatures input { width: 120px; }
.GalleryStream {  }
.GalleryStreamStandoff {  margin-right: 180px; }
.GalleryStream div { float: left; }
.GalleryStream img {  vertical-align: middle; border: none; max-width: 120px; max-height: 120px; }
.GalleryStream .PhotoItemHidden { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; _border: dashed 1px #000063; }
.GalleryStream .PhotoItem1 { line-height: 150px; _font-size: 135.75px; text-align: center; width: 150px; height: 150px; background: url("Photos/PhotosSpot0.gif") 50% 50% no-repeat; } /* UnderScore Hack 90.5% of box height, 50% critical to IE5 */
.GalleryStream .PhotoItem2 { line-height: 150px; _font-size: 135.75px; text-align: center; width: 150px; height: 150px; background: url("Photos/PhotosSpot1.gif") 50% 50% no-repeat; } /* UnderScore Hack 90.5% of box height, 50% critical to IE5 */
.GalleryStream .PhotoItem3 { line-height: 150px; _font-size: 135.75px; text-align: center; width: 150px; height: 150px; background: url("Photos/PhotosSpot2.gif") 50% 50% no-repeat; } /* UnderScore Hack 90.5% of box height, 50% critical to IE5 */
.GalleryStream .PhotoItem4 { line-height: 150px; _font-size: 135.75px; text-align: center; width: 150px; height: 150px; background: url("Photos/PhotosSpot3.gif") 50% 50% no-repeat; } /* UnderScore Hack 90.5% of box height, 50% critical to IE5 */
.GalleryNavigation { padding-top: 20px; text-align: center; clear:left; }
.GalleryNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #000063; text-decoration: none; }

.GalleryPopup { font-size: 12px; }
.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: 70px; font-weight: bold; padding-right: 10px; }
.GalleryPopup .AdminForm .FormItem { padding-left: 10px; }
.GalleryPopup .AdminForm input, .GalleryPopup .AdminForm textarea { font-family: Arial, Sans-Serif; font-size: 12px; }
.GalleryPopup .AdminForm { white-space:nowrap; }
.GalleryPopup .AdminForm .FixedWidth { width: 170px; }
.GalleryPopup .AdminForm a { padding: 4px; border: outset 1px #000063; text-decoration: none; margin-top: 10px; }
.GalleryPopup .AdminForm .DeleteButton { float: left; }
.GalleryPopup .AdminForm .SaveButton { float: right; }


/* Projects Section */

#ProjectsLogoA { float: left; width: 120px; height: 90px; background: url("Projects/ProjectsChickenIconA.gif") no-repeat; }
#ProjectsLogoB { float: left; width: 120px; height: 90px; background: url("Projects/ProjectsChickenIconB.gif") no-repeat; }

.ProjectsTemplateItem { float: left; width: 200px; border: solid 1px #000063; margin: 10px; } 
.ProjectsTemplateItem .TemplateItemTitle { text-align: center; font-weight: bold; padding: 4px; }
.ProjectsTemplateItem .TemplateItemDescription { padding: 4px; }
.ProjectsTemplateItem .TemplateItemLink { text-align: center; font-weight: bold; padding: 4px; }


/* Contact Section */

#ContactForm { width: 500px; background: #FFFFFF; border: solid 1px #000063; }
#ContactForm .ContactOption { padding: 10px 0px 10px 10px; }
#ContactForm .Label { float: left; width: 150px; }
#ContactForm .Item { padding-left: 20px; }
#ContactForm .Submit { margin-left: 170px; }


/* Barnyard Section */
#BarnyardContent { padding: 20px 0px 20px 0px; border-top: solid 2px #000063; }
#BarnyardFaq { padding: 20px 0px 20px 0px; border-top: solid 2px #000063; }
.FaqItem { margin-top: 30px; padding-top: 10px; border-top: dashed 1px #000063; }
.FaqItem .FaqItemTitle { font-weight: bold; }
.FaqItem .FaqItemBody ul li { display: inline; list-style: none; }
.FaqItem .FaqItemBody ul li img { margin: 6px; }

.PictureHeader { font-size: 16px; font-weight: bold; margin-top: 20px; }
.BarnyardPictures {   }
.BarnyardPictures tr {  }
.BarnyardPictures td { border-top: dashed 1px #000063; padding-top: 14px; padding-bottom: 10px; }
.BarnyardPictures .Description { vertical-align: top; padding-left: 20px; padding-top: 20px; }
.BarnyardPictures .Picture img { border: 0px; }

.Bio { margin: 20px; clear: right; }
.BioHeader { border-top: dashed 1px #000063; padding-top: 14px; font-weight: bold; }
.Bio img { float: right; margin: 0px 20px 20px 20px; }

.BarnyardMessagesOption { border-top: solid 1px #000063; padding: 20px 0px 20px 0px; }
.BarnyardMessagesOption .Label { float: left; width: 280px; }
.BarnyardMessagesOption .Item { padding-left: 20px; }
.BarnyardMessagesOption .Submit { margin-left: 300px; }

.BarnyardMessage { margin-top: 10px; border-top: solid 1px #000063; padding: 20px 0px 10px 0px; }
.BarnyardMessage .MessageHeader { font-size: 14px; }    
.BarnyardMessage .MessageHeader .MessageHeaderLabel { float: left; width: 180px; font-weight: bold; }
.BarnyardMessage .MessageHeader .MessageHeaderItem { margin-left: 180px; width: 300px; }
.BarnyardMessage .MessageBody { margin-top: 20px; }


/* Admin Section */
#Content .AdminFormRow { padding: 6px 0px 6px 0px; }
#Content .AdminFormRowBorder { padding: 10px 0px 10px 0px; border-bottom: 1px solid #000063; margin-bottom: 10px; }
#Content .AdminFormLabel { float: left; width: 90px; padding-right: 4px; font-weight: bold; }
#Content .AdminFormItem { margin-left: 94px; }
#Content .AdminFormTop { vertical-align: top; }


/* Wedding Section */

#WeddingTable { border-collapse:collapse; }
#WeddingTable td { vertical-align: top; text-align: left; padding: 6px; border: solid 1px #000063; margin: 0px; }