/*************************



  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.2



  $Source: /cvsroot/coppermine/devel/themes/hardwired/style.css,v $



  $Revision: 1.26 $



  $Author: gaugau $



  $Date: 2005/10/25 01:16:24 $



**********************************************/











body {



	font-family: Arial, Helvetica, sans-serif;



	background-image: url(images/background.jpg);



	background-repeat: repeat;



	background-attachment: scroll;



}







/* I tried to play around with the tables here, but I'm not sure if it worked. */



table.layout {



	vertical-align: top;



	margin-bottom: 0%;



	margin-left: 0%;



	margin-right: 0%;



	margin-top: 0%;



	position: absolute;



	top: 0;



	left: 0;



}







td.content {



	padding-top: 1px;



	padding-right: 6px;



	padding-left: 6px;



	padding-bottom: 1px;



	background-color: Black;







}







td.side {



	padding-top: 0px;



	padding-right: 0px;



	padding-left: 0px;



	padding-bottom: 0px;



	background-image: url(images/side.jpg);



	background-repeat: repeat-y;



}







td.footer {



	padding-top: 0px;



	padding-right: 0px;



	padding-left: 0px;



	padding-bottom: 0px;



	background-image: url(images/footer.jpg);



}



















h1{



        font-size: 11px;



        font-family: Arial, Helvetica, sans-serif;



        text-decoration: none;



        color : #FFFFFF;



        margin: 2px;



        font-style : normal;



}







h2 {







        font-family: Arial, Helvetica, sans-serif;



        padding-left : 18px;



        font-size: 16px;



        margin: 0px;



        color : #FFFFFF;



}







h3 {



        font-weight: normal;



        font-family: Arial, Helvetica, sans-serif;



        font-size: 12px;



        margin: 2px;



}







p {



	color : #FFFFFF;



	text-align: left;



	font-size: small;



}







.navatitles {



	text-align: left;



	color : #FFFFFF;



	font-weight: bold;



}











.currenttitle 



{



	text-align:left;



	text-indent: 8px;



	color : #FFFFFF;



	font-size: smaller;



}



.pagetitles {

	text-align: left;

	color: #F5F5F5;

	font-weight: bold;

	font-size: 150%;

}	







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: 100%;



        padding-right: 3px;



        padding-left: 3px;



        background-color : #FFFFFF;



        color:#000000;



}







.listbox {



        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;



      	background-color: #000000;



        font-size: 100%;



        vertical-align : middle;



        color:#FFFFFF;



}







.button {



        font-family: Verdana, Helvetica, sans-serif;



        font-size: 100%;



        background-color: #000000;



        color:#FFFFFF;



}







.comment_button {



        font-family: Arial, Helvetica, sans-serif;



        font-size: 100%;



        border: 1px solid #FFFFFF;



        background-color: #000000;



     	color : #FFFFFF;



        padding-left: 3px;



        padding-right: 3px;



}







.radio {



        font-family: Verdana, Arial, Helvetica, sans-serif;



        font-size: 100%;



        vertical-align : middle;



}







.checkbox {



        font-family: Verdana, Arial, Helvetica, sans-serif;



        font-size: 100%;



        vertical-align : middle;



}







a:link 



{



	color: #FF8C00; 



	text-decoration: none;



	font-weight: normal;



	font-size: inherit;



}



a:visited 



{



	color: #EE4200; 



	text-decoration: none;



	font-weight: normal;



	font-size: inherit;



}  



a:active 



{



	color: #EE4200; 



	text-decoration: none;



	font-weight: normal;



	font-size: inherit;



}



a:hover 



{



	color: #FFD2A4; 



	text-decoration: none;



	font-weight: normal;



	font-size: inherit;



}











a.sidebar:link 



{



	font-size: smaller; 



	text-indent: 8px;



	color: #FF8C00;  



	text-decoration: none;



}



a.sidebar:visited 



{



	font-size: smaller; 



	text-indent: 8px;



	color: #EE4200;  



	text-decoration: none;



}  







a.sidebar:hover 



{



	font-size: smaller;



	text-indent: 8px;



	color: #FFD2A4;



	text-decoration: none;



}







a.sidebar:active 



{



	font-size: smaller;



	text-indent: 8px;



	color: White;



	text-decoration: none;



}











bblink a {



        color: #FF8C00;



        text-decoration: none;



}







bblink a:hover {



        color: #FFD2A4;



        text-decoration: underline;



}







.maintable {
  		background-color: #000000;
      margin-top: 1px;
      margin-bottom: 1px;
}







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







.tableh1_compact {
      background-color: #000000;
      color : #FFFFFF;
      padding-top: 2px;
      padding-right: 5px;
		padding-bottom: 2px;
      padding-left: 5px;
		font-size:12px;
		font-weight: normal;
}







.tableh2 {



        background-color: #000000;



        color : #FFFFFF;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.tableh2_compact {



        background-color: #000000;



        color : #FFFFFF;



        padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;



}







.tableb {
		color : #FFFFFF;
      background-color: #000000;
      padding-top: 3px;
      padding-right: 10px;
      padding-bottom: 3px;
      padding-left: 10px;
		font-size: small;
}







.tableb_compact {



        background-color: #000000;



      color : #FFFFFF;



	    padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;

			font-size: small;



}







