@charset "UTF-8";
/*
css Copyright © 2005-2012 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, .wide.left video, .wide.left audio { display:block; margin-left:0px; margin-right:auto; }
.wide.center .graphic, img.wide.center, .wide.center video, .wide.center audio { display:block; margin-left:auto; margin-right:auto; }
.wide.right .graphic, img.wide.right, .wide.right video, .wide.right audio { display:block; margin-left:auto; margin-right:0px; }
.ImageElement.left, .AudioElement.left { text-align:left; }
.ImageElement.center, .AudioElement.center { text-align:center; }
.ImageElement.right, .AudioElement.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 span.in { white-space:nowrap;}
* html #sitemenu-content ul li span.in {white-space: normal}
*:first-child+html #sitemenu-content ul li span.in {white-space: normal}
#sitemenu-content ul ul li span.in {white-space: normal}
#sitemenu-content span.in { position: relative; }
body { word-wrap:break-word; }
/* Make sure scaled-down images look good in IE */
img { -ms-interpolation-mode: bicubic; }
.HTMLElement { overflow:hidden; }
/*
-- Blue Raymond --
v2.0.5 (205)
A Design for Sandvox created by BehindTheRabbit
http://www.behindtherabbit.com/
*/
/* Layout */
body {font-size:76%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
#page-container {width:900px; margin:0 auto; padding:0 30px;}
#page-top {height:200px;}
#title {height:133px; overflow:hidden;}
#title img {float:right; margin:10px 0 0 0; padding:0;}
h1 {margin:0; padding:35px 0 0 0; font-size:3.2em; color:#418DD9; font-weight:normal;}
h1 a:hover, h1 a:active {text-decoration:none;}
#title p {margin:0; padding:0 0 0 3px; font-size:1.1em; color:#418DD9;}
#page-bottom {border-top:1px solid #CCC; margin-top:20px; padding:20px; text-align:center; color:#999; font-size:0.9em; letter-spacing:0.1em;}
a:link, a:visited {color:#418DD9; text-decoration:none;}
a:hover, a:active {color:#222; text-decoration:underline;}
/* Tags, elements, classes... */
.clear {clear: both; height: 0;}
.hidden {display:none !important;}
img {border:none;}
.right {margin-left:20px;}
.left {margin-right:20px;}
.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:100%;}
table h3 {font-size:1.2em !important; padding:5px 10px !important;}
.dli1 {width:15%;}
.dli2 {width:25%;}
/* Sitemenu */
#sitemenu-container {background:url(nav-bg.png) 0 0 repeat-x #418DD9; color:#CCC; font-weight:bold;}
#sitemenu {margin:0; padding:5px;}
#sitemenu ul {margin:0; padding:0;}
#sitemenu li {display:inline; margin:0; padding:0 10px; list-style-type:none;}
#sitemenu li a {text-decoration:none;}
#sitemenu li a:link, #sitemenu li a:visited {color:#FFF;}
#sitemenu li a:hover, #sitemenu li a:active {color:#000; text-decoration:none;}
.hasSubmenu ul {border:1px solid #CCC !important; top:19px !important;}
.hasSubmenu ul li ul {border:1px solid #CCC !important; top:5px !important;}
#sitemenu ul li ul li .in {display:block; padding:5px !important; background-color:#418DD9;}
ul li .submenu-indicator {margin-left:5px;}
/* Sidebar */
#sidebar-container {width:290px; float:left; border-right:1px dashed #DDD; padding-right:20px; color:#222;}
/* Main */
#main {min-height:450px; font-size:1.1em; color:#222; line-height:1.6em;}
body.allow-sidebar #main {width:560px; float:right;}
#main-content h2 {font-size:2em; color:#222; line-height:1.4em; margin-top:0;}
.article h3 {clear:both; margin-top:40px; font-weight:normal; padding-top:5px; line-height:2em;}
.article h3 {font-size:2em;}
.article h3 a {font-size:1.4em;}
.timestamp {text-align:right; color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; clear:both;}
/* Pagelets */
.callout-container {width:240px; float:right; margin-left:10px; font-family:Georgia, "Times New Roman", Times, serif; color:#333;}
.pagelet {word-wrap:break-word; overflow:hidden; padding:0 10px; margin-bottom:10px; line-height:1.4em;}
.bordered { margin-bottom:20px; -webkit-box-shadow:0 2px 2px #999; -moz-box-shadow:0 2px 2px #999; border:1px solid #DDD;}
.pagelet h4 {font-size:1.4em;}
.bordered h4 { margin-top:10px;}
#main .pagelet h4 {text-align:center; font-size:1.2em;}
.pagelet ul {margin:0 0 10px 0; padding:0 0 0 20px; }
.pagelet li {margin:0; padding:0;}
/*#main .i1 h4 { margin-top:5px;}*/
*+html .pagelet p {margin:10px 0;}
/* Site Map */
.sitemap ul li {list-style:none !important;}
.wide .sitemap a {text-decoration:none; display:block; color:#333;}
.wide .sitemap a:hover {color:#418DD9;}
.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 #main form {width:75%; margin: 0 auto;}
/* thanks to http://webdesignerwall.com/tutorials/css3-gradient-buttons for this nice styling */
input[type=text], input[type=email], textarea {
border:1px solid #EEE;
background-color:#FFF; font-size:120%; padding:5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow:0 0 2px #DDD; -moz-box-shadow:0 0 2px #DDD; box-shadow:0 0 2px #DDD;
}
input[type=submit] {
min-width:25% !important; border: solid 1px #555;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
background-color: #6e6e6e; padding:6px; font-size:100%; font-weight:bold; color:#e9e9e9; 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);
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
min-width:25% !important;
}
input[type=submit]:hover {
background-color: #616161;
background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4B4B4B));
background: -moz-linear-gradient(top, #757575, #4B4B4B);
}
input[type=submit]:active {
position: relative; top: 1px; color: #AFAFAF;
background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
background: -moz-linear-gradient(top, #575757, #888);
}
/* Grid */
body.no-sidebar .gridItem {margin:20px 19px; width:180px; }
body.allow-sidebar .gridItem {margin:5px 10px 10px 0; width:174px; }
.gridItem {float:left; position:relative; height:188px; 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 #999; box-shadow:0 1px 1px #999;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
}
.gridItem:hover {border:1px solid #666;}
.gridItem a {text-decoration:none;}
.gridItem h3 {font-size:0.6em; margin:0; line-height:1.2em; font-weight:normal; padding: 6px 6px 0 6px; text-align:center; position:absolute; top:140px; width:168px; text-shadow:none;}
.gridItem img {margin: auto !important; display:block; position: absolute; top: 0; bottom: 48px; right: 0; left: 0; -webkit-box-shadow: 0 2px 3px #111; -moz-box-shadow: 0 2px 3px #111; box-shadow: 0 2px 3px #111;}
/* photogrid in sidebar */
.pagelet .photogrid-index .gridItem {margin:0 auto 10px auto !important; float:none;}
.pagelet .photogrid-index .gridItem h3 {width:160px;}
/* IE fix */
*+html .gridItem, *+html .gridItem:hover {border:none;}
/* Navigation */
.collection-navigation {clear:both;}
.text-navigation {font-size:0.9em; padding:10px 0 20px 0; line-height:normal;}
.text-navigation .previous-page, .text-navigation .next-page, .text-navigation .collection-index {display:block; text-align:right; border-right:6px solid #DDD; padding:3px 6px 3px 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:0 auto 0 auto; height:40px;}
.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 .previous-page .imageLink,
.photo-navigation .next-page .imageLink,
.photo-navigation .collection-index .imageLink {
opacity:0.6;
-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;
}
.photo-navigation .previous-page .imageLink:hover,
.photo-navigation .next-page .imageLink:hover,
.photo-navigation .collection-index .imageLink:hover {
opacity:1;
}
.photo-navigation div,
.photo-navigation a:link,
.photo-navigation a:visited {
display:block; float:left; width:50px; height:25px; text-indent: -9999px;
}
.callout-container, .graphic-container { clear:right; }