/* Artefacta CSS 07/2011 */
/* Resets */
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;
background: transparent;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Body & HTML styles */
body {
margin:0 auto;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align:center;
color:#292929;
background:#FFF url(../images/body-bg.jpg) no-repeat center top;
}
body.content {
text-align:left;
background:none;
}
/* General styles */
.notpublic {
color:#FF0000;
}
.eoc {
line-height:0;
}
img {
border:none;
}
.float {
float:left;
}
.clear {
clear:both;
}
.floatr {
float:right;
}
/* General form input styles */
.logoutsubmit,
.loginsubmit,
.searchboxsubmit,
.searchsubmit,
.addtoemail_submit,
.formsubmit,
#registration input[type="submit"] {
padding:4px 6px 4px 6px;
font-family:Georgia, "Times New Roman", Times, serif;
border:0;
background:#df4f17;
cursor:pointer;
height: 24px;
}
.logoutsubmit:hover,
.loginsubmit:hover,
.searchboxsubmit:hover,
.searchsubmit:hover,
.addtoemail_submit:hover,
.formsubmit:hover,
#registration input[type="submit"]:hover {
background:#ff8443;
}
.p4form input[type="text"],
.toprightblock input[type="text"],
#registration input[type="text"],
.p4form input[type="password"],
.toprightblock input[type="password"],
#registration input[type="password"],
.p4form textarea,
.content input[name="searchterms"],
.content input[name="discussion_ss"],
.content input[name="email"] {
padding:4px 6px 4px 6px;
border:1px solid #c1bfaf;
font-family:Georgia, "Times New Roman", Times, serif;
}
.searchboxsubmit,
.searchsubmit {
font-style:italic;
text-transform:uppercase;
}
.logoutsubmit,
.loginsubmit,
.searchboxsubmit,
.toprightblock input[type="text"],
.toprightblock input[type="password"] {
font-size:0.8em;
}
/* General page blocks */
.wrapper {
clear:both;
max-width:1024px;
min-width:960px;
margin:0 auto;
text-align:left;
}
.topblock {
float:left;
width:100%;
border-top:4px solid #000;
}
.toplogo {
float:left;
margin:35px 0 0 20px;
}
.toprightblock {
float:right;
width:50%;
margin:15px 0 0 0;
}
.toprightblock a:hover {
text-decoration:underline;
}
/* Login / Search */
.login,
.logout,
.logintext,
.search,
.topmenu {
position:relative;
float:right;
clear:both;
width:100%;
text-align:right;
z-index:100;
}
.login input,
.search input {
display:inline;
}
.login input::-webkit-input-placeholder {
color:#000000;
}
.login input::-moz-placeholder {
color:#000000;
opacity:1;
}
.login input:-ms-input-placeholder {
color:#000000;
}
.login input:-moz-placeholder {
color:#000000;
}
.login_username,
.login_password {
width:100px;
}
.login_password {
margin:0 3px 0 8px;
}
.logintext {
margin:10px 0 10px 0;
font-style:italic;
color:#c93e08;
}
.logintext a.edit_profile {
display:block;
float:right;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:0.8em;
padding:6px 7px 4px;
margin-left:6px;
color:#000;
background:#DF4F17;
height: 14px;
}
.logintext a.edit_profile:hover {
background:#ff8443;
text-decoration:none;
}
.logout {
margin:9px 0 0 0;
}
.logout .logintext {
margin:10px 0 15px 0;
font-style:normal;
color:#000;
}
.logout .logoutsubmit {
font-size:1em;
}
.logintext p {
display:inline;
font-size:0.8em;
}
.logintext span {
padding-right:10px;
text-transform:uppercase;
}
.search div {
float:right;
border:8px solid #dfdcc8;
background:#dfdcc8;
}
.search input {
float:left;
}
.searchboxinput {
width:152px;
border-right:none;
}
.content input[name="searchterms"],
.content .searchsubmit {
font-size:1em;
margin:0 0 15px 0;
}
.topmenu {
margin:10px 0 6px 0;
font-size:0.8em;
font-style:italic;
}
.topmenu a {
color:#000;
}
/* Navigation / Mainmenu */
.navigation {
float:left;
clear:both;
width:100%;
background:transparent url(../images/horbar-bg.png) repeat-x 0 0;
}
.horbar {
float:left;
width:100%;
margin:-5px 0 0 0;
font-size:0.8em;
font-style:italic;
text-transform:uppercase;
}
.horbaritem,
.horbaritemselected {
float:left;
}
.horbar a {
display:block;
float:left;
margin:0 0 0 10px;
padding:11px 8px 0 8px;
height:35px;
color:#dfdac7;
letter-spacing:1px;
}
.horbaritemselected {
background:transparent url(../images/horbar-corner-bg.png) no-repeat bottom left;
}
.horbaritemselected a {
color:#000;
background: #e5531b;
background: -moz-linear-gradient(top, #e5531b 0%, #c93e08 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5531b), color-stop(100%,#c93e08));
background: -webkit-linear-gradient(top, #e5531b 0%,#c93e08 100%);
background: -o-linear-gradient(top, #e5531b 0%,#c93e08 100%);
background: -ms-linear-gradient(top, #e5531b 0%,#c93e08 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5531b', endColorstr='#c93e08',GradientType=0 );
background: linear-gradient(top, #e5531b 0%,#c93e08 100%);
}
.horbaritemselected .notpublic {
color:#750000;
}
.horbaritemselected a:hover {
text-decoration:none;
}
.horbarfirst {
margin-left:0;
}
/* Navigation / Sidemenu */
.sidemenu {
clear:both;
height:28px;
margin:0 0 -1px 0;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
background:#FFFFFF;
}
.sidemenulevel {
float:left;
clear:both;
margin:-15px 18px 15px 18px;
}
.sidemenulevel .sidemenulevel {
margin: 15px 0 0 0;
}
.sub-sidemenu .sidemenulevel {
margin-top:0;
}
.sidemenulink {
display:block;
float:left;
}
.sub-sidemenu .sidemenulink {
margin-bottom: 10px;
}
.sidemenulevel a {
margin:0 15px 0 0;
font-size:0.8em;
font-style:italic;
text-transform:uppercase;
}
.sub-sidemenu .sidemenulevel a {
font-style:normal;
text-transform:none;
}
.sidemenulevel .sidemenuselected,
.sidemenulevel .parent {
color:#000;
}
/* Frontpage */
.middletopblock,
.middlebottomblock {
float:left;
width:100%;
clear:both;
}
.middletopblock {
height:282px;
background:#d7d4c2 url(../images/middletopblock-bg.png) no-repeat left top;
}
.admin .middletopblock {
height:auto;
}
.middletopblock .contentblock {
float:left;
width:36%;
margin:45px 0 0 65px;
}
.imageblock {
position:relative;
float:right;
width:61%;
height:384px;
margin:-88px -60px 0 0;
}
.imageblock img {
position:absolute;
bottom:0;
max-width:100%;
}
.middlebottomblock {
margin:13px 0 0 0;
}
.middlebottomblock .leftblock {
float:left;
width:44%;
}
.middlebottomblock .rightblock {
float:right;
width:56%;
}
.middlebottomblock .column {
float:left;
width:49%;
margin:0 0 0 2%;
background:#dbd8c5;
}
.middlebottomblock .firstcolumn {
margin:0;
}
.middlebottomblock .column .blockmargin {
margin:30px 37px 0 37px;
}
.linkblock {
float:right;
width:56%;
margin:-23px -6px 0 0;
}
.linkblock a {
display:block;
float:right;
width:206px;
height:22px;
padding:9px 0 0 5px;
background:transparent url(../images/linkblock-bg.png) no-repeat 0 0;
color:#000;
font-size:0.8em;
font-style:italic;
text-align:center;
text-transform:uppercase;
}
.middlebottomblock .blockdivider {
clear:both;
width:97%;
height:4px;
border-top:6px solid #000;
}
/* Default page */
.middleblock {
float:left;
clear:both;
width:100%;
margin:0 0 10px 0;
padding:0 0 1px 0;
background:transparent url(../images/black-line-bg.png) repeat-x 0 28px;
}
.container {
clear:both;
margin:0 18px 0 18px;
}
.leftblock,
.centerblock,
.rightblock {
float:left;
}
/* 2-column layout */
.column-2 .leftblock {
width:75%;
}
.column-2 .rightblock {
width:25%;
margin-top:4%;
}
.admin .column-2 .rightblock {
width:247px;
}
.column-2 .leftblock .blockmargin {
margin:0 60px 0 0;
}
.column-2 .rightblock .blockmargin {
float:right;
}
/* 2-column-events layout for events*/
.column-2-events .leftblock {
width: 32.5%;
margin-right: 3.6%;
float:left;
}
.column-2-events .rightblock {
width:58%;
margin-top:4%;
float:left;
}
.admin .column-2-events .rightblock {
/*width:247px;*/
}
.column-2-events .leftblock .blockmargin {
/*margin:0 60px 0 0;*/
}
.column-2-events .rightblock .blockmargin {
}
/* 3-column layout */
.column-3 .leftblock,
.column-3 .centerblock,
.column-3 .rightblock {
width:33.3%;
margin:0;
}
.column-3 .leftblock .blockmargin {
margin:0 20px 0 0;
}
.column-3 .centerblock .blockmargin {
margin:0 10px 0 10px;
}
.column-3 .rightblock .blockmargin {
margin:0 0 0 20px;
}
.column-3 .centerblock .blockmargin,
.column-3 .rightblock .blockmargin {
/* margin:0 20px 0 20px; */
}
/* Wide layout */
.wideblock {
width:100%;
}
.bottomblock {
float:left;
clear:both;
width:68%;
}
.printer {
display:block;
float:right;
}
/* Path */
.path,
.pathtitle {
display:inline;
font-size:0.8em;
}
.path a {
padding:0 3px 0 3px;
}
.path .pathlinkcurrent {
font-weight:bold;
color:#000000;
}
/* Footer */
.footer {
float:left;
clear:both;
width:100%;
margin:55px 0 0 0;
font-size:0.8em;
}
.footer,
.footer a {
color:#000000;
}
.footer a {
display:block;
margin:5px 0 0 0;
}
.footer img {
float:left;
margin:0 10px 0 0;
}
body .madebypoutapilvi {
float:left;
clear:both;
width:100%;
margin:10px 0 10px 0;
padding:0 !important;
font-size:0.8em !important;
text-align:left !important;
}
.madebypoutapilvi,
.madebypoutapilvi a {
color:#999 !important;
}