/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2005 Coppermine Dev Team
  v1.1 originaly 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.25
  $Source: /cvsroot/coppermine/devel/themes/6ixBlue/style.css,v $
  $Revision: 1.00 $
  $Author: galen $
  $Date: 2009/10/08 $
**********************************************/

/******************** CSS RESET ********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, #webdeveloper-element-information {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/******************* DEFAULT SETTINGS ***************/
html {height: 100%; background: #676865;}
body {margin: 0; padding: 0; font:normal .9em/1.3em "Helvetica Neue", Arial, Helvetica, sans-serif; color: #000;}
#topcontainer, #masthead, #header, #nav { color: #F9FAF4; background: #313a37;}
#page, #content { background: transparent;}

h1 { margin:1em 0; font-size: 2em; font-weight:normal; font-family: 'Trebuchet MS', Helvetica, sans-serif;}
h2 { margin:1em 0; font-size: 1.8em; font-weight:normal; font-family: 'Trebuchet MS', Helvetica, sans-serif;}
h3 { font-size: 1.2em; font-style: italic;}
h6 { margin: 20px 0 0 0;}
p {margin:1.5em 0;}
table {font-size : small;}
.outer {background-color:  ;}

#wrapper {margin: 0; padding: 0; width: 100%; border-bottom: 1px #666 solid; background: #F9FAF4 url(images/pagebg.jpg) repeat-x top;}

/*********************** MASTHEAD ******************************/
#topcontainer {height: 112px; margin: 0; padding: 1px 0; border-bottom: groove 2px #666;background: #313a37 url(images/border-top.png) no-repeat top center;}
#topcontainer a { color: #d7d7c5;}
#topcontainer a:hover { color: #d2d8d6;}

#header {/*height:85px;*/ width: 960px; margin: 0 auto;}
#masthead { display: block;}
div#masthead h1 { float: left; width: 49%; margin: .8em 0 0 0; padding: 0; font-size: 2.4em, font-weight: lighter; font-family: "˜Palatino Linotype", "Book Antiqua", Palatino, serif;}
div#masthead h1 a { color: #F9FAF4; text-decoration:none;}
div#masthead h1 a:hover { color:#d2d8d6;text-decoration:none;}
div#masthead h2 { float: right; width: 50%; margin: 1.8em 0 0 0; text-align: right; font-size: 1em; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
div#masthead h2 a, div#masthead h2 a:hover {color:#F9FAF4;text-decoration:none;}

/******************* PAGE & CONTENT *********************************/
#banner { height: 163px; margin: 0, padding: 0; background:url(images/page_bg-water.jpg) repeat-x; border-top: 1px #666 solid; border-bottom: groove #ccc 2px}
#bannertext { width: 960px; margin: 0 auto;  font-style: italic;}
#bannertext h2 { margin: 0; font: normal lighter 1.5em "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase;}
#bannertext ul { display: block; list-style: none;}
#bannertext ul li { list-style: none; float: left;}
#bannertext ul li a { text-decoration: none; color: #8d8c80;}
.date {float:right;margin-right:10px;}

#page {width: 960px; margin: 0 auto; padding: 0;}
#page a { color:#590507; text-decoration:none;}
#page a:hover {text-decoration:underline;}
#page ul {list-style:disc;margin: 0 0 0 20px;}

#content { margin: 0;}

#footer {padding:10px 5px 20px 5px;margin-top:0;font-size:.9em;}

/***************** Top Navigation Bar Menu Styling ****************/
#nav { display: block; float:right; height: 35px; width: 955px; margin: 30px 0 0 0; padding: 1px 0;}
#nav, x:-moz-any-link {margin-top:-30px; padding:0; float:right;}
#nav, x:-moz-any-link, x:default {margin-top:30px; padding:0; float:right;}
#nav ul{ padding:0; margin:0; width:auto; list-style: none; height:30px; position: relative; float:right;}
#nav li{ list-style:none; float:left; text-align:center; padding:0; font:14px Arial, Helvetica, sans-serif; line-height:30px;}
#nav .lavaLamp li a { z-index: 10; display: block; float: left;	height: 30px; position: relative; overflow: hidden; margin: auto 20px; color:#F9FAF4; text-decoration:none;}
#nav .lavaLamp li a:hover { z-index: 10; display: block; float: left; height: 30px; position: relative;	overflow: hidden; margin: auto 20px; color:#d7d7c5; text-decoration:none;}
#nav .lavaLamp li .active { z-index: 10; display: block; float: left; height: 30px; position: relative;	overflow: hidden; margin: auto 20px; color:#e8e8e8;}
#nav .lavaLamp li.back { background: url(images/lava_back.gif) no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute;}
#nav .lavaLamp li.current { color: #fff;}
#nav .lavaLamp li.back .left { background: url(images/lava_back.gif) no-repeat top left; width: 98%; height: 30px; margin-right: 9px; /* 7px is the width of the rounded shape */}
#nav a:link {color:#d4bfa1; text-decoration:none;}
#nav a:hover {color:#e8e8e8; text-decoration:none;}
#nav a:active {color:#fefefe; text-decoration:none;}

/***  Navigation for System Menu  ***/
#sysmenu ul{ display: block; width: 955px;margin-top: 45px;}
#sysmenu ul li {list-style: disc; float: right; text-align: center; margin: 0 10px; font-size: 1.2em;}
#sysmenu ul li a { margin-right: 2px;}
#sysmenu ul li a:hover { color: #c1c1c2;}

/***  Navigation for Sub Menu  ***/
#submenu ul{ display: block; width: 955px;}
#submenu ul li {list-style: circle; float: right; text-align: center; margin: 0 10px; font-size: 1em;}
#submenu ul li a { color:#e5e5d4; margin-right: 2px; }
#submenu ul li a:hover { color: #c1c1c2;}

/************************ COLUMNS ******************************/
#postcolumn {float:left;width:600px;margin: 0;}
#postcolumn h2 {font:normal bold 1.2em/2.2em "Helvetica Neue", Arial, Helvetica, sans-serif; border-bottom:ridge 2px #b8b39f;}

#sidecolumn {float:right; width:220px; margin:0 0 0 45px; font-size:80%; background: transparent; }
#sidecolumn h2 {font:normal bold 1.0em/1.2em "Helvetica Neue", Arial, Helvetica, sans-serif;}
#sidecolumn ul {list-style:circle outside;}


/*********************** Sidebar *******************************/
#sidebar {width:200px;float:left;margin:0 0 30px 5px;}
#sidebar h3 {padding:25px 0 3px 0;font-size:110%;font-style:italic;}
#sidebar .menu ul {border-bottom:1px dotted #ccc;list-style:circle;}
#sidebar .menu ul .children{border:0;padding: 0 0 0 8px;}
#sidebar .menu li {border-top:1px dotted #ccc;margin: 0 0 0 5px;}
#sidebar .menu li a {background:transparent;font-size:13px;font-weight:normal;padding:2px 0 2px 10px;display:block;border-bottom:none;text-decoration:none;}
#sidebar .menu li a:hover {color:#111;background:#cdcdc1;text-decoration:none;}
#sidebar .loginmode li a {color:#993300;}

/*********************** Footer *******************************/
#footercontainer {width: 100%; margin-top: 40px; background: #676865; border-top: solid 1px #666;}
#footer {color:#d2d8d6; width: 960px; margin: 0 auto;}
#footer a {color:#8d8d8d;}

.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; vertical-align : middle;}
.button { font-family: Arial, Helvetica, sans-serif; font-size: 100%; border: 1px solid;}
.comment_button { font-family: Arial, Helvetica, sans-serif; font-size: 100%; border: 1px solid; 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;}

/********************  Sys and Sub Menu Typeface ********************/
a {color:#8d8c80;text-decoration:none;}
a:hover, a:focus {color:#ccc;}
a:visited {}


/*  Unknown Typeface	*/
bblink a { text-decoration: none;}
bblink a:hover {/*        text-decoration: underline;	*/}

.maintable {font-family:  Verdana, Geneva, Arial, sans-serif; margin-top: 10px; margin-bottom: 1px;}
.tableh1 { margin: 0;  color:#353837; font: normal bold 1.2em/2.2em "Helvetica Neue", Arial, Helvetica, sans-serif; padding: 3px 10px;}
.tableh1_compact { padding: 2px 5px; font-family:  Verdana, Geneva, Arial, sans-serif;}
td.tableh1 {border-bottom: groove 2px #999;}
.tableh2 { padding: 3px 10px;}
td.tableh2 { background: transparent;}
.tableh2_compact { padding: 2px 5px;}
.tableb { padding: 3px 10px;}
.tableb a {color: #8d8c80;}
.tableb a:hover {color: #fff;}
.tableb_compact { padding: 2px 5px;}
tr { margin: 20px 0;}

td.thumbnails { height: 90px; width: 90px; background: #cdcdc1; border: groove 2px #999;}
.tablef { padding: 10px;}

.catrow_noalb { padding: 3px 10px;}
.catrow { padding: 3px 10px;}
.album_stat { margin: 5px 0px; font-size : 85%; color:#353837;}

.thumb_filename { font-size: 80%; display: block;}
.thumb_title { font-weight : bold; font-size: 80%; padding: 2px; display : block;}
.thumb_caption { font-size: 80%; padding: 1px; display : block;}
.thumb_caption a {text-decoration: underline;}
.thumb_num_comments {
        font-weight: normal;
        font-size: 85%;
        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: 85%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox a {
        text-decoration: none;
}

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

.sortorder_cell {width: 200px; margin: 0; padding: 0;}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        line-height: .9em;
        white-space: nowrap;
}

.navmenu {
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-weight: bold;
        border-style: none;
        /*color:#fff;*/
        /*background-color: #474747;*/
}

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

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

.admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
        border: 1px solid #696969;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a { text-decoration: none; display: block; position: relative; padding: 1px 10px;}
.admin_menu { font-family: Arial, Helvetica, sans-serif; width:970px; font-size: 90%; font-weight:bold; border-left: thin solid #696969; border-right: thin solid #696969; margin-top: 0px; margin-bottom: 5px; text-align: center; background:transparent; /*height: 25px;*/}
.admin_menu a {font-size: .9em; text-decoration: none; display: block; position: relative; padding: 1px 0; color: #8d8c80;}
td.admin_menu {	border:none; color:#999;}
td.admin_menu a{ color:#666;}
td.admin_menu a:hover{ color:#fff;}

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

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

.imageborder {
        margin-top: 30px;
        margin-bottom: 30px;
}

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

        padding-bottom: 3px;
        padding-left: 10px;
}

.thumbnails {
        padding: 5px;
}



.footcopy {
		color: #d6d6d6;
		font: small Verdana, Arial, Helvetica, sans-serif;
		font-style: italic;
		height: 21px;
}

.footer {
		font: small Verdana, Arial, Helvetica, sans-serif;
        color: #333;        
}

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

.footer a:hover {
        text-decoration: underline;
}
#footline {
	position: absolute;
	top: 425px;
	height: 5px;
	width: 750px;
}
.statlink, .statlink a {text-decoration: none; height: 50px; color: #8d8c80;}
.statlink a:hover {text-decoration: underline;}

.alblink a, .alblink a:hover {
        text-decoration: underline;
}

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

.catlink a,  .catlink a:hover{
        text-decoration: underline;
}

.topmenu, .topmenu a {
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        line-height : 130%;
        font-size : 110%;
        text-decoration : none;        
}

.topmenu a:hover  {
        text-decoration : underline;
}

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

.img_caption_table th {
        font-size : 100%;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid;
}

.img_caption_table td {
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid;
        white-space: normal;
}

.debug_text { width : 100%; margin : 0px;}
.clickable_option { cursor : default;}
.listbox_lang { border: 1px solid; 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);}

/* ********************** FLOATS & IMAGES ************************/
.left { float: left; }
.middle {margin: 0 auto;float:left;}
.right { float: right; }
.clear { clear: both; }

#webdeveloper-element-information table {
      display:none;}