/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}
html, body {margin:0;padding:0;}
body {
text-align:center;
background: url(lo/Hollywood_Sign.jpg) top center no-repeat;
background-color:#00468C;
font:100%/1.50 arial, helvetica, sans-serif;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
/* clearfix micro hack */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
/*** LAYOUT ***/
#pre-wrapper {margin:0 auto;height:200px;width:960px;text-align:left;}
#wrapper {
	margin:0 auto 0 auto;
	max-width:960px;
	border: 1px solid #000000;

-moz-box-shadow: 0 0 9px #111;
-webkit-box-shadow: 0 0 9px#111;
box-shadow: 0 0 9px #111;
/*Firefox*/
-moz-border-top-left-radius: 0px;
-moz-border-top-right-radius: 0px;
-moz-border-bottom-right-radius: 7px;
-moz-border-bottom-left-radius: 7px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
	background-color:#fafafa;
text-align:left;
}
/*#rising-star {
	margin-top:-125px;margin-left:-20px;} */
@keyframes myanimation
{
    from  {margin-top: 0;}


	to {margin-top: 75px;}
}
#rising-star {
    position:absolute;animation: myanimation 1s ease;
	-moz-animation:myanimation 1s ease;
}
#rising-star {
	margin-top:75px;margin-left:0;} 
#star {height:200px;}

#header-home {
	margin:0 auto;
	margin:0;padding:0;
	max-width:960px;width:100%;
	/* height:auto; */
}
#topnav {
	margin:0 auto;
	max-width:960px;
	height:37px;
	text-align:left;
	background-color:#FFD700;
}
#main {
	max-width:960px;
	margin:0;padding:0;
	background: url(lo/star-glowing2.jpg) top right repeat-y;
}
#main-content {
    margin:5px auto 5px auto;
	max-width:880px;
	height:auto;
	width:91.6667%;
}
#footer {
	clear:both;
	margin:0 auto;padding:0;
	max-width:960px;
    text-align:left;
background: -moz-linear-gradient(270deg, #93b3cc 0%, #6696b7 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 270deg, color-stop(0%, #93b3cc), color-stop(100%, #6696b7));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(270deg, #93b3cc 0%, #6696b7 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(270deg, #93b3cc 0%, #6696b7 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(270deg, #93b3cc 0%, #6696b7 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93b3cc', endColorstr='#6696b7', GradientType='1'); /* for IE */
background: linear-gradient(180deg, #93b3cc 0%, #6696b7 100%);/* W3C */
}
#subfooter {
	margin:0 auto;
		-moz-box-shadow: 0 0 9px #111;
-webkit-box-shadow: 0 0 9px#111;
box-shadow: 0 0 9px #111;
}
#credits {
	margin:0 auto;
	max-width:960px;
	background:url(lo/sabrina-pound-credits-bg.jpg) top left repeat;
	-moz-box-shadow: 0 0 9px #111;
-webkit-box-shadow: 0 0 9px#111;
box-shadow: 0 0 9px #111;
}
#credits p {margin-top:0;}
/*** HEADER & MAIN BG - RESPONSIVE (use inline header img on subpages) ***/
/* -----------------------------------
less than 340px
----------------------------------- */

@media (max-width:340px)
{
	 #header 
	{
		width: 320px;
        height: 52px;
		background: url(lo/SabrinaPoundRedCarpet320x83.jpg) no-repeat;
	}
	body {background:#00468C;background-image:none;
	}
	#main
	{
	width:100%;
	height:auto;
	background: none;  /* remove glowing star from right on narrow screen */


	}
	#subfooter 
	{
	    width: 320px;
        height: 52px;
		background: url(lo/sabrina-pound-footer-bg320x64.jpg) no-repeat;
	}	
}
/* -----------------------------------
wider than 340px
----------------------------------- */

@media (min-width:340px)
{
		#header
	{
		width: 960px;
		height: 250px;
		background: url(lo/SabrinaPoundRedCarpet960x250.jpg) no-repeat;
	}
	#subfooter 
	{
		width: 960px;
		height: 192px;
		background: url(lo/sabrina-pound-subfooter-bg960x192.jpg) no-repeat;		
	}
}

/* -----------------------------------
less than 340 high res
----------------------------------- */

@media 
(-webkit-min-device-pixel-ratio:2) and (max-width:340px), 
(min-resolution:192dpi) and (max-width:340px)
{
		#header
	{
		background: url(lo/SabrinaPoundRedCarpet480x125.jpg) no-repeat;
		background-size: cover;
		background-size: contain;
	}
	#main {
		background: none;  /* remove glowing star from right on narrow screen */
	}
	#subfooter 
	{
		background: url(lo/sabrina-pound-footer-bg480x96.jpg) no-repeat;
		background-size: cover;
		background-size: contain;				
	}

}

