/* NZ Digital Images CSS definitions */

body {
  font-family: Verdana, Arial, Helvetica, serif;
  font-size:13px;
  margin: 0;
  background: #555 url(bg.gif);
  }

/* Start - Navigation Websites */
#nav-websites {
  font-weight: normal;
  font-family: arial, sans-serif;
  padding: 0;
  margin: 0;
  font-size: 12px;
  position: relative;
  background: #fff;
  border-bottom: 1px solid #444;
  }
#nav-websites ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0.5em 0;
  position: relative;
  }
#nav-websites ul li {
  display: inline;
  }
#nav-websites ul li a {
  display: inline;
  padding: 0.15em;
  color: #696969;
  text-decoration: none;
  margin: 0.2em;
  border-bottom: solid 2px #eee;
  }
#nav-websites ul li a:hover, 
#nav-websites ul li a.active {
  display: inline;
  padding: 0.15em;
  color: #003053;
  text-decoration: none;
  margin: 0.2em;
  border-bottom: solid 2px #FF1A00;
  }
#nav-websites .block ul li {
  margin-left: 15px;
  }
#nav-websites .block {
  margin: 0;
  padding: 0;
  }
/* End - Navigation Websites */   
  
form {
  margin: 0;
  padding: 0;
  }

/* Start - Format hyperlinks */
a:link, ul.pager a:link {
  color: #3366cc;
  text-decoration: none;
  }
a:visited, ul.pager a:visited {
  color: #3366cc;
  text-decoration: none;
  }
a:active, ul.pager a:active {
  color: #3366cc;
  text-decoration: none;
  }
a:hover, ul.pager a:hover{
  color: #3366FF;
  text-decoration: none;
  }
/* End - Format hyperlinks */

p {
  text-align: justify;
  }
h3 {
  font-size: 1.2em;
  color: #404040;
  }

#main {
  width: 800px;
  margin: 0 auto 0 auto;
  }

/* Start - Format Primary and Secondary Links */
#primary-links {
  margin: 0;
  font-size: 0.9em;
  margin-top: 20px;
  padding: 0 5px 1px 5px;
  }
  
#primary-links a:link,
#primary-links a:visited,
#primary-links a:active {
  color: #eee;
  text-decoration: none;
  font-weight: bold;
  padding: 2px 5px 1px 5px;
  margin-left: 2px;
  white-space: nowrap;
  background: #999;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;  
  }

#primary-links a:hover {
  color: #666;
  text-decoration: none;
  font-weight: bold;
  padding: 2px 5px 1px 5px;
  margin-left: 2px;
  white-space: nowrap;
  background: #dcdcdc;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; 
  }

#primary-links a.active:link,
#primary-links a.active:visited,
#primary-links a.active:active,
#primary-links a.active:hover {
  color: #222;
  text-decoration: none;
  font-weight: bold;
  padding: 2px 5px 1px 5px;
  margin-left: 2px;
  background: #fff;
  white-space: nowrap;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  }
  
#primary-links ul, 
#secondary-links ul {
  display: inline;
  text-align: left;
  border-collapse: collapse;
  padding: 0;
  list-style: none;
  margin: 24px 0px 0px 14px;
  }
#primary-links ul li, 
#secondary-links ul li {
  display: inline;
  white-space: nowrap;
  text-align: right;
  }
   
#secondary-links {
  bottom: 0;
  margin: 0 15px 0 0;
  font-size: 0.9em;
  float: right;
  }
#secondary-links a:link, 
#secondary-links a:visited, 
#secondary-links a:active {
  color: #e3e3e3;
  border-bottom: solid 2px transparent;
  margin-left: 0;
  margin-right: 0;
  }
#secondary-links a:hover,
#secondary-links a.active:link,
#secondary-links a.active:visited,
#secondary-links a.active:active,
#secondary-links a.active:hover {
  color: #fff;
  border-bottom: solid 2px red;
  margin-left: 0;
  margin-right: 0;
  }
/* End - Format Primary and Secondary Links */

#main #search {
  text-align: right;
  margin-right: 14px;
  margin-top: 14px;
  font-weight: bold;
  font-size: 1em;
  zoom: 100%; /* Stops text disappearing in IE */
  }
