/************************
- Navigation + paging
- Blog post styles
- Blog post category styles (Nytt, Næringslive, Revisjon og Regnskap, InterXpress)
- Blog list
- Widgets
- Comments
- Social Bookmarks
- Tags
- Tag page
*************************/

/* MAIN WRAPPER */
div#BlogContentContainer {
    float: left;
    width: 610px;
    }

/* NAVIGATION + PAGING */
div.BlogPostNavigation { margin-bottom: 10px; }
    
div.BlogPaging { }

div.BlogPaging a {
    background-color: #726660;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    text-decoration: none;
    }

div.BlogPaging a.Newer { float: right; }

div.BlogPaging a.Older { float: left; }

/* BLOG POST */
div.BlogPost {}
    
div.BlogPost .PostTitle, div.BlogPost .PostTitle, div.BlogPost .PostTitle a, div.BlogPost .PostTitle a {
    color: #ed1a3b;
    padding: 6px 0px 5px 0px;
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    font-weight: bold;
    font-size: 30px;
    margin-top: 20px;
    text-decoration: none;
    }
    
div.BlogPost .PostTitle a:hover, div.BlogPost .PostTitle a:hover {
    color: #444;
    text-decoration: none;
    }

div.BlogPost div.PostInformationTop { padding: 5px 15px; }

div.BlogPost div.PostInformationTop span {
    color: White;
    font-weight: bold;
    font-size: 12px;
    }
    
div.BlogPost div.PostInformationTop span.Title {
    float: right;
    text-transform: uppercase;
    }
    
div.BlogPost div.PostContent {
    font-size: 15px;
    color: #444;
    }

.PostContent .BlogAuthor, .PostContent .BlogPhotographer, .PostContent .ImageText {
    font-size: 11px;
    font-style: italic;
    color: #555;
    font-family: Arial, Sans-Serif;
    }

.PostContent .BlogImage {
    float: right;
    padding-left: 10px;
    }
    
.FirstPost .PostContent .BlogImage {
    float: none;
    padding-left: 0;
    }

.PostContent .BlogImage img { width: 290px; }

.FirstPost .PostContent .BlogImage img { width: auto; }

.PostContent .ImageText {
    display: block;
    text-align: right;
    margin-top: 7px;
    }

.PostContent p { clear: left; }

.PostContent .ReadMoreLink { display: block; }

.PostInformationBottom { padding: 3px 0; }

.PostInformationBottom .ExtraInformation {
    border-style: solid;  
    border-color: #eee8e5;
    border-width: 1px 0;
    padding-top: 10px;
    margin-top: 20px;
    display: table;
    width: 100%;
    }

.PostInformationBottom .Tags {
    font-size: 12px;
    margin-bottom: 5px;
    float: left;
    width: 530px;
    }

.PostInformationBottom .Tags .Title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    }

.PostInformationBottom .Tags .TagLinks a {
    margin: 0px 4px;
    text-decoration: underline;
    }

