/* 
   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 { 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, .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 {white-space: nowrap}
* html #sitemenu-content ul li {white-space: normal}
*:first-child+html #sitemenu-content ul li {white-space: normal}
#sitemenu-content ul ul li {white-space: normal}
#sitemenu-content span.in { position: relative; }

/* Keep tables with long content from pushing too far over */
table { word-break: break-all; }

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

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

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

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

body { background: #ffd3f1 url(bodybg.gif) repeat-x; margin: 0; padding: 0 0 30px 0; font-family: verdana,helvetica,arial,sans-serif; font-size: 10px; word-wrap:break-word; }

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


#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; background:url(h1background.png) no-repeat top right;}
#page-top h1, #page-top p { margin-top: 0;  }
#page-content {float: left; margin-top: 10px;}
#title { min-height: 183px;float: left; padding: 0px 10px 10px 510px; clear: both; }

#logo-container {display:block; text-align:right; margin: 8px 0px -2px 0px;}

#title h1 { font-size: 15px; margin:0px; color: #000; width:245px; height:99px; padding-top:50px;}
#title h1.TurnOffReplace { height:99px!important;}
#title h1.replaced { background-position:top left; padding:0px;}
* html .has-logo #title h1 { background-image: none;}
#title p {  color: #971b6c; margin: 0;  }
#title h1 a { color: #000; text-decoration: none; }
#title h1 a:hover { text-decoration: underline; }



#sitemenu-container {position: relative; z-index: 100; float: left; padding-bottom: 13px; background: url(sitemenubottombg.gif) no-repeat bottom left; clear: both;}
/* Hides from IE5-mac \*/
* html #sitemenu-container {
	margin-top:110px;
	margin-bottom:0px;
}
/* End hide from IE5-mac */

