/* default styles for extension "tx_t3blog_pi1" */

* {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
}

body {
  background: #fff;
}

img {
  border: 0;
}

a {
  text-decoration: none;
}

a:focus{
  outline:none;
}

caption {
  display: none;
}

table {
  border-collapse: collapse;
}

th {
  text-align: left;
  vertical-align: top;
}

td {
  vertical-align: top;
}

ul {
  list-style: none;
}

.more {
  margin: 5px 0px 20px 0px;
  float: left;
}
  
.clear {
  clear: both;
}

.clearNone {
  clear: none;
}
.displayInline {
  display: inline;
}
.displayNone {
  display: none;
  position: absolute;
  left: -9999px;
}
.hidden {
  display: none;
  position: absolute;
  left: -9999px;
}
.error {
  color: red;
}

#box {
  text-align: left;
}

#logo {
  display: none;
}

     
    * {
      color: #000;
      font-size: 12px;
      font-family: Arial, Helvetica, Verdana, sans-serif;
    }
   
    .htmlarea-content-body {
      text-align: left;
      padding: 10px;  
      background: none;
    }
    
       
    a {
      color: #4c0000;
    }


    form .text {
      border-color: #000;
    }
    
    form .button {
      padding: 0px 0px 0px 0px;
      border-color: #000;
      background-color: #fff;
      color: #000;
    }
    .odd {
      background-color: #cccccc;
    }
      
    #title {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      text-indent: -9999px;
    }
    
      #title a {
        display: block;
        width: 428px;
        height: 176px;
        text-indent: -9999px;
      }
      
    #subtitle {
      position: absolute;
      top: 7px;
      right: 3px;
      width: 182px;
      height: 5px;
      text-indent: -9999px;
    }
         
          
    #searchBox {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: left;
    }
    
      #searchBox label {
        display: none;
      }
    
      #searchSword .text {
        width: 143px;
        padding: 2px 2px 2px 2px;
        border: 1px solid #666666;
        background-color: #cccccc;
        font-size: 10px;
      }
       
      #imagesearchbuttonbox {
        height: 18px;
        width: 18px;
        float: right;
        margin-right: 51px;
      }

      #searchSword .imagesearchbutton {
        width: 18px;
        height: 18px;
        margin: 0px 0px 0px 0px;
      }

      #tx-t3blog-sword {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 20px 0px;
      }
      
      ##searchBox input {
        margin: 5px 0px 0px 0px;
      }

    ul#mainNavigation {
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 2;
    }
      ul#mainNavigation li {
        float: left;
        border-right: 1px #cccccc solid;
        padding: 0px 5px 2px 5px;
        height: 12px;
        position: relative;
      }
      
      ul#mainNavigation li a{
        color: #fff;
      }
    
      ul#mainNavigation li.last {
        border: none;
      }

    
    #col1 {
      position: relative;
      float: left;
      clear: both;
      width: 130px;
      min-height: 400px;
      height: auto !important;
      height: 400px;
    }
    
    #col2 {
      position: relative;
      float: left;
      height: auto !important;
      height: 400px;
      width: 565px !important;
    
      
    }
      #col2 div.title {
        margin: 20px 0;  
      }
      
      #col2 h3 {
        padding: 6px 0;
      }
      
    
      #col2 h3 a{
        color: #4c0000;
        font-size: 18px;
        
      }
      
      #col2 a {
        color: #4c0000;
        
      }
    
      #col2 .item {
        width: 475px;
        border-bottom: 1px #9b9b9b dotted;
        padding: 30px 2px 32px 2px;
      
      }
      
      #col2 .single {
        width: 475px;
        padding: 30px 2px 32px 2px;
      }
      
      #col2 .item .itemTop div,
      #col2 .single .itemTop div,
      #col2 .commentTopNav div{
        float: left;
        padding: 0 5px 0 5px;
        color: #4c0000;
        font-weight: bold;
        
      }
      
      #col2 .commentTopNav div p,
      #col2 .item .itemTop div a,
      #col2 .single .itemTop div a{
        color: #4c0000;
      }
      
      #col2 .item .itemTop div.categories,
      #col2 .single .itemTop div.categories,
      #col2 .commentTopNav div.author{
        padding-left: 0;
        border-right: 1px #4c0000 solid;
      }
      
      .categories a,
      .date a,
      .time a,
      .author a,
      .permalink a,
      .comments a {
        color: #4c0000;
        margin-right: 10px;
        font-size: 11px;
        width: auto;
        float: left;
      }
      
      .categories,
      .date,
      .comments,
      .time,
      .author,
      .permalink a:focus {
        color: #4c0000;
        margin-right: 10px;
        font-size: 11px;
        width: auto;
        float: left;
      }
      
      #col2 .item .itemBody,
      #col2 .single .itemBody,
      #col2 .commentBody{
        clear: both;
      }
      
      #col2 .item .itemNav,
      #col2 .single .itemNav {
        margin-top: 10px;
        
      }
      
      #col2 .commentBody h5 {
        padding: 5px 0 3px 0;
        color: #0063a6;
      }
      
      #col2 .commentBody h5 a{
        color:  #0063a6;
      }
      
      #col2 .item .itemNav span,
      #col2 .single .itemNav span{
        float: left;
        color: #a4a59f;
        padding: 0 5px;
        border-left: 1px #a4a59f solid;
      }
      
      #col2 .item .itemNav span.author,
      #col2 .single .itemNav span.author{
        padding: 0 5px 0 0;
        border-left: none;
      }
      
      #col2 div.author span.author{
        display:block;
      }
      
      #col2 .item .itemNav span.comments a,
      #col2 .single .itemNav span.comments a{
        color: #a4a59f;
        display: block;
        padding-left: 15px;
        background:  url(/typo3conf/ext/t3blog/icons/comment_icon.png) no-repeat 0 50%;
        font-weight: bold;
      }
      
      #col2 #commentList,
      #col #trackbackList {
        margin-top: 33px;
      }
      
      #col2 .commentListListing,
      #col2 .trackbackListListing {
        width: 478px;
        padding: 20px 0 0 0;
      }
      
      #col2 .commentListListing div.item,
      #col2 .trackbackListListing div.item {
        padding: 10px;
      }
      
      #col2 #commentListTitle,
      #col2 #trackbackListTitle  {
        color: #0065a5;
        height: 13px;
        width: 478px;
        border-bottom: 1px #0065a5 dotted;
        
      }
      
      #col2 #commentListTitle  li.middle,
      #col2 #trackbackListTitle li.middle{
        border-top: 1px #0065a5 dotted;
        background: #fff;
        margin-left: 1px;
        color: #0065a5;
        font-size: 15px;
        font-weight: bold;
        z-index: 100px;
        position: relative;
        top: 0 !important;
        top: 7px;
      }
      
      #col2 #commentListTitle  li.start,
      #col2 #trackbackListTitle li.start{
        position: relative;  
        top: 0 !important;  
        top: 7px;
        width: 7px;
        margin-left: 20px;
        margin-bottom: 0 !important;
        padding: 0;
        background: url(/typo3conf/ext/t3blog/icons/tab-open.png) no-repeat ;
      }
      
      #col2 #commentListTitle  li.end,
      #col2 #trackbackListTitle li.end{
        background: url(/typo3conf/ext/t3blog/icons/tab-close.png) no-repeat;
        width: 7px;
        margin-left: 1px;
        position: relative;
        top: 0 !important;
        top: 7px;
      }
      
      #col2 #commentListTitle  li,
      #col2 #trackbackListTitle li{
        float: left;
      }
      
      
      #col2 .editComment a{
        margin: -7px 0;
        background-color:#ffffff;
        border: 1px solid #A5A49F;
        color: #A5A49F;
        font-size: 13px;
        float: right;
        
      }
      
      
      #col2 .commentFooter {
        padding: 3px 0 0 0;
        color: #a4a59f;
      }
      
      #col2 .t3blog_img {
        border: 1px #d6d6d6 solid;
        padding: 5px;
        margin-top: 18px;
      }
    
      #mainContent {
        padding: 20px 10px;
      }
    
    #col3 {
      position: relative;
      float: left;
      width: 205px !important;
      width: 195px;
      color: grey;
      font-size: 9px;
      font-family: Helvetica, Arial,Verdana, sans-serif;
    }
    
      #col3 a {
        background: url(/typo3conf/ext/t3blog/icons/link_arrow.png) no-repeat 100% 50%;
        padding: 2px 13px 2px 2px;
        color: #a5a6a0;
        font-family: Georgia;
        font-size: 12px;
      }
      
      #col3 h3, #col3 h3 a  {
        color: #33aad4;
        font-size: 12px;
      }

    #footer {
      position: relative;
      border-top: 1px #000 dotted;
    }
    
    .typo3-adminPanel {
      text-align: left;
    }
    
    /*************************************************
      Content
    *************************************************/
        
    input.text,
    textarea.text {
      border-color: #988F89;
    }

    
    /* FormElements */
    .formElement {
        padding: 5px 0;
    }

    .formElement label {
        width: 84px !important;
        width: 120px;
        padding: 0 0 0 13px;
        float: left;
        display:block;
        color: #A5A6A0;
        font-weight: bold;
    }
  
  
    .formElement .requiredElement {
        left: 26px !important;
        left: 6px;
        color: #fc0007;
    }
  
    /* Form defaultInputs */
    .inputText input,
    .textarea textarea,
    .textElement input,
    .textElement textarea {
        width: 284px !important;
        width: 288px;
    }
  
    .textElement select,
    .select select {
        width: 288px;
    }
  
    .formElement .left,
    #mainContent .formElement .left {
      width: 124px !important;
      width: 130px;
      padding: 0 0 0 13px;
      font-weight: normal;
    }
  
  
    .formElement .right {
      width: 284px;
    }
    
    
    h3 {
      line-height: 17px;
      padding: 4px 2px;
      color: #4c0000;
    }
    
    div#latestPosts, div#categories, div#archive, div#latestComments, div#socialBookmarks, div.rss{
      padding: 2px;
      margin-bottom: 30px;
      width: 180px;
      border-bottom: 1px #666666 solid;
    }
    #latestPosts {
    }
    
    
    #categories ul, #archive ul {
      border: none;
      margin-left: 10px;
    }
    
    
    #categories ul li a.iconbeforetext, #archive ul li a.toggle {
      background: none;
    }
    
    .delicious {
      background: url(/typo3conf/ext/t3blog/icons/delicious.small.gif) no-repeat 2px;
    }
    
    p.delicious a{
      padding-left: 15px;
    }
    
    div#socialBookmarks .bookmarks a {
      background: none;
      padding: 2px;
    
    }
    
    #categories .iconbeforetext  {
      padding-right: 2px;
    }
    
    #archive .postnum,
    #categories .postnum {
      font-size: 9px;
      margin-left: 3px;
    }

    
    
