/* Default style by AHDesigns (c) 2016. All rights reseved. */

html { padding: 5px; }

	/* Header Background */
div#headerbg {
	background-color: #000000 
	background-image: url('../images/HBG_CloudMoon.png'); 
	background-repeat: no-repeat;
	bakground-position: center;
	background-size: cover; 
	width: 100%; height: 300px }
	
	/* Header Logo */
a#hdrlink, div#hdrlogo { 
	background-color: #000000
	background-image: url('../images/Logo_Skull.png'); 
	background-repeat: none; 
	background-attachment: scroll; 
	background-position: left top; 
	background-size: cover; 
	width: 300px; height: 150px; }
	
	/* Tagline */
div#tagline { color: #FFFFFF; font-size: 20px; font-weight: bold; }

	/* Welcome */
div.frontimg#welcome { 
	background:#000000 url('../images/Logo_Skull.png') none center; background-size: cover;
	width: 300px; height: 300px;
	text-align: center;
	font-size: 12pt;
	font-weight: normal;
	margin: 0px;
	padding:0px }

	/*Main Body */
body {
	color: #FFFFFF;
	background-color: #000000; 
	backgroundd-image: url('../images/DarkCubes.png'), url('../images/BG.png'); 
	nackground-repeat: repeat: no-repeat, repeat;
	background-attachment: scroll, fixedl;
	background-position: center, center;
	background-size: 100% 100%, size: 100% 100%;
	width: 300px, 420px; 
	height: 300px, 300px;
	text-align: center;
	font-size: 12pt;
	font-weight: normal;
	margin: 0px;
	padding:0px; }
	
	/* Layout */
table, table table, table table table { 
	border-collapse: collapse;
	text-align: center; }
  
td { border: none; }
  
#container { width: 100%; }
#container td { padding: 5px; }
  
.column { 
  vertical-align: top; 
  text-align: center; }
  
#colcenter { width: 60%; }
#colleft, #colright { width: 20%; }

#colleft img, #colright img { max-width: 200px; height: auto; }

.block { width: 100%; border: 2px solid #FFFFFF collapse; margin: 15px 5px; }

#main-block { ; }

#top-ad { ; }

#bottom-ad { ; }
  
.title { 
  font-size: 14pt; 
  font-weight: bold; }
  
.content { 
  font-size: 12pt;
  text-indent: 10; }
  
#footer, .foot, .ad { 
  font-size: 8pt; 
  height: 18px; }

	/* Links */
a[name] { text-decoration: none; }
a:hover[name] { text-decoration: none; }

a:link, li a:link { color: #D3BCAB; text-decoration: none; }
a:hover, li a:hover { color: #FFFFFF;  text-decoration: underline overline; }
a:visited:hover , li a:visited:hover { color: #FFFFFF;  text-decoration: underline overline; }
a:visited, li a:visited { color: #666666; text-decoration: none; }
a:active, li a:active { color: #FFFFFF;  text-decoration: underline overline; background-color: #000000; }

	/* Navigation Menus */
.menu { height: 24px; }

#vert-nav { text-align: left; }
#vert-nav li { display: block; }
#horz-nav { text-align: center; }
#horz-nav li { 
  display: inline-block; 
  margin: 0px 5px;
  font-size: 8pt;
  font-weight: normal  }
  
ul, ul ul, ul ul ul { 
  list-style-type: none; margin: 0px; padding: 0px; }
  
.sched { 
width: 12%;
border: 1px solid; }
  
	/* Alignments */
.left, .content, #header { text-align: left !important; }
.center, .title, .foot, .sched, #footer, .ad { text-align: center !important; }
.right { text-align: right !important; }
.abscenter { text-align: center !important; vertical-align: middle !important; }
.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }
  
	/* Images Sizes */

.thumb { width: 100px; height: 100px; }
.smthumb { width: 75px; height: 75px; }
.social, .media { width: 50px; height: 50px; }
.pay { width: 33px; height: 33px; }
.icon { width: 25px; height: 25px; }
.bullet { width: 15px; height: 15px; }

	/* Icon and Image Effects */
.icon { 
  -webkit-filter: grayscale(100%) opacity(50%);
  -khtml-filter: grayscale(100%) opacity(50%);
  -moz-filter: grayscale(100%) opacity(50%);
  -ms-filter: grayscale(100%) opacity(50%);
  -o-filter: grayscale(100%) opacity(50%);
  filter: grayscale(100%) opacity(50%); }

:hover.icon { 
  -webkit-filter: grayscale(100%) opacity(100%);
  -khtml-filter: grayscale(100%) opacity(100%);
  -moz-filter: grayscale(100%) opacity(100%);
  -ms-filter: grayscale(100%) opacity(100%);
  -o-filter: grayscale(100%) opacity(100%);
  filter: grayscale(100%) opacity(100%); }

a .icon { 
  -webkit-filter: grayscale(0%) opacity(50%);
  -khtml-filter: grayscale(0%) opacity(50%);
  -moz-filter: grayscale(0%) opacity(50%);
  -ms-filter: grayscale(0%) opacity(50%);
  -o-filter: grayscale(0%) opacity(50%);
  filter: grayscale(0%) opacity(50%); }

a :hover.icon { 
  -webkit-filter: grayscale(0%) opacity(100%);
  -khtml-filter: grayscale(0%) opacity(100%);
  -moz-filter: grayscale(0%) opacity(100%);
  -ms-filter: grayscale(0%) opacity(100%);
  -o-filter: grayscale(0%) opacity(100%);
  filter: grayscale(0%) opacity(100%); }
  
/* Rounded Borders */
.radius15 {
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  radius: 15px; }

.radius25 {
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  radius: 25px; }
  
.toprad, .title  {
  -webkit-border-radius: 15px 15px 0px 0px;
  -khtml-border-radius: 15px 15px 0px 0px;
  -moz-border-radius: 15px 15px 0px 0px;
  -ms-border-radius: 15px 15px 0px 0px;
  -o-border-radius: 15px 15px 0px 0px;
  radius: 15px 15px 0px 0px; }
  
.leftrad, .tag-left {
  -webkit-border-radius: 15px 0px 0px 15px;
  -khtml-border-radius: 15px 0px 0px 15px;
  -moz-border-radius: 15px 0px 0px 15px;
  -ms-border-radius: 15px 0px 0px 15px;
  -o-border-radius: 15px 0px 0px 15px;
  radius: 15px 0px 0px 15px; }
  
#tz { 
  -webkit-border-radius: 15px 15px 0px 15px;
  -khtml-border-radius: 15px 15px 0px 15px;
  -moz-border-radius: 15px 15px 0px 15px;
  -ms-border-radius: 15px 15px 0px 15px;
  -o-border-radius: 15px 15px 0px 15px;
  radius: 15px 15px 0px 15px; }
  
	/* Decorations - add these classes to elements */
.shade75, .title, .tag-left, #horz-nav { 
  background-color: rgba(0,0,0,0.75); }
.shade50 { 
  background-color: rgba(0,0,0,0.50); }
.trans { 
  background-color: transparent; background-image: none; }
  
	/* Group Styles  */
textarea, input[type=text], .block, iframe { 
  background-color: rgba(0,0,0,0.50);
  color: #FFFFFF;
  border: 3px double;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  radius: 15px; }