body { /*MAIN STYLE*/
margin:0; 
padding:0;
font-family:'Open Sans', sans-serif;
font-size:14px;
background-color:#101010;
color:#D0D0D0;
}
html {
/*ALWAYS SHOW VERTICAL SCROLLBAR*/
overflow: scroll;
}
/*TITLE, MENU AND LANGUAGE BAR*/
#title_main{
width:100%;
height:220px;
background-color:#242424;
box-shadow: 0px 0px 48px #101010;
position:relative;
background-image:url('images/bk.png');
}
#title_main div.separator{
position:absolute;
bottom:48px;
width:100%;
height:6px;
background-color:#000000;
opacity:0.32;
filter:alpha(opacity=32); /* BECAUSE IE IS SPECIAL */
}
#title_menuBar{
width:100%;
height:48px;
background-color:#202020;
position:absolute;
bottom:0;
}
#title{
min-width:800px;
height:120px;
margin-left:auto;
margin-right:auto;
}
#campaign-icon{
width:105px;
height:auto;
}
#subtitle{
font-size:20px;
color:#FFFFFF;
}
#menuItems{
margin-left:auto; 
margin-right:auto;
height:48px;
border-spacing:0;
border-collapse:collapse;
background-color:#101010;
text-align:center;
table-layout: fixed;
max-width:996px; /*mainBody's width + margin + padding*/
width:100%;
}
.selectedMenuItem{
font-size:120%;
background-color:#282828;
-moz-transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
.unselectedMenuItem{
font-size:120%;
-moz-transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
.selectedMenuItem:hover , .unselectedMenuItem:hover{
font-size:120%;
background-color:#484848;
-moz-transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
#socialAndLanguageBar{
width:790px; 
height:18px;
margin-left:auto; 
margin-right:auto; 
margin-top:4px; 
}
#socialAndLanguageBar img.social{
margin-right:4px;
}
a.menuItem{ /*LINKS IN MENU BAR*/
display:inline-block;
line-height:46px;
height:100%;
width:100%;
}
a.menuItem:hover{
text-decoration:none;
}
div.socialButton{
margin-left:16px;
display:inline;
}
img.social{
vertical-align:middle;
}
img.flag{
vertical-align:middle;
margin-left:4px;
}

#footer{
max-width:980px;
margin-left:auto;
margin-right:auto;
margin-bottom:100px;
padding:8px;
}
/*COMMON STUFF*/
#mainBody{
max-width:980px;
padding: 56px 8px 8px 8px;
margin-bottom:52px;
margin-left:auto;
margin-right:auto;
background-color:#424242;
box-shadow: 0px 0px 48px #000000;
}
div.block{
clear:both;
width:100%;
margin:0px 0px 32px 0px;
padding:0;
}
h1{
font-size:72px;
font-weight:normal;
color:#FFFFFF;
padding:0;
margin:0;
}

h3{
color:#F2F2F2;
font-size:150%;
font-weight:normal;
padding:0;
margin:0;
}
.white{
color:#FFFFFF;
}
strong{
font-weight:bold;
font-size:110%;
}
.lightGrey{
color:#F2F2F2;
}

img {
border:none; /*FIX FOR INTERNET EXPLORER BORDERS AROUND LINK IMAGES*/
}
img.autoresize{
width:100%;
height:auto;
}
a{
border:none !important; /*FIX FOR INTERNET EXPLORER UGLY OUTLINES*/
outline:none !important;
/*MAIN STYLE FOR LINKS*/
color:#D0D0D0;
text-decoration:none;
}
a.underlined{
text-decoration:underline;
}
.medium{
font-size:120%;
}
.big{
font-size:150%;
}
a:hover{
text-decoration:underline;
}
input:focus,textarea:focus,button:focus{
outline:none; /*REMOVES UGLY BORDER IN CHROME*/
box-shadow: inset 0px 0px 4px #A0A0FF; /*GLOW*/
-moz-transition: all 100ms ease-in;
-webkit-transition: all 100ms ease-in;
-o-transition: all 100ms ease-in;
transition: all 100ms ease-in;
}
textarea{
min-height:64px;
resize:vertical;
}
input[type="text"],textarea{
border:none;
outline:none;
margin:0;
padding:0px 0px 0px 4px;
}
input[type="text"]{
height:22px;
line-height:22px;
}
input,textarea,button{
/*GLOW FADE OUT*/
-moz-transition: all 200ms ease-in;
-webkit-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
iframe{
border:none;
margin:0;
padding:0;
}
/*DOWNLOAD PAGE*/
#downloads{
border-spacing:4px;
width:100%;
}
#downloads td{
padding:4px;
}

