/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
.low {display:none;}


/* body
--------------------------------------------------*/
body {
  margin:0;
  padding:12px 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:75%;
  line-height:1.6em;
  text-align:center;
}

body#commentspopup {padding:0;}

body {
  color:#2A2E52;
  background: #aaa url(http://www.dsphotographic.com/images/common/background-gradient.jpg) repeat-x;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}



/* container
--------------------------------------------------*/
#container {
  border: 1px solid #2A2E52;
  background:#E0E1D2;
}

#container.singlecol,
#commentspopup #container {background-image:none;}

#container {
  width:760px;
  margin:0px auto;
  padding:0px 0px 0px 0px;
  text-align:left;
}

#commentspopup #container {
  width:455px;
  padding:0 15px;
}


/* headings
--------------------------------------------------*/
h1, h1 a,
h2, h2 a,
h3 a,
h4 a
  {color:#6C2300;}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover
  {color:#BB3400;}

h2, h1{
  font-family: Georgia, serif;
  font-weight:normal;
}

#gsSidebarCol h2{
  font-weight: bold;
}

h1 {font-size:19px;}

/* links
--------------------------------------------------*/
a {color:#6C2300;}

a:visited{color: #421700;}

a:hover {color:#BB3400;}

a.commentlink {
  padding-left:15px;
}

a.more {
  padding-right:0px;
}

a {text-decoration:none;}

a img {border:none;}


/* paragraphs, lists, etc
--------------------------------------------------*/
pre,
code
  {background-color:#F8FAF2;}

kbr {color:#009193;}

p {
  margin:0;
  padding:0 0 18px 0;
}

ul {
  margin:0 0 0 1.4em;
  padding:0 0 18px 0;
}

ul ul {padding:0;}

blockquote {
  margin:0;
  padding:0 18px;
  font-style:italic;
}

pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
}

pre, code, kbr {font-family:Courier, Monaco, monospace;}

code, kbr {padding:0 2px;}

abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
}







/* breadcrumb
--------------------------------------------------*/
.breadcrumb {
  color: #EBECDD;
  font-size: 11px;
}

.breadcrumb a:link, .breadcrumb a:visited{
  color: #2A2E52;
}

.breadcrumb a:hover{
  color: #EBECDD;
}

div.breadcrumb{
  width: 760px;
  margin:0px auto;
  text-align: left;
  padding-bottom: 3px;
  padding-left: 28px;
  overflow: hidden;
  white-space:nowrap;
}




/* header
--------------------------------------------------*/

#headergraphic{
  width:760px;
  height: 70px;
  margin:0px auto;
  padding-bottom: 7px; 
}

#headergraphic .headerlink{
  margin-left: 15px;
  width: 370px;
  float: left;
}

#headergraphic .headerdate{
  float: right;
  padding-right: 20px;
  text-align: left;
  width: 120px;
}

#headergraphic {
  background-color: #aaa;
  background:url(http://www.dsphotographic.com/images/common/header.jpg) no-repeat;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 9px;
}

#header {
  background-color:#D1D2C6;
}

#headergraphic {
  background-color: #aaa;
  background:url(http://www.dsphotographic.com/images/common/header.jpg) no-repeat;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 9px;
}

#header {
  background-color:#D1D2C6;
}

/* navigation
--------------------------------------------------*/
#navigation {
  height:1.2em;
  line-height:1.2em;
  width: 760px;
  margin:0px auto;
  padding-bottom: 8px;
  overflow: hidden;
  white-space:nowrap;
}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  white-space:nowrap;
}

#navigation li a {
  display:block;
  padding:0 9px;
  font-size:1em;
  letter-spacing:0px;
}

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation form {
  float:right;
  height:100%;
  width:189px;
  padding:0 15px;
  border-left:1px solid;
  line-height:0;
}

#navigation form fieldset {
  /* centering the search form could've
  been done way more elegant but IEWin
  and Opera refused to follow the rules */
  margin-top:7px;
  border:0 solid; /* Opera */
}

* html #navigation form fieldset {margin-top:7px;}

#navigation #s {
  height:1.5em;
  width:140px;
  margin:0 5px 0 0;
  padding:0;
  border:1px solid;
  font-size:0.8em;
  vertical-align:middle;
}

#navigation #searchbutton {
  height:2em;
  width:auto;
  padding:0 1px;
  border:1px solid;
  font-size:9px;
  letter-spacing:1px;
  text-align:center;
  vertical-align:middle;
}

