/*******************
GENERAL SITE STYLING
/*******************

/*********** RESET BROWSER DEFAULTS ************/
html, body, div, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, fieldset, form, label, legend{
margin:0;
padding:0;
border:0;
}
/************ BASIC FRAMEWORK ************/
body{
background:url(images/body1.jpg) repeat #3c3c3c;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
#wrapper{
width:960px;
margin:0 auto;
margin-top:2px;
text-align:left;
padding-bottom:10px;
}
.cleaner{
clear:both;
}
/********** MASTHEAD ********/
#header{
margin-top:5px;
}
#header h1{
text-indent:-9999px;
height:200px;
width:960px;
margin:0 auto;
background:url(images/masthead.jpg) center no-repeat;
border:4px solid #788ca1;
}
/******** SKIP NAV ********/
#access{
text-align:left;
font-size:60%;
padding:0 0 0 10px;
}
#access a{
position:absolute; 
left:-9999em; 
width:200px; 
z-index:999; 
display:block;
}
#access a:active, #access a:hover, #access a:focus{
left:0; 
top:0; 
color:#fff; 
background-color:#373737;
padding:10px; 
font-weight:bold; 
text-decoration:underline;
}
/********** NAVIGATION **********/
#nav{
background:url(images/body1.jpg) repeat-x #3c3c3c;
font-size:100%;
padding:4px 0 10px 0;
margin:0 auto;
text-align:center;
white-space:nowrap;
}
#nav ul{
list-style-type:none;
}
#nav li{
font-size:80%;
display:inline;
margin:0 25px;
line-height:1em;
letter-spacing:.1em;
}
#nav li:hover, #nav li.current:hover{
opacity:1;
}
#nav a{
color:#e0e0d7;
text-decoration:none;
padding:2px 5px 3px 5px;
border:1px solid #788ca1;
}
#nav a:active, #nav a:hover, #nav a:focus{
background:#364146;
border:1px solid #788ca1;
border-top:5px solid #788ca1;
color:#fff;
}
#nav a.now{
background:#364146;
border:1px solid #788ca1;
border-top:5px solid #788ca1;
color:#fff;
}
#dropmenudiv{
position:absolute;
border:1px solid #8391a9;
border-bottom-width: 0;
font-size:75%;
line-height:18px;
z-index:100;
margin-top:3px;
opacity:.95;
}
#dropmenudiv a{
color:#005279;
width: 98%;
display: block;
border-bottom: 1px solid #8391a9;
padding: 5px 0 5px 3px;
text-decoration: none;
text-align:left;
}
#dropmenudiv a:hover{ 
background:#4f4e4e;
color:#fff;
}
/*********** CONTENT ************/
#content {
width:930px;
background:#fefefb;
margin:0 auto;
padding: 10px 15px 20px 15px;
border:4px solid #788ca1;
border-bottom:2px solid #788ca1;
}
#content p{
font-size:85%;
line-height:1.6em;
margin-bottom:1em;
font-family:verdana, Arial, Helvetica, sans-serif;
}
#content h1{
font-family: Georgia, "Times New Roman", Times, serif;
padding: 15px 0 20px 0;
font-weight: normal;
text-shadow: 1px 1px 2px #818181;
color:#125872;
font-size:140%;
letter-spacing:0.08em;
}
span.color {
font-size:1.2em;
color:#ae1d3f;
font-weight: bold;
}
#content h1 span.tag{
font-size: .65em;
letter-spacing: .3em;
line-height: 1.5em;
text-transform: uppercase;
color:#939699;
text-shadow:none;
}
p.note{
font-size: 75% !important;
line-height:1.4em !important;
}
.note a{
color:#912a50;
text-decoration:underline;
}
/************ FOOTER ************/
#footer{
background:url(images/footer2.png) 95% 50% no-repeat;
border:3px solid #677478;
width:95%;
max-width:1200px;
margin:10px auto;
padding:10px 10px 10px 20px;
}
#sitelinks{
float:left;
text-align:left;
width:600px;
margin:0 0 10px 50px;
padding:0;
}
#sitelinks ul{
padding-bottom:0;
padding-top:2px;
list-style-type:none;
}
#sitelinks li{
display:inline;
float:left;
width:127px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: -1px;
padding: 10px 0 5px 15px;
text-transform: lowercase;
line-height:1.4em;
}
#sitelinks a{
color:#e9e9cf;
text-decoration:none;
padding:1px 3px;
}
#sitelinks a:active, #sitelinks a:hover, #sitelinks a:focus{
cursor:pointer;
color:#b1b1a2;
text-decoration:overline;
}
/*********** BOTTOM *************/
#bottom{
text-align:center;
padding:10px 40px 30px 40px;
font-size:70%;
color:#b8bdbf;
margin-bottom:20px;
}
#bottom p{
line-height:1.5em;
margin-bottom:0.8em;
letter-spacing:.02em;
}
#bottom a{
color:#c6dbe3;
}
#bottom a:active, #bottom a:hover, #bottom a:focus{
text-decoration:overline;
}

