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

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

.HTMLElement { overflow:hidden; }

textarea.fullWidth, input.fullWidth, select.fullWidth {
	width:96%;
	margin:4px 0;
}
textarea.fullWidth, select.fullWidth {
	margin: 4px 1px
}

form.contactElement input.submit {
	width:auto;
	display:block;
	margin-left:auto;
	margin-right:2%;
	min-width:50%;
}
form.contactElement th {
	text-align:right;
	font-weight:normal;
	width:25%;
}

.contactError { color:red; font-weight:bold; }

/* Contact Element For IE 7 */
*:first-child+html form.contactElement input.submit {
	padding:0px 10%;
	min-width: 0px;
}

textarea {
    resize: vertical;
}

/* 
   css Copyright (c) 2008-2009 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. 
*/


/*
	GLOBAL
*/


* { 
	margin:0px;
	padding:0px;
}

body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	background: white;
	color:#1d2326;
	word-wrap:break-word;
	line-height:1.4;
	background:#091a54 url(./images-extra/bg-gradient.gif) fixed repeat-x 0 0;
}

#page-container {
	margin:0 auto;
	max-width: 1200px;
	min-width:900px;
	_width:1100px;/*make IE7 and under fixed width*/
	position: relative;
}

a {
	color: navy;
}

a:hover {
	color: maroon;
}


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


img {
	border: 0px none;
}

.article-info {
	color: navy;
	text-align: right;
	font-style: italic;
}

ul, dd {
	padding-left:20px;
}

ol {
	padding-left: 3em;
}

.article p, .article h3, .pagelet p  {
	margin-bottom: 0.8em;
}

p{
	font-family:"Trebuchet MS",Helvetica,sans-serif !important;padding-bottom: 8px;
	}
	
/* CMS overrides */
p span{
	font-family:"Trebuchet MS",Helvetica,sans-serif !important;
	font-size:15px !important;
	}
	
p span font{
	font-size:15px !important;
	}
	
.RichTextElement br{
	height:0em;
	}


/* 
	TITLE & LOGO
*/

#page{
	background:#fff url(./images-extra/fg-gradient.gif) fixed repeat-x 0 0;
	border-top:2px solid #474b57;
	border-left:2px solid #474b57;
	border-right:3px solid #474b57;
	border-bottom:3px solid #474b57;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	margin:26px auto;
	width:94%;
	}
	
#page-top{
	position: relative;
	height: 150px;
	padding:0;
	margin:0
	color: #dddcc5;
	z-index: 600;
	overflow: hidden;
	_overflow:visible;
	}

#title {
	background:transparent url(../_Media/dcdemformo77_norb.png) scroll no-repeat 15px bottom;
	display:block;
	width:1100px;
	_width:1000px;
	height:148px;
	position: absolute;
	top: 0;
	left: 0px;
	/* new banner */
	background: transparent url(./title-bg-fullwidth.png) scroll no-repeat left bottom;
	height: 150px;
	/* end new banner */
	}


h1 {
	position:absolute;
	bottom: 63px;
	left: 16px;
	right: 250px;
	line-height: 1.3;
	text-shadow: #000 1px 1px 2px;
}

h1 a {
	color: white;
}

#title p {
	position:absolute;
	top: 90px;
	left: 16px;
	right:250px;
	text-transform: uppercase;
}


/* IE5/Mac love */
* html .allow-sidebar #title>h1, * html .allow-sidebar  #title>p {
	right:0px;
	padding-right:230px;
	width:auto;
}

.has-logo h1, .has-logo #title p {
	left: 220px;
}

.no-sidebar h1, .no-sidebar #title p {
	/*right: 1em;*/
}

#logo-container {
	position:absolute;
	top: -1em;
	left: 1em;
}


/*
	SITEMENU
*/
#sitemenu-container {
	width: 220px;
	position:fixed;
	_position:absolute;
	zoom:1;
	z-index: 100;
	top:185px;
	margin-left:-5px;
	color: #cccccc;
}


