body { margin: 0px; padding: 0px; font-family: Calibri, Arial, Sans-serif; font-size: 1em; background-color: #e9e9e9; }
html>body { margin: 0px; font-family: Calibri, Arial, Sans-serif;  font-size: 1em; background-color: #e9e9e9; }
/*E0D8CC*/
div#blogContainer { display: block; background-color: #fff; background-image: url(/Blogging/Masters/BestFriend/images/blogBackground.gif); background-repeat: repeat-y; border: solid 1px #699; width: 700px; height: auto; margin: 10px auto 10px auto; }
/* Header */
div#header { padding: 0px; margin: 0px; background-color: #999; background-image: url(/Blogging/Masters/BestFriend/images/header.jpg); background-repeat: repeat-x;  height: 99px; width: 700px; }
div#header h1 { font-family: Verdana, Sans-Serif; color: #fff; font-weight: bold; margin: 0px 0px 0px 10px; padding: 10px 0px 0px 0px; font-size: 200%; }
div#header p.blogSynopsis { font-family: Verdana, Sans-Serif; color: #eee; font-weight: normal; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; font-size: 100%;  }

/* Link strip */
div#linkStrip { font-family: Arial, Helv, Sans-Serif;padding: 0px; height: 28px;margin: 0px; width: auto; background-color: #6D1D1E;  }
div#linkStrip h2 { padding: 5px 0px 0px 50px; color: #ccc; font-weight: bold; margin: 0px; font-size: 85%; float: left; }
div#linkStrip ul#linkStripSections { font-size: 85%; list-style-type: none; margin: 0px; height: 20px; padding: 0px 0px 0px 20px; color: #cfe6df; font-weight: bold; display: block; float: left; }
div#linkStrip ul#linkStripSections li { float: left;  border-left: solid 2px #eee; padding: 5px 10px 6px 10px; margin: 0px; }
div#linkStrip ul#linkStripSections li.rightBorder { border-right: solid 2px #eee; }
div#linkStrip ul#linkStripSections li a { color: #fff; text-decoration: none; }
div#linkStrip ul#linkStripSections li:hover { color: #fff; background-image: url(/App_Themes/BestFriend/images/linkStrip-indicator.gif); background-position: bottom center; background-repeat: no-repeat; }
div#linkStrip ul#linkStripSections li.selected { background-color: #ddd;  }
div#linkStrip ul#linkStripSections li.selected a { color: #111;  }
div#linkStrip ul#linkStripSections li.selected:hover { color: #fff; background-image: none; }
div#linkStrip div.loginPanel { display: block; float: right; padding: 0px; margin: 0px; }
div#linkStrip div.loginPanel ul#loginLinks { list-style-type: none; margin: 0px; padding: 0px; font-size: 90%; }
div#linkStrip div.loginPanel ul#loginLinks li { float: left; margin: 7px 10px 0px 0px; padding: 0px 0px 0px 10px; border-left: solid 2px #cfe6df; color: #cfe6df; font-size: 75%; vertical-align: middle;}
div#linkStrip div.loginPanel ul#loginLinks li a { color: #fff; text-decoration: none; font-size: 110%; }
div#linkStrip div.loginPanel ul#loginLinks li a:hover { text-decoration: underline; }

/* Blog */
div.blog { font-size: 1.1em; position: relative; top: 0px; left: 0px;  width: 485px; padding: 0px; margin: 0px 200px 0px 0px; display: block; background-color: #fff;  }
div.blog p { margin: 10px; }
div.blog h2 {  font-size: 150%; border-bottom: solid 1px #339;  width: auto; padding: 10px 20px 5px 5px; }
div.blog h2 a { color: #339; text-decoration: none; }
div.blog ul.posts { margin: 20px 0px 0px 40px; padding: 0px; list-style-type: none; }
div.blog ul.posts li { height: auto; display: block; margin: 5px; border-bottom: solid 1px #888;}
div.blog ul.posts li span.postTitle {  font-size: 110%;  margin: 2px 0px 5px 0px; }
div.blog ul.posts li span.postTitle a { color: #6D1D1E; text-decoration: none; }
div.blog ul.posts li span.postTitle a:hover { text-decoration: underline; }
div.blog ul.posts li span.subLi { font-size: 75%; margin: 5px 0px 0px 50px; color: #666; }
div.blog ul.posts li span.synopsis { margin: 0px 0px 0px 50px; display: block; font-size: 75%; }
div.blog div.blogPost { font-size: 80%; margin: 10px; }
div.blog div.blogPost h3 { color: #666; border-left: solid 5px #ccc; padding: 0px 0px 0px 5px;  }
div.blog div.blogPost dl { }
div.blog div.blogPost dl dt { color: #000; }
div.blog div.blogPost dl dd { color: #666; }
div.blog div.blogPost p.blogSynopsis { font-weight: bold;  }
div.blog div.blogPost div.blogBody { }
div.blog div.blogPost fieldset { border: solid 1px #ddd; padding: 10px 0px 0px 0px;}
div.blog div.blogPost fieldset legend { display: none; }
div.blog div.blogPost fieldset p { margin: 10px; }
div.blog div.blogPost fieldset p label { display: block; float: left; clear: left; width: 125px; font-family: Verdana, Sans-Serif; font-size: 90%; padding: 3px 0px 0px 0px; text-align: right; }
div.blog div.blogPost fieldset p input,
div.blog div.blogPost fieldset p select,
div.blog div.blogPost fieldset p textarea { border: solid 1px #aaa; font-family: Verdana, Sans-Serif; font-size: 85%; padding: 3px; width: 250px;}
div.blog div.blogPost fieldset p textarea { height: 100px; }
div.blog div.blogPost fieldset p span.radio label {  width: auto; display: block; float: left; border: none; background-color: #123; }
div.blog div.blogPost fieldset p span.radio input,
div.blog div.blogPost fieldset p span.checkbox input { width: 20px; border: none;  }
div.blog div.blogPost fieldset p input.invisible,
div.blog div.blogPost fieldset p select.invisible { border: none; background-color: #ddd; color: #000; } 
div.blog div.blogPost fieldset p input.smallSubmitButton { width: 100px; float: right; margin: 0px 10px 10px 10px;}
div.blog div.blogPost fieldset p input.submitButton { width: 200px; float: right;  margin: 0px 10px 10px 10px;}
div.blog div.blogPost ul.commentList { list-style-type: none; margin: 10px 5px 10px 5px; padding: 0px; }
div.blog div.blogPost ul.commentList li { margin: 5px; padding: 0px; border-bottom: solid 1px #ddd; }
div.blog div.blogPost ul.commentList li span.footnote { display: block; font-size: 90%; color: #666; margin: 3px 0px 0px 0px; }
div.blog div.blogPost ul.commentList li span.footnote span.author { color: #333; }
div.blog div.blogPost ul.commentList li span.footnote span.datePosted { color: #333; }

div.blog div.blogPost div.blogApiLinks { }
div.blog div.blogPost div.blogApiLinks ul { list-style-type: none; margin: 5px; padding: 0px; font-family: Arial, Sans-Serif; }
div.blog div.blogPost div.blogApiLinks ul li { display: inline; margin: 0px 5px 0px 5px; }
div.blog div.blogPost div.blogApiLinks ul li a { }
div.blog div.blogPost div.blogApiLinks ul li a img { border: none; }

/* Nav */
div.blogNavigator { display: block; width: 210px; float: right;  background-color: #D25252;padding: 0px 0px 30px 0px;}
div.blogNavigator h3 { color: #ddd; font-family: Arial, Sans-Serif; font-size: 90%; background-color: #6D1D1E;border-top: solid 1px #888; border-bottom: solid 1px #888; width: auto; height: 15px; padding: 5px 0px 5px 10px; margin: 0px;}


div.blogNavigator p.workConnexionsBlog { text-align: center; width: 199px; font-size: 70%; font-family: Arial, Sans-Serif; }
div.blogNavigator p.workConnexionsBlog a { color: #333; text-decoration: none; }
div.blogNavigator p.workConnexionsBlog a:hover { text-decoration: underline; }
div.blogNavigator p.workConnexionsBlog a img { border: none; margin: 5px 10px 0px 15px;}

div.blogNavigator div#subLinkStrip { display: block;}
div.blogNavigator div#subLinkStrip ul {  font-family: Arial, Helv, Sans-serif; list-style-type: none; margin: 10px 0px 10px 20px; padding: 0px; }
div.blogNavigator div#subLinkStrip ul li {  width: 165px; font-size: 90%; margin: 5px; }
div.blogNavigator div#subLinkStrip ul li a { color: #333; text-decoration: none; }
div.blogNavigator div#subLinkStrip ul li a:hover { text-decoration: underline; }

div.blogNavigator div#blogLinkStrip { font-family: Arial, Helv, Sans-serif; }
div.blogNavigator div#blogLinkStrip ul { list-style-type: none; margin: 10px 0px 10px 20px; padding: 0px; }
div.blogNavigator div#blogLinkStrip ul li {  width: 165px; font-size: 90%; margin: 5px; }
div.blogNavigator div#blogLinkStrip ul li a { color: #336; text-decoration: none; }
div.blogNavigator div#blogLinkStrip ul li a:hover { text-decoration: underline; }

div.blogNavigator div.blogTags { margin: 0px; padding: 0px; }
div.blogNavigator div.blogTags ul { display: block;  list-style-type: none; margin: 10px 0px 10px 28px; padding: 0px; }
div.blogNavigator div.blogTags ul li { font-size: 90%; font-family: Arial, Sans-Serif; margin: 0px; padding: 0px 5px 0px 0px;}
div.blogNavigator div.blogTags ul li a { color: #333; text-decoration: none; }
div.blogNavigator div.blogTags ul li a:hover { text-decoration: underline; }

div.blogNavigator ul.favouritesList { }
div.blogNavigator ul.favouritesList li { }
div.blogNavigator ul.favouritesList li a { }
div.blogNavigator ul.favouritesList li a img { border: none; }

div.blogNavigator p#blogNavRating { text-align: center; background-color: #fff; border: solid 1px #ccc; font-size: 75%; color: #666; font-weight: bold; width: 150px; margin: 5px auto;}

acronym.rss {  background-color: #f60; padding: 0px 2px 0px 2px; color: #fff; font-weight: bold; border: outset 2px #f60; font-size: 70%; }

/* Banner ads */
div#rightEdgeBanners { display: block; width: 200px; }
div#rightEdgeBanners div.bannerSurround { }
div#rightEdgeBanners div.bannerSurround p { text-align: center; display: block; margin: 0px; padding: 0px;  }
div#rightEdgeBanners div.bannerSurround p a { margin: 0px; padding: 0px; }
div#rightEdgeBanners div.bannerSurround p a:hover { }
div#rightEdgeBanners div.bannerSurround p a img { border: none; margin: 0px; padding: 0px;   }
div#rightEdgeBanners div.bannerSurround p span.bannerSurroundCaption { font-size: 80%; float: none; clear: both;  }
div#rightEdgeBanners div.bannerSurround p span.bannerSurroundCaption a { }
div#rightEdgeBanners div.bannerSurround p span.bannerSurroundCaption a:hover { }
div#rightEdgeBanners div.bannerSurround p span.bannerSurroundCaption a img { }

/* 3 Col Liquid Design http://alistapart.com/articles/holygrail */
/*body { min-width: 700px; }
div#blogContainer div#ColContainer { padding-left: 0px; padding-right: 199px;  }
div#blogContainer div#ColContainer div.column { position: relative; float: left; }
div#blogContainer div#ColContainer div#centre { width: 99%;  }
div#blogContainer div#ColContainer div#left {  width: 0px; right: 0px; margin-left: -100%; }
div#blogContainer div#ColContainer div#right {  width: 199px; margin-right: -100%;  }
* html #left { left: 200px; }
*/

/* Boxout */
*.boxout { border: solid 1px #339; margin: 20px; padding: 10px; background-color: #cfe6df; }
div#content *.boxout h3 { margin: 0px; width: auto; border-left: none; border-bottom: solid 1px #663; color: #000; padding: 3px; }

/* Layouts */
div.twoColumns { display: block; clear: both; float: none; }
div.twoColumns div.leftColumn { float: left; }
div.twoColumns div.rightColumn { float: left; }
div.noFloat { float: none; clear: both; }
div.autoMargin { display: block; margin: 0px auto; }

/* Footer */
div#footer { float: none; clear: both; display: block; margin: 30px 5px 10px 5px; border-top: solid 1px #666; font-size: 70%; color: #666; text-align: center; }
div#footer ul { display: block; list-style-type: none; margin: 10px auto; text-align: center; float: left; }
div#footer ul li { float: left; border-right: solid 1px #aaa; padding: 0px 5px 0px 5px; text-align: center;}
div#footer ul li.noRightBorder { border: none; }
div#footer ul li a { color: #666; text-decoration: none; text-align: center }
div#footer ul li a:hover { text-decoration: underline; }
div#footer p { float: right; margin: 10px 10px;}

/* Rad Rotator */
div.rotator { width: 500px; border: solid 1px #ddd; margin: 10px auto; height: 150px; }
div#content div.rotator h3 { width: 300px; border: none; color: #339; margin: 5px 5px 5px 0px; font-size: 100%;}
div#content div.rotator img { width: 200px; height: 150px; float: left;}
div#content div.rotator ul { margin: 5px; float: left;}
div#content div.rotator p {  margin: 5px; float: right;  width: 300px; font-size: 80%; }

/* Generic */ 
*.hidden { display: none; }
*.red { color: #f60; }
*.grey { color: #888; }
*.center,*.centre { text-align: center; }
*.validation { font-family: Verdana, Sans-Serif; font-size: 80%; color: #f10; }
*.margin10px { display: block; margin: 10px; }
*.small { font-size: 90%; }
*.floatLeft { display: block; float: left; }
*.floatRight { display: block; float: right; }
*.width600 { width: 600px; }
*.pharc { text-indent: -10000px; height: 0px; width: 0px; }
*.topMargin300px { margin: 300px 0px 0px 0px; }
*.topMargin300px { margin: 100px 0px 0px 0px; }
*.fontSize130pc { font-size: 130%; }
*.fontSize150pc { font-size: 150%; }