/*  
Theme Name: TTC Vechtlust (a <a href="http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/">Mimbo</a> mod)
Theme URI: http://www.ttcvechtlust.nl
Description: A theme for a tabletennis club
Version: 0.9
Author: Goedie
Author URI: http://www.goedie.nl

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php



/* HTML Elements */

* {
 margin:0;
 padding:0;
 }

body {
 font: 100% Arial, Verdana, Sans-Serif;
 background: #FFF; 
 color: #333; 
 padding: 13px 0 25px 0;
 }

p { 
 margin: 15px 0;
}

a:link, a:visited {
 color: #000000;
/* color: #7da939; */
 text-decoration:none
 }

a:hover, a:active {
 color:#333;
 text-decoration:underline;
 }

a img {
 border:0;
 }

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

acronym, abbr, span.caps { 
 font-size: 0.9em;
 letter-spacing: .07em;
 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;
 }
 
select {
 width: 130px;
 } 




/* Structure */

  
#page {
 width:832px;
 margin:0 auto;
 font-size:0.8em;
 }

#branding {
 width:100%;
 height:106px;
   background-image: url("images/vechtlust_logo.png");
 background-border: 1px solid #a9a9a9;
   background-position: 101% 5%;
   background-repeat: no-repeat;
 background-color: #FF0000;
/* width:200px;      */
 }

/* hack 16-08-2007 */
#branding #header_text {
 color:#FFFFFF;
 text-align:left;
 padding-left:25px;
 padding-top:38px;
}

/* hack 16-08-2007 */
#branding #header_text li{
 display:inline;
}

/* hack 16-08-2007 */
#branding #header_text li#header_title{
 font-size:34px;
}

/* hack 16-08-2007 */
#branding #header_text li#header_slogan{
 font-size:16px;
 font-weight:bold;
}

/*hack 16-08-2007 */
#menu_menu{
 color:#000000;
 text-align:left;
 padding-left:0px;
 font-weight:none;
 background:#e5e5e5;
}

/*hack 16-08-2007 */
#menu_menu td{
 padding-left:8px;
 background:#e5e5e5;
}

/*hack 16-08-2007 */
#menu_menu table#search_f{
 width:100%;
 /*padding-left:45px;*/
}

/*hack 16-08-2007 */
#menu_menu table#search_f{
 padding-left:0px;
}

/*hack 16-08-2007 */
#menu_menu td ul {
list-style-type: none; 
list-style-image: none;
 padding:5px 5px 5px 5px;

}

/*hack 16-08-2007 */
#menu_menu td li {
display: inline; 
}

/*hack 16-08-2007 */
#menu_menu td a{
 color:#000000;
 font-size:12px;
 border-right:1px solid #000000;
 padding:0px 5px 0px 5px;
}

/*hack 16-08-2007 */
#menu_menu td a:hover{
 color:#000000;
 font-size:12px;
 text-decoration:underline;
}

#masthead {
 margin-top:5px;
 }

.left {
 float:left;
 }

.right {
 float:right;
 }

.widecolumn {
 width: 496px;
 float:left
 }

#sidebar {
 width: 310px;
 float:right
 }

#sidebar-yellow {
 background: #F6DC3D;
 }
  




/* Begin Headers */

h1 {
 font-size:2em;
 }
 
h2 {
 font-size: 1.6em;
 padding-bottom:8px;
 border-bottom:1px solid #333;
 margin: 20px 0;
 }

h3 {
 font-size: 1.2em;
 background:#e5e5e5;
 text-transform:uppercase;
 padding:8px;
 }

h3.comments {
 margin: 40px auto 20px ;
 }




/* Home Content */

.description {
 font-size: 1.1em;
 font-weight: bold; 
 font-style:italic;
 color:#a4a4a4;
 }

#leadpic {
 width:496px;
 height:238px;
}

#leadtext {
 width:496px;
}

#leadpic p {
 margin:0;
 }
 
#features {
 width:319px;
 }

#features .clearfloat {
 margin-bottom:6px;
 }
 
#features img {
 float:left
 }

#features p {
 margin:0;
 }

#features2 {
 width:319px;
 }

#features2 .clearfloat {
 margin-bottom:6px;
 }
 
#features2 img {
 float:left
 }

