/*
Name: Main Style Sheet
Author: Ludek Cernocky; ludek@faceit.cz, www.faceit.cz
Date: 10.4.2009
Note: Donīt steal, just watch and learn. This CSS is copyrighted like all other stuff on this domain ;)
*/

/*
1. General
2. Construction
3. Header
4. Content
5. Column
6. Footer

*/

/* 1. GENERAL
---------------------- */
* {margin:0; padding:0;}

body {background: #19282E; color: White; font-family: sans-serif; font-size: medium; text-align: center;/* for older browsers */}

.hide, hr {display: none;}

input, textarea {color: Black; font-family: sans-serif; font-size: 100%;}
/*
Google Chrome hack - breaking that stupid Chrome border styling. Adding border to every input type=text and password, every textarea and all select boxes. Works for: Opera 9.6+, Safari 3.1 and Chrome
*/
body:nth-of-type(1) input[type="text"], body:nth-of-type(1) input[type="password"], body:nth-of-type(1) textarea, body:nth-of-type(1) select {border: 1px solid #AAA;}

fieldset {border: none;}

img {border: none; font-size: 13px;}

/* links */
a {color: White; outline: none;}
a:hover, a:focus {color: #99CEE9; text-decoration: none;}
a:focus {background: ;}

/* headlines */
h1 {font-size: 200%;}
h2 {font-size: 156.3%; margin: 0 0 1em 0;}
h3 {font-size: 100%; margin: 1em 0 0.5em 0;}

table {border-collapse: collapse; font-size: 100%;}

p {line-height: 130%; margin: 0.6em 0; padding: 0.4em 0;}

/* 2. CONSTRUCTION
---------------------- */
#all {font-size: 100%;}
.inside {margin: 0 auto; padding: 0; position: relative; text-align: left; width: 912px;}

#main {background: #32464F url('../img/main.jpg') repeat-x 0 0; padding: 10px 0 30px 0;}
#main:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */

/* 3. HEADER
---------------------- */
#header {background: url('../img/header.jpg') repeat-x 0 0; height: 316px;}
#header h1 {position: absolute; left: -24px; top: 0;}
#header h1, #header h1 a {_behavior: url('http://www.copterkid.com/_data/css/iepngfix.php');}
#header h1 a {background: url('../img/logo.png') no-repeat 0 0; display: block; float: left; width: 405px; height: 317px; text-indent: -9999px; /* soorrryyy, client wanted transparent .png:/ */}

/* 4. CONTENT
---------------------- */
#content {float: left; min-height: 600px; width: 553px;}

body.home #content h2 {background: none; position: relative; height: 50px; left: -4px;}
body.home #content h2 span {background: url('../img/game.png') no-repeat 0 0; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

body.home #content fieldset {background: url('../img/contact.jpg') no-repeat 0 0; position: relative; margin-top: 23px; height: 131px; width: 553px;}
body.home #content fieldset legend {display: none;}
body.home #content fieldset input {color: #444; font-size: 75%; padding: 4px 5px; float: left; width: 200px}
body.home #content fieldset p {position: absolute; top: 10px; left: 100px;}
body.home #content fieldset blockquote {position: absolute; left: 100px; top: 65px;}
body.home #content fieldset blockquote button {background: none; border: none; color: White; cursor: pointer; width: 176px; height: 34px; float: right; font-size: 22px; position: relative; overflow: hidden; margin: 0 0 0 15px; padding: 0; top: -6px;}
* html body.home #content fieldset blockquote button {float: left;} /* IE 6 */
*:first-child+html body.home #content fieldset blockquote button {float: left;} /* IE 7 */
body.home #content fieldset blockquote button span {background: url('../img/keep-me-updated.jpg') no-repeat 0 0; display: block; height: 34px; width: 176px; position: absolute; top: 0; left: 0;}
body.home #content fieldset blockquote button:hover span {background-position: 0 -34px;}

/* 5. COLUMN
---------------------- */
#column {float: right; width: 293px;}

#column h2 {margin-bottom: 14px;}
#column h2 a, #column h2 a span {cursor: pointer; display: block; position: relative; height: 61px; width: 284px;}
#column h2 a span {background: url('../img/out-now.png') no-repeat 0 0; position: absolute; left: 0; top: 0;}
#column h2 a:hover span {background-position: 0 -61px;}

#column h3 {border-top: 1px solid #4A6270; margin-top: 0; padding-top: 0.8em;}

#column blockquote a {border: 2px solid #202339; display: block; margin: 0.6em 0; padding: 0; height: 188px; width: 282px;}
#column blockquote a:hover {border: 2px solid #F0B959;}

#column ul {font-size: 87.5%; margin: 0.6em 0;}
#column ul li {list-style-type: none; margin: 0; padding: 0.2em 0;}
#column ul li a {color: #99CEE9;}
#column ul li a:hover {color: White;}

/* 6. FOOTER
---------------------- */
#footer {background: url('../img/footer.jpg') repeat-x 0 0; border-top: 1px solid #13232B; font-size: 75%; height: 50px;}

#footer ul {float: right;}

#footer ul {margin-left: 25px;}
#footer ul li {background: url('../img/footer-li.gif') no-repeat 100% 12px; display: block; float: left; list-style: none; padding: 0.9em 1.1em 0 1em;}
#footer ul li a {display: block; float: left; padding: 0;}
#footer ul li a.active {color: White; cursor: default; text-decoration: none;}

#footer p {padding: 0.9em 0 0 0;}