/* ----------------------------
    Calendar
------------------------------*/

    #calendar {
      /*width: 180px;*/
      height: 150px;
      margin: 5px 0 5px 0;
      font-size: 9px;
    
    }
    
    #calendar table {
      width: 185px;
      height: 145px;
      border: 1px #666666 solid;
      color: #ffffff;
    }
    
    #calendar td,
    #calendar th {
      text-align: center;
      vertical-align: middle;
      color: #4c0000;
    }
    
    #calendar td{
      width:25px;
    }
    
    #calendar th {
      background-color: #d2d2d2;
    }
    
    #calendar th a{
      background: none;
    }
    
    #calendar th.navigation a{
      padding: 0;
    }
    
    
    #calendar td {
      background-color: #d2d2d2;
      border: 1px #fff solid;
    }
    
    
    #calendar td.last {
      border-right: 1px #666666 solid;
    }
    
    #calendar td.first {
      border-left: 1px #666666 solid;
    }
    
    #calendar td.lastrow {
      border-bottom: 1px #666666 solid;
    }
    
    #calendar table td.isBlogDay a{
      display: block;  
      color: #ffffff;
      background: #4c0000;
      padding: 0;
    }
    
    #calendar table td.calendarToday {
      background: #ffffff;
    }
    
/* ----------------------------
    Comment + Trackback
------------------------------*/
    
    h4 {
      font-size: 12px;
      color: #4c0000;
      margin: 10px 0;
    }
    
    .trackback a:link {
      font-size: 11px;
    }
    
    #commentList .commentListListing .item {
      padding: 10px 2px 15px;
    }
    
    #commentForm {
      position: absolute;
      top: 200px;
      left:300px;
      width: 400px;
      border: 1px solid #bdbbac;
      background-color: #cccccc;
    }

    .blogCommentMessage {
      margin: 10px 0;
      color: #99CB34;  
      font-size:16px;
    }
    
    .formLabel label {
      font-size: 12px;
      color: #666666;
      padding: 0px 0px 0px 0px;
    }
    
    .formField {
      width: 600px;
    }

    .commentError {
      padding: 5px 13px;
      background: #bbbbbb none repeat scroll 0%;
    }
    
    .commentError li {
      list-style-type: square;
      margin-left: 13px;
    }
    h6.commentError {
      background: #4c0000 none repeat scroll 0%;
      color: #d2d2d2;  
    }
    .commentFormStyle h3,
    .commentFormStyle .closebutton {
      background-color: #f2f1ed;
    }
    
    .commentFormStyle h3 {
      padding-left: 20px;
    }
    
    #commentFormNonAjax textarea,
    #commentFormNonAjax input,
    #commentForm textarea,
    #commentForm input {
      background-color: #cccccc;
      width: 464px;
      color: black;
      border: 1px #666666 solid;
      padding: 2px 2px 2px 2px;
      font-size: 10px;
    }
    
    #commentFormNonAjax textarea {
      height: 140px;
    }
    
    #commentFormNonAjax  {
      width: 478px;
      border-width: 1px 0;
      margin-top: 20px;
    }
    
    #commentFormNonAjax .closebutton {
      display: none;
    }
    
    #commentFormNonAjax input.button {
      margin-right: 0 !important;
      margin-right: 0px ;
      width: 80px !important;
    }
    
    
    #commentForm .closebutton {
      position: relative;
      left: 370px;
      top: -20px;
      width: 12px;
      height: 12px;
    }
    
    #commentForm .closebutton img{
      margin: 1px 0 0 1px;
    
    }
    
    #archive a.toggle {
      background: none;
      padding-right: 2px;
    }
    
