/*
Theme Name: Education 2010
Theme URI: http://www.internetarchitects.be/
Description: WordPress theme for the Education 2010 website, developed by Internet Architects.
Version: 1.0
Author: Internet Architects
Author URI: http://www.internetarchitects.be/
*/

body, input, textarea {font:13px/1 arial,sans-serif;}
h1, h2, h3, ul, li, p, dl, dt, dd {margin:0; padding:0; list-style:none;}
a {text-decoration:none; color:#000;}
a img {border:0;}
img {display:block;}

html {background:#dcdfd7 url(img/html.png); color:#000;}
html.register-iframe {background:#fff;}
body {width:70em; margin:0 auto; padding:0 2em; background:#fff;}
.register-iframe body {width:100%; margin:0; padding:0;}
.register-iframe form, .wpcf7 form {padding:2em 3em;}
.register-iframe form label, .wpcf7 label {color:#000; font-weight:bold; float:left; width:120px; line-height:25px;}
.wpcf7 label {width:200px;}
.wpcf7 .submit {margin-left:200px;}
.wpcf7-validation-errors {display:none;}
textarea {width:282px; height:150px;}
.register-iframe form .submit {margin-left:120px;}

.wpcf7 form, .sitemap h2 {margin-bottom:1em;}

input, textarea, select {border:1px solid #b8b8b8; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:5px;}
input.submit, .submit input {color:#fff; background:#81b036; border-color:#81b036;}

label span {color:red; font-weight:bold;}
iframe {border:0; margin:0; padding:0; width:555px; height:570px;}

#header {position:relative; height:10em; overflow:hidden; width:100%; border-bottom:1px solid #dcdfd7;}
#header h1 a {position:absolute; top:.5em; left:0; background:url(img/logo.png) no-repeat 0 0; text-indent:-9999em; overflow:hidden; width:183px; height:92px; display:block; outline:0;}

p, h3, .post h2 {margin-bottom:1em;}

#nav {position:absolute; left:16em; bottom:1px;}
#nav li {margin-right:.5em;}
#header ul li {float:left;}
#nav a {float:left; padding:.5em 1.5em; font-weight:bold;}
#nav li.current_page_item, #nav li.current_page_parent, #nav li.current_page_ancestor, .introBlock {
 background: #6f9d5b url(img/gradient.svg);
 background-size: 100% 100%;
 background:-moz-linear-gradient(left, #86b536, #6f9d5b);
 background:-webkit-gradient(linear,left top,right top,color-stop(0, #86b536),color-stop(1, #6f9d5b));
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#86b536, endColorstr=#6f9d5b);
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#86b536, endColorstr=#6f9d5b)";
}
#nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_ancestor a {color:#fff; background:url(img/alpha-raster.png); _background-image:none;}

#topLang {position:absolute; right:0; top:.5em;}
#topLang li {padding-right:.4em;}
#topLang a, #topNav a {float:left; width:2em; height:2em; line-height:2em; text-align:center; color:#bec1b8;}
#topLang .active a {background:#bec1b8; color:#fff;}

#topNav {position:absolute; top:.5em; right:12em;}
#topNav a {text-indent:-9999em; overflow:hidden; background:url(img/icon-rss.png) no-repeat 50% 50%;}
#topNav .rss a {background-image:url(img/icon-rss.png);}
#topNav .facebook a {background-image:url(img/icon-facebook.png);}
#topNav .twitter a {background-image:url(img/icon-twitter.png);}
#topNav .linkedin a {background-image:url(img/icon-linkedin.png);}
#topNav .delicious a {background-image:url(img/icon-delicious.png);}

#eu-trio {display:block; position:absolute; left:433px; top:20px; width:150px; height:48px; background:url(img/eu-trio.png) no-repeat 0 0; text-indent:-9999em; overflow:hidden;}

/* content */

h2 {color:#464646; font-weight:bold; font-size:1.5em; background:url(img/alpha-raster.png);  _background-image:none; _background-color:#dadada; padding:.2em .5em; position:relative;}
.page-template-event-php h2, .page-template-event-program-php h2, .ubertitle {margin:0 0 1em;}
.post h2 a {color:#67904c; display:block;}
.ubertitle {font-size:2em;}

.article {line-height:1.5; padding:1em 0; position:relative; _zoom:1;}

.clearfix {overflow:hidden; width:100%; _zoom:1;}
.introWrap {float:left; width:45em; margin-right:2em;}
.introBlock {xfloat:left; width:45em; position:relative; margin-bottom:1.5em;}
.introBlock .introContent {position:absolute; left:259px; top:0; padding:.15em .7em; background:url(img/alpha-raster.png);  _background-image:none; height:100%; color:#fff;}
.introBlock p {margin-bottom:.35em;}
.introBlock a {color:#fff; position:relative; top:-3px;}

.newsBlock {width:21.17em; float:left; _zoom:1;}
.newsBlock h2 {color:#7cad27;}
.newsBlock dt {font-weight:bold; padding:.5em .5em;}
.newsBlock dd {margin-top:-2em; margin-left:5em;}
.newsBlock dd a {display:block;}
.newsBlock a.more {margin-left:.5em; margin-top:1em;}

a.more {font-size:.8em; font-weight:bold; line-height:17px; display:inline-block; padding-left:7px; height:17px; background:url(img/more.png) no-repeat 0 0; color:#fff !important; border:0 !important; *margin-bottom:1em;}
.actions a {border:0 !important;}
a.more span {display:inline-block; background:#fff url(img/more.png) no-repeat top right; padding-right:27px; padding-left:5px; text-align:center;}
a.lightMore, a.lightMore span {background-image:url(img/more-light.png);}
a.webstream, a.webstream span {background-image:url(img/stream.png);}
a.webstream span {padding-right:13px;}
.block a.webstream {margin-left:12px;}

.threeBlockGrid {width:100%; overflow:hidden; margin-top:2em; _position:relative;}
.threeBlockGrid .block {width:275px; margin-right:2.7em; margin-bottom:2.7em; float:left; overflow:hidden;}
.threeBlockGrid .lastOfRow {margin-right:0;}
.threeBlockGrid h2 {position:relative; z-index:9;}
.threeBlockGrid .blockContent {position:relative;}
.threeBlockGrid .time, .page-template-event-php h2 .time, .page-template-event-program-php h2 .time, .post h2 .time {color:#67904c; font-size:1.5em; font-family:Georgia; font-weight:bold; position:absolute; top:-.3em; right:0; _right:-1px; background:#fff;}
.threeBlockGrid .time span {font-size:1.3em;}
.page-template-event-php h2 .time, .page-template-event-program-php h2 .time, .post h2 .time {font-size:1.3em; top:0; display:block; padding-left:.5em;}

.events {width:275px; overflow:hidden;}
.events a, form {padding:.2em .5em; display:block; background:url(img/alpha-raster.png); _background-image:none; color:#fff; position:relative;}
.events a.event-1 {background-color:#81b036;}
.events a.event-2 {background-color:#67904c;}
.events a.event-3 {background-color:#517d35;}
.events h2 {background:transparent; padding:0; color:#fff; width:10em; margin-bottom:0;}
.events h2, .events .time {font-family:Georgia; font-weight:normal; font-size:1.4em;}
.events .time {position:absolute; top:.2em; right:.4em;}
.events a p {margin:.5em 0 0;}
.events form label {color:#474747; font-weight:bold; font-size:1.3em; text-transform:uppercase;}

.homeCalendar {float:left;}
.homeEvents {xmargin-right:2.7em; _position:relative;}

.homeCalendar {width:585px; margin-top:-330px; *margin-top:-303px; margin-bottom:2em;}
table {width:100%; border-collapse:collapse; margin:1em 0;}
th, td {padding:.5em .5em; vertical-align:top;}
th.header {background:url(img/alpha-raster.png); _background-image:none; color:#000;}
th {text-align:left; color:#81b036; font-weight:bold;}
table a, table .title {color:#81b036; font-weight:bold;}

.widthTwo {width:585px; float:left;}
.widthTwo ul, .sitemap ul {margin-bottom:1em;}
.sitemap ul ul {margin:0;}
.sitemap ul ul li { list-style:square;}
.widthTwo ul li, .sitemap ul li {list-style:disc; margin-left:2em;}
.page-template-event-php .widthTwo, .page-template-event-program-php .widthTwo {margin-right:2em;}
.widthTwo a, .sitemap a, #footer a, .newsBlock dd a span, table a, .introBlock a {font-weight:bold; color:#81b036; border-bottom:1px solid #dcdfd7;}
.widthTwo a:hover, .widthTwo a:focus, #footer a:hover, #footer a:focus, .newsBlock dd a:hover span, .newsBlock dd a:focus span {border-color:#517d35;}
.introBlock a {color:#fff;}
table a {border-color:#81b036 !important;}
table a:hover, table a:focus {color:#517d35; border-color:#517d35 !important;}

.widthTwo .post h2 a {border:0;}

.page-template-event-php .figure {text-align:center;}
 .page-template-event-php .figure img {display:inline;}

.actions {margin:1em 0; overflow:hidden;}
.actions a { float:left; background:#1a3684; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:5px 10px; color:#fff; font-weight:bold; margin-right:.5em; margin-bottom:0.75em;}
.actions a.viewProgram {background:#1a3684;}
.actions a.mailFriend {background:#517d35;}
.actions a.subscribe {background:#81b036;}
.actions a.webstream, .actions a.media {background:#517D35;}
.sidebar, .address {float:left; margin-left:2em; _margin-left:1em; width:299px; background:#81b036 url(img/alpha-raster.png); _background-image:none; color:#fff;}
.sidebar h2, .address h2 {background-color:#fff;  _background-color:#dadada; color:#81b036; *margin-top:-4px;}
.sidebar a, .address p, .address h3 {font-weight:bold; padding:.2em .5em; display:block; color:#fff;}
.address a {color:#fff;}
.address h3 {text-transform:uppercase; font-family:Georgia; font-weight:normal; font-size:1.3em;}

.navigation {width:100%; overflow:hidden;}
.alignright {float:right; margin-left:2em;}

/* footer */

#sponsors {width:100%; overflow:hidden; margin-top:1em; padding-top:1em; border-top:1px solid #dcdfd7;}
#sponsors li {width:25%; float:left;}
#sponsors li a {width:100%; float:left; text-align:center; outline:0;}
#sponsors li a img {display:inline;}

#footer {border-top:1px solid #dcdfd7; padding:2em 0;}
#footer li {display:inline; margin-right:0.75em;}

/* HIDE LANG */
/*#topNav {right:0;} #eu-trio {left:611px;}*/

/* program block ......................................... */
.programBlock {background:url("img/alpha-raster.png") left top repeat; padding:0.75em 1em; position:relative; padding-right:80px; font-size:131%; line-height:1.2em; color:#81B036;}
.programBlock a.download {position:absolute; right:1em; top:0.9em;}

/* program block ......................................... */
.ticker {background:url("img/alpha-raster.png") left top repeat; padding:0.75em 0em; height:1.5em; margin:0.75em 0em; margin-top:1.5em; position:relative; line-height:1.2em; color:#81B036; position:relative; overflow:hidden;}
.ticker li {list-style:none; display:inline; list-style-position:inside; white-space:nowrap; font-size:146.5%; margin:0 1em;}
.ticker ul {position:absolute; width:12000% !important;}

/* live stream box ....................................... */
.livestreamBox {margin-bottom:1em; overflow:hidden;}
.livestreamBox .label {float:left; margin-right:0.5em; font-weight:700;}

.actions {zoom:1;}

.eventColumn {width:275px; float:left; margin-right:2.7em;}
.eventColumn .livestream {margin:2.7em 0em;}

a.pdf {padding-left:20px; background:url("img/icon-file-pdf.gif") left top no-repeat;}
a.ppt {padding-left:20px; background:url("img/icon-file-ppt.gif") left top no-repeat;}
a.doc {padding-left:20px; background:url("img/icon-file-word.gif") left top no-repeat;}