/* Theme Name: NI2008 Theme URI: http://nowinteractive.cz/ Description: A piece of cake. Version: 0.9b Author: Lukas Hroch Author URI: http://soundake.info/ */ /*- This stylesheet was made exclusively for Now Interactive. -*/ /*- Copyright (c) 2008 Lukáš Hroch. All rights reserved. -*/ /*- Basics -*/ html, body, div, p, li, ul, form, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; } body { font: normal 62.8%/1.6 "Helvetica CE", Helvetica, Arial, lucida, sans-serif; background: #000; color: #fff; } a { color: #F60; } a:hover { color: #000 !important; text-decoration: underline !important; } a img { border:0; } input, select, textarea { font-family: "Helvetica CE", Helvetica, Arial, lucida, sans-serif; } input, textarea { border: 1px solid #8e8e8e; background: #fff url('./images/bg-input.png') 0 0 no-repeat; color: #000; padding: 2px 5px; } button { vertical-align: middle; margin: 0; padding: 0; background: none; border: none; width: 100px; } input.submit { width: auto !important; padding: 3px 10px !important; background: #f8c500 url('./images/bg-button-yellow.png') 0 50% repeat-x; border: 1px solid #777; color: #fff; } h1 { font-size: 2.6em; margin-bottom: .5em; margin-left: 10px; font-weight: normal; color: #444; display: none; } #maniBody h1 { display: block; } h2 { font-size: 1.8em; line-height: 1.1; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { font-size: 1em; } h6 { font-size: .71em; font-family: Verdana, "Geneva CE", lucida, sans-serif; } h1 a, #content h2 a, #content h3 a, #content h4 a { color: #000 !important; } dt { font-weight: bold; float: left; padding-right: .5em; } dd { color: #666; margin: 0 0 .2em 0; padding: 0; } blockquote { color: #999; margin: 0; padding: 0; font-style: italic; } .text blockquote p { margin-bottom: .5em; } /*- Basic layout -*/ #view { font-size: 1.2em; color: #000; min-width: 960px; } #head { background: #1A1A1A url('./images/bg-head.png') 0 0 repeat-x; height: 200px; } #content { background: #fff; } #foot { background: #000; border-top: 1px solid #fff; font-size: .85em; font-family: Verdana, "Geneva CE", lucida, sans-serif; padding-top: 10px; color: #fff; min-height: 50px; _height: 50px; } .holder { position: relative; width: 960px; margin: 0 auto; } #head .holder { } #content .holder { padding-top: 50px; } #foot .holder { } /*- Main hacks -*/ .holder:after, .cols:after, .item:after, .paging:after, .smallPaging:after, .listCols:after, .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } * html .holder, * html .clearfix { height:1%; } .clearfix { display:block; } /*- Main blocks -*/ #foot p { vertical-align: bottom; } #menu { background: #77cc00 !important; height: 40px; } #menu ul { margin-left: 260px;} #menu li { float: left; line-height: 40px; font-size: 1.6em; font-weight: bold; } #menu li a { display: block; line-height: 40px; color: #000; text-decoration: none; padding: 0 20px;} #menu li a:hover { color: #fff !important; text-decoration: none !important; } #menu li.active { background: #BAE57E url('./images/bg-menu-active.png') 0 0 repeat-x; border: 1px solid #fff; border-width: 0 1px; } #fastContact { font-size: 1.4em; color: #999999; margin-bottom: 30px; padding-top: 10px ;} #fastContact .holder { padding-left: 280px; width: 670px; } #fastContact p { float: left; width: 33%; } #fastContact a { color: #999;} #clients { background: #131313 url('./images/bg-clients.png') 0 0 repeat-x; color: #fff; border-bottom: 1px solid #fff; height: 60px; line-height: 60px; } #clients img { display: block; float: left; } #clients h6 { color: #FC0; padding-left: 10px; float: left; font-size: .91em;} #contacts { background: #323232 url('./images/bg-footer.png') 0 0 repeat-x; color: #fff; padding: 10px 0; } #contacts .cols .col1 { width: 235px; float: left; } #contacts .cols .col2 { width: 435px; float: left; } #contacts .cols .col3 { width: 290px; float: left; } #contacts label { display: block; } #contacts input { margin-bottom: 10px; width: 75%; } #contacts textarea { width: 95%; } #contacts input, #contacts textarea { font-size: 1.4em; padding: 2px 5px; margin-bottom: 10px; border: 1px solid #999; background: #323232; color: #fff; } #contacts p.fl { width: 110px; margin-bottom: 10px; } #contacts p.fr { width: 290px; margin-bottom: 10px; font-size: .85em; margin-top: -2px; position: relative; } #contacts .boxOrange a { color: #fff; } #contacts .boxOrange a:hover { color: #F60 !important; } #ourProjects { background: #000 ; padding: 5px 0; height: 40px; line-height: 40px; } #ourProjects .item { margin-right: 10px; float: left; width: 15em; font-size: 1.1em; } #ourProjects .item .logo { float: left; width: 30px; height: 30px; margin: 10px 5px 0 0; =margin-top: 2px; } #ourProjects a { color: #FFF; } #ourProjects a:hover { color: #7C0 !important; } #logo { width: 220px; height: 220px; background: url('./images/bg-logo.png') 0 0 no-repeat; overflow: hidden; position: absolute; top: 58px; } #logo a { display: block; height: 100%; width: 100%; padding: 220px; position: relative; z-index: 100;} #logo span.l { display: block; height: 100%; width: 100%; padding: 220px; } #head span.bg { display: block; width: 960px; background: url('./images/header.png') 0 0 no-repeat; height: 200px; top: 0; left: 0; position: absolute;} /*- Main classes -*/ .fr { float: right !important; } .fl { float: left !important; } .r { text-align: right !important; } .l { text-align: left !important; } .c { text-align: center !important; } .last { margin-right: 0 !important; margin-bottom: 0 !important; } .small { font-size: .91em; } .light { color: #666; } .hidden { display: none; } .ico { padding-left: 20px; background: 0 50% no-repeat; } .ico2 { padding-right: 20px; background: 100% 50% no-repeat; } .cols .col1 { width: 470px; float: left; } .cols .col2 { width: 470px; float: right; } .box .col1 { width: 450px; } .box .col2 { width: 440px; } .cols3 .col1 { width: 33%; float: left; } .cols3 .col2 { width: 33%; float: left; } .cols3 .col3 { width: 33%; float: left; } .img { } .more { } .more a { } .list li { margin-bottom: 3px; background: url('./images/ico/list-bul-sq-yellow.png') 0 .6em no-repeat; padding-left: 15px; } .offset { margin-top: .4em !important; } .info { color: #999;} p.more { font-size: .85em; } a.more { background: url('./images/ico/list-bul-sq-yellow.png') 0 .6em no-repeat; padding-left: 15px; } p.more a.more { background-position: 0 .4em;} h4 a.more { background-position: 0 .45em;} .popdown a { background: url('images/ico/popdown.png') no-repeat center right; padding-right: 20px; } .text p { margin-bottom: 1.5em; } .text ul { margin-bottom: 1.5em; } .text h4 { margin-bottom: .33em; } .textBody .text p { font-size: 1.1em; } .textBody .text h3 { margin-bottom: .33em; } .textBody .text ul { font-size: 1.1em; } /*- Boxes -*/ .box { margin: 0 10px 50px 0; padding-left: 20px; background: 10px 0.3em no-repeat;} .box .box { padding-left: 0; } #contacts .box { margin-bottom: 20px; background-position: 10px .4em; } .box h2 { margin-bottom: .45em;} .box h6 { margin-bottom: 1em; margin-top: -0.5em; position: relative; } .box .img { margin: 0 10px 0; } .box .img img { border: 1px solid #ccc; } .box .imgno { margin: 0; } .box .imgno img { border: none !important; } .box .imgin { margin: 0 0 1.5em; } .box .imgin img { border: none !important; } .box .imgr { margin: 0 0 5px 10px !important; } .box .imgl { margin: 0 10px 5px 0 !important; } .box .textBig { font-size: 1.2em; } .box .textBig h3 { font-size: 1.2em;} .box address { margin-bottom: 1.5em; display: block; font-style: normal; } .boxYellow { background-image: url('./images/box-yellow.png'); } .boxYellow h2 span, .boxYellow a, .boxYellow strong, .boxYellow h6 { color: #BF9900; } .boxYellow h2 a:hover { color: #D5AA00 !important;} .boxYellow .list li .list li { background-image: url('./images/ico/list-bul-sqh-yellow.png'); } .boxYellow .infobox { padding: 10px 10px 0; border: 1px dashed #BF9900;} .boxOrange { background-image: url('./images/box-orange.png'); } .boxOrange h2 span, .boxOrange a, .boxOrange strong, .boxOrange h6 { color: #F60; } .boxOrange h6 a:hover, .boxOrange h4 a:hover, .boxOrange h3 a:hover, .boxOrange h2 a:hover { color: #F60 !important;} .boxOrange a.more, .boxOrange .list li { background-image: url('./images/ico/list-bul-sq-orange.png'); } .boxOrange .list li .list li { background-image: url('./images/ico/list-bul-sqh-orange.png'); } .boxOrange .infobox { padding: 10px 10px 0; margin-bottom: 10px; border: 1px dashed #F60;} .boxRed { background-image: url('./images/box-red.png'); } .boxRed h2 span, .boxRed a, .boxRed strong, .boxRed h6 { color: #F06; } .boxRed h2 a:hover { color: #F06 !important;} .boxRed a.more, .boxRed .list li { background-image: url('./images/ico/list-bul-sq-red.png'); } .boxRed .list li .list li { background-image: url('./images/ico/list-bul-sqh-red.png'); } .boxRed .infobox { padding: 10px 10px 0; border: 1px dashed #F06;} .boxGreen { background-image: url('./images/box-green.png'); } .boxGreen h2 span, .boxGreen a, .boxGreen strong, .boxGreen h6 { color: #7C0; } .boxGreen h2 a:hover { color: #7C0 !important;} .boxGreen h4 a:hover { color: #7C0 !important;} x.boxGreen .img { border-color: #7C0; } .boxGreen a.more, .boxGreen .list li { background-image: url('./images/ico/list-bul-sq-green.png'); } .boxGreen .list li .list li { background-image: url('./images/ico/list-bul-sqh-green.png'); } .boxGreen .infobox { padding: 10px 10px 0; border: 1px dashed #7C0;} .boxBlue { background-image: url('./images/box-blue.png'); } .boxBlue h2 span, .boxBlue a, .boxBlue strong, .boxBlue h6 { color: #07C; } .boxBlue h2 a:hover { color: #07C !important;} x.boxBlue .img { border-color: #07C; } .boxBlue a.more, .boxBlue .list li { background-image: url('./images/ico/list-bul-sq-blue.png'); } .boxBlue .list li .list li { background-image: url('./images/ico/list-bul-sqh-blue.png'); } .boxBlue .infobox { padding: 10px 10px 0; border: 1px dashed #07C;} .boxReference .img { margin: 0 0 10px 0; } .boxFactors { background: none; padding-left: 40px !important;} .boxFactors h2 { position: relative; } .boxFactors h2 a { color: #000; } .boxFactors h2 span { xcolor: #666; position: absolute; width: 30px; left: -35px; text-align: right; font-size: 48px; top: -5px; } .boxFactors .infobox { padding: 0 !important; } .boxFactors .infobox .in { padding: 10px 20px !important; } #floatingContact { width: 333px; background: #000 !important; color: #fff; padding: 1px; position: absolute; z-index: 1000; display: none; } #floatingContact .esc { position: absolute; right: 12px; top: 12px; width: 29px; height: 10px; overflow: hidden; background: url('./images/cubes.png') 0 0 no-repeat; } #floatingContact form { border: 1px solid #fff; padding: 10px 15px; } #floatingContact label { display: block; } #floatingContact input { margin-bottom: 10px; width: 75%; } #floatingContact textarea { width: 95%; } #floatingContact input, #floatingContact textarea { font-size: 1.4em; padding: 2px 5px; margin-bottom: 10px; border: 1px solid #999; background: #323232; color: #fff; } .boxDiv { border-bottom: 1px dashed #FC0; padding-bottom: 30px; margin-bottom: 20px; } .colsDiv { border-bottom: 1px dashed #FC0; margin-bottom: 20px; } .msg { padding: 3px 7px; margin-bottom: .5em; } .msg strong { color: #000 !important; } .msgErr { border: 1px solid #F06; background: #f06; color: #000; } .msgOk { border: 1px solid #7C0; background: #7c0; color: #000; } .block { } #services .block { text-align: center; color: #fff; height: 15em; padding: 0 5px; } #services .blockOrange, #services .blockRed { width: 46%; margin-bottom: 18px; background: #F60; } #services .blockRed { background: #F06; } #services .blockGreen { width: 30%; background: #7C0; } #services .fc { float: left; margin-left: 1.75%; } #services h3 { padding-top: 1.5em; font-size: 2em; } #services .fr h3 { padding-top: 2.2em; } #services h4 { padding-top: 2em; margin-bottom: .5em;} #services p { font-size: .91em; } .tagcloud { text-align: center; line-height: 35px; } .tagcloud strong { white-space: nowrap; color: #555; padding: 0 .5em;} .lvl1 { font-size: 12px; } .lvl2 { font-size: 14px; } .lvl3 { font-size: 16px; } .lvl4 { font-size: 18px; } .lvl5 { font-size: 20px; } .lvl6 { font-size: 22px; } .lvl7 { font-size: 24px; } .lvl8 { font-size: 26px; } .lvl9 { font-size: 30px; } .lvl10 { font-size: 40px; } .lvl11 { font-size: 45px; } .yellow { color: #FC0 !important; } .orange { color: #F60 !important; } .red { color: #F06 !important; } .green { color: #7C0 !important; } .blue { color: #07C !important; } /* .formBox .clearfix { position: relative; line-height: 2.1; margin-bottom: 5px; } .formBox .lab { float: left; width: 20%; text-align: right; font-weight: bold; } .formBox .cont { float: right; width: 79%; } .formBox input { width: 99%; } .formBox textarea { width: 99%; } .formBox .clean { width: auto !important; border: none !important; padding: 0 !important; margin: 0 !important; } .formBox .submit { text-align: right; margin-bottom: 10px; padding-right: 1%; } .formBox p { line-height: 1.4; padding-top: .4em; } /*- in-page blocks -*/ .egg { position: absolute; right: 10px; top: 5px; width: 29px; height: 5px; overflow: hidden; background: url('./images/cubes.png') 0 0 no-repeat; } .egg a { display: block; width: 100%; height: 100%; } #eggShow { position: absolute; top: -3em; right: 22px; border: 1px solid #eee; background: #131313 url('./images/bg-clients.png') 0 100% repeat-x; padding: .5em; color: #7C0; font-size: 1.8em; width: 500px; } #eggShow p { background: url('./images/box-green.png') 0 0 repeat-y; padding: .5em .5em .5em 1em; } /* TB */ #TB_ajaxContent { padding:10px 18px 18px 10px !important; line-height:1.6 !important; } #TB_ajaxContent .holder { width: auto; } #TB_ajaxContent h1 { display: block; } /* BLOG */ #blog #content .holder { background: url('./images/bg-sidebar.png') 100% 0 repeat-y; } #blog #cont { width: 710px; float: left; padding-left: 10px; } #blog #sidebar { width: 200px; float: right; padding: 0 0 30px 0; } #blog #sidebar li { margin-bottom: 1em; } #blog #sidebar li li { margin-bottom: .4em; } #blog #sidebar li li { background: url('./images/ico/list-bul-sq-green.png') 0 .6em no-repeat; padding-left: 15px; } #blog #sidebar a { color: #333; } #blog #sidebar a:hover { color: #7C0 !important; } #blog #sidebar h4 { color: #555; } #blog #searchform input { font-size: 1.1em; width: 85%; padding: 3px 5px; } #blog .boxRed #searchform input#s { font-size: 1.6em; } #blog .boxRed #searchform input.submit { font-size: 1.6em; } #blog h5.pagetitle { margin-bottom: 1.5em; font-size: 1.4em; font-weight: normal; border-bottom: 1px dotted #7C0; color: #7C0;} #blog .post { padding-left: 10px; background: url('./images/box-blue.png') 0 0.3em no-repeat; border-bottom: 1px dotted #07C; padding-bottom: 2em; margin-bottom: 2em; clear: both; } #blog .post a, #blog .post strong, #blog .post h6 { color: #07C; } #blog .post h2 { margin-bottom: .45em; } #blog .post h6 { margin-bottom: 2em; color: #07C; margin-top: -0.5em; position: relative; } #blog .post .img { border-color: #07C; } #blog .post img { border-color: #07C; margin: 0 10px 2em 0; } #blog .post a.more, #blog .post li { margin-bottom: 3px; background: url('./images/ico/list-bul-sq-blue.png') 0 .6em no-repeat; padding-left: 15px; } #blog .post li li { background-image: url('./images/ico/list-bul-sqh-blue.png'); } #blog .post embed, #blog .post object { margin-bottom: 2em; } #blog .post img.right, #blog .post embed.right, #blog .post object.right { margin-left: 15px; float: right; } #blog .post img.left, #blog .post embed.left, #blog .post object.left { margin-right: 15px; float: left; } #blog .post dt { color: #07C; float: none; } #blog .post dd { margin-bottom: 1em; } #blog .entry { font-size: 1.2em; } #blog .text p { text-indent: 3em; margin-bottom: 2em; } #blog .text blockquote p { margin-bottom: 1.5em; padding: 0 3em; text-indent: 0; } #blog .postmetadata { font-size: .91em; color: #555; margin-top: 2em;} #blog .postmetadataalt { padding: 10px; border: 1px solid #ccc; } #blog .postmetadataalt p { text-indent: 0; } #blog .asH2 { line-height: 1.3; margin-bottom: .7em; } #blog .navigation { margin-bottom: 1.5em; padding: 10px; width: 440px; margin-left: 250px; position: relative; margin-top: -40px; } #blog .navBot { margin-top: -1.5em; margin-left: 0; width: auto; } #blog .commentlist { padding: 0; } #blog .commentlist li { margin: 0 0 1em 0; padding: 5px 10px 1em 10px; background: url('./images/ico/list-bul-sq-green.png') 0 1em no-repeat; border-bottom: 1px solid #ccc; color: #333; } #blog .commentlist li p { margin-top: 1em; text-indent: 2em; } #blog .commentlist li.alt { background-image: url('./images/ico/list-bul-sqh-green.png'); } #blog .listCols { margin: 0; } #blog .listCols li { float: left; width: 200px; margin-right: 10px; } #blog #commentform p { margin-bottom: .5em; } #blog #commentform input { font-size: 1.1em; width: 45%; padding: 3px 5px; margin-right: .5em; } #blog #commentform label { color: #555; } #blog #commentform textarea { padding: 3px 5px; font-size: 1.1em; width: 95%; margin-bottom: .5em; height: 15em; } #blog .boxRecent { border-bottom: 1px dotted #F06; padding-bottom: 2em; margin-bottom: 2em; padding-left: 10px; background-position: 0 .3em;}