#navigation {
  font-size:11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

#navigation li {border-color:#E0E1D2;}

#navigation a {color:#EBECDD;}

#navigation .selected,
#navigation a:hover
  {color:#2A2E52}

#navigation form {
  border-color:#E0E1D2;
  background:#5A5B56;
}

#navigation #s {border-color:#2A2E52;}

#navigation #searchbutton {
  color:white;
  background-color:#81827B;
}



/* sidebar
--------------------------------------------------*/
#gsSidebarCol{
  width:148px ! important;
  border-right:1px dashed #2A2E52;
  padding: 15px;
  overflow: hidden !important;
  max-width:148px;
}

#gsSidebarCol h2{
  color: #2A2E52;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border-bottom: 1px dashed #2A2E52;
  margin-bottom: 10px;
}

.block-albumselect-AlbumTree{
  overflow: hidden;
  max-width:148px;
}

#gsSidebarCol a{
  text-decoration:underline;
}

#search_SearchBlock{

  padding-bottom: 10px;
  margin-bottom: 5px;
  font-size:11px;
}

#search_SearchBlock input{
  border: 1px solid #2A2E52;
  padding: 4px;
  width: 140px;
  color: #2A2E52;
  font-size: 10px;
}

.dtree{
  font-size:11px;
}

.menuoptions{
padding-bottom: 10px;
}

#dalbumTree0{
  border-bottom: 1px dashed #2A2E52;
  padding-bottom: 10px;
  font-size:11px;
  line-height: 15px;
}

.block-core-ItemLinks{
  border-bottom: 1px dashed #2A2E52;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-size: 11px;
}

.one-image img{
  border: 1px solid #2A2E52;
  padding: 4px;
  background:#fff;
}

.one-image a:hover img{
  background: #BB3400;
}

.block-core-PeerList{
  font-size: 11px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #2A2E52;
  line-height: 17px;
}

.block-core-PeerList a{
  display: block;
}

.one-image h3, .block-core-PeerList h3{
  font-size: 11px;
}

.one-image h4{
  font-size: 11px;
  border-bottom: 1px dashed #2A2E52;
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-weight: normal;
}

.gbLink-rss_SimpleRender{
  display:none;
}

.block-core-ItemLinks{
  border-bottom:none;
  margin-top:0px;
  margin-bottom:0px;
}

.deliciousdiv{
  border-bottom: 1px dashed #2A2E52;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-size: 11px;
}


.amung{
display:none;
padding-top: 5px;
}


/* content
--------------------------------------------------*/
#gsContent p{
  font-size: 11px;
  color: #2A2E52;
}

#gsThumbMatrix img{
  border: 1px solid #2A2E52;
  padding: 4px;
  background:#fff;
}

#gsThumbMatrix a:hover img{
  background: #BB3400;
}

.deliciouspost a:link{
  color: #5A5B56;
  text-decoration:underline;
}

.deliciouspost a:hover{
  color: #BB3400;
  text-decoration:underline;
}

.descriptionholder, .searchholder{
  padding: 20px 20px 5px 20px;
  background-color: #d1d2c6;
}

.descriptionholder .size{
  color: #5A5B56;
  font-size: 10px;
  line-height: 25px;
}

.imageOptions {
  float:right;
  font-size: 11px;
}

.imageOptions a{
  text-decoration: underline;
}

.h2single {
margin-bottom: 10px;
}


.block-core-Navigator{
  padding: 5px 0px;
  background-color: #B8B9AF;
  height: 20px;
}

.block-core-Navigator a{
  padding:0 6px;
}

.first-and-previous{
  padding-left:20px;
  font-size:11px;
}

.next-and-last{
  float:right;
  padding-right:20px;
  font-size:11px;
}

#gsThumbMatrix{
  border-top: 1px solid #B8B9AF;
  border-left: 1px solid #B8B9AF;
  background-color: #B8B9AF;
  border-spacing: 0px;
}

#gsThumbMatrix td{
  width: 188px;
  border-bottom: 1px solid #B8B9AF;
  border-right: 1px solid #B8B9AF;
}

#gsThumbMatrix .giAlbumCell{
  background-color: #EEEFE7;
}

#gsThumbMatrix .giItemCell{
  background-color: #E0E1D2;
}

td.giAlbumCell, td.giItemCell {
    padding: 20px;
    text-align: left;
}