#main #search input {
  border: solid 1px #369;
  background: none;
  }
#main #search .form-input input  {
  height: 1.5em;
  } 
#main #search .form-submit  {
  border: 1px solid #fff;
  background: #003366;
  height: 1.5em;
  color: #fff;
  cursor: pointer;
  }  

/* Format right navigation blocks */ 
#main #navigation-punch {
  float: right;
  width: 180px; 
  text-align: left; 
  padding: 0 0 3px 3px;
  background: #bbddee; 
  border: solid black 1px;
  border-width: 0 0 1px 1px; 
  margin: -1px -1px 0 25px;
  position: relative; /* fix for IE/Win */
  }
#main #navigation-wrapper {
  border: solid #666 1px;
  background: #cdcdcd;
  zoom: 100%;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 180px; 
  }
#main .navigation {
  padding: 0.5em;
  color: #369;
  background: #cdcdcd;
  font-size: 0.9em;
  }
#main .navigation h2 {
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  margin: 0 0 0.15em 0;
  border: 1px solid;
  background: #003366;
  color: #fff;
  }  
#main .navigation a:link {
  color: #369;
  text-decoration: none;
  font-weight: bold;
  }
#main .navigation a:visited {
  color: #369;
  text-decoration: none;
  font-weight: bold;
  }
#main .navigation a:active {
  color: #369;
  text-decoration: none;
  font-weight: bold;
  }
#main .navigation a:hover {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  }
.block {
  margin-bottom: 1em;
  }
/* End - Format right navigation blocks */

#content-wrapper {
  margin: 0 14px 14px 14px;
  /*border: 1px solid #334466;  */
  background-color: #fff;
  padding: 0;
  /* border: solid 1px #222; */
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 0 5px 3px #888;
  -webkit-box-shadow: 0 0 5px 3px #888;
  box-shadow: 0 0 5px 3px #888; 
  }
#header {
  margin: 20px 14px 14px 14px;
  background-color: #fff;
  padding: 5px;
  text-align: center;
  /* border: solid 1px #222; */
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 0 5px 3px #888;
  -webkit-box-shadow: 0 0 5px 3px #888;
  box-shadow: 0 0 5px 3px #888; 
  }
.site-name {
  font-size: 1.8em;
  padding: 0;
  margin: 0;
  }
#mission {
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: bold;
  letter-spacing: .2em;
  color: #fff;
  color: #333;
  }
#content  { 
  padding: 10px 20px 10px 20px;
  margin-top: 0;
  position: relative;
  zoom: 100%; /* IE Fix for embedded gallery */
  }
.breadcrumb {
  font-size: 0.85em;
  padding: 0;
  text-align: right;
  }
#content h1 {
  color: #334466;
  font-size: 1.6em;
  margin-top: 0.25em;
  margin-bottom: 0;
  }
h2.page-title { 
  margin-top: 7px;
  }
h2.page-title, h2.title, h2{
  color: #303030;
  font-size: 1.2em;
  padding-bottom: 2px;
  }
.node h2, .node h3 {
  padding-bottom: 2px;
  margin-bottom: 0;
  }
h2.page-title, .node h3 {
  border-bottom: 1px solid;
  margin-bottom: 0;
  }
.node {
  padding-top: 0;
  margin-top: 0;
  clear: both;
  }
.node p {
  padding-left: 10px;
  padding-right: 10px;
  }
.submitted {
  font-size: 0.8em;
  color: #333;
  padding: 3px;
  float: right;
  }

.footer {
  font-size:0.7em;
  text-align: center;
  padding: 0.5em;
  background: #333;
  clear: both;
  color: #eee;
  margin: 14px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 0 5px 3px #888;
  -webkit-box-shadow: 0 0 5px 3px #888;
  box-shadow: 0 0 5px 3px #888;
  }


/* General positioning stuff */
.center {
  text-align: center;
  margin: 0 auto 0 auto;
  }


/* Make nested divs full height to stop content overlap */
.full-height {
  clear: both;
  }
.full-height-left {
  clear: left;
  } 

.img1, .img1 .one-image {
  display: inline;
  padding-right: 9px;
  }  
  
.itemdetails {
   font-size: 0.8em;
   text-align: right;
   float: right;
  }

