/* --------- smartphone ----------- */ 
@media only screen and (max-width: 767px) { 
body { 
  background-color:#ffdede;
  background-image:url(../deo/backgr_sm.gif);
  font-size: 14px;
  }
/* based on http://webdesign.about.com/od/advancedcss/a/aa090307.htm*/
#firstLet { 
  font-size:0;
  background: #099 url(../images/vic_o_sm.gif) no-repeat left top;
  margin: 0px 10px 0px 0px;
  float: left;
  width:57px;height:67px;
  border: 5px double #fff;
  display:block;
  }
 
  #tbar {
     margin-left:auto;width:100%;margin-right:auto;
     height:42px;
     background: transparent url(../deo/bar.gif) no-repeat 50% 50%; 
     margin-bottom:0;padding-bottom:0;
	 -webkit-transform:scale(0.8); 
     transform:scale(0.8);
  }
  
  #bbar {
    margin-left:auto;width:100%;margin-right:auto;
    height:42;
    background: transparent url(../deo/bar2.gif) no-repeat 50% 50%;
    margin-top:0;padding-top:0;
	-webkit-transform:scale(0.8); 
    transform:scale(0.8);
  }
  #aboutus {
border:none;
color:#ffffff;
font: 167% Arial,Helvetica; 
font-style:italic;
font-weight:500;
padding-top:3px;
padding-bottom:6px;
margin-top:auto;
margin-bottom:auto;
margin-left:auto;width:100%;margin-right:auto;
text-align:center;
text-shadow: 2px 2px 2px #ec8f8f;
transition: all 1s;
-webkit-transition: color 0s;
-moz-transition: color 1s;
}
.bargif {
     margin-left:auto;width:100%;margin-right:auto;
     height:42px;
     background: transparent url(../deo/bar.gif) no-repeat 50% 50%; 
     margin-bottom:0;padding-bottom:0;
	 -webkit-transform:scale(0.8); 
     transform:scale(0.8);
	 }
}

/* -------- tablets----------- */ 
@media only screen and (min-width: 768px) { 
body { 
  font-size: 16px; 
  }
#tbar,#bbar {
  background: url("../ann-s-thesia/bar070.gif") no-repeat;
}
.bargif {
     margin-left:auto;width:100%;margin-right:auto;
     height:42px;
     background: transparent url(../deo/bar.gif) no-repeat 50% 50%; 
     margin-bottom:0;padding-bottom:0;
	 -webkit-transform:scale(0.8); 
     transform:scale(0.8);
	 }

}

/* --------- small desktop screen ------------- */ 
@media only screen and (min-width: 1024px) { 
body { 
  font-size: 14px;
  }
 #tbar {
 margin-left:auto;width:100%;margin-right:auto;
height:42px;
background: transparent url(../deo/bar.gif) no-repeat 50% 50%; 
margin-bottom:0;padding-bottom:0;
}
 #bbar {
margin-left:auto;width:100%;margin-right:auto;
height:42;
background: transparent url(../deo/bar2.gif) no-repeat 50% 50%;
margin-top:0;padding-top:0; 
 }
.bbotBarGifDark {
margin-left:auto;width:100%;margin-right:auto;
height:14px;
background: transparent url(../geo_Yosemite_9729/border.gif) no-repeat;
margin-top:50px;
margin-bottom:12px; 
}

.topBarGifDark {
margin-left:auto;width:100%;margin-right:auto;
height:14;
background: transparent url(../geo_Yosemite_9729/border.gif) no-repeat;
margin-top:11px;
margin-bottom:11px; 
}
.topBarGif {
     margin-left:auto;width:100%;margin-right:auto;
     height:42px;
     background: transparent url(../deo/bar.gif) no-repeat 50% 50%; 
     margin-bottom:0;padding-bottom:0;
	 /*-webkit-transform:scale(0.8);*/ 
     /*transform:scale(0.8);*/
}
.bargif {
     margin-left:auto;width:100%;margin-right:auto;
     height:42px;
     background: transparent url(../deo/bar.gif) no-repeat 50% 50%; 
     margin-bottom:0;padding-bottom:0;
	 dislay:none;
  }

}