#sitemenu a {
	/*text-shadow: 1px 3px 10px white;*/
	color: navy;
	color:#474B57;
	text-decoration: none;
	padding:3px 0 2px 0;
	display: block;
}

.allow-sidebar #sitemenu a { 
	display: block;
}

#sitemenu ul {
	list-style: none;
	margin:0;
	padding:0;
}

#sitemenu li {
	background: #99afc5;
	background:#fff url(./images-extra/nav-gradient.gif) scroll repeat-y top left;
	text-transform: uppercase;
	margin-bottom: 3px;
	border: 1px solid #394456;
	text-align: right;
	/*-webkit-border-radius: 7px;
	-moz-border-radius: 7px;*/
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright:  7px;
	-moz-border-radius-bottomright: 7px;
}

#sitemenu li > [title="Contribute"] {
	background-color: #0080ff;
	background-color:#446DB0;
	background:#fff url(./images-extra/nav-gradient-current.gif) scroll repeat-y top left;
	color: #e6e6e6;
	/*-webkit-border-radius: 7px;
	-moz-border-radius: 7px;*/
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright:  7px;
	-moz-border-radius-bottomright: 7px;
}

.allow-sidebar #sitemenu li {
	text-align: right;
}

/* IE Hack */
/* Hides from IE5-mac \*/
* html #sitemenu li, * html #sitemenu li a {
	position:relative;
}
/* End hide from IE5-mac */

#sitemenu li span.in:before {
	content: "\002605";
	padding-right: 3px;
	visibility: hidden;
	color: n;
}

#sitemenu li:hover span.in:before, #sitemenu li.currentPage span.in:before, #sitemenu li.currentParent span.in:before {
	visibility: visible;
}

#sitemenu li.currentPage, #sitemenu li.currentParent, #sitemenu li.currentPage span.in:before, #sitemenu li.currentParent span.in:before {
	/*text-shadow: 1px 3px 20px white;*/
	background: #942118;
	background:#fff url(./images-extra/nav-gradient-contribute.gif) scroll repeat-y top left;
	color: #e6e6e6;
	border-color: #394456;
	padding-top:3px;
	padding-bottom:2px;
}

#sitemenu li.currentParent a {
	color: #e6e6e6;
}

/* IE Hack */
/* Hides from IE5-mac \*/
* html #sitemenu li.currentPage, * html #sitemenu li.currentParent {
	border-top-width: 2px;
}
/* End hide from IE5-mac */

* html #sitemenu a:hover {
	background-color: white;
}

*:first-child+html #sitemenu a:hover {
	background-color: #ffe;
}

#sitemenu li span.in {
	padding: 2px 6px;
}

.no-sidebar #sitemenu-container {
	/*float:none;
	position: static;
	width: auto;
	margin-top: 0px;
	margin-bottom: 12px;*/
}

.no-sidebar #sitemenu li {
	/*border-width: 2px;
	display:inline;
	padding:1px 2px;*/
}



/*
	PAGE-CONTENT
*/

.allow-sidebar #page-content {
	/*margin-top: 1em;*/
	}

#main {
	padding:0 2em 2em 240px;
}

#main h2{
	color:#474b57;
	font-size:14px;
	letter-spacing:2px;
	padding:10px 0 0 5px;
	margin-bottom:10px;
	border-bottom:2px solid #81899e;
	}
	
#main .article-content h2{
	border:none;
	font-style:italic;
	font-size:19px;
	letter-spacing:-1px;
	color:#942118;
	margin:10px 0;
	font-weight:normal;
	}
	
#main .article-content p{
	margin:0 10px;
	}
	
#main .article-content h3{
	margin:10px 5px 5px 5px;
	font-size:15px;
	color:#102E93;
	font-weight:normal;
	font-style:italic;
	}

.allow-sidebar #main {
	/*position:absolute;
	top:168px;
	right: 2em;
	left: 2em;
	padding-right: 270px;*/
	padding:0 2em 2em 240px;
	padding-right:250px;
}

/* positioning fix for IE6 and IE5/Mac, undone for IE5 in ie.css 
* html .allow-sidebar #main {
	margin-right: 1em;
}*/