/*-----------------------------------------------------
      t3blog RSS
-----------------------------------------------------*/
    
    div.rss_post a {
      margin-left: 2px;
    }
    
    div.rss_comment  {
      position: relative;
      top: -15px;
      margin-left: 90px;
    }
    
    div.rss img {
      position: relative;
      top: 1px;
    }
    
/*-----------------------------------------------------
      Single Navigation
------------------------------------------------------*/
    
    div#singleNavigation {
      width: 475px;
      margin-top: 20px;
      position: relative;
    }
    
    div#singleNavigation .previous {
      float:left;
    }
    
    div#singleNavigation .next {
      float: left;
    }
    
    div#singleNavigation .previous a{
      background: url(/typo3conf/ext/t3blog/icons/nav_arrow_prev.png) no-repeat left 50%;
      padding-left: 15px;
    }
    
    div#singleNavigation .next a{
      background: url(/typo3conf/ext/t3blog/icons/nav_arrow_next.png) no-repeat right 50%;
      padding-right: 15px;
    }
    div#singleNavigation .backtolist {
      float: left;
      margin-left: 30px;
      margin-right: 30px;
    
    }
    
    
/*-----------------------------------
               BlogList
-------------------------------------*/
    .t3blog .pageBrowser li {
      float: left;
      padding-top: 3px;
      padding-right: 4px;
    }
    .item {
      margin: 0px 0px 20px 0px;
    }

