/*
Theme Name: Sporten Blogs - Blog Theme
Theme URI: Sporten.dk
Description: Brug dette theme når du skal oprette en ny blog på sporten.dk
Version: 1.0
Author: Bo Skakke - MOL-BSK
Author URI: 
Tags: Sporten.dk
*/




/* Begin Typography & Colors */

body {background : url(images/page-back-grey-gradient.png) repeat-x #6b6b6b; text-align : left; margin : 0 0;}

a {color : #c90101;}

.container_12 {text-align : left;}
.top-banner {text-align : center!important; padding-bottom : 10px;}
.padding {padding : 0 10px;}

.clear {clear : both; line-height : 0; font-size : 0;}
.margin-top {margin-top : 10px;}

.grid-top {height : 10px; font-size : 0; line-height : 0;}
.content {margin : 0 4px 0px 4px; padding : 0 0 4px 0}
.grid_4 .grid-top {background : url(images/back-grid-4-top.png) top center no-repeat; height : 4px!important; line-height : 0; font-size : 0;}
.grid_4 .grid-content {background : url(images/back-grid-4-bottom.png) bottom center no-repeat!important;}
.grid_8 .grid-top {background : url(images/back-grid-8-top.png) top center no-repeat!important;  }
.grid_8 .grid-content {background : url(images/back-grid-8-middle.png) center repeat-y!important; padding : 0 5px;}
.grid_8 .grid-bottom {background : url(images/back-grid-8-bottom.png) top center no-repeat!important; height : 5px; margin-top : -0px;}
.no-margin {margin : 0}
.height-1000 {min-height : 1000px;}

.blog-header-avatar { margin-bottom : 10px; }

#ladbrokes .blog-header-avatar {background : url(images/ladbrokes-header.png) top center no-repeat; height : 58px; position : relative;}


.blog-header-avatar ul {list-style-type : none; float : left; margin-right : 10px;}
.blog-header-avatar li {margin : 0;}
.grid_8 .blog-header-avatar h2 {display : none;}
.blog-header-avatar h1, .blog-header-avatar h3 {font-size : 20px; padding-top : 20px;}

.blog-header-avatar h1 a, .blog-header-avatar h3 a {color : #000; text-decoration : none;}

.blog-header-avatar h3 a {color : #000; text-decoration : none;}
#ladbrokes .blog-header-avatar h1 a, #ladbrokes .blog-header-avatar h3 a {color : #fff; text-decoration : none; padding-left : 5px;}
.ladbrokes-logo-banner {width : 237px; height : 58px; top : 0; right : 0; position : absolute;}
.blog-header-avatar h1 a:hover, .blog-header-avatar h3 a:hover {text-decoration : underline;}
h1.header-blog-post {font-size : 40px; font-family : arial,helvetica,sans-serif;}


h3.blog-arkiv {font-size : 20px; font-family : arial,helvetica,sans-serif;}
h3.blog-arkiv a {color : #000; text-decoration : none; }
h3.blog-arkiv a:hover {text-decoration : underline; }
.post {clear : both; margin-bottom : 40px;}
.frontpage-post-list ul {}
.frontpage-post-list li {background : url("images/bullet-arrow.png") 4px 3px no-repeat; padding-left : 11px; list-style-type : none; margin : 0 0 10px 0;}

.byline p {font-size : 9px; color : #C90101; }

/* Kommentarer */
h4.comments {background : url(images/comment.png) 3px 2px no-repeat; font-family : arial,helvetica,sans-serif; font-size : 13px; color : #c90101; padding-left : 24px;}

.hr hr {display : none;}
.hr {background-position:0 50%;background-repeat:repeat-x;clear:both;display:block;font-size:1px;height:15px;margin:0;}
.solid-3px  {background : url(images/back-3px.png) repeat-x; }

/* grid_4 stuff */

/* UI tabs - most read*/

#searchform label {display : none; }



.mostread-articles .ui-tabs-panel li {width:289px; border-bottom : 1px solid #c0c0c2;}
.grid_4 .textwidget {padding : 0 5px;}
.grid_4 .widget_tag_cloud div div,   
.grid_4 #searchform {padding : 0 5px 5px 5px;}

.timestamp {color : #c90101;}
.tags {font-size : 9px; display : block; text-transform : uppercase; } 
.tags a {text-decoration : none;} 
.tags a:hover {text-decoration : underline;} 
.kategorier {display : none; }


.kommentarer a {padding-left : 20px; background : url(images/comment.png) 0 0 no-repeat;}

.banner-300, .widget {margin-bottom : 10px;}

.widget_rss ul {list-style-type : none;}
.widget_rss li {border-bottom:1px solid #C0C0C2;font-size:11px;width:289px; margin-left : 0;}
.widget_rss li a {display:block;font-weight:bold;margin-right:6px;padding:3px 0 4px 5px;text-decoration:none;}
.widget_rss li:hover {background-color : #e3e2e7;}

#searchsubmit {color : #fff; width : auto!important; background : url(images/back-submit.png) repeat-x!important; padding : 2px 10px 4px!important; font-size : 12px!important; -moz-border-radius : 14px; -webkit-border-radius : 14px; cursor : pointer; border : 0!important}

/* rss widget */
.widget h2 a.rsswidget  {color : #fff; text-decoration : none; }
.widget h2 a.rsswidget img {display : none;}
.widget h2 {background:url("images/titleback.png") repeat scroll 0 0 transparent;color:white;display:block;font-family:Arial;	font-size:13px;	font-weight:bold;	height:19px;	padding:3px 0 2px 10px;}
/* /rss widget */

/* rss link sidebar */
a.feedlink {display : block; padding-left : 48px; padding-top : 8px; background : url(images/rss-icon.png) no-repeat 5px top ; height : 40px; }

/* Post avatar */
.postavatar {padding : 0!important; margin : 0 10px 10px 0; }
.postavatar img {border : 0!important;}
/* Inputfields  */

#commentform input, #commentform #comment {background : #f7f7f7 url(images/back-input.png) repeat-x; border-top : 0; border-bottom : 0; border-left : #c9c9c9 solid 1px;border-right : #c9c9c9 solid 1px; padding : 5px; font-size : 9px; font-family : arial,helvetica,sans-serif; width : 218px; }
#commentform #comment  {width : 440px;}

#status{width:50%;padding:10px;outline:none;height:36px;}
.focusField{border:solid 2px #73A6FF;color:#000; font-size : 9px!important;  }
.idleField{color: #c0c0c2;}

.submit {color : #fff; width : auto!important; background : url(images/back-submit.png) repeat-x!important; padding : 3px 10px!important; font-size : 12px!important; -moz-border-radius : 14px; -webkit-border-radius : 14px; cursor : pointer; float : right; border : 0!important}




/* Kommentarer */

.commentlist {clear : both; list-style-type : none;}
.commentlist li {margin : 20px 0 0 0;}
.comment-author {width : 204px;  float : left; margin-right : 10px; text-align : center; padding-top : 4px; }
.avatar {clear : both;}
.fn {clear : both; display : block; font-family : verdana,arial,sans-serif; font-size : 9px; color : #c0c0c2; font-style : normal; margin-top : 5px; }
.commentmetadata {float : right; width : 380px;}
.commentmetadata a { font-family : verdana,arial,sans-serif; font-size : 9px; color : #c0c0c2; font-style : normal; text-decoration : none;}
.says {display : none;}
.comment { clear : both; padding-top : 0px; margin-top : 30px; display : block;}
.comment-body p { float : right; width : 380px; margin: 0 0 10px 0;  } 
.comment-edit-link {position : absolute; left : 0;}
label small {font-size : 9px; }

/* Post images */
.wp-caption  {width : auto!important;}
.wp-caption-text {background : #000; color : #fff; padding : 5px; display : block;  font-size : 9px;}
.wp-caption.alignright {float : right; margin-left : 10px;}
.wp-caption.alignleft {float : left; margin-right : 10px;}

.wp-caption p.wp-caption-text {background : #000; color : #fff; padding : 5px; display : block;  font-size : 9px; width : 584px; margin-bottom : 0;}
.wp-caption.alignleft p.wp-caption-text, 
.wp-caption.alignright p.wp-caption-text {width : 208px; }



ul.children {list-style-type : none;}
ul.children li {}
li.depth-2 p, li.depth-2 .commentmetadata  {width : 360px;}
li.depth-3 p, li.depth-3 .commentmetadata  {width : 340px;}
li.depth-4 p, li.depth-4 .commentmetadata   {width : 320px;}
li.depth-5 p, li.depth-5 .commentmetadata   {width : 300px;}
li.depth-2 {background : url(images/kommentar.gif) no-repeat 215px 17px ; }
li.depth-3 {background : url(images/kommentar.gif) no-repeat 235px 17px ; }
li.depth-4 {background : url(images/kommentar.gif) no-repeat 255px 17px ; }
li.depth-5 {background : url(images/kommentar.gif) no-repeat 275px 17px ; }
.reply {clear : both; }
.reply a {display : inline-block; height : 14px; line-height : 14px; font-size : 10px; padding : 0 5px; -moz-border-radius : 7px; -webkit-border-radius : 7px; background : url("images/back-submit.png") repeat-x scroll center bottom transparent !important; text-decoration : none; color : #fff; font-family : arial, helvetica, sans-serif;}
li.depth-1 .reply {margin-left : 214px;}
li.depth-2 .reply {margin-left : 234px;}
li.depth-3 .reply {margin-left : 254px;}
li.depth-4 .reply {margin-left : 274px;}
li.depth-5 .reply {margin-left : 294px;}


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, Verdana, sans-serif; font-size: 12px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Verdana, sans-serif; font-size: 1em; }
.ui-widget-content { }
.ui-widget-content a { color: #333333; }
.ui-widget-header { color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #fff url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; outline: none; text-decoration: none; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .0em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 2px 0 -1px 0; padding: 0 0 4px 0; background:url("images/tabend2.png") no-repeat scroll right top transparent;width : 33.3%; height : 19px;}
.ui-tabs .ui-tabs-nav li a {display : block; text-decoration: none; background :  url("images/tabbody2.png") repeat-x scroll 0 0 transparent;font-weight:bold;height:19px;margin-right:6px;padding:4px 0 0 5px; ; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 6px; border-bottom-width: 0; background : url("images/tabmainend.png") no-repeat scroll right top transparent!important; margin-top : 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background : #a40000 url("images/tabmainbody.png") repeat-x scroll 0 0; padding-top : 6px!important; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { padding: 2px 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs .ui-tabs-panel ul {list-style-type : none;  margin : 0; padding : 0;}
.ui-tabs .ui-tabs-panel li {border-bottom:1px solid #C0C0C2;font-family:verdana,arial,helvetica,sans-serif;font-size:11px !important;list-style-type:none;margin:0 !important;padding:3px 5px 3px 4px; }
.ui-tabs .ui-tabs-panel li a {text-decoration : none; padding : 0; }
.ui-tabs .ui-tabs-panel li:hover {background-color : #e3e2e7;}
.ui-tabs .ui-tabs-panel .timestamp {display:block;float:left;height:15px;margin-right:4px;padding:0;}

.blog-portrait {float : left; margin : 3px 5px 0px 0; list-style-type : none; padding : 0;}
.blog-portrait li {margin : 0; padding : 0;}
.blog-portrait li.widget h2 {display : none; }

/* Seneste nyt fra BT (rss) */
ul.feed-list {margin-bottom : 0;}
.feed-list li {border-bottom:1px solid #C0C0C2;margin:0 !important;padding:3px 5px 3px 4px; font-size : 11px!important; font-family:verdana,arial,helvetica,sans-serif; list-style-type : none;}
.feed-list .timestamp {display:block;float:left;height:15px;margin-right: 4px;padding:0 0 0 0; }
.feed-list a {margin:0;padding:0;text-decoration:none; color : #333;}
.feed-list li:hover {background : #e3e2e7}
.box-redborder {border-bottom:3px solid #BC1921;}
.bottom-padding-4px {padding-bottom : 4px;}
.see-more {color:#AC0000!important;float:right;font-family:arial;font-size:9px;font-weight:bold;margin:0 10px 0 0;padding:0 0 0 10px;text-transform:uppercase;  padding-left : 9px!important; background : url(images/pointer.gif) no-repeat 0 3px; display : inline-block; text-decoration : underline!important;}
li.last {border-bottom : 0; height : 10px;}
li.last:hover {background-color : #fff;}