/* IE Hack */
/* Hides from IE5-mac \*/
/** html .allow-sidebar #main {
	right: -3em;
}*/
/* End hide from IE5-mac */

/*
.no-sidebar #main {
	clear: right;
	margin-right: -1em;
}*/

.article, .no-callouts {
	position:relative;
	clear: left;
}

.article-info {
	clear:left;
}

h2 {
	font-size: 160%;
}

h3 {
	font-size: 140%;
	margin-top: 2em;
}



/*
	SIDEBAR & CALLOUTS
*/

#sidebar {
	background:#fff url(./images-extra/sidebar-gradient.gif) scroll repeat-y top right;
	width: 210px;
	clear: both;
	float:right;
	position:relative;
/* 	z-index: 10; */
	padding: 10px 10px 0 15px;
	margin:8px 0 0 0;
	/*border-left:1px solid #dddfe2;
	border-top:2px solid #dddfe2;*/

}

.callout {
	float:left;
	position: relative;
	width: 225px;
	margin: 0em 1em 0em 0;
	padding: 15px  0 0em 10px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright:  7px;
	-moz-border-radius-bottomright: 7px;
/* 	z-index:10; */
}


/* IE Hack */
/* Hides from IE5-mac \*/
* html .callout {
	position:relative;
	margin-left: -1em;
}
/* End hide from IE5-mac */


.pagelet {
	margin-bottom: 2em;!important;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.pagelet.last-item {
	margin-bottom: 1em;
}

.pagelet p{
	margin:1em;
	}

.pagelet h4 {
	padding: 1px 0px;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
	color: navy;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.pagelet h4 span.in {
	padding: 2px 0px 2px 3px;
}

.pagelet-body {
	font-size:12px;
	text-align:left;
	}
	
.pagelet-body .HTMLElement{
	text-align:center;
	}
	
.pagelet-body form{
	text-align:center;
	}
	
.pagelet-body form table{
	width:200px;
	}
	
.pagelet-body form td{
	text-align:right;
	padding-right:10px;
	}

.pagelet.bordered {
	border-width: 1px;
	border-color: #394456;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.pagelet.bordered h4 {
	color: navy;
}

.pagelet.bordered a {
	border-color: #394456;
	border-width: 1px;
	color: #004080;
}

.pagelet.bordered a:hover {
	color: maroon;
}

#sidebar .pagelet.bordered + .pagelet {
	color: #394456;
/*	background-color: #d9dbe5;
	background-color:white;*/
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

#sidebar .pagelet.bordered + .pagelet.bordered {
	border-color: #394456;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}


/* 
	PHOTO GRID PAGE
*/

.photogrid-index {
    height:1%; /*  for the IEs */
	position:relative; /* for IE < 7 */
	margin:auto;
    text-align: center;
	padding: 0em 12px;        
}

.gridItem {
/*	display:inline-block; argh! Firefox can't do this */
	float:left;
    position:relative;
    width:150px;
    height:190px;
   	margin:5px;
    overflow: hidden;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.gridItem * {
	padding:0px;
	margin: 0px;
}

.gridItem a.imageLink {
	position: absolute;
	bottom:54px;
	left:10px;
	width: 130px;
	display:block;
	text-align:center;
}

.gridItem img {
    border: 1px solid #958976;
    margin: auto;
 }

.gridItem h3 {
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:190px;
	margin: 0px;
	background: transparent;
    font-size: 100%;
}

.gridItem h3 a {
	display:block;
	position:absolute;
	top:0px;
	left: 0px;
	width:150px;
	height: 54px;
	padding-top: 136px;
	background: transparent;
	text-decoration:none;
	text-align:center;
	text-transform: uppercase;
	font-size:100%;
	font-weight:normal;
	color: navy;
}


.gridItem:hover {
    background: url(photogrid-item-gradient.png) repeat-x;
}

.gridItem h3 span.in {
	margin-top: 136px;
	display:block;
	width: 100%;
	padding:2px;
}

.gridItem h3 a span.in {
	/* if we're inside a link, the link will provide correct positioning */	
	margin-top: 0px; 
}



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






/*
	NAVIGATION LINKS
*/
.photo-navigation {
	position:relative;
    height: 21px;
    width:200px;
    margin:0px auto 8px auto;
}

.photo-navigation div {
	width:46px;
	height:21px;
	position: absolute;
    text-indent: -5000em;
}

/* some love for IE5/Mac */
* html .photo-navigation>div {
	text-indent: 5000em;
}

.photo-navigation a {
	border-bottom:none;
	display:block;
	width:100%;
	height:100%;
}

#previous-photo, #next-photo, #photo-list, #previous-photo a, #next-photo a, #photo-list a {
	background-image: url(Arrows.gif);
	background-repeat: no-repeat;
}


#previous-photo	{
    left: 26px;
   	background-position: 0px -39px;
}

#previous-photo a {
	background-position: 0px 0px;
}