/* --------- large desktop screen ------------- */ 
@media only screen and (min-width: 1280px) { 
body { 
  font-size: 16px; 
  }
.bargif {
     margin-left:auto;width:100%;margin-right:auto;
     height:42px;
     background: transparent url(../deo/bar.gif) no-repeat 50% 50%; 
     margin-bottom:0;padding-bottom:0;
	 }
}
/* -------- default ----------- */
body {
background-color:#ffdede; 
background-image: url(../deo/backgr.gif);
background-repeat: repeat-y;
background-attachment: fixed;
font: 100% Arial,Helvetica,Geneva,Verdana;
color:#ff6666;
cursor:url(../graphics-station/wand.gif),default;
width:100%;
height:auto;
overflow:auto;

/*-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
*/
}

/* based on http://webdesign.about.com/od/advancedcss/a/aa090307.htm*/
#firstLet { 
font-size:0;
background: #099 url(../images/vic_o.gif) no-repeat left top;
margin: 0px 10px 0px 0px;
float: left;
width:114px;height:133px;
border: 10px double #fff;
display:block;
}

#aboutus {
border:none;
color:#ffffff;
font: 210% Arial,Helvetica; 
font-style:italic;
font-weight:500;
padding-top:3px;
padding-bottom:6px;
margin-top:auto;
margin-bottom:auto;
margin-left:auto;width:100%;margin-right:auto;
text-align:center;
text-shadow: 2px 2px 2px #ec8f8f;
transition: all 1s;
-webkit-transition: color 0s;
-moz-transition: color 1s;
}
.bargif {
margin-left:auto;width:422;margin-right:auto;
height:42px;
background: transparent url(../deo/bar.gif) no-repeat 50% 50%; 
margin-bottom:0;padding-bottom:0;
}
#bbar {
margin-bottom:1em;
}


#cursor-pot {
margin-top:0;
margin-bottom:0.5em;
border:none;
}

#d2e {
text-decoration:none;
}



#d2earth {
    position:relative;
	background: transparent url(../graphics-station/world1.gif) no-repeat 0% 0%;
	margin-top:0.15em;
	padding:1.12em;
	padding-top:0;
	display:none;
}

#fallen {
position:relative;
width:174px;height:147px;
margin-left:33%;
margin-bottom:0px;
background: transparent url(../designedtoat/vic_06.gif);
display:none;
}


.no_scrollbars {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.pink::-webkit-scrollbar {
    width: 1em;
}
 
.pink::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
	 background-color: #ff9999;
}
 
.pink::-webkit-scrollbar-thumb {
  background-color: pink;
  outline: 1px solid #fff;
}


.blue::-webkit-scrollbar {
    width: 1em;
}
 
.blue::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
	 background-color: #333;
}
 
.blue::-webkit-scrollbar-thumb {
  background-color: silver;
  outline: 1px solid #fff;
}

.pinkdiv::-webkit-scrollbar {
    width: 1em;
}
 
.pinkdiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
	 background-color: #ff9999;
}
 
.pinkdiv::-webkit-scrollbar-thumb {
  background-color: pink;
  outline: 1px solid #fff;
}

.lavdiv::-webkit-scrollbar {
    width: 1em;
}
 
.lavdiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
	 background-color: #333;
	 outline: 1px solid #fff;
	
}
 
.lavdiv::-webkit-scrollbar-thumb {
  background-color: #e6bcc9;
  outline: 1px solid #fff;
}
.bluediv::-webkit-scrollbar {
    width: 1em;
}
 
.bluediv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
	 background-color: #333;
}
 
.bluediv::-webkit-scrollbar-thumb {
  background-color: silver;
  outline: 1px solid #fff;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 1em;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ffdede; 
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	  background-color: #ffeeee;
    outline: 1px solid #fff; 
}
::-webkit-scrollbar-track:window-inactive {
	  background-color: #ffcdcd;
    outline: 1px solid #fff; 
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(-360deg) scale(1.5);
        opacity: 0;
    }
    50% {
        -webkit-transform: rotate(30deg) scale(0.8);
    }
}
.hsign {
       -webkit-animation: spin 2000ms ease-in-out;
}




#container {
margin-left:auto;width:63.8%;margin-right:auto;
border:none;
}

a.candy:link, a.candy:visited,a.candy:active{
color:#ef8c8c;
font:70% Verdana,Arial,Helvetica;
text-decoration:none;
}

a.dandy:link,a.dandy:visited,a.dandy:active {
color:#ef8c8c;
font:71% Verdana,Arial,Helvetica;
text-decoration:none;
}