#gsThumbMatrix .giTitle a:link,
#gsThumbMatrix .giTitle a:visited{
  text-decoration:underline;
}

#gsThumbMatrix .giDescription{
  padding-bottom: 5px;
  line-height:15px;
}


td.giAlbumCell .giTitle, td.giItemCell .giTitle{
  margin-top: 5px;
}

td.giAlbumCell .size, td.giItemCell .size{
  color: #6C2300;
  font-size: 10px;
  line-height: 15px;
}


#gsImageView{
  padding: 20px;
}

#gsImageView img{
  border: 1px solid #2A2E52;
  padding: 4px;
  background:#fff;
}


.giTitle {
  font-weight: bold;
  line-height: 14px;
  padding: 0px 0px 3px 0px;
}

.block-core-Pager{
  font-size:11px;
  padding:5px 20px;
}

.gbDataTable{
  font-size: 10px;
  color: #5A5B56;
}

.block-core-GuestPreview{
  padding: 0px 0px 5px 20px;
  font-size: 11px;
}

.keywords{
  padding: 0px 20px 20px 20px;
}

.keywords h4{
  font-size:9px;
  font-weight: normal;
  color: #5A5B56;
  line-height: 15px;
}


/* form
--------------------------------------------------*/
#emailForm, #prints{
  padding: 0px 20px 20px 20px;
}

#emailForm a{
  text-decoration: underline;
}

#emailForm p, #emailForm td, #printsus td{
  font-size: 11px;
}

#emailForm .inputbox, select, .searchholder input{
  border: 1px solid #2A2E52;
  color: #2A2E52;
  padding: 2px;
  font-size: 11px;
}

#details{
  border: 1px solid #2A2E52;
  color: #2A2E52;
  padding: 2px;
  font-size: 11px;
}

#emailForm .button,
.searchnav input,
.inputTypeSubmit
{
  background-color: #fff;
  border: 1px solid #2A2E52;
  color: #6C2300 !important;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, sans-serif;
}
#printsus, #printsintl {
background-color: #B8B9AF;
}

#printsus th, #printsintl th {
text-align: left;
padding: 4px;
}

#printsus td, #printsintl td{
background-color: #D1D2C6;
padding: 4px;
}

.printheader {
font-weight: bold;
color: #6C2300 ! important;
margin-top: 15px;
padding-bottom: 5px;
}

#emailForm h2{
margin-bottom: 5px;
}

#prints h2{
margin-bottom: 10px;
}

#prints a{
text-decoration: underline;
}

#prints p{
font-size: 11px;
}

#jcap{
  margin-top: 10px;
}

.jcapimg{
  padding-right: 20px;
}

.jcapimg img {
  border: 1px solid #2A2E52;
}



/* search
--------------------------------------------------*/
.searchholder h2, .searchholder h1{
  margin-bottom: 12px;
  font-weight:normal;
}
.searchholder {
  padding-bottom:15px;
}

.searchnav{
  padding-left:20px;
  font-size: 11px;
}

.searchnav input{
  margin-left: 5px;
}

.giSearchHighlight{
  background-color:#fff;
  font-weight: bold;
  padding: 2px 0px;
}

#SearchShowAll .gbBlock{
  font-size:11px;
}

.gbBlockSearch {
  padding: 0px;
  margin: 0px;
}

.noresults{
  padding: 20px;
}

form#SearchShowAll, #gsContent{
  padding: 0px;
  margin: 0px;
}


/* footer
--------------------------------------------------*/
#footer {
  clear:both;
  padding:20px 20px 15px 20px;
  font-size:0.9em;
}

#gallery .gbSystemLinks a{
  color: #fff;
}

#gallery .gbSystemLinks a:hover{
  color: #81827B;
}

div.footerinfo{
  clear: both;
  float: right;
}

.footerinfo p{
  border: none ! important;
}

.singlecol #footer {
  padding:25px 0 15px 0;
}

#footer p {
  padding:12px 0 18px 0;
  border-top:1px solid;
}

#footer strong {font-weight:normal;}

.singlecol #footer p {
  padding:12px 30px 18px 30px;
}

#footer {
  color:#A0A0A0;
  background-color: #FEFFF7;
}

.singlecol #footer {background-image:none;}

#footer strong {color:#5A5B56;}

#footer p {line-height: 1.3em;}

div.footerinfo{text-align: right;}