.PostInformationBottom .Tags .TagLinks a:hover { color: #017FBB; }

.PostInformationBottom .ShareLinks { float: right; }

/* Blog NYTT */
div.Blog834 div.PostInformationTop { background-color: #df144c; }

/* Blog NÆRINGSLIV */
div.Blog840 div.PostInformationTop { background-color: #2eafa4; }

/* Blog REVISJON OG REGNSKAP */
div.Blog846 div.PostInformationTop { background-color: #62cae3; }

/* Blog INTERXPRESS */
div.Blog856 div.PostInformationTop { background-color: #eee8e5; }

/* BLOG LIST */
div.BlogPostListContainer div.BlogPost { margin-bottom: 20px; }

/* WIDGETS */
div.WidgetsContainer {
    float: right;
    width: 264px;
    background-color: #eee8e5;
    padding: 22px 13px;
    }
    
img.AjaxLoading {
    position: absolute;
    right: 90px;
    bottom: 5px;
    }
    
div.WidgetsContainer p.ingress {
    font-size: 12px;
    line-height: 16px;
    padding-top: 0;
    }
    
div.WidgetsContainer h3 {
    border-bottom: 1px solid #CECECE;
    margin-bottom: 5px;
    }
    
div.WidgetsContainer h3, div.WidgetsContainer h3 a {
    color: #ed1a3b;
    text-transform: uppercase;
    font-size: 18px;
    }
    
div.WidgetsContainer div.Widget {
    margin-top: 20px;
    position: relative;
    }

div.WidgetsContainer div.Widget a { text-decoration: none; }

div.WidgetsContainer div.Widget a:hover { text-decoration: underline; }
    
div.WidgetsContainer div.Widget h3 a:hover { 
    color: #444; 
    text-decoration: none;
    }

div.WidgetsContainer div.Widget a.SeeAll {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 4px;
    }
    
div.WidgetsContainer div.Widget a:hover.SeeAll {
    color: #ED1A3B;
    text-decoration: none;
    }

div.WidgetsContainer div.Widget div.SubBlogList div.Blog {
    margin-bottom: 20px;
    position: relative;
    }
    
div.WidgetsContainer div.Widget div.SubBlogList div.Blog p.NoBlogPosts {
    font-style: italic;
    padding: 10px 0px;
    }
    
div.WidgetsContainer div.Widget div.SubBlogList ul, 
div.WidgetsContainer div.FollowUs ul { margin: 0px; }
    
div.WidgetsContainer div.Widget div.SubBlogList ul li, div.WidgetsContainer div.FollowUs ul li {
    border-bottom: 1px solid #CECECE;
    line-height: 16px;
    list-style: none;
    margin: 0px;
    padding: 5px 0;
    }
    
div.WidgetsContainer div.FollowUs ul li { padding-left: 30px; }

div.WidgetsContainer div.FollowUs ul li.Facebook { background: url('Images/icon_facebook.gif') no-repeat; }

div.WidgetsContainer div.FollowUs ul li.Twitter { background: url('Images/icon_twitter.gif') no-repeat; }

div.WidgetsContainer div.FollowUs ul li.RSS { background: url('Images/icon_rss.gif') no-repeat; }

div.WidgetsContainer div.FollowUs ul li.Newsletter { background: url('Images/icon_nyhetsbrev.gif') no-repeat; }

div.WidgetsContainer div.FollowUs ul li.TipUs { background: url('Images/icon_tipsoss.gif') no-repeat; }

/* COMMENTS */
div.CommentListContainer {
    margin-top: 25px;
    position: relative;
    clear: both;
    }
    
div.CommentListContainer .Loading {
    bottom: 0px;
    position: absolute;
    right: 220px;
    }
    
div.CommentListContainer .SubHeader { border-bottom: 1px solid #dedede; }

div.CommentListContainer p.NoComments {
    font-size: 16px;
    font-style: italic;
    padding: 20px;
    }
    
div.CommentListContainer div.CommentList {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    padding: 5px 15px;
    }
    
div.CommentListContainer div.CommentList div.Comment, div.CommentListContainer div.CommentList div.CommentAlternate {
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0;
    position: relative;
    }
    
div.CommentListContainer div.CommentList div.Comment *, 
div.CommentListContainer div.CommentList div.CommentAlternate * {
    width: 400px;
    }
    
div.CommentListContainer div.CommentList div.Comment p, 
div.CommentListContainer div.CommentList div.CommentAlternate p {
    padding-top: 0px;
    }
    
div.CommentListContainer div.CommentList div.Comment span.Title, 
div.CommentListContainer div.CommentList div.CommentAlternate span.Title {
    color: #2d3e48;
    font-size: 16px;
    }
    
div.CommentListContainer div.CommentList div.Comment span.MetaInformation, 
div.CommentListContainer div.CommentList div.CommentAlternate span.MetaInformation {
    color: #8a8a8a;
    }
    
div.CommentListContainer div.ChildComment { margin-left: 30px; }
    
div.CommentListContainer div.CommentList div.ReplyToThisComment {
    position: absolute;
    right: 0px;
    text-align: right;
    top: 9px;
    }
    
div.CommentListContainer div.CommentList div.ReplyToThisComment a {
    color: #017fbb;
    font-size: 12px;
    font-weight: bold;
    line-height: 23px;
    padding: 2px 10px;
    text-decoration: none;
    }
    
div.CommentListContainer div.CommentList div.ReplyToThisComment a:hover { text-decoration: underline; }

div.CommentListContainer div.CommentList a.ProfilePicture img {
    border: 1px solid #CCCCCC;
    float: left;    
    }
    
div.CommentListContainer div.AddNewComment {
    margin-top: 40px;
    padding: 5px 0;
    }
    
div.CommentListContainer div.AddNewComment fieldset {
    border: medium none;
    margin: 10px 0px 20px 0px;
    overflow: hidden;
    }
    
div.CommentListContainer div.AddNewComment fieldset div.FormSection {
    margin-bottom: 5px;
    text-align: left;
    }

div.CommentListContainer div.AddNewComment fieldset div.CaptchaFormSection input { width: 150px; }
    
div.CommentListContainer div.AddNewComment fieldset legend { display: none; }
    
div.CommentListContainer div.AddNewComment fieldset .ValidationError { color: Red; }

div.CommentListContainer div.AddNewComment fieldset label.LabelText { display: block; }

div.CommentListContainer div.AddNewComment fieldset input {
    border: 1px solid #CCCCCC;
    padding: 3px;
    width: 570px;
    }
    
div.CommentListContainer div.AddNewComment fieldset textarea.CommentText {
    border: 1px solid #CCCCCC;
    height: 160px;
    width: 576px;
    }
    
div.CommentListContainer div.AddNewComment fieldset input.Action {
    background-color: #726660;
    color: White;
    float: right;
    font-size: 12px;
    margin-left: 150px;
    padding: 5px;
    text-transform: uppercase;
    width: auto;
    border: 0 none;
    }
    
div.CommentListContainer div.AddNewComment fieldset div.CaptchaFormSection img { display: block; }

div.CommentListContainer div.AjaxLoading {
    bottom: 30px;
    position: absolute;
    right: 200px;
    }

div.CommentListContainer div.AddNewComment fieldset .CheckBoxSection input {
    width: auto;
    border: 0;
    margin-top: 5px;
    }

/* SHARE / SOCIAL */
.SocialBookmarks {
    text-align: left;
    float: left;
    }
    
.SocialBookmarks ul, .SocialBookmarks ul li {
    margin: 0px;
    padding: 0px;
    }
    
.SocialBookmarks ul li {
    display: inline;
    list-style-type: none;
    }
    
.SocialBookmarks ul li a {
    text-align: left;
    color: Navy;
    display: inline-block;
    font-size: 12px;
    padding: 5px 10px 5px 20px;
    text-decoration: underline;
    font-weight: normal;
    }
    
.SocialBookmarks ul li a:hover { color: #017FBB; }

.SocialBookmarks .Facebook {
    background-image: url('Images/Share/facebook.jpg');
    background-repeat: no-repeat;
    background-position: center left;
    }
    
.SocialBookmarks .Digg {
    background-image: url('Images/Share/digg.gif');
    background-repeat: no-repeat;
    background-position: center left;
    }
    
.SocialBookmarks .Twitter {
    background-image: url('Images/Share/twitter.png');
    background-repeat: no-repeat;
    background-position: center left;
    }
    
.SocialBookmarks .StumbleUpon {
    background-image: url('Images/Share/stumbleupon.png');
    background-repeat: no-repeat;
    background-position: center left;
    }

/* TAGS (TAG CLOUD) */
ul.TagCloud {
    margin-left: 0px;
    margin-top: 3px;
    }
    
ul.TagCloud li {
    display: inline;
    margin: 0;
    padding: 0px 5px 0px 0px;
    }
    
    ul.TagCloud li a { color: #6f6c6b; }
    
ul.TagCloud li.Largest a { 
    font-size: 24px; 
    font-weight: bold;
    }

ul.TagCloud li.Large a { 
    font-size: 20px; 
    color: #6f6c6b;
    font-weight: bold;
    }

ul.TagCloud li.Medium a { 
    font-size: 19px; 
    color: #6f6c6b;
    }

ul.TagCloud li.Small a { 
    font-size: 16px;  
    color: #6f6c6b;
    }

ul.TagCloud li.Smallest a { 
    font-size: 14px; 
    color: #bcb7b5;
    }

/* TAG PAGE */
div#BlogContentContainer div.TaggedItems h1 {
    border-bottom: 1px solid #d9d9d9;
    text-transform: uppercase;
    }
    
div#BlogContentContainer div.TaggedItems div.TaggedItem {
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
    padding: 15px 0;
    }
    
div#BlogContentContainer div.TaggedItems div.TaggedItem div.ItemContent {
    float: left;
    width: 400px;
    }
    
div#BlogContentContainer div.TaggedItems div.TaggedItem div.ImageContainer {
    float: right;
    text-align: right;
    width: 200px;
    }
    
div#BlogContentContainer div.TaggedItems div.TaggedItem h2 a {
    color: #2d3e48;
    font-size: 18px;
    font-weight: normal;
    }
    
div#BlogContentContainer div.TaggedItems div.TaggedItem h2 a:hover {
    color: #017FBB;
    text-decoration: none;
    }
    
div#BlogContentContainer div.TaggedItems div.TaggedItem p { padding: 3px 0; }

div#BlogContentContainer div.TaggedItems div.TaggedItem div.dateContainer { padding-top: 2px; }

div#BlogContentContainer div.TaggedItems div.TaggedItem span.Date {
    color: #8A8A8A;
    font-size: 11px;
    }
    
div#BlogContentContainer div.TaggedItems div.TaggedItem p.ReadPost { padding-top: 0; }

div#BlogContentContainer div.TaggedItems div.TaggedItem div.TagList {
    color: black;
    font-size: 11px;
    }
    
div#BlogContentContainer div.TaggedItems div.TaggedItem div.TagList a { margin: 0 3px; }