/*
Theme Name: IDG-tema
Theme URI: http://idg.se/
Description: Tema med vårt ramverk
Version: 1.0
Author: IDG
Author URI: http://www.idg.se
Tags: IDG
*/

/** admin bar stuff **/
#admin_bar_container
{
    height: 30px; 
    
}


#blogContent{
float: left;
border:none;
margin: 6px 6px 10px 0;
width: 582px;
}

/*********Custom CSS för wrapper BG**************************************************/
/*
#wrapper{
background:#000000 none repeat scroll 0 0;
}
*/
/***********************************************************/
#page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    }

#wp-header {
        border:none;
    }

#wp-headerimg     {
    margin: 7px 9px 0;
        width: 100%;
    border:none;
    }

.header {
  background: none repeat scroll 0 0 #F9F9F9 !important;
  border: 1px solid #E3E3E3;
  clear: both;
  color: #444444;
  font-size: 11px;
  margin: 19px 0 !important;
  padding: 8px;
  width: 822px;
}

/*
#content {
float:left;

    }
*/

.content_huvud {
font-size: 1.2em;
}
.content_efter{
font-size: 1em;
font-weight:bold;
padding-top:5px;
}


.widecolumn .entry p {
    font-size: 1.05em;
    }

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    overflow: hidden;
    }
.widecolumn {

    line-height: 1.6em;
    }

.narrowcolumn .postmetadata {
    text-align: left;
    }

.thread-alt {
    background-color: #f8f8f8;
}
.thread-even {
    background-color: #fff;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

    border-left: 1px solid #ddd;
}

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }

/* we use idg css here
h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
    font-weight: bold !important; 
    }
*/

#blogContent h1 {
    font-size: 4em;
    text-align: center;
    }

#wp-headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }

/* we use idg css here
h2 {
    font-size: 1.6em;
    }
*/

h2.pagetitle {
    font-size: 1.6em;
    }
/* we use idg css here
#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }
*/

#blogContent h3 {
    font-size: 1.3em;
    }

#blogContent h1, #blogContent h1 a, #blogContent h1 a:hover, #blogContent h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }

/* we use idg css here
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }
*/
/* we use idg css here
.entry p a:visited {
    color: #b85b5a;
    }
*/

#blogContent p{
  margin: 10px 0;
}

#blogContent div.entry li {
  list-style-type: square;
}

#blogContent div.entry a {
    font-family: georgia, serif;
    font-weight: normal;
    text-transform: none;
}

.commentlist li, #commentform input, #commentform textarea {
    font-size: 1em;
    font-family: Arial, Verdana, Sans-Serif;
    color: #000;
    }
.commentlist li ul li {
    font-size: 1em;
}

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p {
    font-family: Arial, Verdana, Sans-Serif;
    }

/* Override IDG.se ol li style */
.commentlist li a {
  background-image: none;
  padding-left: 0;
}

.commentmetadata {
    font-weight: normal;
    }
    
.respond {
  clear: both;
}

#sidebar h2, #sidebar_top h2, #widget_container h2{
  font-size: 1.3em;
    }


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #666;
    }

code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }

/* We use idg css here
a, h2 a:hover, h3 a:hover {
    color: #bd0926;
    text-decoration: none;
    }

a:hover {
    color: #bd0926;
    text-decoration: underline;
    }
*/

#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
    }

#wp-calendar a {
    text-decoration: none;
    }

#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */

/*body structure*/

#page {
    background-color: white;
    margin: 20px auto;
    padding: 0;
    width: 740px;
    /*border: 1px solid #959596;*/

    }


#blogContent div.entry li {
  list-style: square inside;
}


/********************************************/

#wp-header {
  background-color: #FFFFFF;
  border: medium none;
  display: block;
  margin: 54px 0 0;
  padding: 0;
  width: 582px !important;
}
    
#wp-header h1 {
  background: none repeat scroll 0 0 transparent;
  clear: both;
  color: #999999;
  display: block;
  float: left;
  font-size: 19px;
  font-weight: normal;
  letter-spacing: 0;
  margin-top: -24px;
  opacity: 0.8;
  padding: 0;
  text-align: left;
  text-transform: none;
}


