/* info -------------------------------------------------------- Start: 27.06.2010. Name: Haktiva URL: www.haktiva.com Author: BozooArt, www.bozooart.com */ /* Normalize ----------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; } ol, ul { list-style: none; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } q:before, q:after { content:''; } hr { display: none; } legend { display: none; } input, textarea, select { font: 1em Arial,Helvetica,sans-serif; } img { margin: 0; padding: 0; } /* Classes ----------------------------------------------- */ a { text-decoration: none; color: #103e5b; } a:hover { border: none; text-decoration: underline; } a:focus { outline: none; } .clr { clear: both; } /* General ----------------------------------------------- */ html, body { height: 100%; } body { font: 62.5%/1.4 arial, helvetica, sans-serif; background: #103e5b url(img/burst.jpg) no-repeat 50% 0; } #container { width: 998px; margin: 0 auto; } h1 { display: block; } h1 a { display: block; background: url(img/logo.png) no-repeat; width: 286px; height: 101px; text-indent: -9999em; margin: 5px 0 5px 20px } #slogan { position: absolute; width: 291px; height: 28px; background: url(img/slogan.png) no-repeat; top: -47px; right: 3px; text-indent: -9999em; } #header { position: relative; } #about { background: url(img/about.png) no-repeat; width: 287px; height: 243px; padding: 30px 15px 0 15px; font-size: 1.3em; position: relative; color: #3e3e3e; } #about p { margin-bottom: 5px; } #about ul { margin: 5px 20px 20px 30px; } #about ul li { margin-bottom: 5px; list-style-type: disc; padding-left: 10px } #about .button { background: url(img/join_btn.gif) no-repeat; width: 120px; height: 40px; border: 0; cursor: pointer; position: absolute; bottom: 15px; right: 15px; text-indent: -9999em; } #about .button:hover { background-position: right 0 } #main_img { background: url(img/main.png) no-repeat; width: 657px; height: 278px; position: absolute; top: -3px; right: -3px; } #offers_wrap { background: url(img/offer.jpg) no-repeat; width: 999px; height: 237px; margin: 30px 0; } #offers li { float: left; width: 301px; padding: 15px; margin-left: 2px } #offers li h2 { border-bottom: 1px solid #72c5e1; height: 10px; padding-bottom: 21px; margin-bottom: 10px; background: url(img/titles.png) no-repeat; text-indent: -9999em; line-height: 0; } #offers li p { color: #ade3f5; font-size: 1.2em; } #offers li#offer_1 { margin: 0; } #offers li#offer_1 h2 { background-position: 0 5px; } #offers li#offer_2 h2 { background-position: 0 -25px; } #offers li#offer_3 h2 { background-position: 0 -55px; } #worship { background: url(img/worship.gif) no-repeat; width: 998px; height: 272px; clear: both; padding: 0 0 0 15px; } #partners ul { float: left; width: 649px; margin-top: 35px } #partners li { float: left; width: 108px; padding: 27px 20px 0 0; font-size: 1.1em; color: #787878; background: url(img/partners.png) no-repeat; } #partners li span { display: block; height: 80px; margin-bottom: 5px; width: 108px; color: #787878; } #partners li h3 { height: 90px; text-indent: -9999em; } #partners li a { font-weight: bold; color: #103e5b; margin-top: 5px; } #partners li#partner_2 { background-position: -260px 0; } #partners li#partner_3 { background-position: -132px 0; } #partners li#partner_4 { background-position: -515px 0; } #partners li#partner_5 { background-position: -388px 0; } #sidebar { float: left; width: 319px; padding: 20px 0 0 15px; font-size: 1.1em; color: #103e5b; } #sidebar h4 { margin: 0 0 15px -2px; background: url(img/titles.png) 0 100% no-repeat; text-indent: -9999em; height: 16px } #sidebar form { position: relative; width: 304px; margin-top: 13px } #sidebar .input { background: url(img/newsletter_bg.gif) no-repeat; border: none; width: 294px; padding: 14px 0 13px 10px; color: #848484; font-size: 1.0em; } #sidebar input:focus { background-position: 0 100%; font-weight: bold; color: #103e5b; outline: none; } #sidebar .button { background: url(img/subscribe_btn.png) no-repeat; border: none; text-decoration: none; height: 32px; width: 85px; color: #ade3f5; cursor: pointer; position: absolute; top: 4px; right: 4px; font-size: 1.1em; } #sidebar .button:hover { background-position: right 0; } #sidebar .button span { display: block; margin: 7px 24px; } #social { margin-top: 35px; } #social li { background: url(img/social_icons.png) no-repeat; padding: 12px 0 13px 50px } #social li#facebook { margin-bottom: 20px; } #social li#twitter { background-position: 0 100% } #footer { margin: 15px 0; padding: 0 15px; font-size: 1.1em; color: #3ba5c9; } #hidden { display: none } #popup { text-align: left; margin: 10px; } #popup h2 { font-size: 2em; margin: 0; } #popup input { width: 250px; border: 2px solid #97bede; background: #cddbe7; margin: 5px 0; padding: 5px; font-size: 1.1em; color: #000 } #popup label { vertical-align: top; display: inline-block; width: 120px; font-weight: bold; font-size: 1.1em; padding-top: 6px; } #popup textarea { width: 250px; height: 60px; border: 2px solid #97bede; background: #cddbe7; margin: 5px 0; padding: 5px; font-size: 1.1em; color: #000 } #popup .submit { margin-left: 120px !important; width: 60px; border: 2px solid #97bede; background: #cddbe7; margin: 5px 0; padding: 4px; font-size: 1.1em; color: #000 } #popup p { font-size: 1.4em; margin: 10px 0; } #popup #error { color: red } #newsletter_popup { text-align: left; margin: 10px; } #newsletter_popup h2{ font-size: 2em; margin: 0; } #newsletter_popup p { font-size: 1.4em; margin: 10px 0; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:url(images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;}