a.candy:hover,a.dandy:hover{
text-decoration:underline;
}

a.candy2:link, a.candy2:visited,a.candy2:active{
color:#ccc;
font:70% Verdana,Arial,Helvetica;
text-decoration:none;
}

a.candy2:hover {
text-decoration:underline overline;
}



a.time { 
/* cursor: url(../images/cursors/hourgla.ani), wait; */
}

a.time:link,a.time:visited,a.time:active,#dark2 {
	text-decoration:none;
	/*color:#138A6C;*/
	color:#099;
	background:transparent;
	border-top: 3px dotted #fff;
	border-bottom: 3px dotted #fff;
}

a.time:hover  {
   border: none;
}

#alrm:link {
text-decoration:none;
background:transparent;
/*font-size:100%;*/
/*color:#666666;*/
color:#cff;
}

a.y_alarm {
text-decoration:none;
background:transparent;
/*color:ffc;*/
color:#ff0;
border-top: 3px dotted #fff;
border-bottom: 3px dotted #f00;
}

a.y_alarm:hover {
/*border-top:3px dotted gold;*/
/*color:gold;*/
/*border-bottom:3px dotted #f00;*/
}


.oalarmy,.orose {color:#003333;}
/*.onight{color:#fff;letter-spacing:0.2em;padding:0.1em;text-decoration:none;}*/
.otime {
  color:#336666; 
  font-weight:normal;
}
/*.oalarm { color: #663333; letter-spacing:0.2em;padding:0.1em;text-decoration:none;}*/
.ochamp {color:maroon; letter-spacing:0.2em;padding:0.1em;text-decoration:none;}

#info {
	font:95% Comic Sans MS, Arial,Helvetica,Geneva,Verdana;
	line-height: 2.0;
	background:#ffdede;
	overflow:auto;
	padding-top:1em;
	-webkit-transition: background 1s ease-in-out;
 -moz-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;
}

.infoStart {
	height:33em;
	margin-left:auto;width:65%;margin-right:auto;
	color:#336666;
	border: 1px outset #fcc;
	padding-top:1em;padding-left:3em;padding-right:3em;padding-bottom:2em;
	margin-top:3.2em;
	margin-bottom:25px;
	overflow:auto;
}

.infoNight {
height:28.2em;
margin-left:auto;width:65%;margin-right:auto;
background:#000;
color:#889F8F;
overflow:auto;
padding-top:1em;
}

.infoRose {
background:#666666 url(../designedtoat/vic_06.gif) -21% 43% no-repeat;
height:28.2em;
margin-left:auto;width:65%;margin-right:auto;
overflow:auto;
padding-top:1em;
}

#info p {
	   color:#666666;
	   
}

#navpar {
float:right;
margin-top:0%;
margin-right:2%;
}

#navlinks{
background:transparent;
margin-top:0%;
text-align:left;
margin-left:73.8%;width:18.75%;margin-right:auto;
padding:0.8em;
}

#Main,#Text,#Standard  {
  background: transparent url(../deo/bullet1.gif) no-repeat 55% 60%;
  padding-left:1em;
  padding-right:1em;
  padding-top:1em;
  padding-bottom:1em;
}

.prettyBullet {
  background: transparent url(../deo/bullet1.gif) no-repeat 55% 60%;
  padding:1em;
} 
.darkBullet {
 background: transparent url(../pbytes/500h.gif) no-repeat 55% 60%;
 /* background: transparent url(../graphics-station/square2.gif) no-repeat 55% 60%;*/
  padding: 1em;
}

.bla {
margin-top:0;
margin-bottom:0;
margin-left:auto;width:422px;margin-right:auto;
height:42px;
background: transparent url(../deo/bar.gif) no-repeat 50% 50%;
border:none;
}
.topBarGifDark {
margin-left:auto;width:433;margin-right:auto;
height:14;
background: transparent url(../geo_Yosemite_9729/border.gif) no-repeat;
margin-top:11px;
margin-bottom:11px; 
}

.bbotBarGifDark {
margin-left:auto;width:433;margin-right:auto;
height:14px;
background: transparent url(../geo_Yosemite_9729/border.gif) no-repeat;
margin-top:50px;
margin-bottom:12px; 
}

.botBarGif {
margin-left:auto;width:422;margin-right:auto;
height:42;
background: transparent url(../deo/bar2.gif) no-repeat;
margin-top:0;padding-top:0; 
}