/*PRESET PAGE UPLOAD FORM*/
#uploadForm{
margin-left:auto;
margin-right:auto;
margin-top:6px;
max-width:400px;
}
#uploadForm input[type="text"],#uploadForm textarea{
width:100%;
}
#output{text-align:center;}
.error{
/*PULSATING RED GLOW AROUND ERRORS (EMPTY FORM ELEMENTS)*/
-webkit-animation: redGlow 1s infinite;
-moz-animation: redGlow 1s infinite;
-o-animation: redGlow 1s infinite;
animation: redGlow 1s infinite;
}
@-webkit-keyframes redGlow {
  0%, 100% {
    box-shadow: 0px 0px 4px #FF4040;
  }
  50% {
    box-shadow: 0px 0px 16px #FF4040;
  }
}
@-moz-keyframes redGlow {
  0%, 100% {
    box-shadow: 0px 0px 4px #FF4040;
  }
  50% {
    box-shadow: 0px 0px 16px #FF4040;
  }
}
@-o-keyframes redGlow {
  0%, 100% {
    box-shadow: 0px 0px 4px #FF4040;
  }
  50% {
    box-shadow: 0px 0px 16px #FF4040;
  }
}
@keyframes redGlow {
  0%, 100% {
    box-shadow: 0px 0px 4px #FF4040;
  }
  50% {
    box-shadow: 0px 0px 16px #FF4040;
  }
}
/*LOADING ANIMATION*/
.loading {
-webkit-animation: load 1s infinite linear;
-moz-animation: load 1s infinite linear;
-o-animation: load 1s infinite linear;
animation: load 1s infinite linear;
vertical-align:middle;
}
@-webkit-keyframes load {
from {-webkit-transform: rotate(0deg);}
to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes load {
from {-moz-transform: rotate(0deg);}
to   {-moz-transform: rotate(359deg);}
}
@-o-keyframes load {
from {-o-transform: rotate(0deg);}
to   {-o-transform: rotate(359deg);}
}
@keyframes load {
from {transform: rotate(0deg);}
to   {transform: rotate(359deg);}
}
/*PRESET LIST*/
#searchBox{
margin-left:6px;
}
#reloadButton{
margin-left:4px;
}
#presetList{
width:100%;
border-spacing:0;
border-collapse:collapse;
background-color:#202020;
}
#presetList th{
background-color:#303030;
text-align:left;
}
#presetList tr{
-moz-transition: all 100ms ease-in;
-webkit-transition: all 100ms ease-in;
-o-transition: all 100ms ease-in;
transition: all 100ms ease-in;
}
#presetList tr:hover{
background-color:#333333;
-moz-transition: all 100ms ease-in;
-webkit-transition: all 100ms ease-in;
-o-transition: all 100ms ease-in;
transition: all 100ms ease-in;
}
#presetList .selectedRow{
background-color:#333333;
}
a.fillRow{
display:inline-block;
width:100%;
}
span.admin{
color:#FF3030;
font-weight:bold;
}
span.downloadCounter{
font-style:oblique;
font-size:10px;
color:#A0A0A0;
}
#presetList img.social{
margin-right:6px;
}
.buttonBar{
margin-top:20px;
width:100%;
}