/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2006 Coppermine Dev Team
  v1.1 originally written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.
  ********************************************
  Coppermine version: 1.4.10
  $Source$
  $Revision: 3275 $
  $Author: gaugau $
  $Date: 2006-09-03 12:10:47 +0200 (So, 03 Sep 2006) $
**********************************************/

/* Colors used in this style sheet:
Hex 000000 = RBG   0,   0,   0 = black
Hex 005D8C = RBG   0,  93, 140 = dark blue
Hex 333333 = RBG  51,  51,  51 = black
Hex 394048 = RBG  57,  64,  72 = black
Hex 394049 = RBG  57,  64,  73 = black
Hex 404750 = RBG  64,  71,  80 = dark grey
Hex 414852 = RBG  65,  72,  82 = dark grey
Hex 444444 = RBG  68,  68,  68 = dark grey
Hex 474F5A = RBG  71,  79,  90 = dark grey
Hex 49525D = RBG  73,   82, 93 = dark grey
Hex 4F5864 = RBG  79,  88, 100 = dark grey
Hex 4F5964 = RBG  79,  89, 100 = dark grey
Hex 515B67 = RBG  81,  91, 103 = dark grey
Hex 555555 = RBG  85,  85,  85 = medium grey
Hex 56606D = RBG  86,  96, 109 = medium grey
Hex 5B5B5B = RBG  91,  91,  91 = medium grey
Hex 5D6674 = RBG  93, 102, 116 = medium grey
Hex 5D6876 = RBG  93, 104, 118 = medium grey
Hex 616C7A = RBG  97, 108, 122 = medium grey
Hex 616D7B = RBG  97, 108, 123 = medium grey
Hex 6A7786 = RBG 106, 119, 134 = medium grey
Hex 777777 = RBG 119, 119, 119 = medium grey
Hex 8090A3 = RBG 128, 144, 163 = steel grey
Hex 949494 = RBG 148, 148, 148 = medium grey
Hex AEAEAE = RBG 174, 174, 174 = light grey
Hex BDBEBD = RBG 189, 190, 189 = light grey
Hex C7C7C7 = RBG 199, 199, 199 = light grey
Hex CCCCCC = RBG 204, 204, 204 = light grey
Hex DFDFDF = RBG 223, 223, 223 = light grey
Hex EAEAEA = RBG 234, 234, 234 = dark white
Hex EFEFEF = RBG 239, 239, 239 = dark white
Hex F2F8FF = RBG 242, 248, 255 = dark white
Hex FFFFFF = RBG 255, 255, 255 = white
*/

@charset "utf-8";
/* Designed by Studio 82. Last Modified July 22 2007 -- tested on Firefox 2.0.0.5 and IE7 */
body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: #000000;
	background-image: url('http://within-temptation.ca/v1/slice_img/main_01.jpg');
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: center; /* used to center the container, not actual text formatting */
	color: #663300;
}
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;}
h1 {font-size: 11pt; font-weight: 900}
h2 {font-size: 11pt; font-weight: 800;}
h3 {font-size: 10pt; font-weight: 700;}
h4 {font-size: 10pt; font-weight: 600;}
h5 {font-size: 10pt; font-weight: 500;}
h6 {font-size: 8pt; font-weight: 800;}
.wtc_main #container { 
	width: 779px;
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: left;
} 
.wtc_main #header { 
	background: #000000;
	background-image: url('http://within-temptation.ca/v1/slice_img/main_02.jpg'); 
	background-repeat: no-repeat;
	width: 779px;
	height: 187px;
	padding: 0 0 0 0;
} 
.wtc_main #header2 { 
	background: #000000;
	background-image: url('http://within-temptation.ca/v1/slice_img/main_03.jpg'); 
	background-repeat: no-repeat;
	width: 779px;
	height: 96px;
	padding: 0 0 0 0;
} 
.wtc_main #mainmenu { 
	background: none;
	height: 73px;
	width: 779px;
	padding: 0 0 0 0;
	margin: 0;
}
.wtc_main #mainbg {
/* this tiles the main bg */
     position: relative;
     background-image: url('http://within-temptation.ca/v1/slice_img/main_12.jpg');
	 background-repeat: repeat-y;
	 padding: 0;
	 margin: 0;
	 width: 779px;
}
.wtc_main #sidebar1 {
	float: right;
	width: 140px;
	background: none;
	padding: 50px 60px 0px 0px; /* note to self -- top right bottom left */
	text-align: center;
}
.wtc_main #sidebar1 p {
	font-size: 8pt;
	color: #000000;
}
.wtc_main #mainContent { 
    width: 510px;
	min-height: 659px; /* This one doesn't need a fix since it won't break noticeably even on browser that ignore it */
	margin: 0 0 0 0; /* add a 175 right margin if the right side breaks. otherwise it looks fine as is. */
	padding: 50px 10px 0px 50px;
	background: none;
}
.wtc_main #wideContent { /* wider main body for pages with no sidebar */ 
    width: 660px;
	min-height: 659px; /* This one doesn't need a fix since it won't break noticeably even on browser that ignore it */
	margin: 0 0 0 0;
	padding: 50px 10px 0px 50px;
	background: none;
}
.wtc_main #footer {
	padding: 0 0 0 0;
	width: 779px;
	background:#000000;
	background-image: url('http://within-temptation.ca/v1/slice_img/main_13.jpg'); 
	background-repeat: no-repeat;
}
.wtc_main #footer p {
	margin: 0;
	padding: 130px 0 50px 0; /* places footer below the scroll and helps enforce minimum height without using that buggy line */
	font-size: 8pt;
	color: #cccccc;
	text-align: center;
}
.clearfloat { /* a fix for containers */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

table {

        font-size: 10px;

}



ul {
        margin-left: 5px;
        padding: 0px;
}

li {
        margin-left: 10px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 0px;
        list-style-position: outside;
        list-style-type: disc;
}

.textinput {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: 1px solid #993300;
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: 1px solid #993300;
        vertical-align : middle;
}

.button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: 1px solid #993300;
        background: none;
}

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        border: 1px solid #000000;
        background: none;
        padding-left: 3px;
        padding-right: 3px;
}