#credit {
text-align:center;
color:#003333;
font: 100% Arial,Helvetica;
}
#gCredit {
/*
  background: transparent url(../deo/bullet1.gif) no-repeat;
  align:top;
  padding-left:1em;
  padding-right:1em;
  padding-bottom:0.9em;
  margin-bottom:0em;
 */ 
}

#theCredits {
position:relative;
background:transparent;
line-height: 2.1em;
text-align:justify;
margin-top:1em;
margin-left:7.45%;
margin-bottom:0;
display:none;
}


#divider {
background: transparent url(../deo/bar.gif);
margin-left:auto;width:422px;margin-right:auto;
height:45px;
margin-bottom:1.5em;
}

#divider2 {
display:none;
}
.divider2pink {
background: transparent url(../designedtoat/vic_07.gif);
margin-top: 0px;
margin-left:30%;width:174px;margin-right:auto;
height:147px;
margin-bottom:0px;
}
#divider3 {
display:none;
}
.divider2dark {
margin-left:0%;
height:122px;
background: url('../geo_Yosemite_9729/ruleswirl.gif') no-repeat 50% 50%;
}

#playerContainer {
margin-left:auto;width:144px;margin-right:auto;
background:#ffdede;
margin-bottom:1em;
}



#fbImg {
position:relative;
cursor:pointer;
cursor:hand;
margin-top:-1em;
}

#delImg {
position:relative;
cursor:pointer;
cursor:hand;
margin-top:-1.5em;
}

#footer_outerdiv {
padding-left:30%;
width:40%;
padding-right:30%;
padding-bottom:0;
margin-top:2%;
margin-left:1.23%;margin-bottom:0px;
background:transparent;
}


#footer_outerdiv dt {
	float:left;
	background:pink;
	border: 1px solid white;
	padding-top:0.1em;
	padding-bottom:0.1em;
}

#footer_outerdiv dt:hover {
	background:#ff99cc;
	/*background:#ff9999;*/
}

dt input {
 background:transparent;
 color:white;
 border: 1px red;
 width:72px;
 height:28px;
 padding:0.2em;
 padding-bottom:0.2em;
 font: 0.72em Verdana, Arial,Helvetica,sans serif;
}

dt input:hover {
   cursor:pointer;
}

#credit_top {
     margin-top:-4px;
	 padding-bottom:1.4em;
}
#lblCredits {
font:80% Arial,Helvetica;
text-decoration:underline;
color:#ef8c8c;
}

#creditsPara {
margin-bottom:0.95em;
margin-top:3.1em;
text-align:center;
}

#middleside{
    position:relative;
	top:0;
	float:left;
	font: 65% Arial Narrow,Arial,Helvetica,sans serif;
	width:32%;
	text-align:center;
	color:#cc0569;
    font-weight:600;
	visibility:visible;
	margin-top:8px;margin-bottom:8px;
	width:100%;
}


#restOfPage {
margin-left:auto;width:100%;margin-right:auto;
margin-top:8em;
}



#less,#more {
display:none;
}

#gs, #d2t {
    visibility:visible;
	padding-left:1em;
	letter-spacing:0.1em;
	
} 
#gs a {
color:#cc0569;
}
#d2t a {
color:#cc0569;
}
#ace, #ap, #bim, #lg, #shaw {
        display:none;
}


.rotateimg90 {
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}


.rotateimg270 {
  -webkit-transform:rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.shadow {
  -webkit-box-shadow: 3px 4px 4px 5px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 4px 4px 5px #333;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 4px 4px 5px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}


#sdsu {
position:absolute;
top:468px;
left:954px;
display:block;
}

#sdsuDk {
position:absolute;
top:436px;
left:944px;
display:none;
}

#sdsuDkImg {
width:468px;
height:22px;
border:1px solid silver;
opacity:0.3;
border-radius:45px;
}

#snpv {
position:relative;
top:8px;
margin-left:auto;width:80px;margin-right:auto; 
margin-top:0px; 
padding-bottom:8px;
background:transparent;
}
 
.trans {
     transition-timing-function: ease-out;
    transition: all 1s;
	-webkit-transition: all 0s;
	-moz-transition: all 0.2s;
}

#vis {
text-decoration:none;
color:#666;
}

#vis:active,#vis:visited{
   text-decoration:none;
}