#features2 p {
 margin:0;
 }

 
 .subfeature {
 width:203px; 
/* background:#e5e5e5; */
 background:#F6DC3D; 
 height:55px; 
 padding:20px 12px 0 10px;
 }

/* hack 20-09-2007 */
.sponsorsubfeature, .sponsorsubfeature a {
 color:#FFFFFF;
 font-weight:bold;
 width:138px; 
 background:#FF0000;
/* background:#F6DC3D; */ 
 height:55px; 
 padding:20px 12px 0 10px;
 }
 
/* hack 26-09-2007 */
.loksponsorsubfeature, .loksponsorsubfeature a {
 color:#FFFFFF;
 font-weight:bold;
 width:290px; 
 background:#FF0000;
/* background:#F6DC3D; */ 
 height:55px; 
 padding:20px 12px 0 10px;
 }
 
/* hack 26-09-2007 */
.twittersubfeature {
 color:#000000;
 width:288px; 
 background:#F6DC3D; 
 height:55px; 
 padding:20px 12px 0 10px;
 }

/* hack 29-10-2007 */
.lidsubfeature, .lidsubfeature a {
 color:#FFFFFF;
 font-weight:bold;
 width:288px; 
 background:#FF0000;
/* background:#F6DC3D; */ 
 height:55px; 
 padding:20px 12px 0 10px;
 }
 
 /* hack 27-11-2007 */
.halvebannersponsorsubfeature, .halvebannersponsorsubfeature a {
 color:#FFFFFF;
 font-weight:bold;
 width:13px; 
 background:#FF0000;
/* background:#F6DC3D; */ 
 height:55px; 
 padding:20px 12px 0 10px;
 }

.smallsubfeature {
 width:203px; 
 background:#e5e5e5; 
 height:20px; 
 padding:10px 6px 0 5px;
 }

.bullets {
 padding: 5px 15px 15px 35px;
 list-style:square
 }

.bullets li {
 padding:2px 0;
 }
 
.subcat {
 font-weight:bold;
 padding: 12px 0;
 }

.subcat p {
 font-weight:normal;
 margin:0;
 }
 
h2 span {
 font-size:0.8em;
 }



/* Interior Content */
       
small {
 font-size: 0.9em;
 }

.post hr {
 display: block;
 }

.postmetadata {
 margin: 30px 0;
 }

.postmetadata img {
 padding: 2px 2px 2px 2px;
}

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

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

#author {
/* background:#e7f1d7; */
 background:#F6DC3D;
 margin:15px 0;
 padding:15px;
 }

#author img {
 padding:1px;
 border: 4px solid #e5e5e5;
/* border:1px solid #7da939; */
 float:left;
 width:80px;
 }

#author span {
 display:block;
 font-size:0.85em;
 padding-top:4px;
 border: 4px solid #e5e5e5;
 margin-top:12px;
 }

#author p {
 margin:0;
 width:370px;
 } 
 
.navigation {
 display: block;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 60px;
 }




/* Form Elements */

#searchform {
 margin: 10px auto;
 padding: 5px 3px; 
 text-align: center;
 }

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

#sidebar #searchsubmit {
 padding: 1px;
 }

.entry form {
 text-align:center;
 }

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

#commentform textarea {
 width: 100%;
 padding: 2px;
 }

#commentform #submit {
 float: right;
 }



/* Comments*/


.commentlist {
 text-align: justify;
 }

.commentlist li {
 background: #E5E5E5;
 margin: 15px 0 3px;
 padding: 5px 10px 3px;
 list-style: none;
 }

.commentlist img {
 border: 4px solid #e5e5e5;
 align: right;
 } 

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

#commentform p {
 margin: 5px 0;
 }

.nocomments {
 text-align: center;
 }

.commentmetadata {
 display: block;
 }

li.alt {
 background:#F6DC3D;
 margin: 15px 0 3px;
 padding: 5px 10px 3px;
 list-style: none;
 }

li.alt .commenttext {
}

li.alt .commenttext img {
 border: 4px solid #e5e5e5;
 align: right;
 } 

li.alt .date {
 background:#67421c;
 padding:3px;
 }