.tablef {



		color : #FFFFFF;



        background-color: #000000;



        padding-top: 10px;



        padding-right: 10px;



        padding-bottom: 10px;



        padding-left: 10px;



}







.catrow_noalb {



        background-color:#000000;



        color : #FFFFFF;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.catrow {



        background-color:#000000;



		color : #FFFFFF;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.album_stat {



        font-size : 70%;



        margin: 5px 0px;



}







.thumb_filename {



        font-size: 100%;



        display: block;



}







.thumb_title {



        font-weight : bold;



        font-size: 100%;



        padding: 2px;



        display : block;



		color:#FFFFFF



}







.thumb_caption {



        font-size: 85%;



        padding: 1px;



        display : block;



}







.thumb_caption a {



        text-decoration: underline;



       	color : #FFFFFF;



}







.thumb_num_comments {



        font-weight: normal;



        font-size: 85%;



        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 {



        color: #FF8C00; 



		text-decoration: none;



		font-weight: normal;



}







.user_thumb_infobox a:hover {



        color: #FFD2A4; 



		text-decoration: none;



		font-weight: normal;



}







.sortorder_cell {



        background-color:#000000;



        color : #FFFFFF;



        padding: 2px;



        margin: 0px;



}







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







.navmenu {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	border-style: none;
	background-color: #000000;
}


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

}







.navmenu a {



        position: relative;



        display: block;



        padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;



        text-decoration: none;



        color: #FF8C00;



}







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







.admin_menu_thumb {



        font-family: Verdana, Helvetica, sans-serif;



        font-size: 85%;



        background-color:#000000;



        color:#FFFFFF;



        font-weight: bold;



        margin-top: 0px;



        margin-bottom: 0px;



        width: 85px;



}







.admin_menu_thumb a {



        color: #FFFFFF;



        text-decoration: none;



        display: block;



        position: relative;



        padding-top: 1px;



        padding-bottom: 1px;



        padding-left: 10px;



        padding-right: 10px;



}











.admin_menu_thumb a:hover {



        text-decoration: underline;



}







.admin_menu {



        font-family: Verdana, Helvetica, sans-serif;



        font-size: 85%;



        background-color: #000000;



        color:#FFFFFF;



        margin-top: 0px;



        margin-bottom: 0px;



        text-align: center;



}







.admin_menu a {



        color: #AEAEAE;



        text-decoration: none;



        display: block;



        position: relative;



        padding-top: 1px;



        padding-bottom: 1px;



        padding-left: 2px;



        padding-right: 2px;



}







.admin_menu a:hover {



        color: #CCCCCC;



        text-decoration: underline;



}







td #admin_menu_anim {



        background-image : url(images/button_bg_anim.gif);



}







.comment_date{



        color : #FFFFFF;



        font-size : 90%;



        vertical-align : middle;



}







.image {



        border-style: solid;



        border-width:2px;



        border-color: #FFFFFF;



        margin: 2px;



}







.imageborder {



        border: 1px solid #000000;



        background-color: #FFFFFF;



        margin-top: 10px;



        margin-bottom: 10px;



}







.display_media {



        background-color: #000000;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.thumbnails {



        background-color: #000000;



        padding: 5px;



}







.footer {
        font-size: 9px;
        color: #FFFFFF;

}







.footer a {



        text-decoration: none;



        color: #FF8C00;



}







.footer a:hover {



        color: #FFD2A4;



        text-decoration: none;



}







.statlink {
      color: #FFFFFF;
}







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







.statlink a:hover {



        color: #FFD2A4;



        text-decoration: underline;



}







.alblink a {



        text-decoration: underline;



        color: #FF8C00;



}







.alblink a:hover {



        color: #FFD2A4;



        text-decoration: underline;



}







.catlink {



        display: block;



        margin-bottom: 2px;



}







.catlink a {



	text-decoration: none;



	color: #FF8C00;



	font-size: 100%;



}







.catlink a:hover {



        color: #FFD2A4;



        text-decoration: underline;



}







.topmenu {



        font-size : 80%;



        margin-top:5px;



        margin-right:5px;



}







.topmenu a {



        color : #FF8C00;



        text-decoration : none;



}







.topmenu a:hover  {



        color : #FFD2A4;



        text-decoration : none;



}







.topmenu td  {



        white-space: nowrap;



        font-weight : bold;



}











.img_caption_table {



        border: none;



        background-color:#000000;



        width : 100%;



        margin : 0px;



}







.img_caption_table th {



        background-color:#000000;



        font-size : 100%;



        color : #FFFFFF;



        padding-top: 4px;



        padding-right: 10px;



        padding-bottom: 4px;



        padding-left: 10px;



}







.img_caption_table td {



        background-color:#000000;



        padding-top: 6px;



        padding-right: 10px;



        padding-bottom: 6px;



        padding-left: 10px;



        white-space: normal;



}







.gallery



{



     background-color:#000000;



}







.gal_name



{



        color:#FFFFFF;



        white-space:nowrap;



        font-size:20px;



}







.gal_description



{



        color:#FFFFFF;



        white-space:nowrap;



        font-size:10px;



}







.debug_text {



        border: #FFFFFF;



        background-color: #000000;



        width : 100%;



        margin : 0px;



}







.clickable_option {



        cursor : default;



}







.listbox_lang {



        color: #FFFFFF;



        background-color:#000000;



        font-size: 90%;



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