#wp-headerimg {
    margin: 0;
    width: 100%;
    }

.narrowcolumn {
    border-right: medium none !important;
    float: left;
    margin: 0 0 0;
    padding-right: 10px;
    width: 575px !important;
}
.widecolumn {
  padding: 10px 30px 20px 0px;
    /*width: 514px;*/
    }

.post {
    /*margin: 0 0 40px;*/
    margin: 10px 0 8px;
    padding: 6px 0px 12px;
    border-bottom: 2px solid #ccc;
    }

.post hr {
    display: block;
    }

.widecolumn .post {
    margin: 0;
    }

.narrowcolumn .postmetadata {
    padding-top: 5px;
    color:#000000;
    }

.widecolumn .postmetadata {
    margin: 30px 0;
    }

.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}

.postmetadata {
    clear: both;
}

.clear {
    clear: both;
}


/* End Structure */



/*    Begin Headers */
#blogContent h1 {
    padding-top: 70px;
    margin: 0;
    }

#blogContent h2 {
    color: #444444;
    font-size: 33px;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
}

#blogContent h2.pagetitle {
    margin-top: 30px;
    text-align: left;
}

#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }

#blogContent h3 {
    padding: 0;
    margin: 14px 0 0;
    color: #000000;
    }

#blogContent h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */

#sidebar ul {
padding:0px;
margin:0px;
list-style-type: none;
}

#sidebar li {
padding:0px;
margin:0px;
list-style-type: none;
}

/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    }

html>body .entry li {
    margin: 7px 0 8px 10px;
    }

.entry ul li:before, #sidebar ul ul li:before {
    /*content: "\00BB \0020";*/
    }

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

.entry ol li {
    margin: 0;
    padding: 0;
    }

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

#sidebar ul, #sidebar ul ol, #sidebar_top ul, #sidebar_top ul ol {
    margin: 0;
    padding: 0;
    }

#sidebar ul li, #sidebar_top ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

/*****Custom IDG list***********************************************/
#blogContent #sidebar .widget ul li, #blogContent #sidebar_top ul li {
  font-family: arial;
  font-size: 11px !important;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0 0 8px;
}

#blogContent #sidebar .widget ul li:hover, #blogContent #sidebar_top ul li:hover {
  background: none repeat scroll 0 0 #E2EFF8;
  
}

#sidebar ul .widget ul, #sidebar_top ul{
    margin: 5px 0 0 2px;
    }
        
/****************************************************/

#blogContent #sidebar .widget_blogs ul li {
  background: transparent;
  padding-left:5px;
  
}

#sidebar ul p, #sidebar ul select {
    margin: 7px 0 8px 10px;
    }

#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }

#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }

#sidebar ul ul li, #sidebar ul ol li, #sidebar_top ul ul li, #sidebar_top ul ol li{
    margin: 3px 0 0;
    padding: 0;
    }
    
html>body>#ds_sitewide_output_widget .avatar {float: right;} /*To get avatars to work with Mozilla,*/


/* End Entry Lists */



/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: left;
    }

#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }

#sidebar #searchsubmit {
    padding: 1px;
    }

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

select {
    width: 130px;
    }

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform {
    margin: 5px 10px 0 0;
    }
#commentform textarea {
    width: 100%;
    padding: 2px;
    }
#respond:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    
#respond {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #E3E3E3;
    box-shadow: 1px 1px 5px #E3E3E3;
    margin: 29px 0;
    padding: 5px;
}

#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
    }
    /* End Form Elements */

/** twingly **/

.articleBlogLinks {
  clear: both;
}

/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
    }

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 2px 10px;
    list-style: none;

    }
.commentlist li ul li { 
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
    }



.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */



/* Begin Sidebar */
#sidebar {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #E3E3E3;
  box-shadow: 1px 1px 4px #E1E1E1;
  float: right;
  font-family: arial,sans-serif;
  margin-top: -104px;
  overflow: hidden;
  padding: 10px;
  width: 200px;
}

#sidebar form {
    margin: 0;
    }
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

#wp-calendar a {
    display: block;
    }

