/* 
   css Copyright © 2005-2011 Karelia Software. All Rights Reserved.
   css released under Creative Commons License  - http://creativecommons.org/licenses/by-sa/2.5/ 
   All associated graphics belong to their respective owners and are licensed separately. 
*/

/* IE7 hacks */

*:first-child+html .gridItem img {
	position:relative;
	top:0px;
}

*:first-child+html .gridItem h3 {
	position:relative;
	top:0px;
}

/* Navigation arrows */
div.text-navigation { text-align:center; margin-bottom:1em;}
div.text-navigation div { display:inline; margin:0px 0.5em; }
.collection-navigation .disabled-navigation { text-indent:-5000px; }

/* 2.0 wrap compatibility. 2.0-compatible designs can further adjust these if they need */
.wide { display:block; }

.narrow.left {   /* Some designs won't respect without !important */
    float:left!important;
    clear:left!important;
}
.narrow.right {
    float:right!important;
    clear:right!important;
}

.wide.left .graphic, img.wide.left { margin-left:0px; margin-right:auto; }
.wide.center .graphic, img.wide.center { margin-left:auto; margin-right:auto; }
.wide.right .graphic, img.wide.right { margin-left:auto; margin-right:0px; }

.ImageElement.left { text-align:left; }
.ImageElement.center { text-align:center; }
.ImageElement.right { text-align:right; }

/* Captions should align themselves with the graphic */
.graphic-container.left .caption { text-align:left; }
.graphic-container.center .caption { text-align:center; }
.graphic-container.right .caption { text-align:right; }

/* Inline iframes need to display as a block to layout right */
.graphic iframe { display:block; }

/* Pagelet photo grids should be generally be auto width (some 1.x designs hardcoded an exact width) */
.pagelet .photogrid-index { width:auto; }

/* For content like amazon which forces white background. Design SHOULD set color for A tag and text color. */
.whiteBackground
{
	background-color:white;
}

.article-info
{
	margin-bottom:1em;
}
 
/* Firefox reduce dotted lines on links */
.photo-navigation a:focus, .replaced a:focus {overflow:hidden;}

/* Disqus correction to prevent overflow scroll bars in some designs */
#dsq-content { overflow:hidden; }
#dsq-content .dsq-auth-header { width: auto!important; }
#dsq-content .dsq-by { margin: 4px 6px 0px 0px; }
#dsq-content .dsq-by a, #dsq-content .dsq-by a:hover { border: 0px none; }
#dsq-content h3 { margin:0px; }

/* Site menus. Don't wrap the top level items, and wrap sub-menu items normaly. */
#sitemenu-content ul li {white-space: nowrap}
* html #sitemenu-content ul li {white-space: normal}
*:first-child+html #sitemenu-content ul li {white-space: normal}
#sitemenu-content ul ul li {white-space: normal}

.photogrid-index-bottom { clear:left; }

/*
	Based on ColorBox 1.3.16 example1.  Changes:
		changed "images/" to "colorbox/"
		removed background line for #cboxOverlay
*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* Overall pagelet */
div.rssBadge
{
	margin: 10px;
}

/* Small icon option */
img.smallRSSBadgeIcon { vertical-align:middle; }
img.smallRSSBadgeIconLeft { margin-right:3px; }
img.smallRSSBadgeIconRight { margin-left:3px; }

/* Large icon option */
div.largeRSSBadgeIcon, p.largeRSSBadgeIcon
{
	margin: 0 10px;
	text-align:center !important;
}

img.largeRSSBadgeIcon { margin-bottom: 4px; }
p.largeRSSBadgeIcon { margin: 0; }

.HTMLElement { overflow:hidden; }

textarea.fullWidth, input.fullWidth, select.fullWidth {
	width:96%;
	margin:4px 0;
}
textarea.fullWidth, select.fullWidth {
	margin: 4px 1px
}

