@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; }

.sandvox_icon_white { display:block; text-indent:-9999px; background:url(../_Resources/sandvox_icon_white.png) no-repeat; margin:auto !important; width:88px; height:31px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { .sandvox_icon_white { background:url(../_Resources/sandvox_icon_white@2x.png) no-repeat; -moz-background-size:88px 31px; -o-background-size:88px 31px; -webkit-background-size:88px 31px; background-size:88px 31px; } }

/* 
   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. 
*/

a img { border: none; }

 /* General styles  */

.clear {
	clear: both;
	height: 0;
}

#page a:link { color: #663366;}
#page a:visited { color: #666699;}
#page a:hover { color: #CC9900;}
#page a:active { color: #CC9900;}

h4, h5, h6 {
	font-size: 1.1em;
	margin: 0em 0em 0.8em 0em;
}

ul, ol  {
	padding:0px 0px 0px 3em;
	margin:0px;
}

li a {
	text-decoration: none;
}

li a:hover {
	text-decoration:underline;
}

#page-content ul li {
	list-style-image: url("bullet.gif");
}

#page-content ol>li {
	list-style-image: none;
	padding-left: 0;
}

.hidden {
    display:none;
}

/* Images embedded in text.  "narrow" are 200 pixels wide or smaller. */
.narrow {
	display: block;
	clear: right;
    float: right;
	margin:5px 0 5px 10px;
}
img.wide {
	display:block;
	margin: 0 auto;
}
.narrow.left{
	margin:5px 10px 5px 0;
}
.narrow.right{
	margin:5px 0 5px 10px;
}
/* Block Level formatting, more or less in descending order */

