/******************************************************************************
*
* Filename:     css.css
*
* Description:  Stylesheet for default display          
*
*
* Author:       David Burton
* Date:         19/02/2006
* Project:      DWW Gallery
*
* Revision:     1.0B
*
*
* URL:          http://gallery.dave-webwizard.com
*
* Copyright:    Copyright David Burton 2006
*
* License:      This file is part of the DWW Gallery
*
*               You should have received a copy of the GNU General Public
*               License along with the DWW Gallery if not,
*               write to the Free Software Foundation, Inc., 59 Temple
*               Place, Suite 330, Boston, MA  02111-1307  USA
*
*               If you require a different license for commercial or other
*               purposes, please contact the author: dave@dave-webwizard.com
* TO ADD:
*			   Everything depends on #dww_gal for site intergration
*
******************************************************************************/
body,html{height:100%;font-size:100%;font-family:default;color:#000;}
div.photo{
float:left;
border:1px solid;
margin:2px;
text-align:center;}

div.gallery{
float:left;
border:1px solid;
margin:2px;
text-align:center;}

.right{
float:right;}

.left{
float:left;}

.cll{
clear:left;}

.buttonline{
padding:3px 0;
margin-right:2px;}

#pagination{
clear:both;}

.button{
padding:2px 10px 2px 10px;
border:1px solid #000000;
background-color:#666666;
color:#ffffff;
text-decoration:none;}

.nav_photo{
padding:0px;
display:none;
position:absolute;
border:1px solid #000000;
top:28px;
z-index:99;
}

.button:hover, .right a:hover{
background-color:#999999;
color:#000000;}

span.button, span.button:hover{
background-color:#cccccc;	
}
div#next_photo{right:2px}
img.photo{
padding:2px;}

strong.error{
color:#ff0000;}

div.clear{
clear:both;}

form{
padding:0;
margin:0;}

#exif{
border:1px solid #000;
margin:2px;
padding:2px;
width:40%;
float:right;}
#exif #histogramPanel{
float:right;color:#fff;margin-right:10px;
}
#exif #histogramPanel a.normal{
	background:none;padding:0;color:#fff;
}
#histogram{border:0;}
#exif a{
padding-left:15px;
background: url('images/expand.gif') no-repeat 0% 50%;}

#exif a.clicked{
background: url('images/contract.gif') no-repeat 0% 50%;}

.swapdisp a{
padding-left:15px;
background: url('images/expand.gif') no-repeat 0% 50%;}

.swapdisp a.clicked{
background: url('images/contract.gif') no-repeat 0% 50%;}

.gallerydelete{
padding-left:250px;}

.divcont {
Padding-left:10px;display:block;}

body{
padding:0;
margin:0;}

#pagination{
padding:3px;
text-align:center;}

#pagination a{
padding:2px;
border:1px solid #000000;
background-color:#666666;
text-decoration:none;}

#pagination a:hover{
background-color:#aaaaaa;}

form{
	width:425px;
	text-align:center;}
	
label{
font-weight:bold;
text-align:left;
float:left;}

form .formline {
clear:left;}

form .formline label{
width:125px;}

form .formline input{
float:left;
width:290px;
margin:2px 0;}

form textarea{
width:99%;}
form.smallform{
width:300px;
text-align:center;}

form.smallform .formline input{
width:190px;}

form.smallform .formline label{
width:100px;}

form .submit{
margin-top:1em;
clear:both;}
form .formline input.checkbox{
width:auto;}

table.admintable{
border-collapse:collapse;
border:1px solid #000;
margin-top:1em;}

table.admintable th{
text-align:left;
font-weight:bold;}

table.admintable td,table.admintable th{
border:1px solid #000;
padding:5px;}

div.adminpanel{
float:left;
margin:0 15px;
border:1px solid;
padding:5px;}

div.adminpanelcenter{
float:left;
border:1px solid;
padding:5px;}

div.adminpanel h3, div.adminpanelcenter h3{
margin:0 0 1em 0;}

.fullsizephoto{
display:block;clear:both;
}
.fullsizephoto a{margin: 0px 1px;display:block;text-align:center;}
.fullsizephoto a img{}

.mysql_error{
position:absolute;background-color:#fcc;border:1px solid #f00;margin:3px;padding:3px;
}
#previewmenu{
	position:absolute;top:0px;display:none;background:#fff;padding:2px;border:1px solid #000;width:150px
}
#previewmenu a{
	display:block;padding:2px;color:#000;text-decoration:none;text-align:left;
}
#previewmenu a:hover{
	background:#aaa;
}

#previewmenu span{
	padding:2px;color:#aaa;text-align:left;display:block;
}

/*#breadcrumb{width:100%;overflow:hidden;}
#breadcrumb a, span.bc_sep{float:left;padding:3px 0;}
a#gallerytitle{float:left;padding:0 2px;border:1px inset #ccc;border-right-width:0px;text-decoration:none;position:relative;padding-right:20px;}
a#gallerytitle span{
background:#ccc url(images/dropdown_down.gif) no-repeat 2px;
position:absolute;right:0px;border:1px solid #000;border-width:0 1px;
}

#gallerylist {
	position:absolute;
	height:200px;overflow-y:scroll;overflow-x:hidden;float:left;
	border:1px inset #ccc;border-right-width:0px;
}
#gallerylist ul{
	margin:0;padding:0;
	list-style:none;
	background:#fff;padding-right:20px;
	position:relative;
}
#gallerylist ul li{margin:0;color:#999;padding:0px;width:100%;}
#gallerylist ul li a{float:none;margin:0;text-decoration:none;color:#000;display:block;padding:0 2px;}
#gallerylist ul li a:hover{background-color:#ccc;}

.dropdown{
width:20px;background-color:#ccc;overflow:hidden;text-indent:-1000px;display:block;float:left;border:1px solid #000;border-left-width:0px
}*/