/* 
-- Lake - Default --
v1.1 (106)
A Design for Sandvox created by BehindTheRabbit
http://www.behindtherabbit.com/
*/

@import url("colors.css");

/* Tags */
table { font-size:90%;}
dl {font-family: Courier, "Courier New", monospace; font-size:1.2em;}
dd {font-size:1.2em;}
pre {overflow:scroll; font-size:1.2em; font-family: Courier, "Courier New", monospace;}
* html pre {padding:5px 10px; width:480px;}
img {border:none;}
img.narrow {display:block;float:right; clear:right; margin-left:10px;}
img.wide {display:block;clear:both;}

/* Misc */
.pagelet {word-wrap:break-word; overflow:hidden; }
.ImageElement, .VideoElement { text-align:center;}
.has-custom-banner #page-container {background-position: 0 0; background-repeat:no-repeat;}
.clear {clear: both; height: 0;}
.hidden {display:none;}
.timestamp {font-size:90%; clear:both; text-align:right; margin:10px 0 0 0;}
.video {padding:10px 0;}
.js-kit-comments {color:#333;}
#sidebar li, #main li {list-style-image:url(pin.png);}
.sitemap-page .article ul {border-left:1px solid #CCC; padding:0 0 0 10px; margin:8px 5px; list-style-type:none;}
.sitemap-page .article ul li {list-style-image:none !important;}
.photo-page .no-navigation h2 {margin-bottom:20px !important;}
.elementIntroduction {clear:both;}

/* 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;}

/* Layout */
body {font-size:76%; padding:0;	margin:15px 0 10px 0;}
#page-container {width:910px; margin: 0 auto; background-color: #FFF; padding: 10px 25px 0 25px;}
#page-top {padding:0 0 20px 0;}
#title {padding:0; height:128px;}
img#logo {float:right;}
h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size:300%; margin:0; padding-top:24px;}
h1 a {text-decoration:none;}
#title p {margin:0; padding:0; font-family: Georgia, "Times New Roman", Times, serif; font-size:120%;}
	#sitemenu-content {font-family: Arial, Helvetica, sans-serif; padding:4px; margin-left:0; color:#333;}
	#sitemenu-content ul {display:inline; margin:0; padding:0;}
	#sitemenu-content li {display:inline; margin:0; padding:0 5px; list-style-type:none; padding:0 10px;}
	#sitemenu-content li.last-item {border-right:none !important;}
#sidebar-container {width:290px; float:left; font-family: Arial, Helvetica, sans-serif; background-color: #FFF; color:#333;}
#main {min-height:450px;}
body.no-sidebar #main {background-color: #FFF;}
body.allow-sidebar #main {width:600px; float:right; background-color: #FFF;}
#main-content {font-family:Arial, Helvetica, sans-serif;}
#main-content h2 {font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding:10px 0; font-size:220%; font-style:italic;}
	.article {padding:0 0 20px 0;}
	.article h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0 0 15px 0; padding:10px 0 0 0; font-size:200%; clear:both;}
	.article-thumbnail {float:left; margin-right:10px;}
	.article-content, .article-summary {font-family: Arial, Helvetica, sans-serif; font-size:110%; line-height:160%; color:#333; margin:0; padding:0;}
#page-bottom {padding:15px; margin-top:20px; border-top:1px solid #EEE; text-align:center; font-size:90%; font-family: Arial, Helvetica, sans-serif; color: #999; clear:both;}

/* PAGELETS */
.pagelet {margin:0 0 20px 0;}
.pagelet ul {margin-left:10px; padding-left:10px; padding-right:6px;}
.pagelet p {margin:12px 0;}
.pagelet h4 {font-size:120%; 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;}
.callout-container {width:260px; float:right; padding:0 0 0 40px;}
	#main .pagelet h4 {font-family:Arial, Helvetica, sans-serif;}
.pagelet-body {padding:0 12px 0 12px;}
	#main .pagelet-body {font-family: Georgia, "Times New Roman", Times, serif; font-size:100%; color:#333; line-height:1.4em;}

/* Grids */
.photogrid-index {padding-top:30px;}
.gridItem {float:left; position:relative; height:188px; width:172px; overflow:hidden;  text-align:center;}
body.no-sidebar .gridItem {margin:0 18px 8px 30px; padding: 4px 0;}
body.allow-sidebar .gridItem {margin:0 0 8px 12px; padding: 4px 3px;}
.gridItem h3 {padding: 0 4px; text-align:center; position:absolute; top:140px; width:164px; font-size:0.9em; line-height:1.4em; font-weight:normal;}
.gridItem img {margin:auto !important; display:block; position: absolute; top: 0; bottom: 48px; right: 0; left: 0;}
	* html body.no-sidebar .gridItem {margin:0 9px 8px 15px;}
	* html body.allow-sidebar .gridItem {margin:0 0 8px 6px;}
	* html .gridItem h3 {position: relative; top: 0px;}
	* html .gridItem img {position: relative;}

/* Navigation */
.collection-navigation {height:50px; padding-bottom:10px;}
.text-navigation {font-size:90%; border-bottom:1px solid #FFF; font-family: Arial, Helvetica, sans-serif;}
.text-navigation .previous-page, .text-navigation .next-page, .text-navigation .collection-index {display:block; text-align:right;}
.text-navigation a { display:block;}
.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:35px;}
.photo-navigation .previous-page .imageLink { background: url(arrows.png) -50px 0 no-repeat;}
.photo-navigation .next-page .imageLink { background: url(arrows.png) 0 0 no-repeat;}
.photo-navigation .collection-index .imageLink { background: url(arrows.png) -100px 0 no-repeat;}
.photo-navigation div, .photo-navigation a:link, .photo-navigation a:visited {display:block; float:left; width:50px; height:27px; text-indent: -9999px;}
#page-container { background-image: url("../_Media/banner_scn04.jpg"); }