/*
Theme Name: IT for People
Theme URI: http://www.itpeople.cz/
Description: konference IT for People 2010 Ostrava
Version: 1.0
Author: Webdevel s.r.o.
Author URI: http://www.webdevel.cz/
Tags:

*/

/* STICKY FOOTER */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow: auto; padding-bottom: 176px;}  /* must be same height as the footer */

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/content: ""; height: 100%; float: left; width: 0;margin-top: -32767px;/* thank you Erik J - negate effect of float*/}

/* STICKY FOOTER */

body {background: url(./img/layout3_01.jpg) no-repeat top center #003d58; text-align: center; margin: 0 auto; font-size: 12px; color: #fff; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}

ul, ol {margin: 12px 30px;}
ul li, ol li {margin: 5px 0;}

a:link, a:visited {color: #4d8fac; text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {color: #ff9c2d;}

h1, h2 {font-weight: bold; color: #fff; margin: 10px 0px 30px 30px;}
h3, h4, h5 {font-weight: bold; color: #fff; margin: 10px 0;}        
h1 {font-size: 24px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 14px;}

p {text-align: justify; margin: 12px 0; display: block; line-height: 1.4em;}

img {border-left: 5px solid #4d8fac;}

div {display: block;}

strong, .strong {font-weight: bold;}

/* === HEAD === */

#head {width: 960px; margin: 0 auto; text-align: left; position: relative;}

.eu {position: absolute; top: 170px; left: 174px; display: block; width: 232px; height: 42px; border: none;}

/* LOGO */

h1#logo {display: block; width: 374px; height: 125px; margin: 49px 0px 0px 41px; float: left;}
h1#logo a {display: block; width: 374px; height: 125px; overflow: hidden; position: relative; text-decoration: none;}
h1#logo a span {display: block; width: 374px; height: 125px; overflow: hidden; position: absolute; top: 0; left: 0; background: url(./img/layout3_04.jpg) no-repeat 0 0; cursor: pointer;}

/* MENU */

#menu {margin-left: 63px; border-left: 5px solid #4d8fac; text-align: left; float: left; padding: 50px 0px 3px 0px; line-height: 21px;}
#menu ul {margin: 0px 0px 0px 10px;}
#menu ul li {margin: 0;}
#menu ul li a {font-weight: bold; text-decoration: none; color: #fff; font-size: 18px;}
#menu ul li a:hover, #menu ul li a.active {padding-left: 6px;}
#menu ul li a:active, #menu ul li a.light {color: #ff9c2d;}  

/* COUNTER */

#counter {float: right; margin: 26px 40px 0px 0px;}
#counter p {text-align: right; margin: 0; font-size: 60px; font-weight: bold;}
#counter p span.smaller {font-size: 14px; font-weight: normal; line-height: 60px; vertical-align: middle; color: #80ccee; margin-right: 6px;}
#counter p span.small {font-size: 18px; font-weight: normal; line-height: 60px; vertical-align: middle; color: #80ccee; margin-left: 6px;}

#counter ul {margin: 0; font-size: 12px;}

/* === PAGE === */

/* CONTENT */

#content {width: 940px; margin: 0 auto; padding: 40px 10px; text-align: left; clear: both;}
/* #content p {width: 600px; margin: 0 auto;}  */
#content ul {list-style: disc;}
#content ol {list-style-type: decimal;}

#content.index p {font-size: 14px; width: 425px; float: left; margin-left: 30px;}
#content.index p strong {font-size: 18px; font-weight: bold;}
#content.index img {margin-right: 20px;}

a.registrace {display: block; color: #ff9c2d; text-decoration: none; font-weight: bold; font-size: 36px; padding: 10px 20px; width: 250px; margin: 18px auto 50px auto;}
a.registrace:hover {color: #fff; background: url(./img/layout3_04.png) no-repeat 250px 10px #002839;}
a.registrace:active {color: #fff; background: url(./img/layout3_04.png) no-repeat 258px 10px #002839;}

a.bglink {margin: 15px 20px 0px 0px; float: right; padding: 14px 0px 14px 18px; background: #002839; font-size: 14px; color: #fff; text-decoration: none;}
a.bglink.none {margin: 5px 20px 0px 0px; float: none; padding: 14px 0px 14px 18px;}
a.bglink img, #content.index a.bglink img {border: none; margin: 0px 18px 0px 6px;}
a.bglink:hover {color: #ff9c2d;}
/* a.bglink:active {padding: 3px -4px 14px 22px;} */
a.bglink:active img, #content.index a.bglink:active img {margin: 0px 12px 0px 12px;} 

a.bglinkBack {margin: 0; float: none; padding: 14px 18px 14px 18px; background: #002839; font-size: 14px; color: #fff; text-decoration: none;}
a.bglinkBack img {border: none; margin: 0px 6px 0px 0px;}
a.bglinkBack:hover {color: #ff9c2d;}
/* a.bglinkBack:active {padding: 14px -4px 14px 22px;} */
a.bglinkBack:active img {margin: 0px 12px 0px -6px;} 
      
.program {float: right;}
.program ul {font-size: 14px; width: 255px; height: 160px; margin: 0; background: #245870; padding: 20px;}
.program ul li {margin-bottom: 25px; background: url(./img/layout3_06.png) no-repeat 0px 1px; padding-left: 14px; list-style: none;}
.program a.bglink {margin: 15px 0px 0px 0px;}

.name {width: 220px; height: 150px; text-align: center; line-height: 150px; vertical-align: middle; color: #003d58; font-size: 24px; font-weight: bold; background: #fff; margin: 0px 10px 10px 0px; float: left;}

.sponsor {width: 220px; height: 150px; overflow: hidden; margin: 0px 10px 10px 0px; float: left; position: relative; cursor: pointer;}

.sponsorFlip {position: absolute; top: 0; left: 0; width: 220px; height: 150px; overflow: hidden;}
.sponsorFlip img {margin: 0; border: none;}

.sponsorData {display: none;}

.sponsorDescription {font-size: 11px; padding: 40px 20px 20px 20px; color: #fff;}
.sponsorURL {padding: 0px 20px;}
.sponsorURL a {font-size: 10px; font-weight: bold; color: #fff;}

/* TABLE */

table {margin: 20px auto 20px auto; font-size: 14px; width: 940px; line-height: 1.4em;}
table tr td {padding: 10px 8px; border-bottom: 1px solid #22576e; font-weight: normal;}
table.bold tr td {font-weight: bold;}
table tr:nth-child(2n+1) {background-color: rgba(77, 143, 172, 0.1);}
table tr.child {background: #074560;}
                                                                           
/* FORM */

form {margin: 0px 0px 50px 20px; width: 500px;}
form ul, form ul li {list-style: none;}
form ul li.buttons input {margin-right: 5px;	display: block; background: url(./img/layout3_05.png) no-repeat 76px 13px #002839; border: 0; padding: 10px 28px 10px 16px; color: #fff; font-weight: bold; cursor: pointer;}
form ul li.buttons input:hover {color: #ff9c2d;}
form ul li.buttons input:active {background: url(./img/layout3_05.png) no-repeat 80px 13px #002839;}

.form {float: right; margin-right: 200px;}    

/* === FOOTER === */

#footer {width: 100%; background:  url(./img/layout3_03.jpg) no-repeat bottom center; margin-top: -176px; clear: both; height: 176px;}
#footer .inlay {width: 940px; margin: 0 auto; color: #4d8fac; font-size: 11px; padding-bottom: 40px; text-align: left;}

#footer .inlay ul {margin: 0px 0px 40px 0px;}
#footer .inlay ul li {line-height: 49px; vertical-align: middle; float: left; margin-right: 24px;}
#footer .inlay ul li img {border: none; margin: 0;}

#footer .inlay .copy {display: block; width: 165px; height: 41px; position: relative; float: left;}

#footer .inlay .designed {display: block; width: 144px; height: 40px; position: relative; float: right;}

/* === UTILITY === */

.clear  {clear: both; line-height: 0px; font-size: 0px; height: 0px; margin: 0;}

.fl {float: left;}

.fr {float: right;}

.spacer {height: 40px;}

.ngg-navigation {
  margin-bottom: 20px
}