@charset  "UTF-8";

/*
  Bob Schalkwijk Photography
  http://www.bobschalkwijkphotography.com
  
  @author Dieter Wimberger (dieter at wimpi dot net)
*/

#archive
{
	clear: both;
	width: 75%;
	margin: 30px auto 10px auto;
}

#archive .navmenu { float: right; }

#archive .navmenu li
{
	width: 85px;
	color: white;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12px;
	font-variant: small-caps;
	padding-bottom: 5px;
}

#archive .navmenu li a
{
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}

#archive .navmenu li a:hover
{
	text-decoration: none;
	color: #993300;
}

#archive .navmenu img { border: 0pt none; }
.secondary a { color: #666 !important; }

#archive-grid {
  width:480px;
  float: left;
}

#archive-set-grid {
 overflow: hidden; 
 width: 440px;
 height: 380px;
 border: 1px solid #838d7a;
}


#archive-set-grid h3 {
  color: black;
  padding-bottom: 3px;
}

#archive-set-grid p.set-desc
{
	font-family: sans-serif,Verdana,Helvetica;
	font-size: 11px;
	font-style: italic;
	text-align: left;
}

.details .x-btn-text {
    background-image: url(/ext-resources/images/gray/grid/details.gif);
}

.x-resizable-pinned .x-resizable-handle-south{
    background:url(/ext-resources/images/default/sizer/s-handle-dark.gif);
    background-position: top;
}

#archive.scrollable
{
  overflow: auto; 
  max-height: 450px;
}


#photosets {
  float:left;
  text-align:left;
  margin: 0px auto;
  width: 400px;
  color: #ffffff;
  overflow: auto;
}

#photosets .set {
  clear:both;
  padding-bottom: 10px;
}

#photosets .set .name {
  font-weight:bold;
  float: left;
  padding-right: 5px;
}
 

#photosets .set .name a {
  color: #ffffff;
  font-size:18px;
  font-family: sans-serif,Arial,Helvetica;
}

#photosets .set .name a:hover
{
	color: #993300;
	text-decoration: none;
}


#photosets .set .size {
  font-size: 14px;
  
}

#photosets .set .description
{
    display:block;
    clear:both;
	font-size: 14px;
	color: #DDD;
	font-style: italic;
}

#archive .emptycache {
  display: block;
  clear: both;
  float: left;
}

#archive h3.section {
  display: block;
  clear:both;
  padding-bottom: 5px;
}

#archive p.clear {
  display: block;
  clear:both;
  height: 10px;
}


#archive .importfile {
  display: block;
  clear: both;
  float: left;
  padding: 10px 0px 10px 0px;
}

#archive .importfile .filename {
  color: #ffffff;
  font-family: sans-serif,Arial,Helvetica;
  font-size: 14px;
  line-height: 14px;
  padding-right: 5px;
}