/* TDI Club Nederland template by Lucas Schoormans 2007
 * Colors:
 * Darkred: BE0D0D
 * Darkgray: 4A4A4A
 * lightestgray: F1F1F1
 * lightgray: ECECEC
 * gray: E4E4E4
 * soft blue: 4366AA
 */

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color: #F3F3F3;
}

body {
	color:#333333;
	font:11px Arial,Verdana,Helvetica,sans-serif;
	
	/* scroll bar colours for IE only*/
	 scrollbar-face-color: #DEE3E7;
	 scrollbar-highlight-color: #FFFFFF;
	 scrollbar-shadow-color: #DEE3E7;
	 scrollbar-3dlight-color: #D1D7DC;
	 scrollbar-arrow-color:  #006699;
	 scrollbar-track-color: #EFEFEF;
	 scrollbar-darkshadow-color: #98AAB1;
}

font, th, td, p {
    font-family : Arial,Verdana, Helvetica, sans-serif;
    font-size:11px;
}

/* Custom TDI Club header */
/* styles copied from /templates/tdiclub/tdiclub.css */
div, img {
	margin:0;
	padding:0;
}

div#header {
	height: 103px;
	margin:0;
	min-width:700px;
	/* IE only; fix for min-width */
	width:expression(document.body.clientWidth < 700? "700px" : "auto");
}

div#header_row1 {
	height: 49px;
	background-image: url("/templates/tdiclub/images/header/header_row1_back.gif");
	background-repeat: repeat-x;
	padding-left:10px;
}

div#header_row2 {
	height: 54px;
	background-image: url("/templates/tdiclub/images/header/header_row2_back.gif");
	background-repeat: repeat-x;
	padding-left:10px;
}

div#row1_logo, div#row2_logo {
	float: left;
}


div#title, div#menu {
	float: right;
	white-space: nowrap;
}

/* the space between the menu en the right frame border*/
div#menu {
	padding-right: 20px;
	width:670px;
}

div#menu a, div#menu img{
	display: block;
	float: right;
	height: 22px;
	margin:0;
	padding:0;
	border:0;
}

div#menu img{
	width:2px;
}

div#menu a.menuitem {
	line-height:22px;
	overflow:hidden;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
}
div#menu a.menuitem:hover {
	text-decoration:none;
	background-position:0 0;
	background-repeat:repeat-x;
	background-image:url("/templates/tdiclub/images/header/menuitem_back_hover.gif");
}

table.submenu {
	width:100%;
	padding:0;
	margin:0;
}

table.submenu td{
	vertical-align:top;
}

table.submenu td a{
	color: black;
}

div#banner_container {
	position: absolute;
	z-index:1000;
	width: 100%;
	top:100px;
	text-align:center;
}