form.contactElement input.submit {
	width:auto;
	display:block;
	margin-left:auto;
	margin-right:2%;
	min-width:50%;
}
form.contactElement th {
	text-align:right;
	font-weight:normal;
	width:25%;
}

.contactError { color:red; font-weight:bold; }

/* Contact Element For IE 7 */
*:first-child+html form.contactElement input.submit {
	padding:0px 10%;
	min-width: 0px;
}

textarea {
    resize: vertical;
}

/* 
-- Lake --
v2.0.3 (203)
A Design for Sandvox created by BehindTheRabbit
http://www.behindtherabbit.com/
*/

/* Layout */
body {font-size:62.5%; padding:0; margin:15px 0 10px 0;}
#page-container {width:910px; margin: 0 auto; background-color: #FFF; padding: 10px 25px 0 25px;}
.has-custom-banner #page-container {background-position: 0 0; background-repeat:no-repeat;}
#page-top {padding:0 0 20px 0;}
#title {padding:0; min-height:128px; overflow:hidden;}
#title img {float:right;}
h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size:3.6em; margin:0; padding-top:24px; text-shadow:#999 1px 1px 2px;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {text-decoration:none;}
#title p {margin:0; padding:0; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.5em; text-shadow:#CCC 1px 1px 2px;}
#page-bottom {padding:15px; margin-top:20px; border-top:1px solid #EEE; text-align:center; font-size:1.1em; font-family: Arial, Helvetica, sans-serif; color: #999; clear:both;}