/* -----------------------------------
wider than 340 high res
----------------------------------- */

@media 
(-webkit-min-device-pixel-ratio:2) and (min-width:340px), 
(min-resolution:192dpi) and (min-width:340px)
{
		#header
	{
		background: url(lo/SabrinaPoundRedCarpet960x250.jpg) no-repeat;
		background-size: cover;
		background-size: contain;
	}
	h1, h2, h3, h3.alt, p {
		font-size:90%;
	}
	#subfooter 
	{
		background: url(lo/sabrina-pound-subfooter-bg1920x384-2x.jpg) no-repeat;
		background-size: cover;
		background-size: contain;				
	}

}

/* using inline full size 960x250 header image on subpages - stepdowns not working on newer iPhones */
#header-subpg {
		width:100%;max-width: 960px;
		height:auto;margin:0;padding:0;
}
#header-subpg img {
	vertical-align: top; display: block;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
h1 {
  font:2.70em "Boogaloo", cursive;
   /* font-weight:bold; */
  margin:.50em 1em .50em 0;
  padding:0 0 0 0;
  color:#00005e;
  clear:left; 
}
h2 {
  font:1.95em "Boogaloo", cursive;
  font-weight:bold;
  margin:.50em 1em .50em 0;
  padding:0 0 0 0;
  color:#00005e;
}
h3 {
  font:1.70em "Boogaloo", cursive;
  margin:.50em 1em .50em 0;
  padding:0 0 0 0;
  color:#00005e;
  font-weight:bold;
}
h3.alt {
  font:1.70em "Boogaloo", cursive;
  margin:.50em auto 0 auto;
  padding:0 0 0 0;
  color:#00005e;
  font-weight:bold;
  text-decoration:underline;
  font-variant:small-caps;

}
h3.blogtab {
	font:1.35em Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;	
	background-color:#FFD700;
	padding:.25em 1em 0.25em .50em;
	margin-bottom:0;
	clear:both;
	display:inline-block;
border-top: 1px solid #d8b704;
border-right: 1px solid #d8b704;
border-bottom:none;
border-left: 1px solid #d8b704;
/*Firefox*/
-moz-border-top-left-radius: 20px;
-moz-border-top-right-radius: 20px;
-moz-border-bottom-right-radius: 0px;
-moz-border-bottom-left-radius: 0px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.blog-section {
border-top:2px solid #d8b704;
margin-top:0;padding-top:0;
max-width:792px;width:90%;
}

/*** GOOGLE FONTS ***/
h1, h2, h3 {
	font-family: 'Boogaloo', cursive;
}

p {
  font: 1.0em 'Open Sans', Helvetica, Arial, sans-serif, "Myriad Pro", "DejaVu Sans Condensed", ;
  color:#00005e;
  line-height:1.6;
}
#main-content p {
	margin-right:4em;
}
.title {
	font-variant:small-caps;
}
#footer p {
	font-size:80%;
	color:#000005e;
	margin:0 0 0 .5em;padding:.2em 0 .2em 0;
}
#credits p  {
	font-size:80%;
	color:#999;
	margin:0;padding:.50em 0 0 0;
}
.blog-section p {
	font-size:90%;
	line-height:1.45;
}
ul, ol {
margin:0;
list-style:none;
padding:0 0 18px 40px;
}

blockquote.praise {
	font-size:90%;
    margin:1.5rem 10rem;
    padding:0 1rem 0 1rem;
	border-right:7px solid #d0d0d0;
	border-left:7px solid #d0d0d0;
}
blockquote.praise p {
	font-size:125%;
	line-height:1.3;
	padding-bottom:.25rem;
	color:#2D4A8E;
	font-family:"Century Schoolbook", Garamond, Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	text-align:justify;
}
blockquote.praise p.attrib {
	font-size:110%;text-align:right;
}
small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
.bordered {
	display:inline;padding:.25em .5em; font-size:90%;
	background-color:#fafafa;
    border: 2px solid #00005e;
    -moz-border-radius: 5px;/*Firefox*/
    -webkit-border-radius: 5px;/*Safari, Chrome*/
    border-radius: 5px;
}
/***** Links *****/

#main-content a:link {
   font-size:inherit;
   color:#2F88D6;
   text-decoration:underline;
}
#main-content a:visited {
   color:#999;
   text-decoration:underline;
}
#main-content a:hover {
   text-decoration:none;
   border:none;
   color:#fff;
   background-color:#00005e;
}
#main-content a:focus {
   color:#e20e0e;
   border:1px dotted #00005e;
   background-color:#ffe599;
   text-decoration: none;
}
#footer p {
    color:#00005e;
	font-size:85%;
}
#footer a:link, #footer a:visited, #footer a:hover {
	font-size:inherit;
    color:#00005e;
	text-decoration:none;
}
#footer a:focus {
	border:1px dotted #00005e;
}
#subfooter #credits p {
	font-size:85%;
	color:#939393;
}
#subfooter a:link, #subfooter a:visited, #subfooter a:hover {
	font-size:inherit;
    color:#939393;
	text-decoration:none;
}
#subfooter a:focus {
	border:1px dotted #00005e;
}
#credits p {
	font-size:80%;
	color:#939393;
	padding: 1em 0 1em 0;
}
#credits a:link, #credits a:visited, #credits a:hover {
	font-size:inherit;
    color:#b3b3b3;
	text-decoration:none;
}
#credits a:focus {
	font-size:inherit;
	border:1px dotted #00005e;
}
body.home ul#css3menu1 a:active{
color:#512800;
}

