html {
background-position:bottom right;
min-height:100%;
}

body {
font-family:Arial,sans;
color:#666;
width:900px;
margin:0;
height:100%;
}
a img {
border:0;
}
#container {
background:#fff;
padding-bottom:15px;
margin:0;
padding:14px;
min-height:1000px;
}

#footer {
clear:both;
border-top:4px solid;
padding-top:15px;
margin-top:50px;
text-transform:uppercase;
}

#footer p {
font-size:.7em;
letter-spacing:.07em;
}

#footer p {
margin:0;
}
a:link, a:visited {
color:#3575f7;
}
a:hover {
color:#3575f7;
text-decoration:underline
}

ul, ol, li {
padding:0;
margin:0;
}

#menu {
padding:0 0 15px;
margin:0;
margin-bottom:15px;
}

#secondary {
position:absolute;
left:14px;
top:8px;
padding:0;
z-index:400;
}
#secondary li {
list-style:none;
font-size:12px;
text-transform:uppercase;
display:inline;
margin-right:5px;
letter-spacing:.5px;
}


#secondary li a:link, #secondary li a:visited{ 
color:#999;
text-decoration:none;
}
#secondary li a:hover {
color:#3575f7;
text-decoration:underline
}
#menu li {
list-style:none;
display:inline;
padding-right:20px;
font-size:26px;
font-weight:bold;
}

#menu li a {
text-decoration:none;
text-transform:uppercase;
font-size:20px;
color:#222;
letter-spacing:1px;
}

h1 {
font-size:45px;
line-height:.8;
letter-spacing:-4px;
color:#111;
background:url(/img/logo.png) no-repeat;
text-indent:-1000px;
margin-top:40px;
margin-bottom:25px;
height:80px;
width:330px;
}
h1 a {
display:block;
outline:none;height:100%
}
.span-1, .span-2, .span-3, .span-half {
float:left;
margin-right:10px;
}
.span-half {
width:100px;
}
.span-1{
width:210px;
}

.span-2 {
width:430px;
}
.span-3 {
width:650px;
}

.span-1.last, .span-2.last, .span-3.last, .span-half.last {
margin-right:0px;
clear:right;
}
hr {
clear:both;
color:#fff;
background-color:#fff;
height:0px;
border:none;
margin:15px 0;
padding:0;
visibility:hidden;
}

p, ul,ol {
font-size:13px;
line-height:1.4em;
}

h3 {
color:#555;
font-size:18px;
text-decoration:none;
margin:2em 0 .5em;
}

h2 {
color:#555;
margin-bottom:1em;
}

.events {
margin:45px 0 30px;
}

.events h2 {
color:#222;
text-transform:uppercase;
font-size:17px;
margin:.3em 0;
display:none;
}

.events .event {
margin-bottom:50px;
border-top:4px solid;
}

.event .when {
text-transform:uppercase;
letter-spacing:.5px;
color:#999;
font-weight:bold;
}

.event p a {
background:#222;
color:#fff;
padding:9px 15px;
margin:15px 0;
text-decoration:none;
position:relative;
top:30px;
}
.event p a:hover {
color:#eee;
}

.event h3, h2.big, h2.image,.network h2 {
font-size:30px;
line-height:31px;
margin:0;
text-transform:uppercase;
letter-spacing:-1px;
max-width:250px;
font-weight:bold;
margin-bottom:1em;
}
.network h2 span {
font-size:15px;
letter-spacing:0;
width:100px;
padding-bottom:5px;
display:block;
line-height:1.2;
font-weight:normal;
}
.network h2 {
border-bottom:1px dotted;
border-top:3px dotted;
padding:5px 0 15px;
}
h2.image {
height:510px;
padding-right:270px;
background-repeat:no-repeat;
width:auto;
margin-top:-20px;
padding-top:20px;
}

.event h3 span, h2 span {
color:#444;
}
.events .list {
background:#fff;
}
.event p {
color:#555;
}

.events .list p {
margin:0;
padding:5px 0;
border-bottom:1px dotted #999;
}

