/* Coding by Timaeus (c) 2013+ */

/*------------------------------------------------------

Table of Contents

1. Global Stuff
2. Header
3. Main Content Stuff
4. CuteNews & Forms Styling
5. Smaller Versions of Navbar & Footer
6. Window Size Filters

--------------------------------------------------------*/

/* 1. Global stuff */

body{
background-color: #2F2E39;
font-family: Segoe UI, Century Gothic, Myriad Pro, Helvetica, Arial narrow, Georgia, Times New Roman;
font-size: 95%;
word-wrap: break-word;
color: #CCC;
line-height: 1.7;
}
br{
line-height: 1.7;
}
a:link, a:visited, a:active{
text-decoration: none;
color: #CCC;
font-size: 96%;
}
a:hover, a.menulink:hover{
color: #FFF;
}
a:hover{
text-decoration: underline;
}
a.menulink:hover{
text-decoration: none;
}
div.main{
position: relative;
top: 90px;
height: 70%;
width: 90%;
padding: 5px;
text-align: left;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  div.main{
  position: relative;
  top: 40px;
  }
}
div.footercontent{
font-size: 75%;
}
div.footercontent{
position: fixed;
left: 0px;
bottom: 0px;
text-align: center;
background-color: #25242B;
padding: 5 2 5 2;
width: 100%;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
*div.footercontent{
*width: 101%;
*position: absolute;
*top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') 
? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
input, textarea{
background-color: #25242B;
border: 1px solid black;
box-shadow: -1px -1px 1px black;
border-radius: 2px;
font-family: Century Gothic, Myriad Pro, Helvetica, Arial narrow, Georgia, Times New Roman;
font-size: 90%;
color: #DDD;
padding: 2px;
margin: 2px;
}
.text{
resize: horizontal;
width: 100%;
*width: auto;
min-width: 50px;
}
input:hover, textarea:hover{
background-color: #2E2D36;
}
input:focus, textarea:focus{
background-color: #3B3A45;
}
input.Google{
background-color: #1F1E29;
border: 0px;
box-shadow: none;
}
img{
height: auto;
width: auto\9; /* IE8 */
*padding: 10px;
border: none;
}

/* 2. Header */

div.logo, div.logosmall{
position: absolute;
top: 5;
left: 5;
}
div.logosmall{
display: none;
}
div.twitter-stuff{
position: relative;
top: -20;
padding-bottom: 10px;
right: 20;
}
div.fb-stuff{
position: relative;
bottom: 40;
right: 20;
top: 25;
}
div.navgroup, div.footgroup{
display: inline-table;
}
div.services{
display: visible;
}
div.navgroupsmall, div.servicessmall{
display: none;
}
div.menu, div.menusmall{
position: absolute;
top: 0;
left: 0;
padding: 5 0 10 0;
border-top: 1px solid #575568;
border-bottom: 1px solid #2F2E39;
display: inline-block;
width: 100%;
*width: 101%;
height: 95px;
background: #575568;
background: -moz-linear-gradient(top, rgba(87,85,104,1) 0%, rgba(87,85,104,1) 57%, rgba(47,46,57,1) 93%, rgba(47,46,57,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,85,104,1)), color-stop(57%,rgba(87,85,104,1)), color-stop(93%,rgba(47,46,57,1)), color-stop(100%,rgba(47,46,57,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(87,85,104,1) 0%,rgba(87,85,104,1) 57%,rgba(57,56,68,1) 93%,rgba(47,46,57,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(87,85,104,1) 0%,rgba(87,85,104,1) 57%,rgba(57,56,68,1) 93%,rgba(47,46,57,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(87,85,104,1) 0%,rgba(87,85,104,1) 57%,rgba(57,56,68,1) 93%,rgba(47,46,57,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(87,85,104,1) 0%,rgba(87,85,104,1) 57%,rgba(57,56,68,1) 93%,rgba(47,46,57,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575568', endColorstr='#2F2E39',GradientType=0 ); /* IE6-8 */
/* IE 7- hacks */
zoom: 1;
*display: inline;
*font-size: 92%;
}
div.menu > a, div.menusmall > a{
text-decoration: none;
padding: 5px;
margin: 5px;
color: #CCCCCC;
font-size: 16pt;
top: 80px;
right: 10px;
}
div.menu > a:hover{
color: white;
}
ul.menu{
margin-top: 5px;
padding: 6px 4px 6px 0;
}
ul.menu, ul.menusmall{
text-align: left;
display: inline;
list-style: none;
text-shadow: 1px 1px black;
z-index: 1;
}
ul.menu > li{
top: 6px;
padding: 16px 20px 12px 20px;
font-size: 92%;
}
ul.menu > li, ul.menusmall > li{
display: inline-block;
margin-right: -4px;
position: relative;
cursor: pointer;
}
font.submenu{
font-size: 90%!important;
}
ul.menu > li, ul.menu > li > a{
font-size: 90%!important;
}
ul.menu > li, ul.menu > li > a, ul.menusmall > li, ul.menusmall > li > a{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
ul.menu > li:hover, ul.menusmall > li:hover{
background: #3B3A47;
background: -moz-linear-gradient(top, rgba(87,85,104,1) 0%, rgba(87,85,104,1) 57%, rgba(47,46,57,1) 93%, rgba(47,46,57,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,85,104,1)), color-stop(57%,rgba(87,85,104,1)), color-stop(93%,rgba(47,46,57,1)), color-stop(100%,rgba(47,46,57,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(87,85,104,1) 0%,rgba(87,85,104,1) 57%,rgba(57,56,68,1) 93%,rgba(47,46,57,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(87,85,104,1) 0%,rgba(87,85,104,1) 57%,rgba(57,56,68,1) 93%,rgba(47,46,57,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(87,85,104,1) 0%,rgba(87,85,104,1) 57%,rgba(57,56,68,1) 93%,rgba(47,46,57,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(87,85,104,1) 0%,rgba(87,85,104,1) 57%,rgba(57,56,68,1) 93%,rgba(47,46,57,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575568', endColorstr='#2F2E39',GradientType=0 ); /* IE6-8 */
color: #FFF;
}
ul.menu > li > a:hover, ul.menusmall > li > a:hover{
text-decoration: none;
}
ul.menu > li > ul, ul.menusmall > li > ul{
padding: 0;
position: absolute;
top: 38px;
left: 0;
width: 150px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
-transition: opacity 0.3s;
z-index: 2!important;
}
ul.menu > li > ul > li, ul.menusmall > li > ul > li{ 
background: #565566; 
display: block; 
text-shadow: 1px 1px black;
z-index: 5!important;
}
ul.menu > li > ul > li:hover, ul.menusmall > li > ul > li:hover{ 
background: #4A4857;
color: #FFF;
text-decoration: none!important;
border-left: 5px solid #2A2837;
}
ul.menu > li:hover > ul, ul.menusmall > li:hover > ul{
display: block;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
visibility: visible;
}

/* 3. Main Content Stuff */

div.desc-title{
background-color: #0A0817;
color: white;
position: relative;
*left: 12px;
width: fit-content;
margin: -7px 0px 0px -7px;
*margin: 0px 0px 0px -7px;
padding: 15px;
font-weight: bold;
font-size: 150%;
*float: left;
}
div.maincontent{
overflow: hidden;
margin-bottom: 20px;
*margin-bottom: 200px;
padding: 5px 10px 10px 5px;
border: 2px solid black;
background-color: #1F1E29;
font-size: 90%;
height: auto;
width: auto;
word-wrap: break-word;
line-height: 1.7!important;
}
ul.content, ul.remixes{
list-style: none;
z-index: 0;
}
ul.remixes{
line-height: 1.5;
}
li.mainitem{
font-size: 90%;
font-family: Century Gothic, Myriad Pro, Helvetica, Arial narrow, Georgia, Times New Roman;
}
p{
padding-left: 10px;
}

/* 4. CuteNews & Forms/Table Styling */

label.contactform, .required{
font-size: 80%!important;
margin-left: -15px;
*margin-left: 0px;
}
textarea#commentsbox, input.addcommentform{
background-color: #25242B;
color: #FFF;
border: 1px solid black;
padding: 3px;
border-radius: 3px;
}
textarea#commentsbox:hover, input.addcommentform:hover{
background-color: #2E2D36;
}
textarea#commentsbox:focus, input.addcommentform:focus{
background-color: #3B3A45;
}
input.addcommentform[type="submit"]:hover{
background-color: #2E2D36;
cursor: pointer;
}
div.postcomment{
padding: 10 10 10 10;
width: 410px;
margin-top: 25px;
border: 1px dashed black;
background-color: 393844;
border-radius: 3px;
}
form > table{
padding: 10px;
width: auto;
}
tr > td{
padding-left: 25px;
}

/* 5. Smaller Versions of Navbar & Footer */

div.menusmall{
display: none;
}
ul.menusmall{
margin-top: 5px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 4px 4px 6px 0;
}
ul.menusmall > li{
top: -8px;
padding: 8px 10px 6px 10px;
font-size: 90%;
max-width: 120px;
line-height: 1.7;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
li.menuitemsmall{
margin-top: 28px;
}
font.submenusmall, ul.menusmall > li, ul.menusmall > li > a{
font-size: 90%!important;
}

/* 6. Window Size Filters */

@media (max-width: 480px) {

div.logo, div.navgroup, div.footgroup, div.services{
display: none;
}
div.navgroupsmall{
float: left;
}
div.logosmall, div.navgroupsmall{
display: inline-table;
}
div.servicessmall{
display: inline-block;
text-align: left;
}
div.maincontent, .mainitemsmall{
font-size: 84%;
line-height: 1.7!important;
}

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* */
}