/**
 * Theme Name: Opera Magique Universe 
 * Author: Michelle Bottorff
 * Author URI: http://www.lshelby.com/
 */


 
/** Load the Basic Site CSS*/
@import url( '../../Includes/basic.css' );


body {background:silver url(../Images/SiteGraphics/fill.png);}




A:link {color:#8B6002;}
A:visited {color: purple;}
A:hover {color: violet;}




h1 {font-family: 'opera', Arial, sans-serif; 
	font-size:6em; color:#000000;  
	font-weight:normal;
	-webkit-text-stroke: 2px #EEEEEE; 
	text-stroke: 2px  #EEEEEE; 
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
	letter-spacing:2px;
	line-height:0.25em;
	margin:0;
	padding:0;
	}
	
h1 span.secondary {font-family: 'opera2', Bickham Script Pro, Zapf Chancery, Arial, cursive; 
font-size: 0.6em;
text-shadow: violet 0px 0px 8px;
 -webkit-text-stroke: 0px #000000; 
 text-stroke: 0px  #000000;
 } 




h2 {font-family: 'opera2', Bickham Script Pro, Zapf Chancery, Arial, cursive; 
font-size: 3em;
text-shadow: violet 0px 0px 8px;
 -webkit-text-stroke: 0px #000000; 
 text-stroke: 0px  #000000;
 } 
 
h3 {font-family: 'opera', Bickham Script Pro, Zapf Chancery, Arial, cursive; color:#000000; font-size:xx-large}
  	
nav li.here {list-style: disc url(../Images/SiteGraphics/button2-s.png) inside;}

nav li li.opera {list-style: disc url(../Images/SiteGraphics/button-s2.png) inside; padding:3px 10px;}
nav li li.opera:hover {list-style: disc url(../Images/SiteGraphics/button2-s2.png) inside; padding:3px 10px;}
nav li li.here {list-style: disc url(../Images/SiteGraphics/button2-s2.png) inside; padding:3px 10px;}

nav li li li.opera {list-style: disc url(../Images/SiteGraphics/button-s3.png) inside; padding:2px 8px;}
nav li li li.opera:hover {list-style: disc url(../Images/SiteGraphics/button2-s3.png) inside; padding:2px 8px;}
nav li li li.here {list-style: disc url(../Images/SiteGraphics/button2-s3.png) inside; padding:2px 8px;}

nav li li li li.opera {list-style: none;}
nav li li li li.opera:hover {list-style: none;}
nav li li li li.here {list-style: none;}

div#page, {
	border: 50px;
	-webkit-border-image: url(../Opera/Images/SiteGraphics/OperaFrame.png) 50 50  50 50 repeat;
  	-moz-border-image: url(../Opera/Images/SiteGraphics/OperaFrame.png) 50 50  50 50 repeat;
  	-o-border-image: url(../Opera/Images/SiteGraphics/OperaFrame.png) 50 50  50 50 repeat;
  	border-image: url(../Opera/Images/SiteGraphics/OperaFrame.png) 50 50  50 50 repeat;
  	} 

div.Info {
 	background:url(../Images/SiteGraphics/overlay.png);
 	border: 2px outset black;
 	-moz-border-radius: 7px;
          -webkit-border-radius: 7px;
          border-radius: 7px;
          -webkit-box-shadow: 4px 4px 10px #777;
          -moz-box-shadow:  4px 4px 10px #777;
          box-shadow:  4px 4px 10px #777;
 	padding: 1em;
 	}
 	
 @media only screen and (min-width: 1200px) {
div#page, {
	border: 100px;
	-webkit-border-image: url(../Opera/Images/SiteGraphics/OperaFrame.png) 100 100  100 100 repeat;
  	-moz-border-image: url(../Opera/Images/SiteGraphics/OperaFrame.png) 100 100  100 100 repeat;
  	-o-border-image: url(../Opera/Images/SiteGraphics/OperaFrame.png) 100 100  100 100 repeat;
  	border-image: url(../Opera/Images/SiteGraphics/OperaFrame.png) 100 100  100 100 repeat;
  	}
}

@media only screen and (min-width: 601px) and (max-width: 920px) {
div#page {
	border: 10px black ridge; 
  	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
  	}
  div.Info {
 	border: 0px;
 	padding: 0px;
 	}
  	
}
@media only screen and (max-width: 600px) {
	div#page {
	border: 0px;
  	}
  	div.Info {
 	border: 0px;
 	}
}
.sidebar, figure, .blurb {border: 2px outset black;}
@media only screen and (max-width: 600px) {
nav.sidebar {border:0px;}
} 
 
#WildernessQuizQuestion div {padding:0px 20px 0px 0px; margin:0px 20px 0px 0px;}
button.quizimganswer {height: 175px; width: 166px;
			margin:2px;
			vertical-align: top;
			-moz-border-radius: 7px;
          -webkit-border-radius: 7px;
          border-radius: 7px; }
span.quiznoimg {font-size: large;}
#quizquestion {max-width: 350px;}