body {
	background: url("erratic_back.jpg") #FDD17A center bottom no-repeat fixed;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
	#page-container {
		margin: 0 auto;
		width: 730px;
	}
		#page {
			background:#fdf4ed url("erratic.gif") top left no-repeat;
			position: relative;
			text-align: left;
			width: 730px;
		}

			#page-top {
				float: left;
				height: 22.5em;
				position: relative;
				width: 730px;
			}

			.iframe-page #page-top {
				height: 12em;}
			.photo-page #page-top {
				height: 17em;}

				#title {
					float: left;
					height: 150px;
					width: inherit;
				}

					#logo-container	 {
						background: url("back_logo.jpg") center center no-repeat;
						border-bottom: 3px dotted #f9b64e;
						border-top: 3px dotted #f9b64e;
						float: right;
						height: 138px;
						line-height: 138px;
						margin: 10px 10px 0 0;
						padding: 10px 0 0 0;
						text-align: center;
						width: 220px;
					}
					#logo {
						line-height: 138px;
						margin: auto;}
					.nologo {
					}

					#title h1 {
						color: #330033;
						font-size: 1.8em;
						font-family: Georgia, "Times New Roman", Times, serif;
						left: 140px;
						margin: 0;
						padding: 0;
						position: absolute;
						top: 95px;
						width: 350px;
					}

						#title h1 a {
							color: #660000;
						    text-decoration:none;
						}

					#title img {
						border: 0;
						margin: auto;
					}

					#title p {
						color: black;
						font-weight: 600;
						font-size:1.4em;
						margin: 10px 10px 0 10px;
						padding: 0;
						position: absolute;
						width: 480px;
					}

				#sitemenu {
					bottom: 0;
					margin: 20px 0 10px 0;
					position: absolute;
					right: 0;
					text-align: right;
					width:710px;
					line-height:160%;
				}

					#sitemenu-content {
						position: relative;
						z-index: 100;
						padding: 0 20px 0 100px;
					}

						#sitemenu-content li {
							display: inline;
						}

							#sitemenu-content a, 
							#sitemenu-content li.currentPage span.in {
								background:  url("back_sitemenu.gif") left center no-repeat;
								color: #CC9900;
								font-weight: bold;
								padding: 4px 0 4px 24px;
								text-decoration: none;
							}
							
							#sitemenu-content ul li ul {
								box-shadow: 3px 2px 4px #663366;
								-webkit-box-shadow: 3px 2px 4px #663366;
								-moz-box-shadow: 3px 2px 4px #663366;
							}
							
							#sitemenu-content ul li ul li {
								background-color: #fdf4ed;
							}
							
							#sitemenu-content ul li ul li a {
								padding: 0 0 0 24px;
							}

							#sitemenu-content ul li ul li.currentPage span.in {
								padding: 5px 5px 5px 29px;
							}

							#sitemenu-content li.currentParent > a {
								color: #CC9900;
							}

							#sitemenu-content li.currentParent > a:hover, 
							#sitemenu-content li.currentParent > a:focus, 
							#sitemenu-content li.currentParent > a:active {
								color: #FF9900;
							}

							#sitemenu-content a:link, 
							#sitemenu-content a:visited {
								color: #666699;
							}

							#sitemenu-content a:hover, 
							#sitemenu-content a:focus, 
							#sitemenu-content a:active, 
							#sitemenu-content a.selected {
								background: url("back_sitemenu_hover.gif") left center no-repeat;
								color: #FF9900;
								text-decoration: none;
							}


			#page-content {
				float: left;
				padding: 0;
				position: relative;
				text-align: center;
				width: 710px;
			}

				#sidebar-container {
					border: 0px solid #000;
					float: left;
					margin: 0;
					padding: 0 20px 0 30px;
					position: relative;
					width: 200px;
				}
				#sidebar {
					border: 0px solid red;
					margin: 0 -30px;
					padding: 0 20px 30px 30px;
					text-align: left;
					width: 200px;
				}

				    .pagelet {
					    width:200px;
					    overflow:hidden;
						margin: 0 0 10px 0;
						padding: 10px;
					}


				    	.pagelet h4, .pagelet h5, .pagelet h6 {
							color: #CC9900;
							font-size: 1.1em;
							margin: 0;
				    	}
						.pagelet.e h4 {
							background: url("divider_e.gif") bottom left no-repeat;
							padding: 0px 0 30px 0;
						}
						.pagelet.o h4 {
							background: url("divider_o.gif") bottom left no-repeat;
							padding: 0px 0 20px 0;
						}

						.blockquote-container blockquote {
							border-left: 1px dotted #fc0;
							margin: 0;
							padding-left: 1em;
							font-style: italic;
						}

					.bordered {
						background:#fff;
						border-bottom: 1px dotted #ffcc00;
					}
					
					.untitled {
						border-top: 1px dotted #ffcc00;
					}
					.titled {
					}

				#main {
					float: right;
					margin: 0 auto;
					min-height:472px;	/* make sure an empty page looks OK in safari/webkit */
					text-align: left;
				}

/* photo-page, html-page (in some cases), iframe-page don't have sidebar */
				body.no-sidebar #main {
					width: 690px;
				}

/* Most other pages have sidebars */
				body.allow-sidebar #main {
					width: 432px;
				}

					#page-content h2 {
						background: url("back_h2.gif") right 1em no-repeat;
						color: #990099;
						font-size: 1.6em;
						font-family: Georgia, "Times New Roman", Times, serif;
						min-height: 3em;
						margin: 10px 10px 0 0;
						padding: 0 0 0 0;
						text-align: right;
					}
					
					.article, .no-callouts {
						clear: left;
					}


							.article h3, dt {
								border-bottom: 3px dotted #FFCCCC;
								color: #666699;
								font-size: 1.3em;
								font-weight: 600;
							}

							.article h3 a, dt a {
								background: url("bullet.gif") left no-repeat;
								padding: 0 0 0 20px;
								text-decoration: none;
							}
							
							.article-info {
								clear: left;
							}

							.article-thumbnail {
								float: left;
								margin: 5px 10px 5px 0;
								clear:left;
							}

							.callout {
								float: right;
/*								margin: 10px 10px 10px 0;
*/								margin: 10px 0 10px 10px;
							}

			#main-bottom {
				margin: 20px 0 0 0;
			}

			#page-bottom {
				background: url("erratic_bottom.jpg") bottom no-repeat;
				border-bottom: 1px dotted #f9b64e;
				border-top: 1px dotted #f9b64e;
				color: #996666;
				display: block;
				font-weight: 600;
				margin: 0;
				padding: 5px 40px;
				text-align: center;
				vertical-align: bottom;
				overflow:hidden;
			}
			
			#page-bottom p {
				margin:1px 0px;
			}

