@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. 
*/
h2,h3,h4,h5,h6{ font-weight:normal;}
a img { border: none; }

.hidden { display: none; }
.clear { clear: both; height: 0; }

.narrow { float:right; margin:4px 0 5px 10px;}
img.wide { display:block; clear: both;}
.narrow.left{
	margin:4px 10px 5px 0;
}
.narrow.right{
	margin:4px 0 5px 10px;
}
body { background: url(bodybg.jpg) top center; margin:0px; padding: 0 0 30px 0; font-family: verdana,helvetica,arial,sans-serif; font-size: 10px; }

h5, h6 {font-size: 100%;}

#page-container {position: relative; float:none;  background: url(pagebg.png) repeat-y; width: 764px; margin: 0 auto; }
#page-top { height: 300px; background: url(pagetopbg3.jpg) no-repeat top left; clear: both; }

#page-content {float: left; margin-top: 6px; padding: 0px 48px 0px 48px; 	position:relative;z-index:1;}
/* Workaround for the IE/Wins */
/* Hides from IE5-mac \*/
* html #page-content { padding-right:24px; }
/* End hide from IE5-mac */
*:first-child+html #page-content { padding-right:24px; }


#title {width: 674px;  height: 167px; padding-top: 52px; padding-left: 35px; overflow:hidden;}


#logo-container {
	display: block;
	height:128px;
	margin-right:6px;
	float: left;
}
#logo-container img { display: block; float:left;}


#title h1 {  
	width: 400px; 
	padding:0px 0px 0px 8px; 
	font-size: 20px; 
	font-weight:normal; 
	color: #ff0;
	margin: 8px 0 10px 0; 
	text-shadow:#666 1px 2px 2px; 
	display:block;
	max-height:50px;
	overflow:hidden;
}
#title p {  
	width: 240px; 
	padding:0px 0px 0px 8px; 
	font-size: 14px; 
	color: #fff; 
	margin: 0px; 
	text-shadow:#333 1px 2px 2px;
	display:block;
	max-height:50px;
	overflow:hidden;
}
#title h1 a { color: #ff0; text-decoration: none;}
#title h1 a:hover { text-decoration: underline; }

#sitemenu-container { position: relative; z-index: 100; float: left; margin: 0 0 12px ;  padding: 0 0 12px 48px; background: url(sitemenubottombg.gif) no-repeat 48px 100%; clear: both;}
#sitemenu {float: left; width:670px; background: url(sitemenutopbg.gif) no-repeat; padding-top: 9px; }
#sitemenu-content{ float: left; padding: 0; width: 670px;  background: url(sitemenubg.gif) repeat-y; }
#sitemenu ul {float: left;  margin: 0; padding: 0 14px; width:640px;}
#sitemenu li { display:inline; margin-right: 10px; list-style: none; }
#sitemenu a { color: #fff; text-decoration: none; }
#sitemenu a:hover span.in, #sitemenu .selected span.in { color: #fff; text-decoration: underline; }
/*#sitemenu .currentPage span.in, #sitemenu .currentParent > a > span.in, #sitemenu .currentParent > span.in { font-weight: bold }
*/#sitemenu .currentPage span.in { color: #000; }
#sitemenu .currentPage li span.in { color: #fff; }
#sitemenu ul li ul { background: #fa0007; box-shadow: 3px 2px 4px #85773a; -webkit-box-shadow: 3px 2px 4px #85773a; -moz-box-shadow: 3px 2px 4px #85773a; }
#sitemenu ul ul .submenu-indicator { top: 6px; }

#sidebar-container { 
	margin-left: 9px; 
	width: 209px; 
	float: right; 
	background: url(sidebarbg.gif) repeat-y top left; 
}
#sitemenu ul li ul{ margin-top:10px;}

/* Hacks for IE 6 and 7 Win but not IE5 Mac */
/* Hides from IE5-mac \*/
* html #sidebar-container { 
	margin-right:12px;
}
/* End hide from IE5-mac */

*:first-child+html #sidebar-container {
	margin-right:22px;
}

#sitemenu-content ul li ul li span.in{
	border-bottom:solid 1px #FFF !important;
}

#sidebar-top { background: url(sidebartopbg.gif) no-repeat; height: 9px; }
#sidebar-content { padding: 0 5px; color: #fff; }
#sidebar-bottom { background: url(sidebarbottombg.gif) no-repeat 0 100%; height: 12px; }
	#sidebar-content p {width: 191px; position: relative; margin: 0; padding: .2em 2px 1.2em 5px; overflow: hidden;}
	#sidebar-content .pagelet h4 { font-size: 13px;  }
	#sidebar-content .pagelet h4 span.in { height:28px; display:block; overflow:hidden;}
	#sidebar-content .o h4, #sidebar-content .e h4 { margin: 6px 0px 0px 0px; padding: 8px 32px 0px 6px; font-size: 11px; color: #e95707; height: 43px; background: url(sidebarh4bg_e.png) no-repeat top left; }

	#main .pagelet h4 { font-size:14px;}
	#sidebar  a { color: #81fe0b; }

