/*
** Copyright (c) 2012-2025 CIYAM Developers
**
** Distributed under the MIT/X11 software license, please refer to the file license.txt
** in the root project directory or http://www.opensource.org/licenses/mit-license.php.
*/

@font-face
{
   font-family: 'Open Sans';
   src: url( 'fonts/open-sans.light.ttf' ) format( 'truetype' );
   font-style: normal;
   font-weight: 300;
}

@font-face
{
   font-family: 'Open Sans';
   src: url( 'fonts/open-sans.regular.ttf' ) format( 'truetype' );
   font-style: normal;
   font-weight: 400;
}

@font-face
{
   font-family: 'Open Sans';
   src: url( 'fonts/open-sans.semibold.ttf' ) format( 'truetype' );
   font-style: normal;
   font-weight: 600;
}

@font-face
{
   font-family: 'Open Sans';
   src: url( 'fonts/open-sans.light-italic.ttf' ) format( 'truetype' );
   font-style: italic;
   font-weight: 300;
}

@font-face
{
   font-family: 'Open Sans';
   src: url( 'fonts/open-sans.italic.ttf' ) format( 'truetype' );
   font-style: italic;
   font-weight: 400;
}

@font-face
{
   font-family: 'Open Sans';
   src: url( 'fonts/open-sans.semibold-italic.ttf' ) format( 'truetype' );
   font-style: italic;
   font-weight: 600;
}


* html .clearfix,* html .group
{
   height:1%;
   overflow:visible;
}

*+html .clearfix,*+html .group
{
   min-height:1%;
}

.clearfix:after
{
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
   font-size: 0;
}

html
{
   height: 100%;
   min-height: 100%;
}

h3
{
   color: #30D0F0;
   font-size: 30px;
   margin: 0;
   padding: 0;
   font-weight: 400;
   margin-bottom: 20px;
   margin-top: 10px;
}

h3.right-top
{
   color: #888;
   width: auto;
   float: right;
   margin-top: 26px;
}

body
{
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   padding: 0px;
   margin: 0px;
   height: 100%;
   min-height: 100%;
   background: url(background_texture.png) #ccc;
}

pre
{
   font-size: 15px;
}

#content
{
   width: 100%;
   margin: 0px auto;
   text-align: center;
   height: auto !important;
   height: 100%;
   min-height: 100%;
}

#header
{
   width: 990px;
   height: 90px;
   margin: 0px auto;
   background: url(name_small.png) center left no-repeat;
   display: block;
   position: relative;
}

#header #appname a
{
   clear: both;
   color: #888;
   float: left;
   font-size: 1.6em;
   margin-top: 35px;
   padding-left: 118px;
   text-decoration: none;
}

#header #appname a:focus
{
   outline: 0;
}

#main
{
   text-align: center;
   width: 990px;
   margin: 0 auto;
   padding-bottom: 40px;
}

#main #text
{
   text-align: left;
}

#footer
{
   width: 100%;
   height: 178px;
   text-align: center;
   position: relative;
   left: 0;
   bottom: 0;
   visibility: hidden;
}

#footer .footer-icon
{
   width: 128px;
   height: 128px;
   margin: 0 auto;
}

#footer .footer-icon img,  #footer a.footer-icon
{
   border: 0;
}