/* Other specific classes nested with an .article */

.ImageElement, .VideoElement {
	text-align: center;
/*	width:100%;
*/}
	.photo {
		clear: both;
		text-align: center;
	}

		.photo img {
			margin: 0 auto;
		}

		.caption {
			color:#996666;
			margin: 10px 0 0 0;
		}

/* Used on Photo Grid Pages ... */
.photogrid-index {
	text-align:center;
	/*float: left;*/
	padding-top:0px;
}

.photogrid-index a, .photogrid-index a:visited {
	color:#636 !important;
	text-decoration:none;
}
.photogrid-index a:hover  {
	text-decoration:underline !important;
	color:#636 !important;
}

.photogrid-index a img { 
	border:2px solid transparent;
}
.photogrid-index a:hover img {
	border: 2px solid #FFCC00;
}

.gridItem {
	float:left;
	position:relative;
	width:128px;
	height:180px;	/* room for caption */
	overflow: hidden;
	margin: 8px 6px 0px;
}

body.no-sidebar .gridItem {
	margin:8px 21px 0px;
}

* html body.no-sidebar .gridItem {
	margin:8px 18px 0px;
}

.gridItem h3 {
	font-size:.9em;
	font-weight:normal;
	margin:0px;
	padding:0px;
    position:absolute;
	top: 135px; /* needs to leave 38px from the bottom of the gridItem */
	width: 128px;
	border:none!important;
	
}

.gridItem h3 a{
	background:none;
	padding: 0px;
}

.gridItem img {
    border: 1px solid rgb(80, 80, 80);
    margin: auto;
    display:block;
    position: absolute;
    top: 0;
    bottom: 40px;
    right: 0;
    left: 0;
}
#sidebar .photogrid-index{
	width:auto;
	margin-left:25px;
}

/* IE Hack */
/* Hides from IE5-mac \*/
* html .gridItem img {
	position: relative;
	top:0px;
}

* html .gridItem h3 {
	position: relative;
	top:0px;
}
/* End hide from IE5-mac */




/* Used on index summary pages */

.listing-index li h3 a {
	text-decoration:none;
	font-size:1em;
	font-weight:normal;
}

/* Individual Photo Pages */

.photo-navigation {
	float: left;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
    .photo-navigation div {
		display: inline;
		font-size: 1em;
		font-weight: 600;
		margin: 0;
		padding: 0;
	}
	.photo-navigation div a {
		text-decoration: none;}

	.allow-sidebar #previous-photo {
		width:120px;
		
	}

	#previous-photo	{
		background: url("arrow_prev.gif") left 12px no-repeat;
		float: left;
		height: 70px;
		line-height: 72px;
		width: 130px;
		color:#cc94cd;
	}
	#next-photo {
		background: url("arrow_next.gif") right no-repeat;
		float: left;
		height: 70px;
		line-height: 72px;
		width: 125px;
		color:#cc94cd;
	}
	#photo-list {
		background: url("arrow_list.gif") center 16px no-repeat;
		float: right;
		height: 70px;
		line-height: 72px;
		width: 185px;
		color:#cc94cd;
	}
.text-navigation #previous-photo, .text-navigation #next-photo, .text-navigation  #photo-list, .text-navigation a, .text-navigation a:hover{
	background:none!important;
	width:auto!important;
	text-indent:0; 
	font-weight:bold;
	border:none;
	float:none;
	display:inline!important;
}
.text-navigation a{ color:#330033!important;}
.text-navigation a:hover{ text-decoration:none;color: #FF9900!important;}
.collection-navigation .disabled-navigation { text-indent:0;}
.no-page-title .photo-navigation {margin-top:68px;}

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