A:link,A:visited{color:#0000ff}
A:active,A:hover{color:#ff0000}
body{background-color:#F1F8FF;padding:0;margin:0;font-size:1.1em}
hr{width:100%;color:#888;height:1px}
hr#home{width:100%;border:0;height:1px;background:#333;background-image:-webkit-linear-gradient(left,#ccc,#333,#ccc);background-image:-moz-linear-gradient(left,#ccc,#333,#ccc);background-image:-ms-linear-gradient(left,#ccc,#333,#ccc);background-image:-o-linear-gradient(left,#ccc,#333,#ccc)}
#header img{max-width:459px;width:95%}

#wyr{font-weight:bold;}

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 12px;
    border: 1px solid #2d7acc;
    border-radius: 10px;
    background: #49c6ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#49c6ff), to(#2d7acc));
    background: -moz-linear-gradient(top, #49c6ff, #2d7acc);
    background: linear-gradient(to bottom, #49c6ff, #2d7acc);
    -webkit-box-shadow: #43b6ff 0px 0px 15px 2px;
    -moz-box-shadow: #43b6ff 0px 0px 15px 2px;
    box-shadow: #43b6ff 0px 0px 15px 2px;
    text-shadow: #1c4c80 1px 1px 1px;
    font: italic normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid #3898ff;
    background: #58eeff;
    background: -webkit-gradient(linear, left top, left bottom, from(#58eeff), to(#3692f5));
    background: -moz-linear-gradient(top, #58eeff, #3692f5);
    background: linear-gradient(to bottom, #58eeff, #3692f5);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #2d7acc;
    background: -webkit-gradient(linear, left top, left bottom, from(#2d7acc), to(#2d7acc));
    background: -moz-linear-gradient(top, #2d7acc, #2d7acc);
    background: linear-gradient(to bottom, #2d7acc, #2d7acc);
}
#catlink{font-size:1.15em;font-weight:bold;font-family:arial;}

h3{text-align:center;margin-bottom:12px}
#nopadding {list-style:none;padding-left:0px;}
#outer{text-align:left;background-color:#fff;max-width:772px;width:96%;padding:5px;box-shadow:3px 3px 3px #777;border:1px solid #777;border-radius:4px}
#inner{text-align:left;width:98%;border-color:#777;background-color:#fff;padding:0}
#padding{padding:3px}

#mbox{overflow:hidden;max-width:718px;background-color:#F5FAFF;border-width: 1px 1px 1px 7px;border-style:solid;padding:7px;margin:17px 0px;border-color:#D9EDFF;font-family:Times,Georgia,Linux Libertine,Cambria,serif;font-size:1.1em;text-align:left;border-radius:2px;box-shadow:2px 2px 2px #D9EDFF;background: linear-gradient(130deg, #F5FAFF, #FBFDFF);}

#mboxindex{overflow:hidden;max-width:718px;background-color:#F5FAFF;border-width: 1px 1px 1px 7px;border-style:solid;padding:7px;margin:5px 4px 12px 10px;border-color:#D9EDFF;font-family:Times,Georgia,Linux Libertine,Cambria,serif;font-size:1.1em;text-align:left;border-radius:2px;box-shadow:2px 2px 2px #D9EDFF;background: linear-gradient(130deg, #F5FAFF, #FBFDFF);}


#randomcontainer{border-width:1.5px;border-style:solid;width:100%;display:-webkit-flex;display:-ms-flexbox; display:flex;flex:1;align-items: center;border-radius: 3px;
background-image: -webkit-gradient(linear,
    left top,
    right top,
    color-stop(0, #007AE1),
    color-stop(50%, #007AE1),
    color-stop(50%, #E14500),
    color-stop(100%, #E14500)
	);
  background-image: -webkit-linear-gradient(
    left,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -moz-linear-gradient(
    left,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -ms-linear-gradient(
    left,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -o-linear-gradient(
    left,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
}
#randoma{font-size:1.25em;color:#ffffff;width:50%;flex:1;text-align:center;font-weight:bold;padding: 20px 10px 20px 10px}
#randomor{height: 35px;
  width: 35px;
  background-color: #E0E0E0;
  border-radius: 50%;text-align:center;align-items:center;line-height:35px;font-weight:bold}
#randomb{font-size:1.25em;color:#ffffff;width:50%;flex:1;text-align:center;font-weight:bold;padding: 20px 10px 20px 10px}



#qcontainer{border-width:1px;border-style:solid;width:97%;display:-webkit-flex;display:-ms-flexbox; display:flex;flex:1;align-items: center;border-radius: 3px;margin-top: 10px;margin-bottom: 25px;
background-image: -webkit-gradient(linear,
    left top,
    right top,
    color-stop(0, #007AE1),
    color-stop(50%, #007AE1),
    color-stop(50%, #E14500),
    color-stop(100%, #E14500)
	);
  background-image: -webkit-linear-gradient(
    left,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -moz-linear-gradient(
    left,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -ms-linear-gradient(
    left,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -o-linear-gradient(
    left,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
}
#qa{font-size:1.08em;color:#ffffff;width:50%;flex:1;text-align:center;font-weight:bold;padding: 10px 5px 10px 5px}
#qor{height: 33px;
  width: 33px;
  background-color: #E0E0E0;
  border-radius: 50%;text-align:center;align-items:center;line-height:35px;font-weight:bold;font-size:.95em}
#qb{font-size:1.08em;color:#ffffff;width:50%;flex:1;text-align:center;font-weight:bold;padding: 10px 5px 10px 5px}




@media screen and (max-width: 820px) {
#outer{padding:4px}
#padding{padding:7px}
}

@media screen and (max-width: 695px) {
#randomcontainer{width:96%;display:inline-block;text-align:center;
background-image: -webkit-gradient(linear,
    left top,
    left bottom,
    color-stop(0%, #007AE1),
    color-stop(50%, #007AE1),
    color-stop(50%, #E14500),
    color-stop(100%, #E14500)
	);
  background-image: -webkit-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -moz-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -ms-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -o-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
}

#randoma{display:inline-block;padding: 10px 10px 10px 10px;width:97%;}
#randomor{display:inline-block;}
#randomcontaineror{width:100%;text-align:center;
background-image: -webkit-gradient(linear,
    left top,
    left bottom,
    color-stop(0%, #007AE1),
    color-stop(50%, #007AE1),
    color-stop(50%, #E14500),
    color-stop(100%, #E14500)
	);
  background-image: -webkit-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -moz-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -ms-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -o-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
}

#randomb{display:inline-block;padding: 10px 10px 10px 10px;width:97%;}



#qcontainer{width:96%;display:inline-block;text-align:center;
background-image: -webkit-gradient(linear,
    left top,
    left bottom,
    color-stop(0%, #007AE1),
    color-stop(50%, #007AE1),
    color-stop(50%, #E14500),
    color-stop(100%, #E14500)
	);
  background-image: -webkit-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -moz-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -ms-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -o-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
}

#qa{display:inline-block;padding: 15px 5px 5px 5px;width:97%;}
#qor{display:inline-block;}
#qcontaineror{width:100%;text-align:center;
background-image: -webkit-gradient(linear,
    left top,
    left bottom,
    color-stop(0%, #007AE1),
    color-stop(50%, #007AE1),
    color-stop(50%, #E14500),
    color-stop(100%, #E14500)
	);
  background-image: -webkit-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -moz-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -ms-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
  background-image: -o-linear-gradient(
    top,
    #007AE1,
    #007AE1 50%,
    #E14500 50%,
    #E14500 100%
	);
}

#qb{display:inline-block;padding: 5px 5px 15px 5px;width:97%;}




#mbox{width:92%}

#padding{padding:3px}
}

@media screen and (max-width: 580px) {
#outer{box-shadow:0 0 0 #777;border-radius:3px}
}