/*
Theme Name: Region Syddanmark 2010
Description: Layout til politiker blogs i Region Syddanmark. Bemærk at politikerspecifikke billeder og tekster automatisk rettes ift. dette screendump.
Version: 1.0
Author: Thomas Ørsted
Author URI: http://www.oxygensoftware.dk
*/
@import url(/css/common.css);


#holderBlog
{
    width:100%;
    min-height:100px;
    background:url("/img/bodyBgBlog.jpg") no-repeat center top;
}

#holderContent
{
    position:relative;
    width:940px;
    min-height:100px;
    margin:0 auto;
}

#top
{
   width:940px;
   height:90px;
}

#topLogo
{   
    float:left;
    width:79px;
    height:42px;
    margin-top:31px;
}

#topTitle
{
    float:left;
    width:241px;
    height:50px;
    margin-top:31px;
    margin-left:15px;
    color:#99a3a9;
    font-size:53px;
    text-shadow:0 1px 0 #e7e9eb;  
}


#content
{
    width:940px;
    min-height:600px;
    margin-top:48px;
}

#contentLeft
{
    float:left;
    margin-right:17px;
}

#BloggAuthorHolder
{
    width:220px;
    margin-top:32px;
}

#BloggAuthorHeadline
{
    width:220px;
    height:29px;
    background-color:#76a02e;
    background:url("/img/barGreen.jpg") repeat-x 0 0;
    border-top:1px solid #658c22;
    border-left:1px solid #658c22;
    border-right:1px solid #658c22;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
}

#BloggAuthorHeadline h4
{
    color:#FFFFFF;
    font-size:13px;
    text-transform:uppercase;
    text-shadow:0 -1px 0 #506d20;
    line-height:29px;
    padding-left:13px;
}

#BloggAuthor
{
    margin-top:1px;
    width:220px;
    min-height:20px;
    background-color:#ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;    
}

#BloggAuthor ul#BloggAuthorLinks
{
    padding:5px 15px 15px 15px;
}

#BloggAuthor ul#BloggAuthorLinks li
{
    padding:0px 0px;
}

#BloggAuthor ul#BloggAuthorLinks li span
{
    color:#343434;
    font-size:11px;
}

#BloggAuthor ul#BloggAuthorLinks li a
{
    color:#78a22f;
    font-size:11px;
    border-bottom:1px solid #d6e3c0;
    text-decoration:none;
    padding-left:15px;
    background:url("/img/ikonBlogArrow.gif") no-repeat 0 2px;
}

/*Author links*/

#blogAuthurLinkHolder
{
    width:220px;
    margin-top:20px;
}

#blogAuthurLinkHeadline
{
    width:220px;
    height:29px;
    background-color:#8f99a0;
    background:url("/img/barGray.jpg") repeat-x 0 0;
    border-top:1px solid #738089;
    border-left:1px solid #738089;
    border-right:1px solid #738089;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
}

#blogAuthurLinkHeadline h4
{
    color:#FFFFFF;
    font-size:13px;
    text-transform:uppercase;
    text-shadow:0 -1px 0 #738089;
    line-height:29px;
    padding-left:13px;
}

#blogAuthurLink
{
    margin-top:1px;
    width:220px;
    min-height:20px;
    background-color:#ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;    
}

#blogAuthurLink ul
{
    padding:15px;
}

#blogAuthurLink ul li
{
    padding:7px 0px 7px 15px;
    border-bottom:1px solid #e1e3e5;
    background:url("/img/ikonBlogArrow.gif") no-repeat 0 11px;
	color:#343434;
	font-size:11px;
}

#blogAuthurLink ul li p
{
    color:#343434;
    font-size:11px;
    margin-top:3px;
}

#blogAuthurLink ul li a
{
    color:#78a22f;
    font-size:11px;
    border-bottom:1px solid #d6e3c0;
    text-decoration:none;
    line-height: 1.5em;
}



#contentMiddle
{
    float:left;
    width:460px;
    margin-right:17px;
}

#contentRight
{
    float:left;
    width:220px;
}

#footer
{
	width:100%;
	height: 100px;
    background:url("/img/bottom-line.png") no-repeat center top;
    text-align: center;
}

#address
{
    margin-top: 35px;
    color:#8d8d8e;
    font-size:10px;
    text-shadow:0 1px 0 #ffffff;
    
}

#address a
{
    text-decoration:none;
    color:#4d720d;
    text-shadow:0 1px 0 #ffffff;
    border-bottom:1px solid #d6e3c0;
}

#skybrudLogo
{
    float:left;
    width:61px;
    margin-left:188px;
}