.events .list p * {
display:inline-block;
vertical-align:top;
}

.events .list a.what {
color:#222;
}

.events .list .when {
text-transform:uppercase;
font-size:.9em;
letter-spacing:.05em;
width:7em;
}
.events .list p.past {
background:#f3f3f3;
}
.events .list p.past .what{
color:#777
}
.events .list .past .when {
color:#999;
}
.events .list .what {
width:17em;
color:#555;
}

.events .list .where {
color:#999;
width:7em;
}

.events .list h5 {
background:#eee;
text-transform:uppercase;
margin:0;
letter-spacing:.15em;
padding:10px 2px 8px;
font-weight:normal;
font-size:10px;
border-bottom:1px dotted #999;
}
#slideshow {
position:relative;
margin-top:-30px;
height:564px;
width:430px;
overflow:hidden;
}
.slide {
position:absolute;
top:0;
left:0;
width:430px;
}
.slide .image {
background-position:50% 50% !important;
}
.slide .image a{
height:250px;
padding-top:200px;
display:block;
background-position:50% 50% !important;
}
.slide .legend {
padding-top:5px;
color:#222;
font-size:20px;
line-height:23px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:0px
}
.slide .legend {
display:none;
}

.slide:hover .legend {
display:block;
}
.hasjs .slide .legend {
display:none;
}

.legend a {
text-decoration:none;
}

.logo {
float:left;
color:#ccc;
height:80px;
border:1px dotted;
width:130px;
margin-right:11px;
margin-bottom:15px;
}


.logo {
float:left;
color:#ccc;
height:80px;
border:1px dotted;
width:130px;
margin-right:11px;
margin-bottom:15px;
}

h4 {
font-size:15px;
margin:0;
text-transform:uppercase;
padding:4px 0;
font-weight:bold;
letter-spacing:1px;
border-top:4px solid #555;
margin-bottom:1em;
}
.actions h4 {
color:#888;
border-color:#666;
}
ul {
padding:0;
list-style:none;
}
.span-1 ul {
border-top:1px solid #ccc;
}
.span-1 ul li {
border-bottom:1px solid #ccc;
padding:1px 0 2px;
color:#999;
}

.book {
float:left;
padding-top:15px;
width:115px;
}
#menu li a.festival {
color:#fc5c5c;
}
.actions a,
#menu li.actions a:hover,
.actions #menu li.active a,
.actions h2,
.events .list .when,
.events .list a.what:hover,
.event h3, 
.actions h2.big,
.actions h4
{color:#e35000;}

.resources a,
#menu li.resources a:hover,
.resources #menu li.active a,
.resources h4,
.article a:hover .paper
{color:#34C734;}

.network a,
#menu li.network a:hover,
.network  #menu li.active a,
.network  h4,
.network h2,
.network h2 span
{color:#414f90;}

.vision a,
#menu li.vision a:hover,
.vision #menu li.active a,
.vision h4,
.vision h2
{color:#eb3799;}

.event p a:hover
{background-color:#e35000;}

.article {
border-top:1px dotted #555;
margin:0;
padding:5px 0;
}
.article a {
text-decoration:none;
display:block;
}
.article a:hover {
color:#666;
}
.paper {
color:#999;
text-transform:uppercase;
font-size:.9em;
font-family:"Times New Roman", Times, serif;
letter-spacing:.05em;
font-weight:bold;
}

.events.bottom{
background:#eee;
margin-left:-10px;
padding:10px 10px 1px;
margin-right:-10px;
}

ul.files {
border-top:10px solid #eee;
}
.files li {
padding: 2px 0 7px 23px;
background:url(/img/pdf_s.png) no-repeat 0 4px;
border-bottom:1px solid #ccc;
}
.files li.out {
background-image:url(/img/out.gif);
}
.files li.zip {
background-image:url(/img/icone_zip.gif);
}
.files li.doc {
background-image:url(/img/doc.gif);
}
p.small {
font-size:11px;
color:#999;
margin:0;
}

.book {
margin-right:20px;
}

.book p {
margin:0;
}