#blogPageWrapper {text-align: center; }
#blogPage {width: 1000px; text-align: left; margin: 20px auto 0px auto; }

#blogLogo { float:left; width:110px; margin-top: 130px; }
#blogLogo img { border: 0; }

#blogMainContent { float: left; width:580px; margin-left: 20px; font-family: Verdana, Arial, Helvetica; font-size: 14px; color: #666;} 
#blogHeader { margin-bottom: 20px;}
#blogHeader img { border: none;}
#blogBody { background-color: #fafafa; padding: 10px 10px 10px 10px; border: solid 1px #eaeaea;}

#blogInfo {margin-bottom: 20px; border: dashed 1px #ddd; padding: 10px;}
#blogInfo a {color: #666; float: right; margin-right: 20px;}
#blogInfo a:visited {color: #666;}
#blogInfo a:hover {color: #666;}
#blogInfo .blogInfoIngress {font-weight: bold;}

#blogSidebar { float:left; margin-left: 20px; width: 250px; font-family: Verdana, Arial, Helvetica; font-size: 14px; color: #666;}
#blogSidebar h2 {font-size: 14px; font-weight: bold; font-family: "Arial Narrow", Arial, Helvetica; color: #004684; text-transform: uppercase; margin-bottom: 10px; }
#blogAbout {margin-bottom: 40px;}
#blogAbout p {margin-top: 2px;}
#blogAbout a {color: #666;}
#blogAbout a:visited {color: #666;}

#blogCommandBar {margin-bottom: 40px;}
#blogCommandBar img {border: none;}
#blogCommandBar a { text-decoration: none; }
#blogCommandBar a {color: #666;}
#blogCommandBar a:visited {color: #666;}

#blogLastComments {margin-top: 22px; margin-bottom: 50px;}

#blogPBLFeed {margin-top: 22px; margin-bottom: 50px; display: none;}

#blogBarnehageFeed {margin-top: 22px; display: none;}

.blogListItem { margin-bottom: 30px; border-bottom: dashed 1px #DDD;}
.blogListItem h2 { font-size: 24px; margin: 8px 4px 2px 0px;}
.blogListItem h2 a { text-decoration: none; font-weight: lighter; font-family: "Arial Narrow", Arial, Helvetica; color: #004684;}
.blogListItem h2 a:visited { color: #004684;}
.blogListItem .blogPostHeader {font-size: 14px; font-weight: lighter; font-family: "Arial Narrow", Arial, Helvetica; color: #999999; margin-top: 2px;}
.blogListItem .commentSummary {margin-left: 8px;}
.blogListItem .blogListItemIngress p {margin-bottom: 8px;}
.blogListItem .blogPostNavbar {float:right; margin-right: 20px;}
.blogListItem a {color: #666; font-weight: lighter; font-family: "Arial Narrow", Arial, Helvetica; }
.blogListItem a:visited, a:hover {color: #000;}
.firstBlogListItem .blogListItemIngress  {font-weight: bold;}

#blogItem h2 { color: #004684; font-size: 24px; font-weight: lighter; font-family: "Arial Narrow", Arial, Helvetica; margin: 8px 4px 2px 0px;}
#blogItem a {color: #666; font-weight: lighter; font-family: "Arial Narrow", Arial, Helvetica; }
#blogItem .blogItemIngress { font-weight: bold;}        
#blogItem .blogPostHeader {font-size: 14px; font-weight: lighter; font-family: "Arial Narrow", Arial, Helvetica; color: #999999; margin-top: 2px;}

#blogCommentList h2 { font-size: 16px; color: #004684; font-weight: lighter; font-family: "Arial Narrow", Arial, Helvetica; border-top: dashed 1px #cacaca; padding-top: 10px;}

#addBlogComment h2 { font-size: 16px; color: #004684; font-weight: lighter; font-family: "Arial Narrow", Arial, Helvetica; border-top: dashed 1px #cacaca; padding-top: 10px;}
#addBlogComment .commentFormRow { margin-bottom: 10px; }
#addBlogComment .commentFormRow span { font-size: 10px; }

#commentCommandBar { float: right; margin-right: 10px; }
#commentCommandBar input { border: solid 1px #ccc; color: #444; }

#blogCommentList .commentBody {font-size: 14px; color: #666; font-style: italic;  font-weight: normal; font-family: Arial, Helvetica; }
#blogCommentList .commentAuthor {font-size: 12px; color: #666; font-weight: normal; border-bottom: solid 1px #ededed; font-family: Arial, Helvetica; padding-top: 4px; padding-bottom: 4px; margin-bottom: 25px;}
#blogCommentList .commentAuthor a {color: #666;}
#blogCommentList .commentSummary {font-size: 12px; color: #666; font-weight: lighter; font-family: Arial, Helvetica;}

#blogLastComments ul { padding: 0; list-style-type: none; margin: 0; font-size: 12px; color: #666; font-weight: normal; font-family: Arial, Helvetica; }
#blogLastComments ul li { margin: 4px 0px 15px 0px; }
#blogLastComments .commentPreviewAuthor { font-weight: bold; }
#blogLastComments .commentPreviewReference { display: block; }
#blogLastComments a {color: #666; font-weight: lighter; font-family: Arial, Helvetica; }