/*-----------------------------------
               Tag Clouds
-------------------------------------*/
    h3 titleTag {
      margin-top: 10px;
      line-height: 17px;
      padding: 4px 2px;
      color: #4c0000;    
    }
    
    .tagCloud-title{
      position: absolute;
      top: 60px;
      height: 5px;
      width: 280px;
      left: 600px;
      color: #0063A6;
      text-align:center;
    }
    .tagCloud {
      position: absolute;
      top: 80px;
      height: 195px;
      width: 280px;
      left: 600px;
      overflow:auto;
    }
    .tagCloud .tag-cloud li {
      float: left;
      margin-right: 6px;
      margin-top: 3px;
    }
    .itemTop {
      font-weight: bold;
      color: #4c0000;
      background-color: #bbbbbb;
    }
    .itemTop a:link{
      font-weight: bold;
      color: #4c0000;
    }

    .itemBody a:link {
      font-weight: bold;
      color: #4c0000;
    }

    .itemNav a:link {
      height: 35px;
      color: #4c0000;
    }

    .item {
      border-bottom: 1px #bbbbbb solid;
    }

    .level1 ul, li {
      margin: 0px;
      padding: 0px;
    }
    
    #togglecat0 {
      margin-bottom: 10px;
      padding: 0px;
    }
    
    #latestPosts dd {
      margin-bottom: 10px;
    }
