/*
Theme Name: Sargasso
Theme URI: http://limoenmultimedia.nl/
Description: Theme for Sargasso weblog
Author: David Krijgsman / Limoen Multimedia
Version: 1.0
*/


/* BASE */
body, html
{
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  /*color: #999999;*/
  color: #000000;
  line-height: 16px;
  background: url(images/pixel-5a4f69.jpg);
  height: 100%;
}

strong
{
  font-weight: bold;
}

em
{
  font-style: italic;
}

a
{
  color: #594f68;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

.ab_bookmarks li { padding: 2px 0; }
	.ab_bookmarks li a { font-size: 13px; line-height: 16px; }

h1.page-title, h3
{
	margin-top: 20px;
}

h2 *
{
	text-decoration: none;
}

h3.widget-title *
{
	color: #ffffff !important;
	text-decoration: none;
}

.clear
{
  clear: both;
}

img.alignright
{
	float: right;
	margin: 0 0 0 15px;
}

img.alignleft
{
	float: left;
	margin: 0 15px 0 0;
}

img.aligncenter
{
	float: none;
	display: block;
	margin: 0px auto 10px auto;
}

p { margin: 12px 0; }

/* STRUCTURE */

#wrapper
{
  background: url(images/content-bg.jpg) center repeat-y;
  margin-top: -27px;
  min-height: 100%;
  position: relative;
}

  #header-wrapper
  {
    height: 171px;
  }
  
    #header-bg
    {
      height: 135px;
      background-repeat: no-repeat;
      background-position: right;
    }
    
      #header
      {
        width: 1065px;
        margin: 0px auto;
        padding-right: 30px;
      } 
      
        #logo
        {
          float: left;
        }
        
        #header .themas
        {
          float: right;
          height: 84px;
          margin: 32px 0 0 20px;
          width: 187px;
        }
        
          #header .themas li
          {
            width: 187px;
            height: 28px;
            overflow: hidden;           
          }
          
          #header .themas li a.no-image
          {
            display: block;
            background: url(images/header-thema-bg.png);
            width: 182px;
            height: 26px;
            padding: 2px 0 0 5px;
            text-decoration: none;
            color: #FFFFFF;
            text-transform:uppercase;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
          }
    
    #menu-wrapper
    {
      height: 36px;
      background: url(images/menu-bg.jpg);
    }
    
      #menu-bar
      {
        width: 1201px;
        margin: 0px auto;
        height: 34px;
      }
        
        #menu-bar ul
        {
          float: right;
          padding-left: 2px;
          background: url(images/menu-left.jpg) top left no-repeat;
        }
        
          #menu-bar ul li
          {
            float: left;
          }
        
          #menu-bar li.end
          {
            width: 2px;
            height: 34px;
            background: url(images/menu-right.jpg);
          }
          
            #menu-bar li .primary-btn-left
            {
              background: url(images/primary-btn-left.jpg);
              width: 12px;
              height: 33px;
              overflow: hidden;
              float: left;
            }
            
           	#menu-bar li .primary-btn-middle
            {
              display: block;
              background: url(images/primary-btn-middle.jpg);
              height: 22px;
              text-transform: uppercase;
              font-family: Arial, Helvetica, sans-serif;
              padding-top: 11px;
              float: left;
              text-decoration: none;
              color: #5b4e68;
			  font-size: 13px;
              font-weight: bold !important;
			  text-decoration: none;
            }
            
              #menu-bar li .primary-btn-middle *
              {
                font-weight: bold !important;
              }
            
            #menu-bar li .primary-btn-right
            {
              background: url(images/primary-btn-right.jpg);
              width: 11px;
              height: 33px;
              overflow: hidden;
              float: left;
            }
      
        #menu-bar form
        {
          float: right;
          width: 173px;
          height: 34px;
          background: url(images/search-field-bg.jpg);          
        }
        
          #menu-bar form input
          {
            border: none;
            background: none;
            margin: 8px 0 0 8px;
            width: 160px;
            height: 20px;
          }
      
  #content
  {
    width: 1035px;
    margin: 0px auto;
    padding: 15px 15px 51px 15px !important;  
	background: url(images/content-bg.jpg) center repeat-y #ffffff;
  }
  
    #left-column
    {
      width: 236px;
      float: left;
      margin-left: 27px;  
	  margin-top: -20px;    
    }
    
      .recent-post
      {
        padding-bottom: 30px;
        background: url(images/left-column-divider.jpg) bottom no-repeat;
        margin-bottom: 12px;
		position: relative;
      }
	  
	  	
      
        h2
        {
          padding: 4px 0;
        }
        
          h2 a
          {
            font-size: 15px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            color: #5A4F69;           
            text-decoration: none;
          }
        
        a.more-link
        {
          color: #A67C52;
          text-decoration: none;
          font-weight: bold;
        }
    
    #wide-column
    {
      width: 767px;
      margin: -20px 14px 51px 27px;
      float: left;
    }
    
      h3.custom
      {
        margin-bottom: 10px;
        text-transform: uppercase;
      }
      
      DIV.shareinpost
      {
        margin-top: 20px;
      }
    
    #middle-column
    {
      width: 517px;
      float: left;
      margin: -10px 14px 51px 14px;
      font-size: 13px;
      line-height: 18px;      
    }
    
      h1, h3
      {
        height: 32px;
        background: url(images/title-bar-grey.jpg) no-repeat;  
        padding: 4px 0 0 13px;
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 5px;
      }
      #middle-column h3 {
      	margin-top:10px;
      }
      h1.grey, h3.grey
      {
        background: url(images/title-bar-grey.jpg) no-repeat; 
      }
      
      h3#reply-title
      {
        background: url(images/title-bar-purple.jpg) no-repeat; 
      }
      
        h3#reply-title a
        {
          color: #ffffff;
          text-decoration: none;
        }
        
        h3#reply-title small a
        {
          color: #ffffff;
          text-decoration: underline;
        }
      
      h1.post-title
      {
        text-align: center;
        padding: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #5A4F69;         
        font-size: 30px;
        text-decoration: none;
        line-height: 40px;
        margin-bottom: 10px;
        background: none;
		margin-top: 20px;
		height: auto;
      }
        
      
      .home-post, .thema-post, .list-post, .post
      {
        background: url(images/post-divider.jpg) left bottom no-repeat; 
        padding: 0 28px 28px 28px;
        position: relative;
        margin-bottom: 10px;
		margin-top:10px;
      }
      
      .home-post .advert {
      	text-align:center;
      }
      .post
      {
        padding-bottom: 50px;
      }
	  
	  .post p a, .page p a, .home-post p a, .list-post p a, .comment-body p a { color: #A67C52; }
      
        .home-post h2
        {
          text-align: center;
          padding: 0;
        }
        
          .home-post h2 a, .thema-post h2 a, .list-post h2 a
          {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            color: #5A4F69; 
            font-size: 30px;
            text-decoration: none;
            line-height: 40px;
            margin-bottom: 10px;
          }
        
        .post-meta
        {
          margin: 20px 0 15px 0;
        }
        
          .post-meta .post-author-timestamp
          {
            float: left;
            width: 250px;
          }
          
          .post-meta .post-tags
          {
            width: 200px;
            float: right;
            margin-top: 0;
            font-weight: bold;
            color: #5A4F69; 
          }
            
            .post-meta .post-tags a
            {
              color: #5A4F69; 
            }
        
        .search-post h2
        {
          margin-top: 15px;
        }
        
          .search-post h2 a
          {
            font-weight: bold;
            color: #5A4F69;         
            font-size: 16px;
            text-decoration: none;
          }
        
        .post-thumb
        {
          /*height: 95px;*/
          margin: 10px 0 10px 0;
          position: relative;
          text-align: center;
        }
        
          .home-post .post-thumb img.thumb, .post img.thumb
          {
            /*margin-left: 68px;
*/
          }
          
          .home-post .post-thumb img.category, .post img.category
          {
            position: absolute;
            bottom: 6px;
            left: 0px;
          }
      
        .author
        {
          color: #5A4F69;
          font-size: 11px; 
        }
        
          .author a, a.author
          {
            color: #5A4F69;
            text-decoration: none !important;
          }
          
          .author a:hover
          {
            text-decoration: underline;
          }
        
        .timestamp
        {
          color: #5A4F69;
          font-size: 11px;
        }
      
        .post-tags
        {
          margin-top: 24px;
          width: 380px;
          color: #000000;
        }
        
          .post-tags a
          {
            color: #000000;
            text-decoration: none;
          }
      
	  
        .reacties-link
        {
          height: 15px;         
          position: absolute;
          bottom: 18px;
          right: 28px;
          overflow: hidden;
          background: url(images/reacties-link-bg-end.gif) left 1px no-repeat;  
        }
		
		.recent-post .reacties-link { bottom: 10px; }
        
          .reacties-link a
          {
            display: block;
            padding: 1px 49px 0 2px;
            margin-left: 3px;
            color: #000000;
            font-weight: bold;
            background: url(images/reacties-link-bg.gif) right 1px no-repeat; 
            text-decoration: none;
            font-size: 11px;
            line-height: 13px;
          }
          
      #full-search-field
      {
        width: 386px;
        height: 28px;
        background: url(images/full-search-bg.jpg) no-repeat; 
        padding: 1px 0 0 54px;
        border: none;
        margin-bottom: 14px;
      }
      
      .commentlist li
      {
        margin-bottom: 10px;
		overflow: hidden;
      }
	  
	  	.commentlist li iframe { width: 517px !important; }
      
        .commentlist li *
        {
          color: inherit;
        }
      
      .commentlist .comment-titlebar
      {
        color: #ffffff;
        font-weight: bold;
        height: 20px;
        background: #9E9595;
        margin-bottom: 5px;
      }
      
        .commentlist .comment-titlebar div
        {
          height: 18px;
          padding: 2px 0 0 5px;
          overflow: hidden;
          float: left;
        }
      
        .commentlist .comment-titlebar .comment-counter
        {
          width: 30px;          
          border-right: 4px solid #ffffff;          
        }
        
      .commentlist .children
      {
        margin-left: 20px;
      }
      
      .commentlist .reply a
      {
		padding: 2px 6px 4px 6px;
        color: #ffffff;
		background: #594F68;
		display:inline-block;
      }
      
      #commentform input.wide-field
      {
        background: url(images/comment-textfield.gif);
        border: none;
        width: 505px;
        height: 28px;
        padding: 0 6px;
        margin-bottom: 10px;
      }
      
      #commentform .comment-textarea-wrapper
      {
        background: url(images/comment-textarea.gif);
        width: 517px;
        height: 132px;
      }
      
        #commentform .comment-textarea-wrapper textarea
        {
          width: 507px;
          height: 122px;
          margin: 5px;
          border: none;
          background: none;
        }
		
		#allowed-comment-html { display: none; }
		
		
		.nav-previous, .nav-next { float: left; margin-right: 20px;  }
        
    
    #right-column
    {
      width: 200px;
      float: right;
      margin-right: 27px;
	  margin-top: -20px;
    }
    
      /* social */
      
      UL.socialwrap
      {
        margin-top: 20px !important;
      }
      
      /* linkdump */
      
      FORM.mk_linkdump
      {
        clear: both;
        margin-top: 20px !important;
        width: 100%;
      }
      
        FORM.mk_linkdump LABEL, FORM.mk_linkdump INPUT
        {
          clear: both;
          float: left;
          width: auto;
        }
        
        FORM.mk_linkdump LABEL
        {
          padding: 2px 0px 2px 0px;
        }
        
        FORM.mk_linkdump INPUT
        {
          margin-bottom: 6px;
          padding: 2px;
        }
		
		FORM.mk_linkdump TEXTAREA 
		{ 
		  width: 198px;
		}
        
          FORM.mk_linkdump INPUT.submit
          {
            margin-top: 16px;
          }
          
        FORM.mk_linkdump BR
        {
          clear: both;
        }
          
      /* on twitter */
      
      A.on_twitter
      {
        clear: both;
        float: left;
        margin-top: 20px !important;
      }
    
    

#footer-wrapper
{
  clear: both;  
  height: 31px; 
  margin-top: -31px;
  position: relative;
  background: url(images/content-bg.jpg) center repeat-y;
}

  #footer
  {
    width: 1035px;
    background: url(images/footer-bg.jpg) bottom repeat-x;
    margin: 0px auto;
    height: 31px;
    position: relative;
  }
    
    #footer ul
    {
      margin: 0px auto;
      text-align: center;
      height: 31px;
      overflow: hidden;
      float: left;
    }
  
    #footer ul li
    {
      /*display: inline;*/
      float: left;
      margin: 4px 4px 0 4px;
    }
      
      #footer ul li .footer-btn-left
      {
        background: url(images/footer-btn-left.jpg) no-repeat;
        width: 6px;
        height: 25px;
        overflow: hidden;
        float: left;
      }
      #footer ul li .footer-btn-middle
      {
        float: left;
        background: url(images/footer-btn-middle.jpg);
        height: 18px;
        display: block;
        padding-top: 7px;
        text-decoration: none;
        color: #d4d9d3;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
      }

      
      #footer ul li .footer-btn-right
      {
        background: url(images/footer-btn-right.jpg) no-repeat;
        width: 6px;
        height: 25px;
        overflow: hidden;
        float: left;
      }
      
      
  
    #ogly-doglin
    {
      position: absolute;
      top: 0px;
      right: 27px;
    }
    
    

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}



/* betaalpagina */

DIV.selected_value
{
  background-image: url(../../../paypal_off.gif);
  clear: both;
  display: block;
  height: 21px;
  margin-bottom: 20px;
  position: relative;
  width: 76px;
  z-index: 30000;
}

  DIV.selected_value SPAN
  {
    color: #000000 !important;
    display: inline-block;
    font-size: 11px !important;
    padding: 4px 0px 4px 6px;
  }

DIV.all_values
{
  background-image: url(../../../paypal_on.gif);
  display: none;
  height: 93px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 76px;
  z-index: 30000;
}

  DIV.all_values A
  {
    color: #000000 !important;
    display: inline-block;
    font-size: 11px !important;
    padding: 4px 0px 4px 6px;
    text-decoration: none;
  }