/* ----------------------------------------------------------------------------- GLOBAL -----------------------------------------------------------------------------*/ * {margin:0;padding:0} html,body {height:100%;margin:0;padding:0} body {background:#e5e5e5 url(../images/snow-bk.jpg);color:#444444;font:normal 12px "Maven Pro", arial, serif;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow-y:scroll} h1 {color:#222222;font:20px "Maven Pro", arial, serif;height:24px;text-shadow:1px 1px 1px #ffffff;padding:0;display:inline;line-height:35px;float:left} h2 {color:#222222;display:inline;font:16px/35px "Maven Pro", arial, serif;letter-spacing:1px;margin-left:10px;text-shadow:1px 1px 1px #ffffff} img {border:0} a,a:link {text-decoration:none} p {margin:10px 0 10px 0;padding:0} object {outline:none;padding:0;margin:0} ::-moz-selection {background:#205f82;color:#fff;text-shadow:none} ::selection {background:#205f82;color:#fff;text-shadow:none} /* ----------------------------------------------------------------------------- GENERIC -----------------------------------------------------------------------------*/ #df-container {min-height:100%} #df-content {padding:0 0 31px 0;clear:both} .info {font-size:10px;padding-bottom:3px;text-align:center;text-transform:uppercase;width:780px} .tag_highlight {font-weight:bold;color:#205f82} #flashContent {min-height:400px} #flashContentVideo {background:#ffffff} .warning {color:#333333;margin:0 auto;display:block;font-size:14px;padding:120px 20px 20px 20px;text-align:center;width:630px;height:237px;background:#ffffff} .warning2 {color:#333333;margin:0 auto;display:block;font-size:14px;padding:120px 0;text-align:center;width:1000px;height:237px} /* ----------------------------------------------------------------------------- IMAGE STRIPES -----------------------------------------------------------------------------*/ .colourboxholder {margin:0;padding:0;height:5px} .colourblock {float:left;height:5px;width:10%} /* ----------------------------------------------------------------------------- TOP + NAVIGATION -----------------------------------------------------------------------------*/ #dfheader {border-bottom:solid 1px #cccccc;height:50px;margin:0 auto 0 auto;width:980px;padding-top:10px} #topnav {font-size:16px;letter-spacing:1px;margin:0;padding-left:0;text-shadow:1px 1px 1px #ffffff} #topnav li {float:left;line-height:50px;list-style-type:none;margin:0 10px 0 0} #topnav li a {color:#205f82;padding:5px} #topnav li a:hover {color:#222222} #topnav li.active a {color:#222222} #topnav li:hover {color:#222222} #logo {display:block;float: left;margin:3px 10px 0 0;width:230px;height:40px;line-height:16px} .fname, .fname a {color:#555555;font-size:20px;text-shadow:0px 0px 4px #555555} .lname, .lname a {color:#205f82;font-size:20px;text-shadow:0px 0px 4px #555555} .tagline, .tagline a {color:#ffffff;font-size:14px;line-height:20px;padding-top:-10px;text-shadow:0px 0px 4px #000000} /* ----------------------------------------------------------------------------- MAIN IMAGE BLOCK -----------------------------------------------------------------------------*/ #mainimgholder {margin:0 auto 0 auto;width:980px; background-image:url(../images/content_bk.png) no-repeat} #leftimageinfo {float:left;border-right: 1px solid #cccccc;padding:0 15px 0 0;width:680px} #imgtitle {display:block;width:680px;height:35px} #mainimg {background:#ffffff url(/images/loadingW.gif) center center no-repeat;box-shadow:0 0 10px #444444;margin:0 auto;-moz-box-shadow:0 0 6px #444444;text-align:center;-webkit-box-shadow:0 0 6px #444444;width:670px;z-index:1;border:2px solid #ffffff;filter: progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=3)} #loadingimage {background:#ffffff} #zoom {z-index:2;position:absolute;background:url(../images/zoom.gif) no-repeat;height:21px;width:21px} /* ----------------------------------------------------------------------------- RIGHT BLOCK BOOKMARKS/TAGS -----------------------------------------------------------------------------*/ .bookmarks {margin:0;padding:0} .bnav li {width:250px;font:14px "Maven Pro", arial, serif;display:block; -moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;background:#dadada;text-shadow:1px 1px 1px #ffffff;-moz-box-shadow:2px 2px 3px #cccccc;-webkit-box-shadow:2px 2px 3px #cccccc;box-shadow:2px 2px 3px #cccccc;list-style-type:none;margin:0 0 10px 10px;padding:0 0 0 10px} .bnav li:hover {background:#cccccc} .bnav a:link {color:#333333} .tags {clear:both;float:left;margin:0;padding:0 0 0 10px;width:260px} .tname li {float:left;font:14px;list-style-type:none;margin:0 3px 0 3px;padding:3px 0 3px 0;text-shadow:1px 1px 1px #ffffff} .tname a {color:#205f82;text-decoration: none;font-size:16px} .tname li a:hover {color:#333333} .tname a:link {color:#205f82;margin-right:5px} .rightheading {clear:both;width:270px} .rightheading p {padding:0px;margin:0px 0px 3px 10px;text-shadow:1px 1px 1px #ffffff} .rightheading a:link {color:#205f82} /* ----------------------------------------------------------------------------- TAGS -----------------------------------------------------------------------------*/ #tagsholder {margin:0 auto;overflow:hidden;width:980px;font-size:14px;line-height:20px;text-shadow:1px 1px 1px #ffffff} #tagsholder p {clear:both;padding:10px 0 10px 0;margin:0} #tagsholder img {background:#fff;box-shadow:0 0 6px #444444;-moz-box-shadow:0 0 6px #444444;padding:1px;margin:0 2px 0 0;-webkit-box-shadow:0 0 6px #444444} #tagsholder a {color:#205f82} #tagsholder a:hover {color:#333333} #tagsholder a:hover img {filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7} #tagsholder a:link {outline:none} .tagcloud {margin:0;padding:0;width:980px;text-align:justify} .tagcloud a {line-height:45px;margin:0 3px 0 3px;padding:3px 0 3px 0;text-shadow:1px 1px 1px #ffffff;color:#205f82;text-decoration:none;} .tagcloud a:hover {color:#333333} /* ----------------------------------------------------------------------------- MAP IT -----------------------------------------------------------------------------*/ #map_holder {background:#ffffff url(/images/loadingW.gif) center center no-repeat;height:261px;margin:10px 0 0 10px;padding:2px;width:261px;box-shadow:0 0 6px #444444;-moz-box-shadow:0 0 6px #444444;-webkit-box-shadow:0 0 6px #444444;filter: progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=3)} #map_holder_large {background:#ffffff url(/images/loadingW.gif) center center no-repeat;height:650px;margin:10px auto 0 auto;padding:2px;width:980px;box-shadow:0 0 6px #444444;-moz-box-shadow:0 0 6px #444444;-webkit-box-shadow:0 0 6px #444444;filter: progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=3)} #map_canvas {height:261px;width:261px} #map_canvas2 {height:650px;width:980px} #map_content {background:#e5e5e5;padding:10px} /* ----------------------------------------------------------------------------- OLDER/NEWER THUMBNAIL IMAGES -----------------------------------------------------------------------------*/ .rightimageinfo {float:right;width:280px} .nextimageblock {width:140px;height:115px;float:left} .nextimage {color:#333333;float:left;font:14px;height:85px;padding:0 0 0 10px;text-align:left;text-decoration:none;text-shadow:1px 1px 1px #ffffff;width:130px} .nextimagetext {float:left;color:#205f82;text-decoration: none;font-size:16px;text-shadow:1px 1px 1px #ffffff;padding:0 0 0 10px} .nextimagetext:hover {color:#333333} .nextimage img {background:#ffffff;clear:both;box-shadow:0 0 6px #444444;-moz-box-shadow:0 0 6px #444444;padding:2px;-webkit-box-shadow:0 0 6px #444444;filter: progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=3)} .previmageblock {width:140px;height:115px;float:right} .previmage {color:#333333;float:right;font:14px;height:85px;text-align:right;text-shadow:1px 1px 1px #ffffff;width:130px} .previmagetext {float:right;color:#205f82;text-decoration:none;font-size:16px;text-shadow:1px 1px 1px #ffffff} .previmagetext:hover {color:#333333} .previmage img {background:#ffffff;box-shadow:0 0 6px #444444;-moz-box-shadow:0 0 6px #444444;padding:2px;-webkit-box-shadow:0 0 6px #444444;filter: progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=3)} /* ----------------------------------------------------------------------------- IMAGE DESCRIPTION -----------------------------------------------------------------------------*/ #imagedescription {font-size:16px;font-style:italic;letter-spacing:1px;margin:5px 0 10px 0;padding:0;text-align:left;text-shadow:1px 1px 1px #ffffff;width:680px;display:block;color:#222222} #imagedescription a {color:#205f82} #imagedescription a:hover {color:#333333} .exifinfo {font-size:14px;letter-spacing:1px} p.exifinfo {margin:0 0 5px 0;padding:0} .exifinfohighlight {color:#222222} .userblock {border-top:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;padding:10px 0 5px 0;1px solid #bbbbbb;float:left;width:680px;margin:0 0 10px 0;font-size:12px;font-style:italic;letter-spacing:1px;text-shadow:1px 1px 1px #ffffff;color:#555555} .userblock img {float:left;margin:2px 10px 0 0;border:2px solid #ffffff;box-shadow:0 0 6px #444444;-moz-box-shadow:0 0 6px #444444;padding:0;-webkit-box-shadow:0 0 6px #444444} .userblock img:hover {border:2px solid #bbbbbb} .username {float:right;clear:both;display:block} .imgno {float:right;text-shadow:1px 1px 1px #ffffff;line-height:35px} /* ----------------------------------------------------------------------------- ARCHIVE PAGE -----------------------------------------------------------------------------*/ #archives {margin:0 auto;overflow:hidden;width:980px;font-size:14px;text-shadow:1px 1px 1px #ffffff} #archives p {clear:both;padding:10px 0 10px 0;margin:0} #archives img {background:#fff;box-shadow:0 0 6px #444444;-moz-box-shadow:0 0 6px #444444;padding:1px;margin:0 2px 0 0;-webkit-box-shadow:0 0 6px #444444} #archives a:hover img {filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7} #archives a:link {outline:none} /* ----------------------------------------------------------------------------- CLEAR PAGE -----------------------------------------------------------------------------*/ #clear {margin:0 auto;width:980px;font-size:14px;text-shadow:1px 1px 1px #ffffff} #clear p {margin:0 0 10px 0;padding:0} p.clearfiles {font-size:10px} .clearhighlight {color:#222222} .clearfloat {display:block;float:left;width:490px} .deletebutton a:link {display:block;background:#990000;color:#ffffff;padding:5px;text-shadow:1px 1px 1px #000000;float:left;margin:0 10px 20px 0} /* ----------------------------------------------------------------------------- PHOTOGRAPHERS PAGE -----------------------------------------------------------------------------*/ #photographers {margin:0 auto;overflow:hidden;width:980px;font-size:14px;line-height:20px;text-shadow:1px 1px 1px #ffffff} #photographers p {margin:0 0 10px 0;padding:0} #photographers img {float:left;background:#fff;;border:1px solid #dddddd;box-shadow:0 0 6px #444444;-moz-box-shadow:0 0 6px #444444;padding:1px;margin:0 10px 0 0;-webkit-box-shadow:0 0 6px #444444;display:inline} #photographers a {color:#205f82} #photographers a:hover {color:#333333} .photographersblock {border-bottom:1px solid #bbbbbb;padding:10px 0 10px 0;1px solid #bbbbbb;float:left;width:980px;font-size:12px;font-style:italic;letter-spacing:1px;text-shadow:1px 1px 1px #ffffff} .photographerinfo {font-size:14px;letter-spacing:1px} p.photographerinfo {margin:0 0 5px 0;padding:0} .photographerstitle {font-weight:bold;font-style:normal} /* ----------------------------------------------------------------------------- ALBUMS PAGE -----------------------------------------------------------------------------*/ #albums {margin:0 auto;overflow:hidden;width:980px;font-size:14px;line-height:20px;text-shadow:1px 1px 1px #ffffff} #albums p {clear:both;padding:10px 0 10px 0;margin:0} #albums img {background:#fff;box-shadow:0 0 6px #444444;-moz-box-shadow:0 0 6px #444444;padding:1px;margin:0 2px 0 0;-webkit-box-shadow:0 0 6px #444444} #albums a:hover img {filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7} #albums a {color:#205f82} #albums a:hover {color:#333333} .albumnametext {margin:10px 0 5px 0} .albumsblock {width:490px; float:left} .albumsview {float:right;margin:0 10px 0 0} #albums h2 {color:#222222;display:inline;font:16px "Maven Pro", arial, serif;letter-spacing:1px;margin:0 0 10px 0;padding:0;text-shadow:1px 1px 1px #ffffff} /* ----------------------------------------------------------------------------- SSP INFO -----------------------------------------------------------------------------*/ #sspinfo {margin:0 auto;overflow:hidden;width:980px;font-size:14px;line-height:20px;text-shadow:1px 1px 1px #ffffff} #sspinfo p {margin:0 0 10px 0;padding:0} #ssp img {background:#fff;;border:1px solid #dddddd;box-shadow:0 0 6px #444444;-moz-box-shadow:0 0 6px #444444;padding:1px;margin:10px 0 10px 0;-webkit-box-shadow:0 0 6px #444444} #sspinfo a:hover img {filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7} #sspinfo a {color:#205f82} #sspinfo a:hover {color:#333333} #sspinfo h2 {color:#222222;display:inline;font:16px "Maven Pro", arial, serif;letter-spacing:1px;margin:0;padding:0;text-shadow:1px 1px 1px #ffffff} /* ----------------------------------------------------------------------------- SLIDESHOW PAGE -----------------------------------------------------------------------------*/ #slideshowholder {margin:0 auto;width:980px;overflow:hidden;font-size:14px;line-height:35px;text-shadow:1px 1px 1px #ffffff} #slideshowholder p {clear:both;padding:10px 0 10px 0;margin:0} /* ----------------------------------------------------------------------------- FOOTER -----------------------------------------------------------------------------*/ #footer {position:relative;margin:-31px 0 0 0;padding:0;width:100%;height:26px;background:#333333;color:#666666;clear:both} .footertextblock {float:left;height:26px;width:100%;margin:0 0 0 -75px;color:#999999;font-size:12px;text-align:center;line-height:26px;text-shadow: 1px 1px 1px #000000} .footertext {margin: 0 auto 0 150px} .footerlinks {float:right;height:26px;width:75px} .footertext a {color:#e5e5e5} .flickr {float:right;height:20px;width:20px;background:url(../images/flickr.png);margin: 4px 5px 0 0} .twitter {float:right;height:20px;width:20px;background:url(../images/twitter.png);margin: 4px 5px 0 0} .rss {float:right;height:20px;width:20px;background:url(../images/rss.png);margin: 4px 5px 0 0} /* ----------------------------------------------------------------------------- SHADOWBOX -----------------------------------------------------------------------------*/ #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:1px solid #303030;padding:2px; background:#ffffff;overflow:hidden;height:50px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#060606;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title,#sb-title-inner{height:26px;line-height:26px;} #sb-title-inner{font-size:16px;} #sb-info,#sb-info-inner{height:20px;line-height:20px;} #sb-info-inner{font-size:12px;} #sb-nav{float:right;height:16px;padding:2px 0;width:45%;} #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url(close.png);} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}