@charset "utf-8";
/* CSS Document -- originally based on chetnick */
body {
	background-color: #FFCC99; 
	color: #333;
	margin: 0;
	max-width: 1260px; /* 1280 maximized */
	max-width: 1673px; /* 1680 maximized */
	margin-left:auto; margin-right:auto;
	padding: 0;
}
a { color: #000066; }
blockquote {
	border:none;
}
dd {margin-bottom:1em;}
dt {
	color: #FFCC33;
	font-weight:bold;
}
figcaption {
	color:#333;
	font-weight:bold;
	text-align:center;
}
figcaption a {
	color:#333;
}
footer {
	text-align:center;
}
footer * {text-align:center;}
footer hr {
	clear:both;
}
footer ul {
/*	white-space:nowrap;*/
	list-style:disc;
}
footer ul li a {
	display: inline-block;
}
footer ul li {
	display: inline;
}
h1,h2,h3,h4,h5,h6, blockquote, hr {
	color: #929292;
/*	max-width:100%; height:auto; // Idea to get it to resize like the image. Didn't work for anything w/ no spaces like the "WasAPsychicChild.com"*/
}
h1,h2,h3 {
	text-align:center;
}
h1 { clear:both; }
p {
	text-align:justify;
}
#content article p {
	text-align:justify;
}
hr {
	width:72%;
}
footer {
	clear:both;
	font-size:small;
	text-align: center;
	width: 80%; margin-left:auto; margin-right:auto;
}
footer a {
	color: #333;
	text-decoration:underline;
}
footer ul {
	list-style: none;
	display:inline;
}
footer ul li {
	display:inline;
}
#content {
	padding-left: 5%;
	padding-right: 5%;
}
#masthead {
	text-align: center;
}
#masthead img {
	width:auto;
	max-width:100%; height:auto;
	display:block; margin-left:auto; margin-right:auto; /* Centers it. */	
}
#masthead #PsuedoTextLogo {
	height:100%;
	width:100%;
	display:block; margin-left:auto; margin-right:auto; /* Centers it. */
	max-height:58px;
	max-width:362px;
}
#masthead blockquote {
	border:none;
	font-weight:bold;
	font-size:18px;
	max-width:600px;
	margin-left:auto; margin-right:auto;
	text-align:left;
}
#masthead blockquote cite {
	display:block;
	text-align:right;
}
#navbar-main {
/*	background-color: #DFAD30;*/
	background-color: #C0C0C0;
}
#navbar-main a {
/*	color: #000066;
	color: #555;
	font-weight:bold;
}
#Sidebar_Main {
	background:#5f93ba;
	background-color:#5f93ba;
	border-radius:5px;
	padding-top:1em;
}
#Sidebar_Main img {
	border-radius:15px;
	height:100%;
	width:100%;
	display:block; margin-left:auto; margin-right:auto; /* Centers it. */
}
#Sidebar_Main p {
	text-align:center;
}
/*.container .row-fluid .col-xs-6.col-sm-2.col-md-2 */
#Sidebar_Main .btn.btn-default {
	color:#333;
	background:#f0af16;
	border-radius:5px;
	text-align:center;
	width:100%;
	display:block; margin-left:auto; margin-right:auto; /* Centers it. */
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #6F7D94;
	color: #000;
}
#Sidebar_Main .btn.btn-default {
	line-height:.8em;
	margin-bottom: 10px;
}
#Sidebar_Main .btn.btn-default a {
	font-weight:bold;
	color:#2b424d;
}
#Sidebar_Main .btn.btn-default a:focus{
	background-color: #cd9934;
	outline:thin dotted;
	}
#Sidebar_Main .btn .btn-default a:active, a:hover {
	background-color: #cd9934;
	color:#000;
	outline:0;
}
/*#Sidebar_Main button.btn */
#Sidebar_Main button.btn.btn-default a:hover{
	background-color:yellow;
	color:#929292;
}
#Sidebar_Main .btn-default:hover {
	background-color:#d4a52f;
	color:#929292;
}

/* CLASSES */

.birth-story-fact-list {
	float:right;
	width:49%;
}
.birth-story-submasthead {
	text-align:center;
	vertical-align:middle;
	width:100%;
}
.birth-story-submasthead figure {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	width:49%;
}
.birth-story-fact-list {
	display:inline-block; 
	padding-left: 1em;
	text-align:left;
	vertical-align:middle;
	width:49%;
}
.content {
	clear:both;
}
.gallery {
/*	margin: auto 5%;*/
	text-align:center;
}
.linkWidget {
/*	-moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);*/
	border-radius: 8px;	
	/* Oddly, to me, the contained img overrides this & you get square corners on top. Thus the next style. */
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
/*	-moz-box-shadow:    3px 3px 4px 5px #555;
	-webkit-box-shadow: 3px 3px 4px 5px #555;
	box-shadow:         3px 3px 4px 5px #555;*/
	display:inline-block; 
	text-align:center; 
	margin: 10px;
	vertical-align:top;}
.linkWidget img {
/*	-moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);*/
	border-radius: 8px 8px 0 0;
	margin: 3px 3px auto 3px;
}
.inline-widget-wrapper > * { /* ex: used in wrapping div where article would normally be, as on order page. */
	vertical-align:middle;
	vertical-align:top;
}