#wp-calendar caption {
    text-align: center;
    width: 100%;
    }

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

.hidden {
    display: none;
    }


a img {
    border: none;
    }

.navigation {
    display: block;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */

/******Front*********************************************************/

.feature_box{
float: left;
margin: 8px 14px 8px 0;
padding: 20px;
border: 0px solid #90a9b2;
}

.sitewide_content {

}
 
 
.sitewide_content_list .list-content{
margin-bottom: 8px;
padding: 8px 8px 20px 8px;
background: #fff;
border-bottom: 2px solid #90a9b2;

}

.sitewide_content_list .list-header{
  margin-top: 8px;
  padding: 8px 0 2px;
  background: #fff;
}

#sidebar_container{
  width: 180px;
  float: right;
}

#sidebar_top {
  float:right;
  margin: 0;
  padding:20px 0 0;
  width:180px;
}

.sign-up-box {
  text-align: center; 
  /*background: #92da15;*/
  background: #9fdf30 url(http://blogg.idg.se/wp-content/themes/idg-start/images/login_bg.gif) repeat-x center left; /*100px;*/
  margin-bottom: 8px;
  border: 1px solid #494a49;
}

.sign-up-box a {
  font-weight: bold;
  font-size: 20px;
  color: #000;
  display: block;
  padding: 8px;
}

.inbox{
  font-size: 16px;
  font-weight: bold;
  color:  #494a49;
  padding: 4px;
  width: 150px;
}

#user-profile {
  background: #ceeafd url(http://blogg.idg.se/wp-content/themes/idg-start/images/login_bg.gif) repeat-x 0 0; 
  border: 1px solid #494a49;
    margin-bottom: 8px;
    padding: 8px;
    float: left;
    font-size: 11px;
    line-height: 18px;
    color: #000000;
}

#sidebar_container #user-profile {
  width: 162px;
}

#user-profile img {
    border: 8px solid #494a49!important;
    border-bottom: 13px solid #494a49!important;
    margin-bottom:10px;
    float: left;
}
#user-profile a {
    color: #000;
    text-decoration: none;
}

#user-profile a:hover {
    color: #000000;
    text-decoration: underline;
}

#user-profile p {
    margin: 0px 0px 5px;
    float: left;
    font-size: 11px;
    line-height: 18px;
    color: #000000;
}

#sidebar_container #user-profile p {
  width: 160px;
}

#user-profile h3{
  margin: 0;
  text-transform: uppercase;
}

.post-data {
  color: #444444;
  padding: 4px 0;
  float: left;
  text-transform: uppercase;
  width: auto;
}

.post-footer .post-data {
    color: #444444;
    float: left;
    padding: 4px 0;
    text-transform: uppercase;
    width: 48%;
}

.post-data span {
  color:#DDDDDD;
}

.post-data a {
  color: #444444;
  text-decoration: none;
  white-space: nowrap;
}

.post-data a:hover, .post-data a:hover span{
  color: #777777;
}

.post-data-img {
  float: left;
  margin-right: 4px;
  padding: 4px 0;
}

.post-data-right {
    color: #777777;
    float: left;
    font-family: arial,sans-serif;
    font-size: 10px;
    text-align: right;
    text-transform: uppercase;
    width: auto;
}

.post-footer .post-data-right {
    float: right;
    text-align: right;
    width: 40%;
}

.post-data-right span {
  color:#777777;
}

.post-data .comment a{
display:none;
}

.post-header {
  font-size: 1em;
  float: left;
  width: 100%;
  border-bottom:1px solid #DDDDDD;
  padding-bottom:4px;
  margin-bottom: 8px;
}

.post-footer{
  font-size: 0.9em;
  border-top:1px solid #DDDDDD;
  padding-top:4px;
  margin-top: 8px;
}

.post-footer .comments a{
  background:transparent url(http://blogg.idg.se/wp-content/themes/idg-start/images/comments-bubble.gif) no-repeat 0 0.1em;
  padding: 0 0 0 22px;
  color: #bab9b9;
  text-transform: uppercase;
}

/****Widget Container FRONT************************************************/

#widget_container{
  width: 100%;
  float: left;
  margin-top: 6px;
}