.row1{background:#F1F1F1}
.forumline{background:#ffffff;border:1px solid #9D9D9D}
.gensmall{font-size:10px}
.maintitle,h1{font:bold 20px/120% Arial,Verdana,Helvetica,sans-serif;text-decoration:none;color:#999999}
.nav{font-size:11px;font-weight:bold}

/* END custom TDI Club header */

th {
	background:#d0d0d0 url(images/th_back_blue_25.gif);
	color:white;
	font-size:11px;
	font-weight:bold;
	height:25px;
	white-space:nowrap;
	text-align:center;
	padding:0;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	/* red 
	border-left: 1px solid #E25D5D;
	border-right: 1px solid #8E0101;
	*/
	
	/* blue */
	border-left: 1px solid #91A8C9;
	border-right: 1px solid #4366AA;
}

a {
    color: #000000;
	 text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #4366AA;
}

hr {
    height : 1px;
    border : 1px solid #d1d7dc;
    border-top-width : 1px;
}
img { border: none; }

table {
    font-size : 12px;
    border: none;
}
h1 {
    font-weight : bold;
    font-size : 22px;
    font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    line-height : 120%;
    color : #000000;
    margin : 2px;
}
h2 {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    margin : 0;
}
h3 {
    font-weight : normal;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
    margin : 2px;
}
p {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 100%;
    margin : 2px 0;
}
ul {
    margin-left : 5px;
    padding : 0;
}
li {
    margin-left : 10px;
    margin-top : 4px;
    margin-bottom : 4px;
    padding : 0;
    list-style-position : outside;
    list-style-type : disc;
}
.textinput {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 100%;
    border : 1px solid #d1d7dc;
    padding-right : 3px;
    padding-left : 3px;
}
.listbox {
    font-family : Verdana, Arial, Arial, Helvetica, sans-serif;
    font-size : 100%;
    border : 1px solid #d1d7dc;
    vertical-align : middle;
}
.button {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 100%;
    border : 1px solid #4A4A4A;
    background-image : url(images/button_bg.gif);
    background-position : 50% 100%;
}
.comment_button {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 85%;
    border : 1px solid #4A4A4A;
    background-image : url(images/button_bg.gif);
    background-position : 50% 100%;
    padding-left : 3px;
    padding-right : 3px;
}
.radio {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 100%;
    vertical-align : middle;
}
.checkbox {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 100%;
    vertical-align : middle;
}
.bblink a {
    color : #0033cc;
    text-decoration : none;
}
.bblink a:hover {
    color : #0033cc;
    text-decoration : underline;
}
.maintable {
    border:1px solid #9D9D9D;
    background-color: #ffffff;
    margin-top : 1px;
    margin-bottom : 1px;
}
.tableh1 {
	background:#d0d0d0 url(images/th_back_blue_25.gif);
	color:white;
	font-size:11px;
	font-weight:bold;
	height:25px;
	white-space:nowrap;
	text-align:center;
	padding:0;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	/* red 
	border-left: 1px solid #E25D5D;
	border-right: 1px solid #8E0101;
	*/
	
	/* blue */
	border-left: 1px solid #91A8C9;
	border-right: 1px solid #4366AA;
}
.tableh1_compact {
	font-weight:bold;
	letter-spacing:1px;
	background:#f0f0f0 url(images/td_back_gray_25.gif);
	height:25px;
	margin:0; padding:0;
	text-indent:4px;
}
.tableh2, .catrow_noalb {
    background:#B4B4B4;
    color: #000000;
    padding-top : 3px;
    padding-right : 10px;
    padding-bottom : 3px;
    padding-left : 10px;
	text-align: left;
	border-left: lightgray;
	border-right: gray;	
}
.tableh2_compact {
    background : #E4E4E4;
    color : #000000;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
}
.tableb, .catrow {
    background : #efefef;
    padding-top : 3px;
    padding-right : 10px;
    padding-bottom : 3px;
    padding-left : 10px;
	 text-align: left;
}
.display_media {
        background-color: #efefef;
        padding: 3px 10px 3px 10px;
}
.tableb_compact {
    background : #efefef;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
	 text-align: left;
}
.tablef {
	background-color: #E4E4E4;
    padding: 5px;
}
.album_stat {
    font-size : 85%;
    margin : 5px 0;
}
.thumb_title {
    font-weight : bold;
    font-size : 80%;
    padding : 2px;
    display : block;
}
.thumb_filename {
        font-size: 80%;
        display: block;
}
.thumb_caption {
    font-size : 80%;
    padding : 1px;
    display : block;
}
.thumb_caption a {
    text-decoration : underline;
    color : #000000;
}
.thumb_num_comments {
    font-weight : normal;
    font-size : 80%;
    padding : 2px;
    font-style : italic;
    display : block;
}
.user_thumb_infobox {
    margin-top : 1px;
    margin-bottom : 1px;
}
.user_thumb_infobox th {
	background:#d0d0d0 url(images/th_back_blue_25.gif);
	color:white;
	font-size:11px;
	font-weight:bold;
	height:25px;
	white-space:nowrap;
	text-align:center;
	padding:0;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	/* red 
	border-left: 1px solid #E25D5D;
	border-right: 1px solid #8E0101;
	*/
	
	/* blue */
	border-left: 1px solid #91A8C9;
	border-right: 1px solid #4366AA;
}
.user_thumb_infobox td {
    font-size : 80%;
    margin-top : 1px;
    margin-bottom : 1px;
    text-align : center;
}
.user_thumb_infobox a {
    text-decoration : none;
    color : #000000;
}
.user_thumb_infobox a:hover {
    color : #000000;
    text-decoration : underline;
}
.sortorder_cell {
    background: transparent;
    color : #ffffff;
    padding : 0;
    margin : 0;
}
.sortorder_options {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    background-color: transparent;
    color : #ffffff;
    padding : 0;
    margin : 0;
    font-weight : normal;
    font-size: 0.7em;
    white-space : nowrap;
}
.navmenu {
	background:#d0d0d0 url(images/th_back_blue_25.gif);
	color:white;
	font-size:11px;
	font-weight:bold;
	height:25px;
	white-space:nowrap;
	text-align:center;
	padding:0;
	margin:0;
	/* red 
	border-left: 1px solid #E25D5D;
	border-right: 1px solid #8E0101;
	*/
	
	/* blue */
	border-left: 1px solid #91A8C9;
	border-right: 1px solid #4366AA;
}
.navmenu img {
    margin-top : 1px;
    margin-right : 5px;
    margin-bottom : 1px;
    margin-left : 5px;
}
.navmenu a {
    position : relative;
    display : block;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 3px;
    padding-left : 5px;
    text-decoration : none;
    color: white;
}
.navmenu a:hover {
    background-color: #efefef;
    text-decoration: underline;
	color: white;
}
.admin_menu_thumb {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 85%;
    border : 1px solid #4366AA;
    background-image : url(images/button_bg.gif);
    background-position : 50% 100%;
    color : #000000;
    font-weight : bold;
    margin-top : 0;
    margin-bottom : 0;
    width : 85px;
}
.admin_menu_thumb a {
    color : #000000;
    text-decoration : none;
    display : block;
    position : relative;
    padding-top : 1px;
    padding-bottom : 1px;
    padding-left : 10px;
    padding-right : 10px;
}
.admin_menu_thumb a:hover {
    color: #000000;
    text-decoration : underline;
}
.admin_menu {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 85%;
    border : 1px solid #4366AA;
    background-image : url(images/button_bg.gif);
    background-position : 50% 100%;
    color : #000000;
    margin-top : 0;
    margin-bottom : 0;
    text-align : center;
}
.admin_menu a {
    color : #4A4A4A;
    text-decoration : none;
    display : block;
    position : relative;
    padding-top : 1px;
    padding-bottom : 1px;
    padding-left : 2px;
    padding-right : 2px;
}
.admin_menu a:hover {
    color : #BE0D0D;
    text-decoration : underline;
}
td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}
.comment_date {
    color : #5f5f5f;
    font-size : 90%;
    vertical-align : middle;
}
.image {
    border-style : solid;
    border-width : 1px;
    border-color : #000000;
    margin : 2px;
}
.imageborder {
    border : 1px solid #000000;
    background-color : #ffffff;
    margin-top : 30px;
    margin-bottom : 30px;
}
.thumbnails {
    background : #efefef;
    padding : 5px;
}
.footer {
    font-size : 9px;
}
.footer a {
    text-decoration : none;
    color : #000000;
}
.footer a:hover {
    color : #000000;
    text-decoration : underline;
}
.statlink {
    color: black;
}
.statlink a {
    color: black;
    text-decoration: none;
}
.statlink a:hover {
    color : #4366AA;
    text-decoration : underline;
}
.alblink {
    font-weight : bold;
    color : #4366AA;
}
.alblink a {
    text-decoration : none;
    color : #000000;
}
.alblink a:hover {
    text-decoration : underline;
    color : #4366AA;
}
.catlink {
    font-weight : bold;
    color : #000000;
    display : block;
    margin-bottom : 2px;
}
.catlink a {
    text-decoration : none;
    color : #000000;
}
.catlink a:hover {
    text-decoration : underline;
    color : #4366AA;
}
.topmenu {
    font-size : 11px;
    color : #000000;
    line-height : 16px;
    display : block;
    margin-bottom : 6px;
}
.topmenu a {
    text-decoration : none;
    color : #006699;
}
.topmenu a:hover {
    text-decoration : none;
    color : #FFA34F;
}
.topmenu img {
    border : 0;
    margin : 0 3px 0 5px;
}
.img_caption_table {
    border: medium;
    background-color : #ffffff;
    width : 100%;
    margin : 0;
}
.img_caption_table th {
    color: #FFA34F;
	 font-size: 11px;
	 font-weight: bold;
    padding-top : 4px;
    padding-right : 10px;
    padding-bottom : 4px;
    padding-left : 10px;
    height: 28px;
	 background-image: url(images/cellpic3.gif);
	 border: 1px solid #ffffff;
}
.img_caption_table td {
    background : #efefef;
    padding-top : 6px;
    padding-right : 10px;
    padding-bottom : 6px;
    padding-left : 10px;
    border-top : 1px solid #ffffff;
}
.debug_text {
    border : medium none #bdbebd;
    background-color : #efefef;
    width : 100%;
    margin : 0;
}
.clickable_option {
    border-bottom : 1px dotted blue;
}
.listbox_lang {
    color : #000000;
    background-color : #d1d7dc;
    border : 1px solid #d1d7dc;
    font-size : 80%;
    font-family : Arial, Helvetica, sans-serif;
    vertical-align : middle;
}
#vanity a {
        display:block;
        width:57px;
        height:20px;
        margin: 3px 20px;
}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}