ul#BloggAuthorProfil
{
    padding:15px;
    height:35px;
    border-bottom:1px solid #e1e3e5;
    line-height: 1;
}

.BloggAuthorProfilLable
{
    float:left;
    width:43px;
    font-size:11px;
    color:#333333;
    text-shadow:0 1px 0 #ffffff;
    margin-bottom:5px;
}

.BloggAuthorProfilLableText
{
    float:left;
    width:145px;
    font-size:11px;
    color:#333333;
    text-shadow:0 1px 0 #ffffff;
    margin-bottom:5px;
    font-weight:bold;
}


/* Middle */
#blogTitle span
{
    font-size:45px;
    color:#939da4;
    text-shadow:0 1px 0 #ffffff;
    line-height: 1;
}

#latestBlogPost
{
    width:440px;
    min-height:135px;
    padding-top:24px;
    padding-left:20px;
    background:url("/img/blogPostBg.png") no-repeat 0 0;
    margin-top:41px;          
}

#latestBlogPostDate
{
    float:left;
    width:42px;
    height:28px;
    padding-top:6px;
    background:url("/img/blogPostDateBg.jpg") repeat-x 0 0;
    border-top:1px solid #5f841d;
    border-bottom:1px solid #5f841d;
    border-left:1px solid #5f841d;
    border-right:1px solid #5f841d;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px; 
     -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px; 
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;    
    text-align:center;
    line-height: 1;  
}

span#day
{
    color:#FFFFFF;
    font-size:16px;
}

span#month
{
    color:#FFFFFF;
    font-size:10px;
    text-transform : capitalize;
}

#latestBlogPostHeadline
{
    float:left;
    width:380px;
    min-height:36px;
    margin-left:14px;
}

#latestBlogPostHeadline h1
{
    color:#333333;
    font-size:24px;
    text-shadow:0 1px 0 #FFFFFF;
}

#latestBlogPostHeadline span
{
    color:#333333;
    font-size:11px;
    text-shadow:0 1px 0 #FFFFFF;
}

#latestBlogPostHeadline span a
{
    color:#78a22f;
    font-size:11px;
    border-bottom:1px solid #d6e3c0;
    text-decoration:none;
    text-shadow:0 1px 0 #FFFFFF;
}

#latestBlogPostText
{
    float:left;
    margin-top:22px;
}

#latestBlogPostText p
{
    color:#333333;
    font-size:13px;
    padding-right:30px;
    text-shadow:0 1px 0 #FFFFFF;
    margin-bottom: 10px;
 }
 
 #latestBlogPostCommentBox
 {
    float:left;
    width:410px;
    height:40px;
    padding:10px 0px 0px 10px;
    margin-top:15px;
    background:url("/img/blogPostCommentBoxBg.jpg") no-repeat 0 0;
 }

 #latestBlogPostCommentBox a
{
     text-decoration:none;
    color:#4d720d;
    text-shadow:0 1px 0 #ffffff;
    border-bottom:1px solid #d6e3c0;
    font-size:11px;
    padding-left:15px;
    background:url("/img/ikonBlogComment.gif") no-repeat 0 2px;
}


/*Blog posts*/
.blogPost
{
    float:left;
    width:440px;
    min-height:118px;
    padding-top:24px;
    padding-left:20px;
    background:url("/img/blogPostBg.png") no-repeat 0 0;         
}

.blogPostDate
{
    float:left;
    width:42px;
    height:28px;
    padding-top:6px;
    background:url("/img/blogPostDateBg.jpg") repeat-x 0 0;
    border-top:1px solid #5f841d;
    border-bottom:1px solid #5f841d;
    border-left:1px solid #5f841d;
    border-right:1px solid #5f841d;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px; 
     -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px; 
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;    
    text-align:center;  
    line-height: 1;
}

span.day
{
    color:#FFFFFF;
    font-size:16px;
}

span.month
{
    color:#FFFFFF;
    font-size:10px;
    
}

.blogPostHeadline
{
    float:left;
    width:380px;
    min-height:36px;
    margin-left:14px;
}

.blogPostHeadline h1
{
    color:#333333;
    font-size:24px;
    text-shadow:0 1px 0 #FFFFFF;
}

.blogPostHeadline span
{
    color:#333333;
    font-size:11px;
    text-shadow:0 1px 0 #FFFFFF;
}

.blogPostHeadline span a
{
    color:#78a22f;
    font-size:11px;
    border-bottom:1px solid #d6e3c0;
    text-decoration:none;
    text-shadow:0 1px 0 #FFFFFF;
}
.blogPostHiddenText
{
	display: none;
}

.blogPostText
{
    float:left;
    margin-top:22px;
}