.right {
  float: right;
  margin-left: 10px;
  }
/* End - Make nested divs full height to stop content overlap */

/* Format Contact Form */
#edit-field-1, #edit-field-2 {
  width: 200px;
  }


/* Format User Profile */
.profile {
  clear: left;
  margin: 1em 0 1em 0;
}

/* Format node edit forms */
.node-form .standard {
  clear: left;
  }
 
/* Format Google ads */
#ads-bottom {
  clear: both;
  margin: 5px auto 0 auto;
  width: 728px;
  height: 90px;
  border: solid 1px red;
  }
/* End - Format Google ads */

/* Remove <br /> from bottom of node */
.giImageBlock-clear-both {
  display: none;
  }


#links {
  text-align: center;
  border: solid 1px #303030;
  padding: 3px 0 3px 0; 
  background: #fff;
  width: 728px;
  margin: 5px auto 0 auto;
  }

/* Start - Format Navigation Block */
#navigation {
  /*float: right;*/
  font-weight: bold;
  font-size: 0.85em;
  border: solid 1px #303030;
  /*background: #404040;*/
  margin: 2px;
  }
#navigation a:link, #navigation a:visited, #navigation a:active {
  color: #999;
  }
#navigation a:hover {
  color: #111;
  }
#navigation h2 {
  display: none;
  }
#navigation ul {
  border-collapse: collapse;
  padding: 0.2em 0 0.2em 0;
  /* white-space: nowrap;*/
  list-style: none;
  }
#navigation ul li {
  display: inline;
  white-space: nowrap;
} 
#navigation .block {
  margin-bottom: 0;
  } 


/* Format Fieldsets */
.warning h3 {
  margin: 0 5px 0 5px;
  color: red;
  }
.warning {
  background: #fffaf0;
  border: solid 2px red;
  }

th {
  text-align: left;
  padding-right: 0;
  border-bottom: 3px solid #555;
}

 
/* Stop extra borders in embedded gallery */
tbody {
  border-top: 0px solid #ccc;
}

/* Start - Format Gallery Search Results */
.search-results table {
  text-align: center;
  }
.search-results table p {
  text-align: left;
  }
dt.title {
  margin-top: 5px;
  }
.search-results table dd {
  margin: 10px;
  }
.search-results table td {
  width: 33%;
  vertical-align: top;
  }
.odd {
  background-color: #fff;
  }
.even {
  background-color: #ebebeb;
  }
/* End - Format Gallery Search Results */


.sites {
  border-top: 1px solid #303030;
  text-align: center;
  padding-top: 7px;
  clear: both;
  }


/* Start - Format Comments */
h2.comments {
  background: url(comments-bg.png) repeat;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  font-family:Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;
  padding: 3px;
  border: solid 1px #ebebeb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }

.comment-count {
  float: right;
  }
.comment { 
  width: 713px;
  border: #ebebeb solid;
  border-width: 1px;
  padding: 0.5em;
  margin: 0 auto 20px auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.title {
  font-weight: bold;
  font-size: 1em;
  }
.author {
  font-size: 0.8em;
  color: #939393;
  float: right;
  position: relative;
  padding: 0;
  }
/* End - Format Comments */
    
/* Start - Format Images  */
.node .field-field-photo {
  margin: 5px 0 0 0;
  text-align: center;
  }
.teaser .field-field-photo {
  margin: 5px 5px 0 0;
  text-align: left;
  float: left;
  }
img.imagecache-preview {
  padding: 10px;
  background: #e3e3e3;
  border: #313131 1px solid;
  margin: 0 auto 0 auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }

.teaser .field-field-photo a img,
a img.imagecache-thumbnail {
  padding: 7px;
  background: #eee;
  border: #999 1px solid;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.teaser .field-field-photo a:hover img,
a:hover img.imagecache-thumbnail {
  padding: 7px;
  background: #e3e3e3;
  border: #313131 1px solid;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.views-field-field-photo-fid {
  text-align: center;
  }
/* End - Format Images  */

/* Start - Format archives page */
table.views-view-grid {
  width: 100%;
  margin-top: 10px;
  }
/* End - Format archives page */

/* Start - Format EXIF and Comments Fieldset */
.node fieldset, #comments fieldset {
  border: none;
  }
/* End - Format EXIF and Comments Fieldset */

/* Format the Border around Gallery Image Blocks */
.one-image {
  text-align: center;
  margin: 0 0 0 0;
  }
.one-image a img {
  padding: 10px;
  background: #eee;
  border: #999 1px solid;
  margin-top: 0 auto 0 auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 6px;
  }

.one-image a:hover img {
  padding: 10px;
  background: #e3e3e3;
  border: #313131 1px solid;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  }
 
#block-gallery-block-3 table {
	text-align: center;
	margin: 0 auto 0 auto;
	} 
#block-gallery-block-3 .one-image a img, 
#block-gallery-block-3 .one-image a:hover img {
  padding: 6px;
  margin: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  } 
#block-gallery-block-3 tr.odd, 
#block-gallery-block-3 tr.even {
  background: #fff;
  border: none;
  padding: 0;
  }