#widget_container li{
  list-style: none;
  margin: 0 0 8px;
}

#widget_container ul{
  margin: 0;
  padding: 0;
}


#widget_container .widget_ds_featured_user{
  min-height: 120px;
  float: left;
  width: 45%;
  padding: 8px;
  margin-bottom: 6px;
  border-left: 4px solid #cccccc; /* this wil be overridden by theme options */
}

#widget_container .widget_ds_featured_user .avatar{
  padding: 2px;
}

/****Sign-up*********************************************/

#randomantispam {
  margin-bottom: 10px;
}

/****IDG Login*******************************************/

#idg_login .user-profile{
  background:#CEEAFD url(http://blogg.idg.se/wp-content/themes/idg-start/images/login_bg.gif) repeat-x scroll 0 0;
  border:1px solid #494A49;
  height: 240px;
}

.login_input {
  padding: 6px;
}

.login_input p {
  width: 100%;
  float:  left;
}

#idg_login h2 {
  color: #000;
  font-size: 1.4em;
  padding: 10px 0 0 6px;
}

#idg_login .inbox {
  width: 97%;
}

.sub_login {
  float: left;
  padding: 6px;
  clear: both;
}

#idg_login #nav {
  margin-top: 8px;
}

#idg_login .forgetmenot {
    clear: both;
    width: 100%;
}

#idg_login .submit {
    clear: both;
    width: 100%;
}

#login_error{
  color: #cc0000;
  border: 1px solid #cc0000;
  padding: 6px;
  margin: 6px 0;
}

#idg_login #nav {
  float: left;
}

/** first login **/

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.wide_center_container{
  margin: 0 auto;
}
.top_space {
    margin-top: 14px;
}

.button_50{
  text-align:center;
  width:49%;
}

#blogContent .button_50 h3{
    margin: 0; 
    font-size: 1.1em;
}

#blogContent .button_50 a {
  background: #CEEAFD url(http://blogg.idg.se/wp-content/themes/idg-start/images/login_bg.gif) repeat-x scroll left 30%;
  border:1px solid #494A49;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
    display: block;
  padding:8px;
}

#blogContent .button_50 a:hover {
  background: #CEEAFD url(http://blogg.idg.se/wp-content/themes/idg-start/images/login_bg.gif) repeat-x scroll left 50%;
}

.wide_sub {
    float: left; 
    width: 100%; 
    display: block; 
    margin-top: 40px; 
    text-align: right;
}

#divColumn3 {
    display: none;
}


#blogContent #sidebar_container h2, #blogContent #sidebar h2 {
    border-bottom: medium none;
    color: #777777;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    height: 1.5em;
    line-height: 1.5em;
    margin: 5px 0 0;
    text-transform: uppercase;
}


.contentContainer {
    display: table;
    float: left;
    font-family: georgia,sans-serif;
    margin-left: 67px;
    width: 919px;
}

/*** Admin bar ******************************************/

#admin_bar_container {
    background: none repeat scroll 0 0 #555555 !important;
    height: 24px !important;
}

#wp-admin-bar-right {
    margin: 5px 10px 0 0 !important;
    text-transform: uppercase !important;
}

#wp-admin-bar a {
    display: inline;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    height: 13px;
    line-height: 10px;
    overflow: hidden;
    text-indent: 1em;
    text-transform: uppercase;
    width: 150px;
  background-image:none;

}
/***CSS Custom Plugins***********************************/

.add-to-any {
  margin: 10px 0 5px;
  height: 18px;
}

/***moderation report************************************/

.wp-report-this {
  clear: both;
  text-align: right;
}

.wp-report-this a{
  background:transparent url(http://idg.se/img/general/icon_comment_report.gif) no-repeat scroll 0 0;
  color:#777777;
  float:right;
  font-size:10px;
  line-height:18px;
  margin:8px 0 0;
  padding:0px 2px 4px 18px;
}

.commentlist li .wp-report-this a{
  background:transparent url(http://idg.se/img/general/icon_comment_report.gif) no-repeat scroll 0 0;
  float: none;
  margin: 8px 0px 0px;
  padding:2px 2px 4px 18px;
}