/* 
   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;
}
.narrow.right {
    float:right!important;
    clear:right;
}

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

#h1h-8a514fb4149193ef140235bf92132df02f173df9 {text-align:left; text-indent:-9999px; background:url("http://www.earthinnmotel.com/sandvox_Sleepytime/h1h-8a514fb4149193ef140235b.png") top left no-repeat !important; width:280px; height:66px;}

#h1-8a514fb4149193ef140235bf92132df02f173df9 {text-align:left; text-indent:-9999px; background:url("http://www.earthinnmotel.com/sandvox_Sleepytime/h1-8a514fb4149193ef140235bf.png") top left no-repeat !important; width:280px; height:66px;}

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

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

a img { border: none; }

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

.narrow { float:right; margin:5px 0 5px 10px;}
img.wide { display:block; clear: both;}
.narrow.left{
	margin:5px 10px 5px 0;
}
.narrow.right{
	margin:5px 0 5px 10px;
}

body { background: #c4d7f7 url(bodybg.gif) repeat-x; margin: 0; padding:0px; font-family: verdana,helvetica,arial,sans-serif; font-size: 10px; word-wrap:break-word;}
h4, h5, h6 {font-size: 100%; margin: 0em 0em 0.5em 0em;}

#page-container {position: relative; float:none; background: url(pagebg.png) no-repeat top left; width: 764px; margin: 0 auto; }
#page-top { margin-bottom: 0; min-height: 203px; clear: both;}
#page-top h1, #page-top p { margin-top: 0; }
#page-content {float: left; margin-top: 10px;}
#title { min-height: 183px;float: left; padding: 10px 10px 10px 484px; clear: both; }
* html #title { height: 200px; padding-bottom: 0px;}

#logo-container img { display: block; margin-left:60px;}

#title h1 { font-size: 15px; color: #09367b; margin: 6px 0; padding-top:27px; width:260px!important; padding-left:20px; height:74px; overflow:hidden;}
#title h1.replaced {padding:27px 0px 0px 0px!important;}
#title p {  color: #fff; margin: 0; margin-left:20px; font-weight: normal; }
#title h1 a { color: #09367b; text-decoration: none; }
#title h1 a:hover { text-decoration: underline; }

#sitemenu-container {float: left; padding-bottom: 13px; background: url(sitemenubottombg.gif) no-repeat bottom left; clear: both;}
#sitemenu ul {float: left; width:736px; margin: 0; padding: 0 14px; background: url(sitemenubg.gif) repeat-y 0 0;}
#sitemenu {float: left; background: url(sitemenutopbg.gif) no-repeat 0 0; padding-top: 13px;}
#sitemenu li { display:inline; margin-right: 10px; height: 12px; line-height: 12px; list-style: none; }
#sitemenu a { color: #ffdc63; font-weight: normal; text-decoration: none; }
#sitemenu a:hover span.in, #sitemenu .selected span.in { color: #ffdc63; text-decoration: underline; }
#sitemenu .currentPage span.in, #sitemenu .currentParent > a > span.in, #sitemenu .currentParent > span.in { font-weight: bold; color: #fff; }
#sitemenu .currentPage span.in { color: #000; }
#sitemenu .currentPage li span.in { color: #fff; }
#sitemenu ul li ul { background: #5a78b7; box-shadow: 3px 2px 4px #fdd651; -webkit-box-shadow: 3px 2px 4px #fdd651; -moz-box-shadow: 3px 2px 4px #fdd651; }
#sitemenu ul ul .submenu-indicator { top: 6px; }

#sidebar-container { width: 260px; float: left; margin-right: 10px; }
#sidebar-top { background: url(sidebartopbg.gif) no-repeat; height: 14px; }
#sidebar-content { margin: 0; padding: 0 5px 4px; background: #ffdc63;  color: #333;}
#sidebar-bottom { background: url(sidebarbottombg.gif) no-repeat 0 100%; height: 14px; }

	#sidebar-content h4 {position: relative; font-size: 13px; margin: 0 0 1em;}
	#sitemenu-content ul li ul li span.in{
	border-bottom:solid 1px #FFF !important;
}
	.pagelet.o h4 {  color: #91a5c7; padding-left: 0; line-height: 13px; background: transparent; }
	.pagelet.e h4 { font-size: 11px; color: #e95707; padding-left: 32px; padding-right: 20px; height: 43px; line-height: 43px; background: url(sidebarh3bg.gif) no-repeat 0 9px; overflow:hidden; margin:0px;}

	.pagelet a { color: #0797e9 !important; }	
	#sidebar .pagelet.bordered {border:#e95707 3px double;padding:5px;}
	.pagelet p {margin:0px; padding:0px 0px 0.5em !important;}
	.pagelet { margin-bottom: 12px; }
#sidebar-content .caption {margin-bottom: 1em;}
#main {width: 491px; float: left; color: #e1e1ff; }
#main-top { background: url(maintopbg.gif) no-repeat top left; height: 14px; }
#main-content { margin: 0; padding: 0 5px 14px; background: #224f97 }
#main-bottom { background: url(mainbottombg.gif) no-repeat bottom left; height: 142px; }

	#main-content h4 { position: relative; font-size: 11px; }
	#main-content h2, #main-content .o h3 {position: relative;  margin: 0 0 1em; padding: 0; font-size: 14px;  color: #91a5c7; line-height: 14px; background: transparent; }
	#main-content .e h3 { margin: 0 0 1em; font-size: 14px; color: #e95707; padding-left: 32px; height: 43px; line-height: 43px; background: url(mainh3bg.gif) no-repeat 0 9px; }
	#main-content p {position: relative; margin: 0; padding: 0 0 1em;}
	a { color: #ffdc63;  }

	#main-content .listing-index h3 { font-size: 12px; }
	#main-content .listing-index .e h3 { font-size: 12px;  padding-left: 0; color: #75c404; background: transparent; }
	#main-content .listing-index .e h3 a { color: #ffdc63; }
	/* remove excessive spacing if the heading is used in a collection index */
	li h3 {
		margin-bottom:0.3em!important;
		height:auto!important;
		width:auto!important;
		line-height:1.3em!important;
	}