#block-gallery-block-3 td {
  padding: 0 4px 0 4px;
  }  
/* End - Format the Border around Gallery Image Blocks */


.terms {
  float: left;
  font-size: 0.9em;
  }

/* Start - Format Pager */
ul.pager {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 0.85em;
  }
.pager-current {
  border: solid 1px #303030;
  background: #e3e3e3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }

/* End - Format Pager */


/* Start - Custom Pager (requires Custom Pager module) */
ul.custom-pager {
  margin-top: 0;
  display: block;
  position: relative;
  font-size: 0.85em;
  }
ul.custom-pager li {
  position: relative;
  text-align: center;
  display: inline;
  float: none; 
  margin: 0 2em 0 2em;
  }  
.custom-pager-top, .custom-pager-bottom {
  clear: both;
  }
.custom-pager-bottom {
  text-align: left;
  }
/* End - Custom Pager */  
  
/* Start - Format Exif Data */
.field-field-exif-exposuretime .field-label-inline-first,
.field-field-computed-aperturefnumber .field-label-inline-first,
.field-field-exif-isospeedratings .field-label-inline-first,
.field-field-exif-focallength .field-label-inline-first,
.field-field-ifd0-make .field-label-inline-first,
.field-field-ifd0-model .field-label-inline-first {
  width: 8.5em;
  display: inline-block;
  }
/* End - Format Exif Data */

 /* Format Teaser */
.teaser {
  clear: both;
  }
.teaser p {
  margin-top: 1em;
  }


/* Format Messages */
#message {
  border: solid 1px red;
  background: #efefef;
  padding: 5px;
  }


/* Start - Format Information Section and blocks*/
#info-block {
  margin: 14px;
  background-color: #fff;
  padding: 0;
  /*border: solid 1px #222;*/
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 0 5px 3px #888;
  -webkit-box-shadow: 0 0 5px 3px #888;
  box-shadow: 0 0 5px 3px #888;
  }
#info-block h2 {
  background: url(comments-bg.png) repeat;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 1em;
  font-family:Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;
  padding: 3px;
  margin: 0 0 10px 0;
  border: solid 1px #ebebeb;
  } 
#info-left, #info-center, #info-right {
  display: inline-block;
  width: 240px;
  margin: 0;
  float: left;
  padding: 10px;
  }
#info-block .content {
  padding: 0 10px 0 10px;
  }
#info-block .item-list ul,
#info-block .item-list ul.links {
  list-style-type:  none;
  margin: 5px 0 0 5px;
  padding: 0;
  text-align: left;
  }
#info-block .item-list ul li {
  margin: 0 0 0 0;
  padding:  0 0 0 12px;
  line-height:  16px;
  background: url(arrow.gif) 0 4px no-repeat;
  list-style: none;
  }
/* End - Format Information Section */


.view-categories ul.views-summary {
  width: 760px;
  list-style-type:  none;
  margin: 0 0 0 5px;
  padding: 0;
  text-align: left;
  }
.view-categories ul.views-summary li {
  width: 140px;
  margin: 5px 0 0 0;
  padding:  0 5px 0 5px;
  line-height:  15px;
  float:  left;
  list-style: none;
  }
.view-categories .active {
  background: red;
  color: #fff;
  }
