@charset "utf-8";
img {border:none;}
* {margin:0; padding:0}
.artlist {padding:10px;}
.artlist ul {font-size:1em; list-style:none;}
.artlist a {font-size:1em; text-decoration:none;}
.artlist a:hover {font-weight:bold; color:#000; text-decoration:none;}
body {
	background-color:#000;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	background-size:cover;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:1em;
}
.container {
	width:980px;
	margin:10px auto;
	border:solid 1px #000;
	background-color:#FFF;
	box-shadow: 5px 5px 5px #000;
}
#content {
	width:700px;
	min-height:420px!important;
	padding:10px 10px 20px 10px;
	border-right:solid 1px #000000;
}
#content ul, #content ol {
	margin-left:30px;
}
#header {
	width:980px;
	border:solid 1px #000;
	background-color:#FFF;
}
#nav {
	width:980px;
	height:40px;
}
#side {
	width:260px;
	float:right;
}
#footer {
	width:980px;
	height:200px!important;
	border:solid 1px #000;
	background-color:#000;
	overflow:hidden;
}






/* Social Media styling */
#pinterest {
	float:right;
	width:127px;
	height:30px;
}
#pinterest a {
	width:100%;
	height:100%;
	display:block;
	background-image:url(images/pinterest1.jpg);
	text-decoration:none;
}
#pinterest a:hover {
	background-image:url(images/pinterest2.jpg);
	text-decoration:none;
}
#facebook {
	margin:10px 0 10px 1px;
	width:127px;
	height:30px;
}
#facebook a {
	width:100%;
	height:100%;
	display:block;
	background-image:url(images/facebook1.jpg);
	text-decoration:none;
}
#facebook a:hover {
	background-image:url(images/facebook2.jpg);
	text-decoration:none;
}
#smtitle {font-size:1.5em; font-weight:bold; margin:10px; text-align:center;}



/* MailChimp styling */
#mc_embed_signup {width:239px; padding:10px; clear:left; background-color:#F6851F; background-image:url(images/fade.jpg); background-repeat:repeat-x; background-position:bottom; font-size:0.8em; border-left:solid 1px;}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .indicates-required {color:#F00; text-align:right; font-size:0.8em; margin-right:4%;}
#mc_embed_signup .asterisk {color:#F00; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mctitle {font-size:1.5em; font-weight:bold; text-align:center;}



/* nav bar styling */
ul.smallgame ul{display:none}
ul.smallgame li:hover>ul{display:block}
ul.smallgame ul{position: absolute;left:-1px;top:98%;}
ul.smallgame ul ul{position: absolute;left:98%;top:-2px;}
ul.smallgame,ul.smallgame ul {
	margin:0px;
	list-style:none;
	padding:0px 3px 3px 0px;
	background-color:#F6851F;
	background-repeat:repeat;
	border-color:#CECECE;
	border-width:4px;
	border-style:ridge;
}
ul.smallgame table {
	border-collapse:collapse
}
ul.smallgame {
	display: block;
	zoom: 1;
	position: absolute;
	z-index: 1000;
	left: 100;
	top: 200;
	width: 970px;
}
* HTML ul.smallgame {position:absolute}
ul.smallgame ul{
	width:156px;
}
ul.smallgame li{
	display:block;
	margin:3px 0px 0px 3px;
	font-size:0px;
	width:134px;
	border-right:solid 1px #000000;
}
ul.smallgame ul li,ul.smallgame ul ul li{
	display:block;
	margin:3px 0px 0px 3px;
	font-size:0px;
	width:156px;
	border-right:solid 1px #000000;
}
ul.smallgame a:active, ul.smallgame a:focus {
outline-style:none;
}
ul.smallgame a, ul.smallgame li.dis a:hover, ul.smallgame li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#F6851F;
	border-width:1px;
	border-color:#F6851F;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:14px Arial;
	color: #000000;
	text-decoration:none;
	cursor:pointer;
}
ul.smallgame span{
	overflow:hidden;
}
ul.smallgame li {
	float:left;
}
ul.smallgame ul li {
	float:none;
}
ul.smallgame ul a {
	text-align:left;
	white-space:nowrap;
}
ul.smallgame li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.smallgame li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#CECECE;
	background-image:none;}
ul.smallgame ul li.sep span{
	width:100%;
	height:3;
}
ul.smallgame li:hover{
	position:relative;
}
ul.smallgame li:hover>a{
	background-color:#870000;
	border-color:#660000;
	border-style:solid;
	font:14px Arial;
	color: #FFFFFF;
	text-decoration:none;
}
ul.smallgame li a:hover{
	position:relative;
	background-color:#870000;
	border-color:#660000;
	border-style:solid;
	font:14px Arial;
	color: #FFFFFF;
	text-decoration:none;
}
ul.smallgame li.dis a {
	color: #AAAAAA !important;
}
ul.smallgame img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.smallgame ul img {width:16px;
height:16px;
}
ul.smallgame img.over{display:none}
ul.smallgame li.dis a:hover img.over{display:none !important}
ul.smallgame li.dis a:hover img.def {display:inline !important}
ul.smallgame li:hover > a img.def  {display:none}
ul.smallgame li:hover > a img.over {display:inline}
ul.smallgame a:hover img.over,ul.smallgame a:hover ul img.def,ul.smallgame a:hover a:hover ul img.def,ul.smallgame a:hover a:hover img.over,ul.smallgame a:hover a:hover a:hover img.over{display:inline}
ul.smallgame a:hover img.def,ul.smallgame a:hover ul img.over,ul.smallgame a:hover a:hover ul img.over,ul.smallgame a:hover a:hover img.def,ul.smallgame a:hover a:hover a:hover img.def{display:none}
ul.smallgame a:hover ul,ul.smallgame a:hover a:hover ul{display:block}
ul.smallgame a:hover ul ul{display:none}
ul.smallgame span{
	display:block;
	background-image:url(./images/arrow_sub5.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:14px;}
ul.smallgame ul span,ul.smallgame a:hover table span{background-image:url(./images/arrow_sub2.gif)}
ul.smallgame ul li:hover > a span{	background-image:url(./images/arrow_sub5.gif);}
ul.smallgame table a:hover span,ul.smallgame table a:hover a:hover span{background-image:url(./images/arrow_sub5.gif)}
ul.smallgame table a:hover table span{background-image:url(./images/arrow_sub2.gif)}


/*Carousel Styling*/
#slider-code { height: 1%; width:700px; overflow:hidden; padding: 0 0 10px;   }
#slider-code .viewport { float: left; width: 580px; height: 580px; overflow: hidden; position: relative; }
#slider-code .buttons { background:url("images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#slider-code .next { background-position: 0 0; margin: 30px 0 0 10px;  }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 580px; left: 0 top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 300px; border: 1px solid #dcdcdc; width: 580px;}

#slider-code .pager { overflow:hidden; list-style: none; clear: both; }
#slider-code .pager li { float: left;  margin: 0 0 0 10px;}
#slider-code .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider-code .active { color: #fff; background-color:  #555555; }