/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2007 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 version 3
  as published by the Free Software Foundation.
  
  ********************************************
  Coppermine version: 1.4.13
  $Source$
  $Revision: 3837 $
  $Author: gaugau $
  $Date: 2007-08-16 18:56:06 +0200 (Do, 16 Aug 2007) $
**********************************************/

/* Colors used in this style sheet:
   Hex 000000 = RBG   0,   0,   0 = black
   Hex 5F5F5F = RBG  95,  95,  95 = light black
   Hex BDBEBD = RBG 189, 190, 189 = dark grey
   Hex D1D7DC = RBG 209, 215, 220 = medium grey
   Hex CCCCCC = RBG 204, 204, 204 = medium grey
   Hex EFEFEF = RBG 239, 239, 239 = dark white
   Hex FFFFFF = RBG 255, 255, 255 = white
   Hex 005D8C = RBG   0,  93, 140 = dark blue
   Hex 0033CC = RBG   0,  91, 104 = medium blue
   Hex 0E72A4 = RBG  14, 114, 164 = light blue
*/

html {
	background-color:#3F2A03;
	background-image:url(/images/bg-burg.gif);
	
	font-family: 'Courier New', serif;
	font-size: 62.5%;
}

body {
	background:white;
	font-size:1.2em;
	margin:30px auto;
	width:1000px;
}

h2 {
	background:#A27536;
	clear:both;
	color:white;
	font-size:1.2em;
	font-weight:normal;
	margin:1em -10px;
	padding:6px 10px;
}

h3 {
	font-size:1.6em;
	margin-bottom:1em;
}

p {line-height:1.6;margin-bottom:1em;}

form * {
	font-family:inherit;
	font-size:1em;
}
label {
	float:left;
	margin-top:4px;
	width:5em;
}

.top_menu_bttn{
	
	margin:0; padding:7px; 
	color:#ffffff; 
	
	}
.top_menu_bttn a{color:#160e07; font-weight:bold; padding-right:15px;}
.top_menu_bttn a:hover{font-style:underline;}

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-size: 100%;
        border: 1px solid #D1D7DC;
        padding-right: 3px;
        padding-left: 3px;
		width:200px!important;
}

.listbox {

        font-size: 100%;
        border: 1px solid #D1D7DC;
        vertical-align : middle;
}

.button {
   
        font-size: 100%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
}

.comment_button {

        font-size: 85%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        padding-left: 3px;
        padding-right: 3px;
}

.radio {

        font-size: 100%;
        vertical-align : middle;
}

.checkbox {

        font-size: 100%;
        vertical-align : middle;
}

a {
        color: #160e07;
        text-decoration: none;
}

a:hover {
        color: #634a2b;
        text-decoration: underline;
}

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

.bblink a:hover {
        color: #0033CC;
        text-decoration: underline;
}

.maintable {
        border: 1px dashed #634a2b;
        background-color: #FFFFFF;
        width:99%;
        margin:10px;
}

.tableh1 {
	    font-size:1.2em;
        background :#3F2A03;
        color : #FFFFFF;
		padding:8px 10px;

}

.tableh1_compact {
        background : #160e07 ;
        color : #FFFFFF;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

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

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

.tableb {
        
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
		border:1px dashed #634a2b;
}


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

.tablef {
        background: #634a2B;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

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

.catrow {
        border: 1px dashed #160e07;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.album_stat {
  
        margin: 5px 0px;
}

.thumb_filename {
       
        display: block;
}

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

.thumb_caption {
       
        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 {
        font-weight : bold;
        font-size: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.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 : #160e07 ;
        color : #FFFFFF; 
        padding: 5px;
        margin: 0px;
}

.sortorder_options {
       
        background : #160e07 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;
}

.navmenu {
 
        color: #FFFFFF;
        font-size: 100%;
        font-weight: bold;
        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: #FFFFFF;
}

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

.admin_menu_thumb {
 
        font-size: 85%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        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 {
 
        background-color:#160e07;
        background-position : bottom;
        color: #ffffff;
	    text-align: center;
}

.admin_menu a {
	    
	    background-color:#160e07;
        color: #ffffff;
		padding:5px 10.1px;
        text-decoration: none;
        display: block;
        position: relative;
        
}

.admin_menu a:hover {
    
}

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

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

.thumbnails {
        
        padding: 5px;
}

.footer {
        font-size : 9px;
}

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

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

.statlink {
        color: #FFFFFF;
}

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

.statlink a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}

.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 {
        line-height : 130%;
        font-size: 100%;
}

.topmenu a {
        color : #0033CC;
        text-decoration : none;
}

.topmenu a:hover  {
        color : #0033CC;
        text-decoration : underline;
}

.img_caption_table {
        border: none;
        background-color: #FFFFFF;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: #D1D7DC ;
        font-size: 100%;
        color : #000000;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 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;
        white-space: normal;
}

.debug_text {
        border: #BDBEBD;
        background-color: #EFEFEF;
        width : 100%;
        margin : 0px;
}

.clickable_option {
        cursor : default;
}

.listbox_lang {
        color: #000000;
        background-color: #D1D7DC;
        border: 1px solid #D1D7DC;
        font-size: 80%;
     
        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(http://www.crafty.com.au/images/powered-php.gif);}
#v_php:hover {background-image:url(http://www.crafty.com.au/images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(http://www.crafty.com.au/images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(http://www.crafty.com.au/images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(http://www.crafty.com.au/images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(http://www.crafty.com.au/images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(http://www.crafty.com.au/images/valid-css.gif);}
#v_css:hover{background-image:url(http://www.crafty.com.au/images/h_valid-css.gif);}


.header {
	background-color:#A27536;
	clear:both;	
	margin:0; padding:0;
}

.header h1 {
	background:url('/classic/images/bg-header-summer.gif') no-repeat top left;
	border:1px dashed #634A2B;
	float:left;
	height:98px;
	width:598px;
	padding:0; margin:0;
}

.header h1 a {
	float:left;
	margin:24px;
	padding:0 0 0 160px;
}

#header #searchForm {
	border-right:1px dashed #634A2B;
	border-left:0;
	float:left;
	height:88px;
	overflow:hidden;
	padding:5px 10px;
	width:179px;
}

#header {
	background:#FFFFFF;
	width:1000px;
	margin:auto;
}

#header h1 {
	background:url('/images/bg-header-summer.gif') no-repeat top left;
	border-right:1px dashed #634A2B;
	float:left;
	height:98px;
	width:598px;
	margin:0;
	padding:0;
}

#header h1 a {
	float:left;
	margin:24px;
	padding:0 0 0 160px;
}

#header #searchForm {
	border-right:1px dashed #634A2B;
	border-left:0;
	float:left;
	height:88px;
	overflow:hidden;
	padding:5px 10px;
	width:179px;
}

