/* 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; }