/* default styles for extension "tx_cssstyledcontent" */

.csc-header { margin: 0px 0px 5px 0px; }
.csc-default, .csc-frame, .csc-default h2, .csc-default h3 {margin: 0px 0px 15px 0px; }
.csc-firstHeader, .csc-header h2,  .csc-default h2 {  color: #666666; }
.csc-header h3,  .csc-default h3  {  color: #4d0000; }
   
   /* Captions */
  DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
  DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
  DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

  /* Needed for noRows setting */
  DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

  /* Border just around the image */
  DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    border: 2px solid black;
    padding: 0px 0px;
  }

  DIV.csc-textpic-imagewrap { padding: 0; }

  DIV.csc-textpic IMG { border: none; }

  /* DIV: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

  /* UL: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

  /* DL: This will place the images side by side */
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
  DL.csc-textpic-image { margin: 0; }
  DL.csc-textpic-image DT { margin: 0; display: inline; }
  DL.csc-textpic-image DD { margin: 0; }

  /* Clearer */
  DIV.csc-textpic-clear { clear: both; }

  /* Margins around images: */

  /* Pictures on left, add margin on right */
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-right: 10px;
  }

  /* Pictures on right, add margin on left */
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
  }

  /* Pictures centered, add margin on left */
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 5px;
  }
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

  /* Space below each image (also in-between rows) */
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
  DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
  DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

  /* No margins around the whole image-block */
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
  DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

  /* Add margin from image-block to text (in case of "Text w/ images") */
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right: 10px !important;
  }
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 10px !important;
  }

  /* Positioning of images: */

  /* Above */
  DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

  /* Center (above or below) */
  DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
  DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
  DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

  /* Right (above or below) */
  DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
  DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

  /* Left (above or below) */
  DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
  DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

  /* Left (in text) */
  DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

  /* Right (in text) */
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

  /* Right (in text, no wrap around) */
  DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
  /* Hide from IE5-mac. Only IE-win sees this. \*/
  * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
  /* End hide from IE5/mac */

  /* Left (in text, no wrap around) */
  DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
  /* Hide from IE5-mac. Only IE-win sees this. \*/
  * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
  /* End hide from IE5/mac */
  
  DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

  /* Browser fixes: */

  /* Fix for unordered and ordered list with image "In text, left" */
  .csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%; }