#header #searchForm h3 {
	background:url('/images/icon-search-scissors.gif') no-repeat right 15px;
	font-size:1.2em;
	margin:0;
	padding:10px 0;
}

#header #searchForm input {width:9em;}

#header #login {
	background:#7C5925;
	border:1px dashed #634A2B;
	border-left:0;
	float:right;
	height:78px;
	width:179px;padding:10px;
}

#header #login img {
	border-right:1px dashed #634A2B;
	float:left;
	height:98px;
	margin:-10px;
	margin-right:10px;_margin-right:8px;
}

#header #login form {overflow:hidden;}
#header #login form label {color:white;width:4em;}
#header #login form input {width:10em;}
#header #login form input.button {background:#9E1716;}

#header #message {
	background:#cc0017;
	border:1px dashed #000000;
	overflow:hidden;
	font-size:1.4em;
	float:left;
	width:100%;
	}

#header #message #msgleft {
color:#000000;
float: left;
padding-left:5px;
width:595px;
font-style: italic;
}

#header #message #msgright {
color:#ffffff;
float: right;
text-align: right;
padding-right:5px;
width:195px;
font-weight: bold;
}



ul#menu {
	background:#3F2A03;
	clear:both;
	margin:0;
	text-align:center;
}

#menu li {display:inline;font-size:1.2em;margin:0;}

#menu li a {
	color:white;
	line-height:25px;
	padding:4px 34px;
	text-decoration:none;
}



#menu .gallery {background:#9E1716;}


form * {
	font-family:inherit;
	font-size:1em;
}

label {
	float:left;
	margin-top:4px;
	width:5em;
}

label.basic {float:none;margin:0;width:auto;}

input {
	border:1px dotted #634A2B;
	color:#7C5925;
	margin-bottom:2px;
	padding:3px;
}

.button {
	background:#9E1716;
	border:1px dotted #634A2B !important;
	color:white;
	float:right;
	margin-bottom:2px;
	padding:4px;
	text-decoration:none;
	width:auto!important;
}

#page {
	background-color:#ffffff;
	font-family:sans-serif;
	width:980px;
	margin:auto;
	border:0px dashed #634A2B;
	overflow:hidden;_height:1%;
	padding:10px;
}

#content {
	border:1px dashed #634A2B;
	float:left;
	padding:10px;
	width:540px;
}


.sidebar {
	width:198px;
}

#leftCol {
	float:left;
	margin-right:10px;
}

#rightCol {
	float:right;
}

ul#products li {display:block;padding:1px 0;}
ul#products li img {height:18px;width:18px;vertical-align:middle;}
ul#products li a {color:#000;text-decoration:none;}
ul#products li a:hover img {background:#BF955A;}

.sidebar div.subsection, div.promo {
	background:#A27536;
	border:1px dashed #634A2B;
	margin-bottom:10px;
	overflow:hidden;_height:1%;
	padding:10px;
}

.sidebar div.subsection h3, div.promo h2, .sidebar div.promo h3 {
	background:#160e07 no-repeat 95%;
	color:white;
	font-size:1.2em;
	font-weight:normal;
	margin:-11px -11px 10px;
	padding:6px 11px;
}

a img {border:0;}

.scissors {background-image:url('/images/icon-scissors.gif')!important;}
.promo .scissors {background-image:url('/images/icon-scissors-promo.gif')!important;}
.scalpel {background-image:url('/images/icon-scalpel.gif')!important;}
.promo .scalpel {background-image:url('/images/icon-scalpel-promo.gif')!important;}
.glue {background-image:url('/images/icon-glue.gif')!important;}
.promo .glue {background-image:url('/images/icon-glue-promo.gif')!important;}
.needles {background-image:url('/images/icon-needles.gif')!important;}
.promo .needles {background-image:url('/images/icon-needles-promo.gif')!important;}