.comment-gravatar, .comment-gravatar IMG { 
/* BACKGROUND: url(images/gravatar.gif) no-repeat; */
 FLOAT: left; 
 WIDTH: 82px; 
 HEIGHT: 82px;
}

h2.comment-title { MARGIN: 0px 0px 0px 98px;
 font-size: 1.2em;}

.comment-text { MARGIN: 0px 0px 0px 98px;}

p.comment-meta { MARGIN: 0px 0px 0px 98px;
 font-size:0.8em;
}

p.comment-meta IMG {
 border: 0px;
 padding: 2px 2px 2px 2px;
}


li.alt-red {
 background:#F6DC3D;
 margin: 15px 0 3px;
 padding: 5px 10px 3px;
 list-style: none;
 }


/* Float Properties*/

.clearfloat:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 }

.clearfloat {
 display: inline-block;
 }

/* Hides from IE-mac \*/
* html .clearfloat {
 height:1%;
 }

*+html .clearfloat {
 height:1%;
 }

.clearfloat {
 display:block;
 }
 


/* Footer*/

#footer {
 margin: 0 auto;
 width: 832px;
 border-top: 1px solid #000;
 margin-top:60px;
 font-size:0.8em;
 padding-top:15px;
 }


/* hack 08-08-2007 */

.smallthumbs {
 float: right;
 display: block;
 width: 34px;
 height: 24px;
 border: 4px solid #e5e5e5;
 background-repeat: no-repeat;
 }

/* hack 20-09-2007 */

.sponsorthumbs {
 float: right;
 display: block;
 width: 144px;
 height: 69px;
 border: 4px solid #e5e5e5;
 background-repeat: no-repeat;
 }
 
/* hack 27-11-2007 */

.halvebannersponsorthumbs {
 float: right;
 display: block;
 width: 269px;
 height: 69px;
 border: 4px solid #e5e5e5;
 background-repeat: no-repeat;
 }

/* hack 08-08-2007 */

.thumbs {
 float: right;
 display: block;
 width: 79px;
 height: 69px;
 border: 4px solid #e5e5e5;
 background-repeat: no-repeat;
 }

/* hack 16-08-2007 */

.mediumthumbs {
 float: right;
 display: block;
 width: 144px;
 height: 144px;
 border: 4px solid #e5e5e5;
 background-repeat: no-repeat;
 }

/* hack 08-08-2007 */

.bigthumbs {
 float: right;
 display: block;
 width: 490px;
 height: 231px;
 border: 4px solid #e5e5e5;
 background-repeat: no-repeat;
 }

/* hack 26-09-2007 */

.pagethumbs {
 float: right;
 display: block;
 width: 490px;
 height: 144px;
 border: 4px solid #e5e5e5;
 background-repeat: no-repeat;
 }

/* hack 08-08-2007 */

.smallcrop {
 background-position: -80px -40px;
 }

/* hack 08-08-2007 */

.crop {
 background-position: -40px -20px;
 }

/* hack 16-08-2007 */

.mediumcrop {
 background-position: -200px -200px;
 }

/* hack 08-08-2007 */

.bigcrop {
 background-position: -1px -20px;
 }

/* hack 20-09-2007 */

.tencrop {
 background-position: 10px 10px;
 }
 
/* hack 20-09-2007 */

.zerocrop {
 background-position: 0px 0px;
 }


/* hack 11-09-2007 */
th.sortable {
background-color: #e5e5e5;
}

/* hack 11-09-2007 */
tr.alt {
background-color: #f4f4ec;
}

/* Added for the flickrRSS 12-09-2007 */

.flickrrss img {
 border: 4px solid #e5e5e5;
 margin: 2px 2px 2px 2px;
}

/* Added for the Sitemap 12-09-2007 */

.sitemap {
 width: 496px;
 float:left
}

.sitemap li {
 margin: 15px 15px 15px 15px;
}

li.linkcat h2 {
 font-size: 1.2em;
 background:#e5e5e5;
 text-transform:uppercase;
 padding:8px;
 border-bottom:0px solid #333;
 margin: 0px 0;
 }

p.page {
 padding: 1px 5px 1px 1px;
}

/* hack 04-01-2008 */
div.fotosinpost IMG{
 border: 4px solid #e5e5e5;
 margin: 2px 2px 2px 2px;
}