#sitemenu ul {float: left; margin: 0; padding: 0 0 0 14px; background: url(sitemenubg.gif) repeat-y;width:750px;}
#sitemenu {background: url(sitemenutopbg.gif) no-repeat; padding-top: 13px;width:764px;}
#sitemenu li { display:inline; margin-right: 12px; height: 12px; line-height: 12px; list-style: none; }
#sitemenu span.in { font-weight: bold; }
a { color: #ffdc63; font-weight: bold; text-decoration: none; }
a:hover { color: #ffdc63; text-decoration: underline; }
#sitemenu-content .currentPage span.in { color: #fff; }
#sitemenu-content .currentPage li a span.in { color: #ffdc63; }
#sitemenu-content .currentParent > a { color:#a8e4ff; } 
#sitemenu-content ul li ul { background-color: #a90873; border-color: #eee;}
#sitemenu-content 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: #a8e4ff;  color: #333;}
#sidebar-bottom { background: url(sidebarbottombg.gif) no-repeat 0 100%; height: 15px; }
	.pagelet.o h4, .pagelet.e h4 { position: relative; margin: 0 0 .5em; padding: 2px 20px 12px 32px; font-size: 13px; color: #971b6c;  background: url(sidebarh3bg.gif) no-repeat 0 0px; }


	.pagelet a { color: #971b6c!important; }
	#sidebar .pagelet.bordered {border:#971b6c 3px double;padding:5px;}
	.pagelet p {margin:0px; padding:0px 0px 0.5em !important;}
	.pagelet { margin-bottom: 12px; }
		
	.blockquote-container>.pagelet-body, .blockquote-container>.graphic { padding: 10px; position: relative; background: url(QuotationMarks-Bubblebath.png) -60px -5px no-repeat; }
	.blockquote-container .pagelet-body:after, .blockquote-container .graphic:after { display: block; height: 70px; width: 70px; position: absolute; content: ""; bottom: 0px; right: 0px; background: transparent url(QuotationMarks-Bubblebath.png) 20px 30px no-repeat; } 
	.blockquote-container blockquote { margin: 0; padding: 1px 15px 0px 18px; z-index: 100; position: relative; font-style: italic; }
	blockquote p { margin: 10px 0px; }

#sidebar-content .caption {margin-bottom: 1em;}
#main {width: 491px; float: right; color: #300; position:relative; }
#main-top { background: url(maintopbg.gif) no-repeat top left; height: 14px; }
#main-content { margin: 0; padding: 0 9px 14px; background: #f975cc }
#main-bottom { background: url(mainbottombg.gif) no-repeat bottom left; height: 132px; }

	#main-content h4 { position: relative; font-size: 11px; }
	#main-content h2{position: relative;  margin: 0 0 1em; padding: 0; font-size: 14px;  color: #000; line-height: 14px; background: transparent; }
	#main-content.has-photo-navigation h2 {margin-right: 125px;}
	#main-content .article, #main-content .article-info, #main-content .no-callouts {clear: right;}
	#main-content .e h3, #main-content .o h3  { margin: 0 0 1em; font-size: 14px; color: #971b6c; padding-left: 32px; height: 43px; line-height: 43px; background: url(mainh3bg.gif) no-repeat 0 9px; }
	#main-content .o h3 a, #main-content .e h3 a { color: #971b6c; }
	#main-content .o h3 a:visited, #main-content .e h3 a:visited, #main-content a:visited { color: #6c1b97; }
	#main-content p {position: relative; margin: 0; padding: 0 0 1em;}
	#main-content a { color: #ffdc63!important;  }
	#main-content .listing-index h3 {  font-size: 14px; color: #971b6c; padding-left: 32px; height: 43px; line-height: 43px; background: url(mainh3bg.gif) no-repeat 0 9px; }
	#main-content .listing-index .e h3 a, #main-content .listing-index .o h3 a { color: #971b6c; }
	#main-content .listing-index .e h3 a:visited, #main-content .listing-index .o h3 a:visited { color: #6c1b97; }

#main-content:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
.callout {
	clear:right;
    float: right;
	padding:10px 10px 0px 10px;	
	margin:0 0 15px 15px;
	background: #a8e4ff;  
	color: #333;
	font-size:1em;
	width:200px;
	border-radius:12px;
	-moz-border-radius: 12px;    
	-webkit-border-radius: 12px;
}

.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 9px; background: #f975cc; }
.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: 132px; }

#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;/* float:left;*/}
.photogrid-index a {
	color:#000;
	text-decoration:none;
}
.photogrid-index a:hover {
	text-decoration:underline !important;
}
.gridItem { 
	float: left; 
	position:relative; 
	width:148px; 
	margin: 9px 4px 0; 
	height: 180px;
}
body.no-sidebar .gridItem {
	width:140px;
}
.gridItem h3 {
	margin: 0px !important; 
	padding: 0px !important; 
	font-size:120% !important; 
	line-height:120% !important; 
	color: #971b6c !important; 
	height: 45px; 
	width:148px; 
	overflow: hidden; 
	background: transparent !important;
	position:absolute !important; 
	top:131px; 
}
body.no-sidebar .gridItem h3 {
	width:140px;
}
.gridItem img {
	margin: auto; 
	position:absolute; 
	top:0; 
	right:0; 
	left:0; 
	bottom:50px;
}


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

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


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

.photo-page .photo { text-align: center; clear: both; padding-top: 12px; }
.photo-page .caption { padding: 10px 0; text-align: center; }
.photo-page .photo img { border: none; }

.photo-navigation { position:absolute; top: 5px; right: 8px; width: 115px; height: 36px;}
.photo-navigation div { position: absolute; width: 31px; height: 36px; }
#photo-list {right: 0px;background: url(photo-list-v.gif) no-repeat top left;text-indent:-10000px; }
#next-photo {right: 40px;background: url(photo-next-v.gif) no-repeat top left;text-indent:-10000px;}
#previous-photo {right: 80px;background: url(photo-prev-v.gif) no-repeat top left; text-indent:-10000px;}
.photo-navigation a { text-indent: -5000px; display:block; height: 36px; width: 31px; position:absolute;}
#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;  }



#page-bottom { position: relative; top:4px; left:8px; }
#page-bottom p { position: relative; padding-right: 30px;margin:0px; }
#page-bottom a { color: #971b6c!important; }

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

#main .whiteBackground a
{
	color:#971B6C!important;
}
.article-thumbnail {
    float: left;
    margin:3px 10px 5px 0;
	clear:left;
}
h3.index-title {
	clear:left;
}
.no-page-title .photo-navigation  #main-content h2{width:530px;float:left;}
.no-page-title #main-content{padding-top:28px;}
.has-photo-navigation #main-content h2{padding-right:170px!important;}

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