/***** Forms *****/
/* -----------------------------------
Form - narrow
----------------------------------- */

.row-form
{
	clear: left;
	overflow: hidden;
	zoom: 1;
	margin: 0 0 1em;
}

.label
{
	display: block;
	margin: 0 0 .1em;
}

.input,.select,.textarea
{
	width: 100%;
	*width: 90%;
	box-sizing: border-box;
	border: 1px solid #999;
	border-radius: .3em;
}

.input,.textarea { padding: 5px; }
.textarea { height: 150px; }

.radio
{
	margin-left: 1px;
	margin-right: .5em;
}

.form-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.btn
{
	display: inline-block;
	margin: 0;
	padding: .7em 1.2em;
	border: 0;
	border-radius: .3em;
	color: #fff;
	/* background-color: #FF9D00; */
    background-color: #B8860B ;
	line-height: 1;
}

.btn:focus { background-color: #000; }
.btn:hover { background-color: #009DFF; /* blue */ }
 /* .btn:active { background-color: #FF9D00;  {orange} } */
.btn:active { background-color: #B8860B ; /* burnt orange, match menu font color */ }

/* -----------------------------------
Form - wide
----------------------------------- */

@media (min-width:33em)
{
	.submission-form { max-width: 40em; }
	
	.label
	{
		float: left;
		width: 25%;
		margin: 0 2% 0 0;
		text-align: right;
	}
	
	.input,.select,.textarea
	{
		float: left;
		width: 70%;
	}

	.form-indent
	{
		margin-left: 27%;
		width: 70%;
	}
}
/*** SECTION & FIGURE ***/
section {
	float:right;
	max-width:340px;
    overflow: auto;
}
section figure {
    float: right;
    clear: both;

    position: relative;
    overflow: auto;

    margin: 0 auto;
    padding: 30px 0 0 0;
    font-size: 15px;
}

section figure img {
    vertical-align: bottom;
}

section figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    background: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff; 
    padding: 10px;
}


section {
    padding-bottom: 30px;
    background: #ccc;

}
.photo-caption340r {
	clear:right;
	float:right;
	max-width:340px;
	width:37.7778%;
   /* background:#3B3B3B;
    background: rgba(0,0,0,0.85);
	progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000); */
    text-align: center;
    /* color: #fff; - with background */
    color:#002F5D;
    padding:0;
	line-height:1;
	margin:-1rem 0 0 0;
}
.photo-caption340r p {
    font-size:.80em;
	line-height:1.35;
    /* color: #fff; - with background */
    color:#002F5D;
	margin:0;
    padding: .25em .15em;
		border-top:none;border-right:1px solid #00005E;
	border-bottom:1px solid #00005E; border-left:1px solid #00005E;
}
.photo-caption400r {
	clear:right;
	float:right;
	max-width:400px;
	width:44.444%;
    /* background:#3B3B3B;
    background: rgba(0,0,0,0.85);
	progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000); */
    text-align: center;
     /* color: #fff; - with background */
    color:#002F5D;

    padding:0;
	line-height:1;
	margin:-1rem 0 0 0;
}
.photo-caption400r p {
    font-size:.80em;
	line-height:1.35;
    /* color: #fff; - with background */
    color:#002F5D;
	margin:0;
    padding: .25em .15em;
	border-top:none;border-right:1px solid #00005E;
	border-bottom:1px solid #00005E; border-left:1px solid #00005E;
}
/* -----------------------------------
Video
----------------------------------- */

.video-container
{
	position: relative;
	height: 0;
	overflow: hidden;
/**	padding-bottom: 56.25%; 16:9 aspect ratio **/
    padding-bottom: 26.0417%; /** 960/250 aspect ratio of animation **/
	/** padding-top: 30px; **/
	
}

.video-container iframe,  
.video-container object,  
.video-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

	table tr td {
	padding:2px;
	}
	
/***** Wrapper *****/

#wrap {
width:960px;
margin:0 auto;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }
.img-left-resp  {float:left;margin:.5rem 2rem 1rem 0;height: auto; }
.img-right-resp {float:right;margin:.5rem 0 1rem 2rem; height: auto;}

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }