/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2009 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.21
  $HeadURL: https://www.twilight-online.nl/gallery/themes/twitrio-summer/style.css $
  $Revision: 5728 $
  $Author: Joyce $
  $Date: 2009-04-06 09:25:17 +0100 (Mo, 06 Apr 2010) $
**********************************************/

body {
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #a7472b;
        margin: 0px;
        background-color: #eabe8c; }


table { font-size: 8pt; }

h1 {
        font-weight: normal;
        font-size: 8pt;
        font-family: trebuchet ms;
        text-decoration: none;
        line-height: 120%;
        color: #a7472b;
        margin: 2px; }

h2 {
        font-family: Trebuchet MS, Helvetica, sans- serif;
        background-image: url(images/box_left_icon.gif);
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 18px;
        font-size: 8pt;
        margin: 0px;
        color: #a7472b; }

h3 {
        font-weight: normal;
        font-family: trebuchet ms;
        font-size: 8pt;
        margin: 2px; }

p {
        font-family: Trebuchet MS, Helvetica, sans-serif;
        font-size:  100%;
        margin: 2px 0px; }

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: trebuchet ms;
        font-size: 100%;
        color: #ad5235;
        border: 1px solid #ad5235;
        background-color: #e0d2b3;
        padding-right: 3px;
        padding-left: 3px; }

.listbox {
        font-family: trebuchet ms;
        font-size: 100%;
        border: 1px solid #dfdfdf;
        vertical-align : middle; }

.button {
        font-family:  trebuchet ms;
        font-size: 100%;
        border: 1px solid #ad5235;
        background-color: #e6ac7e;
        background-image: url(/gallery/themes/classic2/images/button_bg.gif);
         background-position: bottom; }

.comment_button {
        font-family: trebuchet ms;
        font-size: 100%;
        border: 1px solid #ad52352;
        background-image:  url (/gallery/themes/classic2/images/button_bg.gif);
        background-position: bottom;
        padding-left: 3px;
        padding-right: 3px; }

.radio {
        font-family: trebuchet ms;
        font-size: 100%;
         vertical-align: middle; }

.checkbox {
        font-family: trebuchet ms;
        font-size: 100%;
        vertical-align: middle; }

a {
        color: #a8492d;
        text-decoration: none; 
	font-weight: bold;
	text-shadow: #ffffff 1px 1px 1px; }

a:hover {
        color:  #bf4149;
        text-decoration: none;
	font-weight: bold;
	text-shadow: #ffffff 1px 1px 1px; }


bblink a {
        color: #a8492d;
        text-decoration: none;
	font-weight: bold;
	text-shadow: #ffffff 1px 1px 1px; }

bblink a:hover {
        color: #bf4149;
        text-decoration: none;
	font-weight: bold;
	text-shadow: #ffffff 1px 1px 1px; }

.maintable {
        border: 5px solid #e0d2b3;
        background-color: #ddcba7;
        -moz-border-radius:  5px; 
        -webkit-border-radius: 5px;
        margin-top: 1px;
        margin-bottom: 1px; }

.tableh1 {
        font-family: trebuchet ms;
        background : #eabc8b;
        color:  #1f1812;
	text-shadow: #ffffff 1px 1px 1px;
        padding-top: 10px;
        padding-right: 11px;
        padding-bottom: 10px;
        padding-left: 11px; }

.tableh1_compact {
        font-family: trebuchet ms;
        background: #eabc8b;
        color: #1f1812;
	text-shadow: #ffffff 1px 1px 1px;
        padding-top: 10px;
        padding-right: 11px;
        padding-bottom: 10px;
        padding-left: 11px; }

.tableh2 {
        background: #eabc8b;
        color: #1f1812;
        padding-top:  3px;
        padding-right: 11px;
        padding-bottom: 3px;
        padding-left: 11px; }

.tableh2_compact {
        background: #eabc8b;
        color : #1f1812;
        padding-top: 3px;
        padding-right: 11px;
        padding-bottom: 3px;
        padding-left: 11px; }

.tableb {
        background: #e0d2b3;
        padding-top: 3px;
        padding-right: 11px;
        padding-bottom: 3px;
        padding-left: 11px; }

.tableb_compact {
        background: #e0d2b3;
        padding-top: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-left: 2px; }

.tablef {
        background: #ddcba7;
        padding- top: 11px;
        padding-right: 11px;
        padding-bottom: 11px;
        padding-left: 11px; }

.catrow_noalb {
        background: #e0d2b3;
        color : #949494;
        padding-top: 3px;
        padding- right: 11px;
        padding-bottom: 3px;
        padding-left: 11px; }

.catrow {
        background: #e0d2b3;
        padding-top: 3px;
        padding-right: 11px;
        padding-bottom: 3px;
        padding-left:  11px; }

.album_stat {
        font-size : 85%;
        color: #dd7d68;
        margin: 5px 0px; }

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

.thumb_title {
        font-weight : bold;
        color:  #de7f68;
        font-size: 80%;
        padding: 2px;
        display : block; }

.thumb_caption {
        font-size: 80%;
        padding: 1px;
        color: #de7f68; }

.thumb_caption a {
        text-decoration:  underline;
        color: #de7f68; }

.thumb_num_comments {
        font-weight: normal;
        font-size: 80%;
        padding: 2px;
        font-style : normal;
        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: 90%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center; }

.user_thumb_infobox a {
        text-decoration: none;
        color: #F5F5F5; }

.user_thumb_infobox a:hover {
        color: #CCCCCC;
        text-decoration: underline; }

.sortorder_cell {
        background: #eabc8b;
        color: #ad5234;
        padding-top: 0px;
        padding- bottom: 0px;
        padding-left: 0px;
        padding-right: 20px;
        margin: 0px; }

.sortorder_options {
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        background: #eabc8b;
        color : #ad5234;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 85%;
        white-space: nowrap; }

.navmenu {
        font-family: Trebuchet MS, Arial, Helvetica,  sans-serif;
        color: #ae5336;
        font-size: 100%;
        font-weight: bold;
        background : #eabd8b;
        border-style: none; 
        padding-top: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-left: 2px;}

.navmenu img {
        margin: 5px; }

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

.navmenu a:hover {
        position: relative;
        display: block;
        text-decoration: none;
        color: #a7482c; 
        padding-top: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-left: 2px;}

.admin_menu_thumb {
        font-family:  Trebuchet MS, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-color: #e2e2e2;
        color:#cccccc;
        font-weight: bold;
        margin-top: 0px;
         margin-bottom: 0px;
        width: 85px; }

.admin_menu_thumb a {
        color: #FD9162;
        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: #FD9162;
        text-decoration: underline; }

.admin_menu {
        font-family: Trebuchet  MS, Helvetica, sans-serif;
        font-size: 85%;
        border: 2px solid #e0d2b3;
        -moz-border-radius:  5px; 
        -webkit-border-radius: 5px;
        background-color : #eabc8b;
        color:#1f1712;
        margin-top: 0px;
        margin-bottom: 0px;
        text- align: center; }

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

.admin_menu a:hover {
        color: #b55a38;
	text-transform: uppercase;
        text-decoration: none; }

.comment_date{
        color : #C7BDB3;
        font-size : 90%;
        vertical-align : middle; }

.image {
	border: 1px solid #e59954; 
	padding: 3px; 
	margin: 2px; 
	background: #e0c4a7; 
        -moz-border-radius:  5px; 
        -webkit-border-radius: 5px; }

.imageborder {
	border: 0px solid #e59954; 
	padding: 3px; 
        background-color: transparent;
        margin-top: 25px;
        margin-bottom: 25px; }

.thumbnails {
        background: #e0d2b3;
        padding: 5px; }

a img {
	border: 1px solid #e59954; 
	padding: 3px; 
	margin: 2px; 
	background: #e0c4a7; 
        -moz-border-radius:  5px; 
        -webkit-border-radius: 5px; }

a:hover img {
	border: 1px solid #a7482c; 
	padding: 3px; 
	margin: 2px; 
	background: #e0c4a7; 
        -moz-border-radius:  5px; 
        -webkit-border-radius: 5px; }

.footer {
        font-size: 8pt;
        font-face: trebuchet ms;
        font-weight : bold;
        color: #ad5234; }

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

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

.statlink {
        color: #1f1812; }

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

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

.alblink a {
        text-decoration: none;
        color: #423d3a; }

.alblink a:hover {
        color: #5d5650;
        text-decoration: none; }

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

.catlink a {
        text-decoration: none;
        color: #423d3a; }

.catlink a:hover {
        color: #423d3a;
        text-decoration: none; }

.topmenu {
        font -size: 105%; }

.topmenu a {
        color: #90a9d7;
        text-decoration : none; }

.topmenu a:hover  {
        color : #688c50;
        text-decoration : underline; }

.topmenu td  {
        white-space:  nowrap;
        font-weight : bold; }

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

.img_caption_table th {
        background:  #49525D ;
        font-size: 100%;
        color: #cccccc;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #626262; }

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

.gal_name {
        color: #4C5157;
        font-size:20px; }

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

.clickable_option {
         border-bottom : 1px dotted #444444;
        cursor: hand; }

.listbox_lang {
        color: #BDBEBD;
        background-color: #4F5864;
        border: 1px solid #4F5864;
        font-size: 90%;
        font- family: Arial, Helvetica, sans-serif;
        vertical-align : middle; }

.toolbar { background: #ffffff; }
.toolbar a:link img { background: #ffffff; }
.toolbar a:visited img { background: #ffffff; }
.toolbar a:active img { background: #ffffff; }
.toolbar a:hover img { background: #ffffff; }