.blogPostText p
{
    color:#333333;
    font-size:13px;
    padding-right:30px;
    text-shadow:0 1px 0 #FFFFFF;
    margin-bottom: 10px;
    
 }
 
.blogPostCommentBox
 {
    float:left;
    width:410px;
    height:40px;
    padding:10px 0px 0px 10px;
    margin-top:15px;
    background:url("/img/blogPostCommentBoxBg.jpg") no-repeat 0 0;
 }

.blogPostCommentBox a.comments
{
     text-decoration:none;
    color:#4d720d;
    text-shadow:0 1px 0 #ffffff;
    border-bottom:1px solid #d6e3c0;
    font-size:11px;
    padding-left:15px;
    background:url("/img/ikonBlogComment.gif") no-repeat 0 2px;
}

.blogPostCommentBox a.readmore
{
     text-decoration:none;
    color:#4d720d;
    text-shadow:0 1px 0 #ffffff;
    border-bottom:1px solid #d6e3c0;
    font-size:11px;
    padding-left:15px;
    margin-right:25px;
    background:url("/img/ikonBlogArrow.gif") no-repeat 0 2px;
    cursor: pointer;
}


/* Right side */

#recentBlogPostHolder
{
    width:220px;
    margin-top:88px;
}
#recentBlogPostHolder.smallMargin
{
    margin-top:20px;
}


#recentBlogPostHeadline
{
    width:220px;
    height:29px;
    background-color:#8f99a0;
    background:url("/img/barGray.jpg") repeat-x 0 0;
    border-top:1px solid #738089;
    border-left:1px solid #738089;
    border-right:1px solid #738089;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
}

#recentBlogPostHeadline h4
{
    color:#FFFFFF;
    font-size:13px;
    text-transform:uppercase;
    text-shadow:0 -1px 0 #738089;
    line-height:29px;
    padding-left:13px;
}

#recentBlogPost
{
    margin-top:1px;
    width:220px;
    min-height:20px;
    background-color:#ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;    
}

#recentBlogPost ul
{
    padding:15px;
}

#recentBlogPost ul li
{
    padding:7px 0px;
    border-bottom:1px solid #e1e3e5;
}

#recentBlogPost ul li
{
    color:#343434;
    font-size:11px;
    line-height: 1;
    
}

#recentBlogPost ul li a
{
    color:#78a22f;
    font-size:11px;
    border-bottom:1px solid #d6e3c0;
    text-decoration:none;
    line-height: 1.5em;
}

#keywordsHolder
{
    width:220px;
    margin-top:20px;
}

#keywordsHeadline
{
    width:220px;
    height:29px;
    background-color:#8f99a0;
    background:url("/img/barGray.jpg") repeat-x 0 0;
    border-top:1px solid #738089;
    border-left:1px solid #738089;
    border-right:1px solid #738089;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
}

#keywordsHeadline h4
{
    color:#FFFFFF;
    font-size:13px;
    text-transform:uppercase;
    text-shadow:0 -1px 0 #738089;
    line-height:29px;
    padding-left:13px;
}

#keywords
{
    margin-top:1px;
    width:220px;
    min-height:20px;
    background-color:#ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;    
}

#keywords ul
{
    padding:15px;
}

#keywords ul li
{
    padding:7px 0px;
    border-bottom:1px solid #e1e3e5;
}

#keywords ul li span
{
    color:#343434;
    font-size:11px;
}

#keywords ul li a
{
    color:#78a22f;
    font-size:11px;
    border-bottom:1px solid #d6e3c0;
    text-decoration:none;
}

/* Blog akiv */
#blogAchieveDate
{
    margin-top:46px;
    font-size:13px;
    color:#333333;
    text-shadow:0 1px 0 #ffffff;
    padding-left:20px;
    margin-bottom:18px;
}

/* Blog post */
.blogPostComments
{
    float:left;
    width:460px;
    padding-top:32px;
}