#main { width: 448px; float: left; background: url(mainbg.gif) repeat-y top left;}
#main-top { background: url(maintopbg.gif) no-repeat top left; height: 9px; }
#main-content { padding: 0 15px;}
#main-bottom { background: url(mainbottombg.gif) no-repeat bottom left; height: 9px;}

	#main-content .pagelet { padding-bottom: 12px; }


	h2, h3, h4 { font-weight:normal;}
	#main-content h2 { font-size: 14px;  color: #75c404; line-height: 14px; background: transparent; }
	#main-content .o h3, #main-content .e h3 { 
		font-size: 14px; 
		line-height:43px; 
		height:43px; 
		width:432px; 
		margin:5px 0px 10px -5px;
		padding: 0px 40px 0px 8px;
		color: #e95707; 
		background: url(mainh4bg_e.png) no-repeat top left;
	}
	#main-content .o h3 a, #main-content .e h3 a { color: #e95707; }
	/* remove excessive spacing if the heading is used in a collection index */
	li h3 {
		height:auto!important;
		width:auto!important;
	}


	a { color: #e95707; }
	#main-content .o h3 a:visited, #main-content .e h3 a:visited, a:visited { color: #0757e9; }
	#main-content .listing-index h3 { font-size: 12px; }
	#main-content .listing-index .e h3, #main-content .listing-index .o h3 { font-size: 12px;  padding-left: 0; color: #75c404; line-height: 14px; background: transparent; }
	#main-content .listing-index .e h3 a, #main-content .listing-index .o h3 a { color: #75c404; }

.article, .no-callouts {
	clear: right;
}

.article-info {
	clear: both;
}

.callout {
	padding:0px 10px;
	margin:0px 15px 10px 0px;
	background: #ffdc63;  
	color: #333;
	font-size:1em;
	width:200px;
	float:left;
}

blockquote {
	margin: 0px 0px 0px 2px;
	padding: 0px 5px;
	border-left: 3px double #e95707;
	font-style: italic;
}

#sidebar-content blockquote p, blockquote p {
	padding: 0px;
	margin: 0.5em 0px;
	width: 178px;
}

#main-content:after,#sidebar-content:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
.no-sidebar #main { width: 669px; background: url(mainbg-nosidebar.gif) repeat-y top left; }
.no-sidebar #main-top { background: url(maintopbg-nosidebar.gif) no-repeat top left; }
.no-sidebar #main-bottom { background: url(mainbottombg-nosidebar.gif) no-repeat bottom left; }

#index ul { margin: 1em 0;list-style: none; }
.callout ul {margin:0px!important; list-style:disc!important;padding-left:20px;}
.photogrid-index { 
	text-align:center; 
	padding-bottom:12px;
	/*float:left;*/
}
.photogrid-index a {
	color:#e95707; 
	text-decoration:none;
}
.photogrid-index a:hover  {text-decoration:underline;}
.gridItem { 
	float: left; 
	position:relative; 
	margin: 4px; 
	height: 178px; 
	width:128px;
	overflow:hidden;
}
.gridItem h3 {
	margin: 0px !important; 
	padding: 0px !important; 
	font-size:1em !important; 
	line-height:1.2em !important;
	color: #e95707; 
	font-weight:normal !important; 
	overflow:hidden;
	background: transparent !important; 
	position:absolute; 
	top:140px;
	width:100%!important;
}
.gridItem img {
	margin: auto;
	position:absolute; 
	display:block;
	top:0; 
	right:0; 
	left:0; 
	bottom:35px;
}

#sidebar .photogrid-index{
	width:auto;
	margin-left:30px;
	float:left;	
}


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

.ImageElement, .VideoElement{
	text-align:center;
	clear:both;
}

.photo-page #main-content h2 { padding-right: 130px; }
.photo-page .caption { padding: 10px 0; text-align: center; }
.photo-page .photo img { border: none; padding:5px 0px; }

.photo-navigation { float: right; margin-top: -35px; width: 114px; }
#previous-photo, #next-photo, #photo-list { float: left;margin-right: 5px; width: 33px; height: 36px; text-indent:-10000px; }
.photo-navigation a { display: block;  text-indent: -5000px; height:100%; width:100px; overflow: hidden; text-decoration: none; }
#previous-photo  { background: url(photo-prev-inactive.jpg) no-repeat top left; }
#previous-photo a { background: url(photo-prev.jpg) no-repeat top left; }
#next-photo { background: url(photo-next-inactive.jpg) no-repeat top left; }
#next-photo a { background: url(photo-next.jpg) no-repeat top left; }
#photo-list { background: url(photo-list-inactive.jpg) no-repeat top left; }
#photo-list a { background: url(photo-list.jpg) no-repeat top left; }

#page-bottom { position: relative; background: url(contentbottombg.png) no-repeat bottom left; height: 225px; margin-top: -120px; }
#page-bottom-contents { position: absolute; bottom: 66px; left: 53px; margin-right: 50px; max-height:38px; overflow:hidden;}
#page-bottom p { display:inline;}
#page-bottom p+p:before {content:" \002022  ";}
.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;
	font-weight:bold;
	float:none;
}
.text-navigation a{
	color:#f00;
	text-decoration:none;
}
.text-navigation a:hover{
	text-decoration:underline;
}
.has-photo-navigation h2{ padding-right:120px;}
.whiteBackground p
{
	color:#000;
}
.whiteBackground p a{
 	color:#E95707!important;
 }
body.no-sidebar #main-content h3{ background:url(mainh4-nosidebar.png) no-repeat; width:auto;}
div.amazonList p{ width:auto!important;}
#sidebar-content li.amazonList{ margin:0 0 0 -30px;}
.article-thumbnail {
    float: left;
	margin: 4px 10px 5px 0;
	clear:left;
}
h3.index-title, .timestamp{
	clear:left;
}
#sidebar h5.index-title{ margin:0 5px;}	

.no-page-title .photo-navigation {margin-top:2px;}

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