/****************************
COPPERMINE GALLERY STYLING
*****************************/
/****** TABLES AND LAYOUT ********/
table {
font-size : 90%;
}
.maintable {
border: 1px solid #CCD7E0;
background-color: #FFFFFF;
margin-top: 1px;
margin-bottom: 1px;
}
.tableh1 {
background : #616e8f ;
color: #f5f5ed;
padding:3px 10px;
font-size:115%;
}
.tableh1_compact {
background : #616e8f ;
color: #f5f5ed;
padding:2px 5px;
}
.tableh2 {
background-color:#c9d0e0;
color : #363636;
padding:3px 10px;
}
.tableh2_compact {
 background: #c9d0e0 ;
 color : #363636;
 padding:2px 5px;
}
.tableb {
background: #f6f8fa ;
padding:0 10px 6px 10px;
color:#323232;
font-size:105%;
}
.tableb_compact {
background: #F2F5F7 ;
padding:2px 5px;
}
.tablef {
background: #CBD7DE ;
padding:10px;
}
.catrow {
background: #d8dbe2 ;
padding:3px 10px;
}
.catrow_noalb {
background: #d8dbe2 ;
color : #000;
padding:3px 10px;
}
.thumbnails {
background: #e8e8e9 ;
padding: 5px;
}
.sortorder_cell {
background : #7683a4 ;
color: #fff;
padding: 0 0 0 20px;
margin: 0px;
}
.sortorder_options {
font-family: Verdana, Arial, Helvetica, sans-serif;
background : #7683a4 ;
color: #FFFFFF;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 90%;
white-space: nowrap;
}

/*********** FONT & LINK STYLING *********/
.thumb_filename {
font-size: 90%;
display: block;
}
.thumb_title {
color:#35373c;
font-size:115%;
padding: 2px;
display : block;
}
.thumb_caption {
font-size: 90%;
padding: 1px;
display : block;
color:#505050;
}
.thumb_caption a {
text-decoration: underline;
color: #000000;
}
.thumb_num_comments {
font-weight: normal;
font-size: 85%;
padding: 2px;
font-style : italic;
display : block;
}
.album_stat {
font-size : 85%;
margin: 5px 0px;
}
.statlink {
color: #fff;
font-size:85% !important;
}
.statlink a {
text-decoration: none;
color: #f5f5ed;
margin:0 5px;
}
.statlink a:hover {
color: #fff;
text-decoration: underline;
}
.alblink{
font-size:110%;
}
.alblink a {
text-decoration: underline;
color: #82182f;
}
.alblink a:hover {
color: #6a4f4f;
text-decoration:none;
}
.catlink {
display: block;
margin-bottom: 2px;
margin-left:10px;
font-size:115%;
}
.catlink a {
text-decoration: underline;
color: #551f28;
}
.catlink a:hover {
color: #861e30;
}
.thumbnails img:hover, .display_media img:hover{
opacity:.8;
}
.footer {
font-size : 80%;
}
.footer a {
text-decoration: none;
color: #000;
}
.footer a:hover {
text-decoration: underline;
}
.debug_text {
border: #BDBEBD;
background-color: #EFEFEF;
width : 100%;
margin : 0px;
}
.listbox_lang {
color: #000666;
background-color: #F2F5F7;
border: 1px solid #F2F5F7;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
vertical-align : middle;
}
.clickable_option {
cursor : default;
}

/*********** IMAGES ************/
.image {
border:1px solid #646464;
margin: 2px;
}
.imageborder {
border: 1px solid #000000;
background-color: #fff;
margin-top: 20px;
margin-bottom: 5px;
}
.display_media {
background: #F2F5F7 ;
padding:3px 10px 0 10px;
}
/*********** MENUS ************/
.sysmenu{
text-align:center;
font-size:100%;
margin:0;
padding:0;
}
.sysmenu a{
color:#772350 !important;
}
.sysmenu a:hover{
color:#21518f !important;
text-decoration:none;
}
.topmenu {
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
line-height : 130%;
font-size : 110%;
}
.topmenu a {
color : #0033CC;
text-decoration : none;
}
.topmenu a:hover  {
color : #0033CC;
text-decoration : underline;
}
.admin_menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
border: 1px solid #CCD7E0;
background: url(images/button_bg.gif) bottom repeat-x;
background-color: #fff;
color: #000;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}
.admin_menu a {
color: #000;
text-decoration: none;
display: block;
position: relative;
padding:1px 2px;
}
.admin_menu a:hover {
color: #000;
text-decoration: underline;
}
td #admin_menu_anim {
background-image : url(images/button_bg_anim.gif);
}
.admin_menu_thumb {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
border: 1px solid #CCD7E0;
background: url(images/button_bg.gif) bottom no-repeat;
color: #000;
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:1px 10px;
}
.admin_menu_thumb a:hover {
color: #000;
text-decoration: underline;
}
.navmenu {
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
color: #fff;
font-weight: bold;
background : #7683a4 ;
border-style: none;
}
.navmenu img {
margin:1px 5px;
}
.navmenu a {
display: block;
padding:2px 5px;
text-decoration: none;
color: #fff;
}
.navmenu a:hover {
background : #F2F5F7 ;
text-decoration: none;
color: #000;
}

/************ TEXT INPUTS & COMMENTS ********/
.textinput {
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
border: 1px solid #D1D7DC;
padding-right: 3px;
padding-left: 3px;
}
.listbox {
font-family: "Trebuchet MS", Verdana, Geneva, Arial, 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 #CCD7E0;
background-image : url(images/button_bg.gif);
background-position : bottom;
}
.comment_button {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #CCD7E0;
background-image : url(images/button_bg.gif);
background-position : bottom;
padding-left: 3px;
padding-right: 3px;
}
.radio {
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
vertical-align : middle;
}
.checkbox {
font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
font-size: 100%;
vertical-align : middle;
}
.comment_date{
color : #5F5F5F;
font-size: 90%;
vertical-align : middle;
}
/***************** VANITY *****************/
#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);}
#vanity a {display:block; width:57px; height:20px; margin: 3px 20px;}