#next-photo {
    background-position: -100px -39px;
    left: 133px; 
}
#next-photo a {
    background-position: -100px 0px;
}

#photo-list {
    background-position: -53px -39px;
    left: 83px;
}
#photo-list a {
    background-position: -53px 0px;
}

.image-controls a {
	border-bottom:none !important;
}



/*
	PAGE-BOTTOM
*/

#page-bottom {
	word-break: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	text-transform: capitalize;
	background: #41495E;
	color: #fff;
	text-align: right;
	width:100%;
	margin-bottom:20px;
	padding-bottom:5px;	
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	float:right;
	clear:right;
	position:relative;
/*	z-index: 10; */
	margin-top: 3px;
	text-align:center;
}

.allow-sidebar #page-bottom {
	float:right;
	clear:right;
	position:relative;
/*	z-index: 10; */
	margin-top: 3px;
}

#page-bottom-contents {
	padding: 2px 6px;
}

.no-sidebar #page-bottom {
	/*margin: 0px -2em;*/
}

.no-sidebar #page-bottom-contents {
	/*margin: 0px 2em;*/
}

#page-bottom a {
	color: white;
}

/* BEGIN DougClemens.com specific stuff*/

span.quotation:before {
	content: "\275d";
	padding-right: 3px;
}

span.quotation:after {
	content: "\275e";
	padding-left: 2px;
}

span.quotation{ 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 14px; 
	color: #333333; 
	text-align: left; 
	display: block; 
	font-style: italic;
}

span.signature{
	margin-top: 10px;
	display: block;
	text-align: right;
	color: navy;
	font-size: 12px;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 200px;
 height: 20px;
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
 line-height: 20px;
 font-size: 18px;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */

/* Badge Swapper */
div.button-badge-container
{
	position:absolute;
	top: -156px;
	left: 60px;
	z-index: 700;
	height:150px;
	overflow:hidden;
	*display:none;
}

img.button-badge
{
	height:150px;
}

/* Badge Swapper */

#newsticker-container 
{
	position:absolute;
	top:30px;
	left: 18px;
	font-family:Verdana,Arial,Sans-Serif;
	font-size:12px;
	margin:5px auto;
	height:40px;
	overflow:hidden;
}

.vertispacer
{
	height: 25px;
}

#newsticker-container a { text-decoration:none; }

.newsticker-carousel ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-carousel .info {width:200px; }
.newsticker-carousel .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }

/* BEGIN DougClemens.com specific stuff*/

/* 
	SANDVOX GENERALITIES
*/
.clear {clear: both; height: 0;}
#main .clear {clear:left;}
.hidden {display:none;}
img.narrow {float: right; margin: 0em 0em 0.8em 0.8em;}
img.wide {display: block;}
.ImageElement, .VideoElement { text-align:center;}


/* IE 5/5.5 Hackery to read extra stylesheet */

@media tty {
i{content:"\";/*" "*/}} @import 'ie.css'; /*";}

/* */

#title { background-image: url("../_Media/dcdemformo77_norb.png"); }

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

#title { background-image: url("banner.png"); }