#main-content:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}


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

.article-info {
	clear:right;
}

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

.callout p, .callout h4, .callout span, .callout div {z-index:200;}

.no-sidebar #main { width: 764px; margin-left: 0;}
.no-sidebar #main-content { margin: 0; padding: 0 5px; background: #224f97; }
.no-sidebar #main-top { background: url(maintopbg-nosidebar.gif) no-repeat top left; height: 14px; }
.no-sidebar #main-bottom { background: url(mainbottombg-nosidebar.gif) no-repeat bottom left; height: 142px; }

.photogrid-index { text-align:center;/* float:left; */}
body.no-sidebar .photogrid-index { margin-left:68px;}
.photogrid-index a {
	color:#fff !important;
	text-decoration:none;
}
.photogrid-index a:hover  {
	text-decoration:underline;
}
.gridItem { 
	float: left; 
	position:relative; 
	width:144px; 
	height: 180px;
	margin: 9px 4px 0; 
}
.gridItem h3 {
	margin: 0px !important; 
	padding: 0px !important; 
	font-size:120% !important; 
	line-height:1.2em !important; 
	color:#fff !important; 
	height: 44px; 
	width:144px; 
	overflow: hidden; 
	background: transparent !important;
	position:absolute !important; 
	font-weight:normal !important;
	top:134px; 
}
.gridItem img {
	margin: auto; 
	position:absolute; 
	top:0; 
	right:0; 
	left:0; 
	bottom:50px;
}


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

#sidebar .photogrid-index{
	width:auto;
	margin-left:55px;
}
#sidebar .gridItem h3 a{
	color:#224F97!important;
}

/* End hide from IE5-mac */

.ImageElement, .VideoElement { 
	text-align: center; 
	clear: both; 
}
/*#main .ImageElement {
	margin-top:24px;
}*/
.photo-page #main-content h2 { padding-right: 130px; }
.photo-page .caption { padding: 10px 0; text-align: center; }
.photo-page .photo img { border: none; }

.photo-navigation { float: right; margin-top: -35px; width: 114px; margin-bottom:10px; }
#previous-photo, #next-photo, #photo-list { float: left; width: 33px; height: 38px; margin-right: 5px; text-indent:-10000px;}
.photo-navigation a { display: block;  float: left; width: 33px; height: 38px; text-decoration: none; text-indent:-9999em; }
#previous-photo a { background: url(photo-prev.gif) no-repeat top left; }
#next-photo a { background: url(photo-next.gif) no-repeat top left; }
#photo-list a { background: url(photo-list.gif) no-repeat top left; }
#previous-photo{ background: url(photo-prev-o.gif) no-repeat top left; }
#next-photo{ background: url(photo-next-o.gif) no-repeat top left; }
#photo-list{ background: url(photo-list-o.gif) no-repeat top left; }


#page-bottom { padding:4px 0px; margin-left:8px;  }
#page-bottom p {  padding-right: 30px;margin:0px; }
#page-bottom a { color: #0797e9}

.text-navigation{width:auto!important; float:none; margin:0;}
.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{ text-decoration:none;}
.text-navigation a:hover{ text-decoration:underline;}
.has-photo-navigation #main-content h2{
	padding-right:120px;
}
#sidebar-content:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
.whiteBackground p
{
	color:#000;
}
.whiteBackground p a{
 	color:#0797E9;
 }
 .article-thumbnail {
    float: left;
   	margin:5px 10px 5px 0;
	clear:left;
}
h3.index-title, .timestamp, .kBlock p{
	clear:left;
}	

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