/* Not needed. Edit #navbar-main a {} instead.
.nav li a { 	color:#FFFFFF;
	font-weight:bold;
}*/
.prodWidget {
	border-radius: 8px;	
	box-shadow: 0px 0px 3px rgba(9, 9, 9, 1);
	box-shadow: 0px 0px 5px #385770;
	display:inline-block;
	padding: 0.7em; 
	text-align:center; 
	margin: 10px;
	min-height:50em;
	width:20em;margin-top:auto; margin-bottom:1em;
	}
.prodWidget img {
/*	border-radius: 8px 8px 0 0;*/
	box-shadow: 2px 3px 5px #34546D;
}
.prodWidget h4, h5, h6 {
	color: white;
}
.vidWidget {
	border-radius: 8px;	
	box-shadow: 0px 0px 3px rgba(9, 9, 9, 1);
	box-shadow: 0px 0px 5px #707070;
	display:inline-block;
	padding: 2px;
	text-align:center; 
	margin: auto 8px;
	min-height:50em;
	width:434px;margin-top:auto; margin-bottom:1em;
	}
.vidWidget h4, h5, h6 {
	color: #333;
}
.vidWidget img {
/*	border-radius: 8px 8px 0 0;*/
	box-shadow: 2px 3px 5px #707070;
}
.vidWidget iframe {
/*	border-radius: 8px 8px 0 0;*/
	box-shadow: 0px 3px 5px #707070;
	height:349px;
	width:425px;
}
@media (max-width: 435px) {
/*	*/.vidWidget {
		margin:auto 0 1em;
		width:100%;
	}
	.vidWidget iframe {
		box-shadow: 0px 3px 5px #707070;
		height:auto;
		width:100%;
	}
}
.signboard h1,h2,h3,h4,h5,h6, blockquote, hr, p {
	text-align:center;
	width:72%;
	margin-left:auto;margin-right:auto;}
.signboard {
	width:80%; 
	margin-left:auto; margin-right:auto; 
	min-width:320px; 
	text-align:center;
}
.standalone {
	font-weight:bold;
}
.submasthead-3block {
	clear:both;
	text-align:center; 
	white-space:nowrap;
	width: 100%;margin-left:auto; margin-right:auto; 
	max-width: 1030px;
}
.submasthead-3block img {
	max-width: 100%;
	max-height: 100%;
}

.submasthead-3block figure {
	display:inline-block;
	white-space:nowrap;
	width: 32%;
}
.submasthead-3block figure img {
	max-width: 100%;
	max-height: 100%;
}
/* Classes Overriding BOOTSTRAP________________________________________________ classes */
.container {
    width: 100%;
}
.navbar-default {
  background-color: #C0C0C0;	/* color from old nav button */
  border-color: #000066	;		/* color from old nav button on-click , 906700,  */
}
/* Sidebar Classes (adapted from Kokopelli w/ slight changes) ________________________________________________ classes */
.caption{font-size:10px;line-height:130%;color:#929292;top:auto;text-align:center;font-weight:bold;}
.cSideBarR_stdSoft{float:right;width:280px;clear:right;background:transparent;margin:0px 0px 10px 10px;padding:10px;text-align:right;}
.cSideBarL_stdSoft{
	float:left;
/*	width:280px; Original */
	width:294px;
	clear:left;
	background:transparent;
	margin:0px 10px 10px 0px;
	padding:10px;
	text-align:left;
}
.csbR_Thin{float:right;width:193px;clear:right;background:transparent;margin:0px 0px 10px 10px;padding:10px;text-align:right;}
.csbR_Minor{float:right;width:296px;clear:right;background:transparent;margin:10px 0 10px 10px;text-align:right;}
.csbR_Gibbous {
	display:block;
	float:right;
	clear:right;
	background:transparent;
	margin:0px 0px 10px 10px;
	padding:10px;
	text-align:right;
	max-width:427px;
}
.csbR_Gibbous img {
	height:100%;width:100%; 
	margin-left:auto; margin-right:auto; 
	max-height:370px; max-width:427px;
}
.csbL_Gibbous {
	background:transparent;
	clear:left;
	float:left;
	margin:10px 10px 10px 0;
	padding:0;
	text-align:left;
	max-width:427px;
}
.csbL_Gibbous img {
	height:100%;width:100%; 
	margin-left:auto; margin-right:auto; 
	max-height:370px; max-width:427px;
}
.csbR_Mid{
	float:right;
	width:344px;
	clear:right;
	background:transparent;
	margin:10px 10px 10px 0;
	text-align:right;
	width:344px;
	max-width:100%;
}
.csbR_OldStyle{
	background:transparent;
	clear:right;
	float:right;
	margin:10px 10px 10px 0;
	text-align:right;
	width:280px;
}
.CSBR_Distinct_Narrow_A{border:1px solid #00C;float:right;width:175px;clear:right;background:#BAD6FF;margin:0px 0px 10px 10px;padding:10px;text-align:right;} /* Based on old .cSideBarR_narrowDistinctMULTI-DAY */
.CSBR_Distinct_Narrow_B{border:1px solid #00C;float:right;width:110px;clear:right;background:#BAD6FF;margin:0px 0px 10px 10px;padding:10px;text-align:right;} /* Based on old .cSideBarR_narrowDistinctHALFDAYRAFTING */