/* Tags, elements, classes... */
.clear {clear: both; height: 0;}
.hidden {display:none !important;}
img {border:none; max-width:100%;}
.right {margin-left:20px;}
.left {margin-right:20px;}
img.graphic {display:block !important;}
.ImageElement, .center.VideoElement { text-align:center;}
dd, dl, pre {font-family: Courier, "Courier New", monospace; font-size:1.2em;}
pre {overflow:scroll;}
* html pre {padding:5px 10px; width:480px;}
table { font-size:1em;}
table h3 {font-size:1.2em !important; padding:5px 10px !important;}
.dli2 {width:25%;}
/* Design specific */
h2, h3, h4 {text-shadow:#CCC 1px 1px 2px;line-height:1.2em;}

/* Links */
#title a:link, #title a:visited, #sitemenu-content li a:link, #sitemenu-content li a:visited, #main a:link, #main a:visited, #sidebar a:link, #sidebar a:visited, .article h3 a:link, .article h3 a:visited, #page-bottom a:link, #page-bottom a:visited {text-decoration:none;}
#title a:hover, #title a:active {color:#000;}
#sitemenu-content li a:hover, #sitemenu-content li a:active, .article h3 a:hover, .article h3 a:active {color:#000; text-decoration:underline;}
#main a:hover, #main a:active, #sidebar a:hover, #sidebar a:active, #page-bottom a:hover, #page-bottom a:active {text-decoration:underline;}
#page-bottom a {color:#666;}

/* Sitemenu */
#sitemenu-container {font-family: Arial, Helvetica, sans-serif; padding:4px; margin-left:0; color:#333; font-size:1.2em;}
#sitemenu {word-wrap: break-word !important; }
#sitemenu ul {margin:0; padding:4px 10px 4px 0;}
#sitemenu li {display:inline; margin:0; list-style-type:none; padding:0 10px; white-space:nowrap;}
#sitemenu li.last, #sitemenu li li {border-right:none !important;}
#sitemenu a {text-shadow:1px 1px 2px #CCC; text-decoration:none !important;}
#sitemenu li li a {white-space:normal;}
/* drop-down menu */
.hasSubmenu ul {-webkit-box-shadow:2px 2px 3px #333 !important; -moz-box-shadow:2px 2px 3px #333 !important; box-shadow:2px 2px 3px #333 !important; border:1px solid #999 !important; top:18px !important;}
.hasSubmenu ul li ul {-webkit-box-shadow:3px 3px 5px #666 !important; -moz-box-shadow:3px 3px 5px #666 !important; box-shadow:3px 3px 5px #666 !important; border:1px solid #999 !important; top:5px !important;}
/* submenu items */
#sitemenu ul li ul li .in {display:block; padding:8px 4px 8px 8px !important;}
#sitemenu ul li ul li .in:hover {background-color:#EEE;}
#sitemenu li.currentPage {color:#999;}
ul li .submenu-indicator {margin-left:5px;}
ul li ul li .submenu-indicator {top:10px !important;}

/* Sidebar */
#sidebar-container {width:270px; float:left; font-family: Arial, Helvetica, sans-serif; background-color: #FFF; color:#333; font-size:1.2em;}

/* Main */
#main {font-family:Arial, Helvetica, sans-serif; min-height:450px; font-size:1.3em;}
body.no-sidebar #main {background-color: #FFF; padding:0 10px;}
body.allow-sidebar #main {width:600px; float:right; background-color: #FFF; padding-right:20px;}
#main h2 {font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding:10px 0; font-size:2.6em; font-style:italic;}
.article {padding:0 0 20px 0; line-height:1.8em;}
h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0 0 15px 0; padding:10px 0 0 0; font-size:2.4em; clear:both;}
.article-thumbnail {float:left; margin:18px 10px 0 0;}
.timestamp {clear:both; text-align:right; margin:10px 0 0 0;}

/* Pagelets */
.callout-container {width:260px; float:right; padding:0 0 0 40px;}
.pagelet  {word-wrap:break-word; overflow:hidden; margin:0 0 20px 0;}
.pagelet ul {margin-left:10px; padding-left:10px; padding-right:6px;}
.pagelet h4 {color:#333; padding-left:6px; margin:0 0 15px 0; }
.bordered h4 {margin-top:10px !important;}
#sidebar .pagelet h4 {font-variant:small-caps; letter-spacing:0.1em; font-size:1.2em; }
#main .pagelet h4 {font-family:Arial, Helvetica, sans-serif; text-shadow:none; font-size:1.1em; line-height:1.2em;}
.pagelet-body {padding:0 12px 0 12px;}
#main .pagelet-body {font-family: Georgia, "Times New Roman", Times, serif; font-size:1em; color:#333; line-height:1.4em;}
*+html .pagelet p {margin:10px 0;}

/* Grids */
body.no-sidebar .gridItem {margin:20px 19px;}
* html body.no-sidebar .gridItem {margin:5px 9px;}
body.allow-sidebar .gridItem {margin:5px 18px 18px 0;}
* html body.allow-sidebar .gridItem {margin:5px 10px 5px 0;}
.gridItem {	float:left; position:relative; height:188px; width:180px; overflow:hidden; text-align:center;
	padding: 4px 0;	border:1px solid #CCC;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	-webkit-box-shadow:0 1px 1px #999; -moz-box-shadow:0 1px 1px #CCC; box-shadow:0 1px 1px #CCC;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
}
.gridItem h3 {font-family:Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.2em; font-weight:normal; padding: 3px 6px 0 6px; text-align:center; position:absolute; top:140px; width:168px; text-shadow:none;}
* html .gridItem h3 {position: relative; top: 0px;}
.gridItem img {margin: auto!important; display:block; position: absolute; top: 0; bottom: 48px; right: 0; left: 0;}
* html .gridItem img {position: relative;}
/* photogrid in sidebar */
.pagelet .photogrid-index .gridItem {margin:0 auto 10px auto !important; float:none;}
.pagelet .photogrid-index .gridItem h3 {width:158px;}

/* Navigation */
.collection-navigation {clear:both;}
.text-navigation {font-size:0.9em; padding:10px 0 20px 0;}
.text-navigation .previous-page, .text-navigation .next-page, .text-navigation .collection-index {display:block; text-align:right; border-right:4px solid #DDD; padding:2px 5px 2px 2px; margin-bottom:1px;}
.text-navigation a:link, .text-navigation a:visited { text-decoration:none;}
.text-navigation a:hover, .text-navigation a:active { text-decoration:underline;}

.photo-navigation {width:150px; margin:10px auto 0 auto; height:40px;}
.photo-navigation .previous-page .imageLink {
	opacity:0.5;
	-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;
	}
.photo-navigation .previous-page .imageLink:hover {opacity:1;}
.photo-navigation .next-page .imageLink {
	opacity:0.5;
	-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;
	}
.photo-navigation .next-page .imageLink:hover {opacity:1;}
.photo-navigation .collection-index .imageLink {
	opacity:0.5;
	-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;
	}
.photo-navigation .collection-index .imageLink:hover {opacity:1;}
.photo-navigation div, .photo-navigation a {display:block; float:left; width:50px; height:25px; text-indent: -9999px;}

/* Site Map */
.sitemap ul li {list-style:none !important;}
.wide .sitemap a {text-decoration:none; display:block;}
.wide .sitemap .figure-content {padding:5px 10px; margin:0;	border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;	transition:all 0.3s ease;}
.wide .sitemap .figure-content:hover {-webkit-box-shadow:3px 3px 3px #CCC; -moz-box-shadow:3px 3px 3px #CCC; box-shadow:3px 3px 3px #CCC;}
.wide .sitemap .figure-content p {margin:5px 0;}
.wide .sitemap ul {border:1px solid #FFF; padding:5px 10px; margin:0; list-style-type:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.wide .sitemap ul:hover {border:1px solid #CCC; -webkit-box-shadow:3px 3px 3px #CCC; -moz-box-shadow:3px 3px 3px #CCC; box-shadow:3px 3px 3px #CCC;}

/* Form */
body.no-sidebar #contactform {width:75%; margin:0 auto;}
input[type=text], input[type=email], textarea {border-top:1px solid #DDD; border-left:1px solid #DDD; border-bottom:1px solid #E9E9E9; border-right:1px solid #E9E9E9; background-color:#F7F7F7; font-size:1.2em; padding:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
input[type=submit] {
	min-width:25% !important; border: solid 1px #333;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	background-color: #EEE; padding:6px; font-size:1em; font-weight:bold; color:#333; cursor:pointer; outline: none; text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
input[type=submit]:hover {
	background-color: #DDD;
}
input[type=submit]:active {
	position: relative; top: 1px; color: #000;
}

/* IE6 and IE7 hacks */
/* BTW, did I tell you how much I HATE IE? */
* html ul li {list-style-image:none !important;}
*+html ul li {list-style-image:none !important;}
*+html .gridItem img {position: relative;padding-top:10px;}
*+html .gridItem h3 {padding-top:10px;}

/* 
-- Lake --
-- Default --
*/

body {background:url(default/bg.png) 0 0 repeat-x fixed #069;}
#title a:link, #title a:visited, h1, #sitemenu-content li a:link, #sitemenu-content li a:visited, #main a:link, #main a:visited, #main a:hover, #main a:active, #sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active, .article h3 a:link, .article h3 a:visited {color:#069;}
#sitemenu-content {border-top:1px solid #069; border-bottom:1px solid #069; background:#EFF6F9;}
#sitemenu-content li {border-right:1px solid #069;}
* html #sitemenu-content li, *+html #sitemenu-content li {border-right:none;}
.bordered {border:1px solid #DBEAF1;}
.pagelet h4 {border-left:6px solid #DBEAF1;}
#title p {color:#444;}
#main-content h2 {color:#069;}
.timestamp {color:#CCC;}
#sitemenu-content {font-weight:bold;}

#sidebar li, #main li {list-style-image:url(default/pin.png);}
.photo-navigation .previous-page .imageLink { background: url(default/arrows.png) -50px 0 no-repeat;}
.photo-navigation .next-page .imageLink { background: url(default/arrows.png) 0 0 no-repeat;}
.photo-navigation .collection-index .imageLink { background: url(default/arrows.png) -100px 0 no-repeat;}

.callout-container, .graphic-container { clear:right; }