@charset "utf-8";
/* Google Fonts Import - http://www.google.com/webfonts
============================================================================= */
@import url(http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy);
@import url(http://fonts.googleapis.com/css?family=Molengo);
/* ========================================================================== */
/* START CSS RESET - http://meyerweb.com/eric/tools/css/reset/ v1.0
============================================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* Permanently enable a vertical scrollbar (except IE) */
html {
overflow-y: scroll;
}
/* ========================================================================== */
/* Basic Style
============================================================================= */
html {
background: #021021 url(images/web_bg2.jpg) repeat-x;
}
body {
font-family: 'Molengo', Verdana, Arial, sans-serif;
font-size: 0.975em;
color: #fff;
}
/* ========================================================================== */
/* Navigation
============================================================================= */
nav {
width: 940px;
height: 75px;
margin: 0 auto;
}
nav ul {
margin-top: 25px;
}
#mainNav li {
display: inline;
list-style-type: none;
padding-left: 25px;
}
#mainNav li a {
font-family: 'Sorts Mill Goudy', serif;
font-size: 20px;
font-weight: bold;
color: #fff;
text-decoration: none;
}
#mainNav li a:hover {
font-family: 'Sorts Mill Goudy', serif;
font-size: 20px;
color: #979797;
text-decoration: none;
text-shadow: 2px 2px 5px #000000;
}
.screenReaderText {
display: none;
}
#search {
float: right;
margin-top: -22px;
}
#search #searchfield {
font-family: 'Sorts Mill Goudy', serif;
}
#search input[type='submit'] {
background: url(images/searchbutton.png) no-repeat;
border: none;
height: 25px;
width: 25px;
text-indent: -9999px;
}
/* ========================================================================== */
/* Header
============================================================================= */
header .inner h1, h2 {
text-indent: -9999px;
}
header {
position:absolute;
top:100px;
left:50%;
margin-left:-545px;
background: url(images/webtitle.png) no-repeat;
width: 69px;
height: 469px;
z-index: 100;
}
/* ========================================================================== */
/* Section #contest #general
============================================================================= */
#contest .inner{
width:940px;
margin:470px auto 30px;
}
#contest .inner div h4 {
position:absolute;
font-family: 'Sorts Mill Goudy', serif;
color:#fff;
background:#636f78;
font-size:1em;
float:left;
clear:both;
padding:10px 10px 10px 20px;
margin-top: 15px;
margin-left:-10px;
margin-bottom:0px;
text-shadow:0 -1px #000000, 0 1px #000000;
box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}
#contest .inner div h4:before {
content:" ";
background: url(images/ribbon.png);
display:block;
width:10px;
height:10px;
position:absolute;
bottom:0;
left:0;
margin-bottom:-10px;
z-index:-1;
}
#contest .inner div {
position: relative;
float: left;
background: #1a2b3c url(images/body_bg.jpg) repeat;
width: 293px;
height: 22.5em;
border-radius: 10px;
padding-bottom:15px;
margin-bottom:30px;
}
#contest .inner div p,#contest .inner div ul {
padding: 65px 14px 0 14px;
}
#contest .inner div p + p {
padding-top: 15px;
}
#contest .inner div a {
font-size: 1em;
font-weight: bold;
color: #fff;
text-decoration: none;
text-shadow:0 -1px #000000, 0 1px #000000;
}
#contest .inner div a:hover {
font-size: 1em;
color: #979797;
text-decoration: none;
text-shadow: 2px 2px 5px #000000;
}
#contest .inner div .motto {
color: #979797;
}
#contest .inner #mission,#contest .inner #timeline {
margin-left: 30px;
}
#contest .inner #rules {
width: 940px;
clear:both;
float:none;
height:auto;
margin:0 0 30px;
}
#contest .inner h3 {
text-indent: -9999px;
}
/* ========================================================================== */
/* Section #gallery
============================================================================= */
#gallery {
position:absolute;
background: #1a2b3c url(images/body_bg.jpg) repeat;
width: 940px;
height:460px;
top:100px;
left:50%;
margin-left:-470px;
border-radius: 10px;
}
#gallery .inner h3 {
position:absolute;
font-family: 'Sorts Mill Goudy', serif;
color:#fff;
background:#636f78;
font-size:1em;
float:left;
clear:both;
padding:10px 10px 10px 20px;
margin-top: 15px;
margin-left:-10px;
margin-bottom:0px;
text-shadow:0 -1px #000000, 0 1px #000000;
box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}
#gallery .inner h3:before {
content:" ";
background: url(images/ribbon.png);
display:block;
width:10px;
height:10px;
position:absolute;
bottom:0;
left:0;
margin-bottom:-10px;
z-index:-1;
}
#cc{
position:absolute;
top:410px;
right:160px;
font-size:11px;
color:#fff;
}
#cc a{
color:#fff;
}
#gallery .inner ul{
position:absolute;
width:640px;
height:400px;
left:150px;
top:30px;
overflow:hidden;
}
#gallery .inner ul li,#gallery figure, #gallery figcaption {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
}
#gallery figcaption{
margin:0;
padding:8px 0 8px 10px;
position:absolute;
top:368px;left:0;
height:25px;
width:630px;
background:rgba(255,255,255,.4);
}
/* ========================================================================== */
/* Section #autor
============================================================================= */
#autor {
position: relative;
background: #1a2b3c url(images/body_bg.jpg) repeat;
width: 940px;
margin:0 auto 30px;
border-radius: 10px;
}
#autor .inner h3 {
position:absolute;
font-family: 'Sorts Mill Goudy', serif;
color:#fff;
background:#636f78;
font-size:1em;
padding: 10px 10px 10px 20px;
margin-top: 15px;
margin-left: -10px;
margin-bottom: 0px;
text-shadow:0 -1px #000000, 0 1px #000000;
box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}
#autor .inner h3:before {
content:" ";
background: url(images/ribbon.png);
display:block;
width:10px;
height:10px;
position:absolute;
bottom:0;
left:0;
margin-bottom:-10px;
z-index:-1;
}
#autor .inner ul {
padding-top: 65px;
padding-left: 14px;
padding-right: 14px;
}
#autor .inner p {
padding-top: 60px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 15px;
}
#autor .inner img {
padding: 5px;
}
#autor .inner a {
font-size: 1em;
font-weight: bold;
color: #fff;
text-decoration: none;
text-shadow:0 -1px #000000, 0 1px #000000;
}
#autor .inner a:hover {
font-size: 1em;
color: #979797;
text-decoration: none;
text-shadow: 2px 2px 5px #000000;
}
#autor h4 {
display: none;
}
/* ========================================================================== */
/* Section #kontakt
============================================================================= */
#kontakt {
background: #1a2b3c url(images/body_bg.jpg) repeat;
width: 940px;
margin:0 auto 30px;
border-radius: 10px;
}
#kontakt .inner h3 {
position:relative;
font-family: 'Sorts Mill Goudy', serif;
color:#fff;
background:#636f78;
font-size:1em;
float: left;
clear: both;
padding: 10px 10px 10px 20px;
margin-top: 15px;
margin-left: -10px;
margin-bottom: 0px;
text-shadow:0 -1px #000000, 0 1px #000000;
box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}
#kontakt .inner h3:before {
content:" ";
background: url(images/ribbon.png);
display:block;
width:10px;
height:10px;
position:absolute;
bottom:0;
left:0;
margin-bottom:-10px;
z-index:-1;
}
#kontakt .inner ul {
padding-top: 65px;
padding-left: 14px;
padding-right: 14px;
}
#kontakt .inner p {
padding-top: 60px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 15px;
}
#kontakt .inner a {
font-size: 1em;
font-weight: bold;
color: #fff;
text-decoration: none;
text-shadow:0 -1px #000000, 0 1px #000000;
}
#kontakt .inner a:hover {
font-size: 1em;
color: #979797;
text-decoration: none;
text-shadow: 2px 2px 5px #000000;
}
/* ========================================================================== */
/* Section aside
============================================================================= */
aside {
background: #1a2b3c url(images/body_bg.jpg) repeat;
width: 940px;
height: 250px;
margin:0 auto 30px;
border-radius: 10px;
}
/* ========================================================================== */
/* Footer
============================================================================= */
footer {
background: #1a2b3c url(images/body_bg.jpg) repeat;
margin: 0 auto;
height: 50px;
width: 940px;
border-radius: 10px 10px 0 0;
}
footer .inner {
width: 940px;
margin: auto;
}
/* ========================================================================== */