.radio {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        vertical-align : middle;
}

.checkbox {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        vertical-align : middle;
}

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

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

.bblink a {
        color: #800000;
        text-decoration: none;
}

.bblink a:hover {
        color: #000000;
        text-decoration: none;
        background-color: #800000;
}

a:hover.nobg {
        text-decoration: none;
        background-color: #800000;
}


a:hover.yebg {
        text-decoration: none;
        background-color: #808000;
}

.maintable {
        border: 1px solid #993300;
        background: none;
        margin-top: 1px;
        margin-bottom: 1px;
}

.tableh1 {
        background : none ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh1_compact {
        background : none ;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
        background: none ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: none ;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
        background: none ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableb_compact {
        background: none ;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
        background: none;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

.catrow {
        background: none ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow_noalb {
        background: none ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.album_stat {
        font-size : 10px;
        margin: 5px 0px;
}

.thumb_filename {
        font-size: 80%;
        display: block;
}

.thumb_title {
        font-weight : bold;
        font-size: 9px;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: 9px;
        padding: 1px;
        display : block;
}

.thumb_num_comments {
        font-weight: normal;
        font-size: 9px;
        padding: 2px;
        font-style : italic;
        display : block;
}

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.user_thumb_infobox th {
        font-weight : bold;
        font-size: 12px;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: 10px;
        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 : none ;
        color : #000000;
        padding: 0px;
        margin: 0px;
}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : none ;
        color : #000000;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 9px;
        white-space: nowrap;
}

.navmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        font-size: 8px;
        font-weight: bold;
        background : none ;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
        color: #000000;
}

.navmenu a:hover {
        background : #993300 ;
        text-decoration: none;
        color:         #000000;
}

.admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        border: 1px solid #005D8C;
        background: none;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        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: 8px;
        border: 1px solid #993300;
        background: none;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}

.admin_menu a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        color: #000000;
        text-decoration: none;
        background: #993300;
}

td #admin_menu_anim {
        background: none;
}

.comment_date{
        color : #5F5F5F;
        font-size : 10px;
        vertical-align : middle;
}

.image {
        border-style: solid;
        border-width:1px;
        border-color: #000000;
        margin: 2px;
}

.imageborder {
        border: 1px solid #000000;
        background: none;
        margin-top: 30px;
        margin-bottom: 30px;
}

.display_media {
        background: none ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.thumbnails {
        background: none ;
        padding: 5px;
}

.footer {
        font-size : 9px;
}

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

.footer a:hover {
        color: #000000;
        text-decoration: underline;
}

.statlink {
        color: #000000;
        text-decoration: none;
}

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

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

.alblink a {
        text-decoration: underline;
        color: #000000;
}

.alblink a:hover {
        color: #000000;
        text-decoration: underline;
}

.catlink {
        display: block;
        margin-bottom: 2px;
}

.catlink a {
        text-decoration: underline;
        color: #000000;
}

.catlink a:hover {
        color: #000000;
        text-decoration: underline;
}

.topmenu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        width:120px;
        white-space:nowrap;
}

.topmenu a {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-left-width: 0px;
    background: none;
    border-bottom-width: 0px;
    margin: 0px 0px 2px;
    color: #993300;
    text-align: center;
    text-decoration: none;
    border: 1px solid #993300;
    color: #000000
    }

.topmenu a:hover {
    color: #000000;
    text-decoration: none;
    background: #800000;
    background-image : none;
}





.img_caption_table {
        border: none;
        background: none;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: none ;
        font-size : 12px;
        color : #000000;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #993300;
}

.img_caption_table td {
        background: none ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #993300;
}

.debug_text {
        border: #993300;
        background: none;
        width : 100%;
        margin : 0px;
}

.clickable_option {
        color: #800000;
        font-weight: bold;
}

.listbox_lang {
        color: #000000;
        background: none;
        border: 1px solid #993300;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;
        margin-top: 5px;
}

#SELECT_LISTS {
        text-align:center;
}

#vanity {
        margin-top: 10px;
}

#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);}

/* Colors used:                                */
/* --------------------------------------------*/
/* #000000 = RBG 255,255,255 = (white)         */
/* #000000 = RBG   0,  0,  0 = (black)         */
/* #FFA600 = RGB 255,166,  0 = (orange)        */
/* #6BBE10 = RGB 107,190, 16 = (green)         */
/* #FFFF00 = RGB 255,255,  0 = (yellow)        */
/* #993300 = RGB 209,215,220 = (light grey)    */
/* #F7F37B = RGB 247,243,123 = (light yellow)  */
/* #5F5F5F = RGB  95, 95, 95 = (dark grey)     */
/* #E7F38C = RGB 239,243,140 = (light green)   */
/* if you don't like a color, just do a search */
/* and replace on the hex color...             */