#blogPostCommentCounter
{
    float:left;
    width:460px;
    height:29px;
    background-color:#8f99a0;
    background:url("/img/barGray.jpg") repeat-x 0 0;
    border-top:1px solid #738089;
    border-bottom:1px solid #738089;
    border-left:1px solid #738089;
    border-right:1px solid #738089;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}

#blogPostCommentCounter p
{
    font-size:13px;
    color:#ffffff;
    text-shadow:0 1px 0 #333333;
    padding-left:14px;
    padding-top:8px;
}

.blogPostComment
{
    float:left;
    width:460px;
}

.blogPostCommentTopShadow
{
    float:left;
    width:460px;
    height:37px;
    background:url("/img/commentShadowTop.jpg") no-repeat 0 0;
}

.blogPostCommentTopShadowDark
{
    float:left;
    width:460px;
    height:37px;
    background:url("/img/commentShadowTopDark.jpg") no-repeat 0 0;
}


.blogPostCommentText
{
    float:left;
    width:420px;
    min-height:90px;
    padding:0px 20px 20px 20px;
    background:url("/img/commentBg.jpg") no-repeat left bottom;
}

.blogPostCommentTextDark
{
    float:left;
    width:420px;
    min-height:90px;
    padding:0px 20px 20px 20px;
    background:url("/img/commentBgDark.jpg") no-repeat left bottom;
}

.blogPostCommentText p, .blogPostCommentTextDark p
{
    font-size:11px;
    color:#333333;
    text-shadow:0 1px 0 #ffffff;
    margin-bottom: 10px;
}
.blogPostCommentAuthur
{
    float:left;
    width:460px;
    height:30px;
    padding-top:17px;
    background:url("/img/commentNameBg.jpg") no-repeat 0 0;
}

.blogPostCommentAuthurDark
{
    float:left;
    width:460px;
    height:30px;
    padding-top:17px;
    background:url("/img/commentNameBgDark.jpg") no-repeat 0 0;
    text-align:right;
}

span.blogPostCommentAuthurName
{
    padding-left:58px;
    font-size:11px;
    color:#333333;
    text-shadow:0 1px 0 #ffffff;
    font-weight:bold;
}

span.blogPostCommentDate
{
    font-size:11px;
    color:#78a22f;
    text-shadow:0 1px 0 #ffffff;
    padding-left:11px;
}

.blogPostCommentAuthurDark span.blogPostCommentAuthurName
{
    font-size:11px;
    color:#333333;
    text-shadow:0 1px 0 #ffffff;
    font-weight:bold;
}

.blogPostCommentAuthurDark span.blogPostCommentDate
{
    font-size:11px;
    color:#78a22f;
    text-shadow:0 1px 0 #ffffff;
    padding-right:58px;
}

#blogPostCommentFormHeadline
{
    float:left;
    width:460px;
    height:29px;
    background-color:#8f99a0;
    background:url("/img/barGray.jpg") repeat-x 0 0;
    border-top:1px solid #738089;
    border-bottom:1px solid #738089;
    border-left:1px solid #738089;
    border-right:1px solid #738089;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}

#blogPostCommentFormHeadline p
{
    font-size:13px;
    color:#ffffff;
    text-shadow:0 1px 0 #333333;
    padding-left:14px;
    padding-top:8px;
}


.blogPostCommentForm
{
    float:left;
    width:460px;
    min-height:100px;
    padding-top:7px;
    padding-bottom:50px;
}

.formFieldsLeft
{
    float:left;
    width:240px;
    height:35px;
}

.formFieldsRight
{
    float:left;
    width:220px;
    height:35px;
}

.formFieldsRight p, #commentform P
{
    font-size:11px;
    color:#333333;
    text-shadow:0 1px 0 #ffffff;
}

.formFieldLable
{
    float:left;
    width:50px;
    height:35px;
    font-size:13px;
    color:#333333;
    text-shadow:0 1px 0 #ffffff;
    padding-top:3px;
}

.formField
{
    float:left;
    width:170px;
    height:35px;
}

.formFieldTextarea
{
    float:left;
    width:460px;
    min-height:50px;
    padding-bottom:17px;
}

.formFieldTextarea textarea
{
    width:453px;
    height:110px;
}

.submit
{
    width:130px;
    height:28px;
    background-color:#76a02e;
    background:url("/img/barGreen.jpg") repeat-x 0 0;
    border-top:1px solid #658c22;
    border-left:1px solid #658c22;
    border-right:1px solid #658c22;
    border-bottom:1px solid #658c22;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    font-size:11px;
    color:#ffffff;
    text-shadow:0 -1px 0 #516f1f;
    text-transform:uppercase;
}

div.blogArchive
{
	float: left;
	margin-right: 40px;
	
}	
div.blogArchive ul
{
    padding:15px;
    padding-left: 20px;
}

div.blogArchive ul li
{
    padding:7px 0px 7px 15px;
    border-bottom:1px solid #e1e3e5;
    background:url("/img/ikonBlogArrow.gif") no-repeat 0 11px;
}
div.blogArchive ul li a {
	border-bottom:1px solid #D6E3C0;
	color:#78A22F;
	font-size:11px;
	text-decoration:none;
}


div#category_cloud
{
	padding: 15px;
}

div#category_cloud span
{
	margin-right: 10px;
}