/* Theme Name: Alliance Theme URI: Description: Alliance is a flexible premium template for corporate and personal websites Author: Weblusive Author URI: http://www.weblusive.com Version: 1.0 Modified by Noelle Webster @ MillerWhite LLC for Amerimar Management */ /* Global Settings ----------------------------------------------------------*/ * { margin:0; padding:0; font-size:100.1%; font-family:Arial, Helvetica, sans-serif; line-height:140%; font-weight:400; color:#555; } ul { list-style:none; } img { border:none; } h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; color:#000; font-weight: normal; letter-spacing: 0.4px; line-height: 100%; padding-bottom: 10px; } h1 {font-size:24px;} h2 {font-size:22px;} h3 {font-size:20px;} h4 {font-size:18px;} h5 {font-size:16px;} h6 {font-weight:bold} a { outline:none; } strong { font-weight: bold; } p.header-text { color:#696969; font-size:1.1em; margin:14px 0px 20px 0px; line-height:1.4em; font-weight:bold; } .big-title { font-size:1.6em; } .utitle { font-weight:bold; border-bottom:dotted 1px #888; margin-top:20px; color:#333; padding-bottom:4px; } blockquote span.testimonial-quote { background:url('img/quote.png') no-repeat left; display:block; width:34px; height:26px; float:left; margin:6px 10px 4px 0px; } blockquote p { padding:0px; font-size:0.9em; line-height:1.8em; font-style:italic; color:#515151; font-family:Georgia, "Times New Roman", Times, serif; } inner-list { padding-left:16px; } .inner-list li { background:url('img/list_back.png') no-repeat 0px 0px; list-style-type:decimal; margin-bottom:20px; color:#333; } /* Body Background ----------------------------------------------------------*/ body { background:#f0f0f0 url('img/body_bg.png') repeat-x center; } /* Wraps and Containers ----------------------------------------------------------*/ #main-wrap { width:100%; position:relative; } /* Header ----------------------------------------------------------*/ #header { width:100%; background: url('img/content_top_bg.png') no-repeat center bottom; height:200px; } #header.home { height:560px; } #header-top { margin:auto; position:relative; width:980px; padding-bottom:10px; } #logo-container { float:left; width:65px; height:150px; padding:10px 0px 10px 10px; } #logo { text-transform:none; } #bg-holder { z-index:-1; } /* Top Menu ----------------------------------------------------------*/ #menu { float:right; margin:15px 6px 0px 0px; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 170px; /* left offset of submenus need to match (see below) */; } .sf-menu ul li { width:100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */; } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.2em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** SKIN ***/ .sf-menu { float: left; } .sf-menu, .sf-menu li ul { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:solid 1px; } .sf-menu a { font-family:Arial, Helvetica, sans-serif; padding: .75em 1em; color:#fff; text-decoration:none; font-size:0.75em; background-repeat:repeat-x; background-position:bottom; padding-bottom:10px; } .sf-menu a:hover, .sf-menu li.top>a:hover { /* visited pseudo selector so IE6 applies text colour*/ text-shadow:0px 1px 1px #000; color:#ffb007; } .sf-menu li.top { background-repeat: repeat-y; background-position:right; height:28px; line-height:28px; } .sf-menu li.top:last-child { background:none; } .sf-menu li.top > a { text-decoration:none; color:#fff; font-size:0.82em; border-bottom:none; padding:0 1.3em 0 1.2em; background:none; height:28px; line-height:28px; } .sub-menu li:last-child a:last-child { background-image:none; } .sitemap .sub-menu li:last-child a:last-child { background:#f6f6f6; } .sf-menu li li { } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */; } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('img/menu_arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */; } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/; } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/; } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/; } .sf-menu li.top > a > .sf-sub-indicator { background:none; } /* Home Page ----------------------------------------------------------*/ .slogan { color:#2752ae; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin:14px 0px; line-height:22px; } /* Homepage Blocks */ .headline-block { width:270px; float:left; margin:2px 22px 0px 0px; width:198px; height:100px; } /* For the last block we don't need right margin */ .edge {margin-right:0px} /* Content Structure ----------------------------------------------------------*/ #content { padding-bottom:100px; font-size:0.8em; background:#f0f0f0 url('img/cb_bg.png') repeat-x bottom; } #content-inner { min-height:400px; width:960px; margin:0px auto; padding-top:10px; } /* #content-inner p { font-size: 14px; line-height: 18px; } */ #title-container { position:relative; margin-top:20px; margin-bottom:20px; } /* Heading and Inner Titles ----------------------------------------------------------*/ .inner-title { color:#484848; margin:0px 0px 14px 0px; font-size:1.4em; } .top-title { text-transform:uppercase; padding:0px 0px 6px 0px; font-size:24px; position:relative; background:url('img/divider.png') repeat-x bottom; padding-bottom:10px; } .small-type { padding-left:24px; text-transform:uppercase; color:#333; font-size:11px; font-weight:bold; display:block; } .with-icon { padding-left:40px; background-position:left center; background-repeat:no-repeat; display:block; } .with-icon.about {background-image:url('img/icons/about.png')} .with-icon.enlarge {background-image:url('img/icons/enlarge.png')} .with-icon.project-details {background-image:url('img/icons/project_details.png')} .with-icon.portfolio {background-image:url('img/icons/portfolio.png');} .with-icon.fax {background-image:url('img/icons/fax.png');} .with-icon.email {background-image:url('img/icons/email.png');} .with-icon.phone {background-image:url('img/icons/phone.png');} .with-icon.skype {background-image:url('img/icons/skype.png')} .with-icon.expertise {background-image:url('img/icons/expertise.png');} .with-icon.service-header {background-image:url('img/icons/services2.png');} .with-icon.submit-request {background-image:url('img/icons/submit_request.png');} .with-icon.portfolio-quote {background-image:url('img/icons/portfolio_quote.png');} .with-icon.free-quote {background-image:url('img/icons/free_quote.png');} .with-icon.view-portfolio {background-image:url('img/icons/view_portfolio.png');} .with-icon.process {background-image:url('img/icons/process.png');} .with-icon.vision {background-image:url('img/icons/vision.png');} .with-icon.team {background-image:url('img/icons/team.png');} .with-icon.services {background-image:url('img/icons/services.png');} .with-icon.service1 {background-image:url('img/icons/home/service_1.png');} .with-icon.service2 {background-image:url('img/icons/home/service_2.png');} .with-icon.service3 {background-image:url('img/icons/home/service_3.png');} .with-icon.service4 {background-image:url('img/icons/home/service_4.png');} .with-icon.get-quote {background-image:url('img/icons/get_a_quote.png');} .with-icon.download {background-image:url('img/icons/download.png')} .with-icon.reply {background:url('img/icons/reply.png') no-repeat 8px 8px; padding-left:34px} .with-icon.archive {background-image:url('img/icons/buttons/archive.png')} .with-icon.calendar {background-image:url('img/icons/buttons/cal.png')} .with-icon.chart {background-image:url('img/icons/buttons/chart.png')} .with-icon.chat {background-image:url('img/icons/buttons/chat.png')} .with-icon.copy {background-image:url('img/icons/buttons/copy-to-notepad.png')} .with-icon.datagrid {background-image:url('img/icons/buttons/data-grid.png')} .with-icon.edit {background-image:url('img/icons/buttons/edit.png')} .with-icon.id {background-image:url('img/icons/buttons/id.png')} .with-icon.info {background-image:url('img/icons/buttons/info.png')} .with-icon.layout {background-image:url('img/icons/buttons/layout.png')} .with-icon.layout2 {background-image:url('img/icons/buttons/layout-2.png')} .with-icon.like {background-image:url('img/icons/buttons/like.png')} .with-icon.lock {background-image:url('img/icons/buttons/lock.png')} .with-icon.package {background-image:url('img/icons/buttons/package.png')} .with-icon.pdf {background-image:url('img/icons/buttons/pdf.png')} .with-icon.print {background-image:url('img/icons/buttons/print.png')} .with-icon.settings {background-image:url('img/icons/buttons/settings.png')} .with-icon.sound {background-image:url('img/icons/buttons/sound.png')} .with-icon.wifi {background-image:url('img/icons/buttons/wi-fi.png')} .with-icon.word {background-image:url('img/icons/buttons/word.png')} .with-icon.zoom {background-image:url('img/icons/buttons/zoom.png')} .divider { background:url('img/divider.png') repeat-x bottom; height:2px; margin-bottom:10px; } .divider.top-divider { background:url('img/divider.png') repeat-x top; } .bottom-divider { background:url('img/divider.png') repeat-x bottom; } /* Website Footer ----------------------------------------------------------*/ #footer-wrapper { width:960px; margin:0px auto; clear:both; } #footer { width:100%; background:#dfdfdf url('img/footer_bg.png') repeat-x bottom; border-top:solid 6px #c8c8c8; padding-top:10px; } .footer-block { background:url('img/v_divider.png') repeat-y left; padding:0px 20px; float:left; width:205px; min-height:260px; margin:10px 0px 20px 0px; } .footer-block h3 { color:#333; font-size:16px; } .footer-block:first-child { padding-left:0; background:none; } .footer-block:last-child { padding-right:0; } .footer-block ul { padding:0px 0px 0px 14px; } .footer-block li { list-style-image:url('img/list_bullet.png'); font-size:12px; ; } .footer-block li a { color:#515151; text-decoration:none; font-size:1em; line-height:1.8em; } #footer ul.menu li a:hover { border-bottom:dotted 1px #ddd; } #footer-bottom-wrapper { width:980px; margin:auto; } #footer-bottom-wrapper #copyright { color:#ccc; line-height:33px; font-size:12px; height:33px; clear:both; width:100%; } #footer-bottom { background:url(img/footer.png) repeat-x; height:35px; } .last-b {padding-right:0px !important;} a.social-button { margin-right:6px; } .flickr_badge_image {float:left; margin-right:10px} .flickr_badge_image img {width:50px; height:50px; border:solid 2px #a1a1a1; padding:0 !important} /* About Page ----------------------------------------------------------*/ .desc-block-1 .image-wrapper { width:160px; height:160px; background:url('img/frame.png'); text-align:center; vertical-align:middle; float:left; margin:0px 30px 0px 0px; } .desc-block-1 .image-wrapper img { margin:16px 0px 0px 2px; width:130px; height:130px; } .desc-block-1 { width:620px; margin:20px 0px 40px 0px; } div.about-team p { clear:none; padding-top:20px; } .desc-block-1 h4 { font-weight:bold; padding:6px 0px; } .desc-block-1 h5 { font-weight:normal; font-size:0.9em; color:#333; font-style:italic; } /* Services Page ----------------------------------------------------------*/ .service-block-style1, .service-block-style2 { width:310px; float:left; margin:0px 20px 30px 0px; } .service-block-style2.edge, .service-block-style1.edge { margin-right:0; } .service-block-style1 p.service-image-wrapper { background:url('img/block_back.png') no-repeat center; text-align:center; width:310px; height:140px; padding:0; } .service-block-style1 h3, .service-block-style2 h3 { color:#4c5611; font-size:1.4em; padding:10px 0px 10px 4px; } .service-block-style2 h3 { padding:0px; } .service-block-style1 p.service-image-wrapper img { margin-top:10px; } .service-block-style1 p { padding:0px 4px; } .service-block-style2 p { color:#444; } .service-block-style2 img { float:left; margin:0px 8px 2px 0px; } ul.features-list { padding:10px 0px 0px 10px; } ul.features-list li { list-style:square; margin-bottom:10px; font-size:13px; } ul.features-list li a { font-size:13px; text-decoration:none; color:#333; } ul.features-list li a:hover { border-bottom:dotted 1px #333; color:#000; } #contact-form div, #quote-form div { margin-bottom:20px; } #subsc-desc { font-size:12px; margin-bottom:6px; } #feedburned input[type="text"] { width:190px; } #feedburned input[type="submit"] { float:right; } /* Portfolio Page ----------------------------------------------------------*/ .portfolio-block-small { width:290px; float:left; margin:0px 45px 45px 0px; position: relative; } .portfolio-block { margin:0px 0px 45px 0px; position: relative; } .portfolio-block-small.edge, .portfolio-block.edge { margin-right:0; } .portfolio-block-small p.small-block-image-wrapper { background:url('img/block_back_2.png') no-repeat; text-align:center; width:290px; height:170px; padding:0; } .portfolio-block p.block-image-wrapper { background:url('img/block_back_medium.png') no-repeat; text-align:center; width:412px; height:342px; padding:0; float:left; } p.small-block-image-wrapper img, p.block-image-wrapper img { padding-top:10px; } p.block-image-wrapper img { width:412px; height:342px; } .portfolio-block-small h3, .portfolio-block h3 { margin:10px 0px 0px 4px; font-weight:bold; color:#606060; } .portfolio-block h3 { margin:4px 0px 6px 0px; text-transform:uppercase; } .portfolio-block-small p { padding:0px 4px; margin-top:6px; } .desc-block { float:left; margin-left:30px; width:400px; } ul#portfolio-filter { margin: 0; padding: 0; height: 64px; line-height: 64px; } ul#portfolio-filter li { display: inline; } ul#portfolio-filter a, .widget_tag_cloud a { margin-right: 0.5em; padding: 0.3em 1em; border:solid 1px #ccc; color: #555; font-weight: bold; text-decoration: none; outline:none; -moz-border-radius:15px; -webkit-border-radius: 15px; border-radius: 15px; } ul#portfolio-filter a:hover, ul#portfolio-filter a.current { } ul#portfolio-filter a.current { background-color: #DEDEDE; color:#333; } ul#portfolio-list { margin: 0; padding: 0; list-style: none; } ul#portfolio-list li { width:400px; height: 350px; display: block; float: left; margin: 0px 45px 45px 0px; overflow:visible; position:relative; } ul#portfolio-list li.edge, ul#portfolio-list.cols-2 .edge, ul#portfolio-list.cols-4 .edge { margin-right:0; } ul#portfolio-list li img { width:412px; height:342px; border:solid 6px #FFF; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5); box-shadow:0 1px 4px rgba(0,0,0,0.5); cursor:pointer; position:relative; } ul#portfolio-list li p { margin-top: 6px; padding:0px 4px; } ul#portfolio-list li h4 { margin-top:8px; font-weight:normal; } ul#portfolio-list li span.poverlay { background: url("img/item-overlay.png") transparent; height: 150px; left: 6px; position: absolute; top: 6px; width: 270px; } ul#portfolio-list li a.zoom-icon, ul#portfolio-list li a.more-icon { display: block; height: 61px; position: absolute; text-indent: -9999px; top: 51px; width: 61px; outline:none; } ul#portfolio-list li a.zoom-icon { background: url("img/work_magnify.png") no-repeat scroll 0 0 transparent; left: 81px; } ul#portfolio-list li a.zoom-icon.video { background-image: url("img/work_video.png"); } ul#portfolio-list li a.more-icon { background: url("img/work_view.png") no-repeat scroll 0 0 transparent; left: 178px; } ul#portfolio-list.cols-2 li { width:412px; height:342px; margin: 0px 40px 80px 0px; } /* frame of 2 column image */ ul#portfolio-list.cols-2 li img { width:412px; height:342px; border:solid 6px #FFF; } /* frame of 2 column overlay */ ul#portfolio-list.cols-2 li span.poverlay { width:412px; height:342px; } ul#portfolio-list.cols-2 li a.zoom-icon, ul#portfolio-list.cols-2 li a.more-icon { height: 100px; top: 160px; width: 100px; } ul#portfolio-list.cols-2 li a.zoom-icon { left: 130px; } ul#portfolio-list.cols-2 li a.more-icon { left: 208px; } /****** 4 Columns Portfolio *******/ ul#portfolio-list.cols-4 li { width:220px; height: 350px; margin: 0px 26px 30px 0px; } ul#portfolio-list.cols-4 li img { width:200px; height:150px; border:solid 6px #FFF; } ul#portfolio-list.cols-4 li span.poverlay { height: 150px; width: 200px; } ul#portfolio-list.cols-4 li a.zoom-icon, ul#portfolio-list.cols-4 li a.more-icon { height: 50px; top: 56px; width: 50px; } ul#portfolio-list.cols-4 li a.zoom-icon { left: 100px; } ul#portfolio-list.cols-4 li a.more-icon { left: 128px; } /** 1 Column **/ ul#portfolio-list.cols-1 li { width:100%; height: 270px; margin: 0px 0px 40px 0px; } ul#portfolio-list.cols-1 li img { width:440px; height:250px; border:solid 6px #FFF; margin-right:20px; float:left; } ul#portfolio-list.cols-1 li span.poverlay { height: 250px; width: 440px; } ul#portfolio-list.cols-1 li a.zoom-icon { height: 50px; top: 100px; width: 50px; } ul#portfolio-list.cols-1 li a.zoom-icon { top: 100px; } ul#portfolio-list.cols-1 li a.more-icon { left: 128px; top: 100px; } a.read-more { margin-top:20px; text-shadow:none; } .related-cats { width:100px; height:100px; float:left; } .related-cats img { -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); border: 6px solid #FFFFFF; cursor: pointer; display:block; ; } .related-cats a { text-decoration:none; color:#666; margin-top:6px; display:block; } .related-cats a:hover { text-decoration:underline; } .related-posts li { width:50%; text-align:left; float:left; margin-bottom:20px; } .related-posts .list-post-desc { width:250px; } .related-posts .list-post-desc a { font-weight:normal; } /* Contacts Page ----------------------------------------------------------*/ #contact-form { margin:10px 0px; } #contact-form label { display:block; padding-bottom:2px; font-size:13px; font-weight:bold; width:200px; } #contact-form div { margin-bottom:10px; } #contact-form div.floated { float:left; width:286px; margin:0px 35px 20px 0px; } #contact-form div.floated.edge { margin-right:0; } #contact-form div#full-width { clear:both; } #contact-form label.error { color:red; padding: 0px 2px 0px 2px; font-size:11px; clear:left; } #contact-form input[type="text"], #contact-form textarea { margin-bottom:5px; } input.txt.error, textarea.error { border-color:red; } #contact-form input.txt, #contact-form textarea { width:286px; height:19px; } .getintouch p {margin:6px 0px} span.error { color:red; font-size:11px; font-weight:bold; } #contact-form textarea { width:612px; height:108px; } #contact-form input#send { font-weight:bold; margin-right:6px; line-height:14px; } #map-container { padding:10px; margin:10px 0px 20px 0px; } /* Misc ----------------------------------------------------------*/ .medium-text, .medium-text span { font-size:25px; } .clear { clear:both; } #heading-title { background-color:#222; height:30px; } #heading-title h2 { color:#FFF; letter-spacing:0.1em; margin-left:20px; } /* Button Styles ----------------------------------------------------------*/ .button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; border:none; cursor: pointer; text-align: center; text-decoration: none; padding: .3em 1em .4em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,.1); box-shadow: 0px 0px 1px 1px rgba(0,0,0,.2); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .button span { color:#FFF; font-weight:bold; font-size: 12px; padding: .3.1em 1.2em .22em; } .square { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bigrounded { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .button.small { padding: .2em .6em .3em; } .button.small span { font-size: 11px; } .button.big { padding: 0.6em 1.5em 0.8em; } .button.big span { font-size: 14px; } .button.small span.with-icon, .button.big span.with-icon, .button span.with-icon {padding:2px 4px 2px 32px} .button.huge span.with-icon {padding-left:50px} .button.huge { padding: 1.2em 3em 1.4em; line-height: 1.2em; } .button.huge span { font-size:16px; display:block; vertical-align: middle; color:#333; } .button.multiline { line-height:1.2em; padding:0.4em; } .button.multiline span { display:block; font-size:1.1em; line-height:1.2em; } .submit-button { padding:4px; text-transform:uppercase; font-weight:bold; font-size:12px; display:block; } .submit-button span { text-transform:uppercase; font-weight:bold; font-size:12px; display:block; padding-left:24px; } /* Color Styles ----------------------------------------------------------*/ /* black */ .black-back { border:solid 1px #262525; background: #656565; background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#262525)); background: -moz-linear-gradient(top, #656565, #262525); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#262525'); } .button.black-back:hover { background: #333; } .blue1-back { border:solid 1px #06447f; background: #426fa0; background: -webkit-gradient(linear, left top, left bottom, from(#426fa0), to(#062441)); background: -moz-linear-gradient(top, #426fa0, #062441); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#426fa0', endColorstr='#062441'); } .blue1-back:hover { background: #426fa0; } .blue2-back { border:solid 1px #287485; background: #426fa0; background: -webkit-gradient(linear, left top, left bottom, from(#b8eefa), to(#68b5c5)); background: -moz-linear-gradient(top, #b8eefa, #68b5c5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8eefa', endColorstr='#68b5c5'); } .button.blue2-back:hover { background: #7bc3d2; } .blue2-back span { color:#082530; } .blue3-back { border:solid 1px #288694; background: #426fa0; background: -webkit-gradient(linear, left top, left bottom, from(#54cbcc), to(#288694)); background: -moz-linear-gradient(top, #54cbcc, #288694); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54cbcc', endColorstr='#288694'); } .blue3-back:hover { background: #288694; } .red1-back { border:solid 1px #950000; background: #fd2323; background: -webkit-gradient(linear, left top, left bottom, from(#fd2323), to(#a50202)); background: -moz-linear-gradient(top, #fd2323, #a50202); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd2323', endColorstr='#a50202'); } .red1-back:hover { background: #ba0a0a; } .no-back { background:none; } .toggle-back { background: #222; border:solid 2px #444; border-bottom:none; } .toggle-back:last-child {border-bottom:solid 4px #444 !Important} /* white */ .white-back, input[type="submit"] { border: solid 1px #b7b7b7; background: #f8f8f8; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } .white-back span { color: #333; } /* green */ .green-back { color: #e8f0de; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); } .button.green-back:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); } /* green 2 */ .green2-back { border: solid 1px #1cbc94; background: #62c676; background: -webkit-gradient(linear, left top, left bottom, from(#62c676), to(#1cbc94)); background: -moz-linear-gradient(top, #62c676, #1cbc94); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c676', endColorstr='#1cbc94'); } .button.green2-back:hover { background: #37c38c; } /* Magenta */ .magenta-back { border: solid 1px #6e4166; background: #ae4889; background: -webkit-gradient(linear, left top, left bottom, from(#ae4889), to(#6e4166)); background: -moz-linear-gradient(top, #ae4889, #6e4166); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae4889', endColorstr='#6e4166'); } .button.magenta-back:hover { background: #884273; } /* Brown */ .brown-back { border: solid 1px #361d0a; background: #74552a; background: -webkit-gradient(linear, left top, left bottom, from(#74552a), to(#361d0a)); background: -moz-linear-gradient(top, #74552a, #361d0a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74552a', endColorstr='#361d0a'); } .button.brown-back:hover { background: #5a3d1d; } .brown-back span { color: #e9d6bd; } .brown2-back { border: solid 1px #740700; background: #ba361b; background: -webkit-gradient(linear, left top, left bottom, from(#ba361b), to(#740700)); background: -moz-linear-gradient(top, #ba361b, #740700); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba361b', endColorstr='#740700'); } .button.brown2-back:hover { background: #931c0c; } /* Purple */ .purple-back { color: #fff; border: solid 1px #351118; background: #74552a; background: -webkit-gradient(linear, left top, left bottom, from(#852a53), to(#351118)); background: -moz-linear-gradient(top, #852a53, #351118); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#852a53', endColorstr='#351118'); } .button.purple-back:hover { background: #5f1c35; } /* Grey */ .grey-back { border:solid 1px #8e9082; background: #d0dbc0; background: -webkit-gradient(linear, left top, left bottom, from(#d0dbc0), to(#8e9082)); background: -moz-linear-gradient(top, #d0dbc0, #8e9082); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0dbc0', endColorstr='#8e9082'); } .button.grey-back:hover { background: #b3bea3; } .grey-back span { color:#000; } /* Orange */ .orange-back { border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } .button.orange-back:hover { background: #f47c20; } /* Brown 3 */ .brown3-back { border: solid 1px #ab430e; background: #e89920; background: -webkit-gradient(linear, left top, left bottom, from(#e89920), to(#ab430e)); background: -moz-linear-gradient(top, #e89920, #ab430e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e89920', endColorstr='#ab430e'); } .button.brown3-back:hover { background: #d56415; } .red2-back { border: solid 1px #ae3d21; background: #de4f2c; background: -webkit-gradient(linear, left top, left bottom, from(#de4f2c), to(#ae3d21)); background: -moz-linear-gradient(top, #de4f2c, #ae3d21); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de4f2c', endColorstr='#ae3d21'); } .button.red2-back:hover { background: #ad3f25; } .navy-back { border: solid 1px #06447f; background: #426fa0; background: -webkit-gradient(linear, left top, left bottom, from(#426fa0), to(#06447f)); background: -moz-linear-gradient(top, #426fa0, #06447f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#426fa0', endColorstr='#06447f'); } .button.navy-back:hover { background: #0e3153; } /* Blue 4 */ .blue4-back { border: solid 1px #585e8b; background: #8088c0; background: -webkit-gradient(linear, left top, left bottom, from(#8088c0), to(#585e8b)); background: -moz-linear-gradient(top, #8088c0, #585e8b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8088c0', endColorstr='#585e8b'); } .button.blue4-back:hover { background:#686fa0; } /* Yellow */ .yellow-back { border: solid 1px #e4a600; background: #ffd520; background: -webkit-gradient(linear, left top, left bottom, from(#ffd520), to(#e4a600)); background: -moz-linear-gradient(top, #ffd520, #e4a600); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd520', endColorstr='#e4a600'); } .button.yellow-back:hover { background:#ffc012; } .yellow-back span {color:#000} /* pink */ .pink-back { border: solid 1px #d34d71; background: #fc6da2; background: -webkit-gradient(linear, left top, left bottom, from(#fc6da2), to(#d34d71)); background: -moz-linear-gradient(top, #fc6da2, #d34d71); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc6da2', endColorstr='#d34d71'); } .button.pink-back:hover { background: #e25882; } .right-aligned { float:right; margin:0px 4px 10px 0px; } /********************************************/ .featured-block img { float:left; padding: 0px 6px 6px 0px; } .featured-block h3 { font-size:15px; } .navigation { margin-top:20px; } .top-title.search span {display:inline} .search-term-res { font-style:italic; color:red !important; font-weight:bold; display:inline !important; } #latest-from-blog { float:right; margin:-4px 0 0 0; width:250px; } #blog-slider { width:250px; height:400px; overflow:hidden; float:left; margin:0px; position:relative; } .post-meta a { color:#333; } .scroll { height: 390px; width: 250px; overflow: auto; overflow-x: hidden; position: relative; clear: left; } .scrollContainer div.panels { height: 360px; width: 250px; } .scrollButtons { position: absolute; top: 370px; cursor: pointer; } .scrollButtons.left { left: 10px; } .scrollButtons.right { right: 0px; } .hide { display: none; } .from-the-blog h5 { font-weight:bold; } .from-the-blog img { width:75px; height:75px; border:solid 4px #a0a0a0; float:left; margin:0px 8px 8px 0px; } .from-the-blog a.read-more { clear:both; float:right; display:block; } .from-the-blog li { clear:both; list-style:none; } .from-the-blog li span.clear { display:block; height:20px; } /* Comments ----------------------------------------------------------*/ ol.commentlist { list-style:none; margin:0; padding:0; } ol.commentlist li { margin:0 0 5px; padding:5px 7px 5px 72px; position:relative; background:url(img/divider.png) repeat-x bottom; margin-bottom:10px} ol.commentlist li.pingback comment-author { padding:0 170px 0 0; } ol.commentlist li.comment-author {font-size:20px;} ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family:Arial, Helvetica, sans-serif; } ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 14px; } ol.commentlist li div.vcard cite.fn a.url {font-weight:bold; text-decoration:none; } ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; } ol.commentlist li div.vcard img.avatar { background: #fff; -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; } ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family:Arial, Helvetica, sans-serif; position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist li div.comment-meta a { text-decoration:none; } ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family:Arial, Helvetica, sans-serif; margin:5px 0 12px; } ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family:Arial, Helvetica, sans-serif; list-style:square; margin:0 0 12px; padding:0; } ol.commentlist li div.reply {position:absolute; right:0px; top:4px; background-color:#F6F6F6} ol.commentlist li div.reply span {color:#000 } ol.commentlist li div.reply:hover { background-color:#fff;} ol.commentlist li div.reply a { text-decoration:none; text-transform:uppercase; margin-left:20px; font-size:11px; font-weight:bold; color:#333} ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; } ol.commentlist li ul.children li {border-top:dotted 1px #858585; background:none} ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; } ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; } ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; } ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; } ol.commentlist ul.children li.odd {} ol.commentlist ul.children li.even {} ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } .post-comm {color:#333} a.comment-date { color:#606060; font-size:12px; text-decoration:none; } #commentform input[type="text"], #commentform textarea { margin-bottom:20px; width:350px; } /* General Form Styling ----------------------------------------------------------*/ form input[type="text"], select, textarea { height:21px; border:solid 1px #bdbdbd; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding:4px; background: #e4e4e4; background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f7f7f7)); background: -moz-linear-gradient(top, #e4e4e4, #f7f7f7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#f7f7f7'); /*margin-bottom:10px;*/ } form input:focus, select:focus, textarea:focus { outline-width:0; } form textarea { width:275px; height:100px; } form select { width:286px; height:29px; } form input[type="text"] { padding:2px 6px; font-size:12px; } form input[type="submit"] { height:29px; font-size:12px; font-weight:bold; } /* Error 404 Page ----------------------------------------------------------*/ #error-page-list a { font-size:14px; } #error-page-list a:hover { text-decoration:none; } #error-page-list { padding:0px 0 0 24px; } #error-page-list li { font-size:14px; } #search-form { padding-top:10px; } #search-form label { display:block; font-weight:bold; padding-bottom:6px; font-size:14px; } #search-form input { float:left; } #search-form input.txt { margin-right:4px; height:20px; padding:2px 8px; width:186px; -moz-border-radius:15px; } #search-form #search-submit { height:26px; padding:0.1em 1em 0.2em; text-shadow:none; } .error-descr-block { margin:20px 0px 0px 6px; } .error-descr-block .inner-title { margin:56px 0px 6px 0px; } /* Pricing Tables Page ----------------------------------------------------------*/ #pricing-table-1, #pricing-table-2 {margin:40px 0px} #pricing-table-1 .column, #pricing-table-2 .column, #pricing-table-3 .column {position:relative;float:left;text-align:center;margin-right:16px} #pricing-table-1 .column {width:200px;background: #f9f9f9;background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ebebeb));background: -moz-linear-gradient(top, #f9f9f9, #ebebeb);border:solid 4px #DEDEDE;padding:10px 10px 20px 10px;} #pricing-table-2 .column {background:#F4F1FE; width:226px;margin-right:18px;padding:10px 0px 20px 0px;-moz-box-shadow: 0 0 10px #BBB;-webkit-box-shadow: 0 0 10px #BBB;box-shadow: 0 0 10px #BBB;-moz-border-radius:10px;border-radius: 10px;-webkit-border-radius: 10px;} #pricing-table-3 .column {margin-right:0; width:240px;background: #f9f9f9;background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ebebeb));background: -moz-linear-gradient(top, #f9f9f9, #ebebeb);border-top:solid 4px #DEDEDE;border-bottom:solid 4px #DEDEDE; } #pricing-table-3 h2 {background:#000; padding:10px 10px 6px 10px; color:#fff; font-size:18px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase} #pricing-table-3 .column span {display:block; margin-top:4px; color:#aaa} #pricing-table-3 .column li {border-bottom:dotted 1px #aaa; color:#333;padding:6px; margin:0px 20px; line-height:30px;} a.tbl3-button {margin:10px auto; display:block; background:#222; color:#ddd; line-height:30px; text-decoration:none; text-transform:uppercase; font-weight:bold; width:80px} #pricing-table-1 .column.last-item, #pricing-table-2 .column.last-item {margin-right:0} #pricing-table-1 .column:hover {-moz-box-shadow: 0 0 10px #CCC;-webkit-box-shadow: 0 0 10px #CCC;box-shadow: 0 0 10px #CCC;-moz-border-radius:6px;border-color:#DBDBDB;cursor:pointer;} #pricing-table-2 .column:hover {-moz-box-shadow: 0px 0 8px #555;-webkit-box-shadow: 0px 0 8px #555;box-shadow: 0px 0 8px #555;cursor:pointer;} #pricing-table-1 ul, #pricing-table-2 ul, #pricing-table-3 ul {list-style:none;padding-bottom:20px;} #pricing-table-2 ul {padding-bottom:40px;} #pricing-table-1 h2 {border-bottom:dotted 1px #333;padding-bottom:10px;font-size:2em;margin-bottom:10px;} #pricing-table-2 h2 {text-align:left;text-transform:uppercase;font-size:1.2em;text-shadow:#000 1px 0px 0px;padding-left:20px; } #pricing-table-2 h2, #pricing-table-2 h3 {background:url('img/pricing-tables/separator_2.png') no-repeat bottom center;padding-bottom:10px;margin-bottom:10px} #pricing-table-2 h3.price {color:#fff; font-size:3.6em;padding:16px 0px 26px 0px;font-family:Georgia, "Times New Roman", Times, serif; background: #404040;background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#1b1b1b));background: -moz-linear-gradient(top, #404040, #1b1b1b);} #pricing-table-1 li {background:url('img/pricing-tables/separator_1.png') no-repeat bottom center;color:#333;padding-bottom:6px;line-height:30px;} #pricing-table-2 li {color:#222;padding-bottom:6px;line-height:30px;text-align:left;background-position:28px 10px;background-repeat:no-repeat;background-image:url('img/pricing-tables/check_white.png');padding-left:50px; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0;} #pricing-table-2 .best-value {position:absolute; right:-11px; top:0px;background:url('img/pricing-tables/best_value_badge.png') no-repeat;width:111px;height:104px;display:block;} #pricing-table-2 .button, #pricing-table-1 .button {font-size:13px;text-transform:uppercase;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;padding:2px 24px;color:#000;} #pricing-table-1 .button {color:#FFF;} /* Sitemap Page ----------------------------------------------------------*/ /* -------- Top Level --------- */ .sitemap ul { list-style:none; } .sitemap a { text-decoration:none; } .primary-navigation { margin: 0; float: left; width: 100%; } .primary-navigation #home { display: block; float: none; background: url('img/tree/L1-left.png') center bottom no-repeat; position: relative; z-index: 2; padding: 0 0 30px 0; } .primary-navigation li { float: left; background: url('img/tree/L1-center.png') center top no-repeat; padding: 30px 0; margin-top: -30px; } .primary-navigation li a { margin: 0 20px 0 0; padding: 12px 10px; display: block; font-size: 12px; font-weight: bold; text-align: center; color: #333; background: url('img/tree/white-highlight.png') top left repeat-x; background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#e6e6e6', endColorstr='#CCCCCC'); /* IE6 & IE7 */ border:solid 1px #a4a4a4; -webkit-box-shadow:#DDD 0px 0px 2px 2px; -moz-box-shadow: #DDD 0px 0px 2px 2px; } .primary-navigation li a:hover, .button.white-back:hover { background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } .primary-navigation li:last-child { background: url('img/tree/L1-right.png') center top no-repeat; } /* -------- Second Level --------- */ .sitemap .primary-navigation li li { width: 100%; clear: left; margin-top: 0; padding: 20px 0 0 0; background: url('img/tree/vertical-line.png') center bottom repeat-y; } .sitemap .primary-navigation li li a { padding:5px 6px; color:#555; } .sitemap .primary-navigation li li a:hover { border-color: #94b75f; background-color: #e7f1d7; } .sitemap .primary-navigation li li:first-child { padding-top: 30px; } .sitemap .primary-navigation li li:last-child { background: url('img/tree/vertical-line.png') center bottom repeat-y; } .sitemap .primary-navigation li li a:link:before, .sitemap .primary-navigation li li a:visited:before { color: #8faf5c; } /* -------- Third Level --------- */ .sitemap .primary-navigation li li ul { margin: 10px 0 0 0; width: 100%; float: right; padding: 9px 0 10px 0; background: url('img/tree/L3-ul-top.png') center top no-repeat; } .sitemap .primary-navigation li li li { background: url('img/tree/L3-center.png') left center no-repeat; padding: 5px 0; } .sitemap .primary-navigation li li li a { font-size: 12px; padding: 5px 0; width: 80%; float: right; } .sitemap .primary-navigation li li li a:hover { background-color: #fffce5; border-color: #d1b62c; } .sitemap .primary-navigation li li li:first-child { padding: 15px 0 5px 0; background: url('img/tree/L3-li-top.png') left center no-repeat; } .sitemap .primary-navigation li li li:last-child { background: url('img/tree/L3-bottom.png') left center no-repeat; } .sitemap .primary-navigation li li li a:link:before, .sitemap .primary-navigation li li li a:visited:before { color: #ccae14; font-size: 9px; } .sitemap { margin: 40px 0; float: left; width: 100%; } /* Utility Navigation ----------------------------------------------------------*/ .sitemap #utilityNav { float: right; max-width: 50%; margin-right: 10px; } .sitemap #utilityNav li { float: left; margin-bottom: 10px; } .sitemap #utilityNav li a { margin: 0 10px 0 0; padding: 5px 10px; display: block; border: 2px solid #e3ca4b; font-size: 12px; font-weight: bold; text-align: center; color: black; background: #fff7aa url('img/tree/white-highlight.png') top left repeat-x; } .sitemap #utilityNav li a:hover { background-color: #fffce5; border-color: #d1b62c; } .sitemap #utilityNav li a:link:before, .sitemap #utilityNav li a:visited:before { color: #ccae14; font-size: 9px; margin-bottom: 3px; } ul.sidebar-list { list-style:none; margin:10px 0px; } ul.sidebar-list li { height:40px; line-height:40px; border-bottom:dotted 1px #CCC; padding-left:4px; } ul.sidebar-list a { text-decoration:none; color:#333; font-size:14px; } ul.sidebar-list a:hover { color:#777; } /*** BLOG TABS LIST ****/ ul.tab-list { list-style:none; margin:10px 0px; } ul.tab-list img { border:solid 2px #bcc2b2; float:left; } ul.tab-list li { clear:both; height:40px; line-height:20px; border-bottom:dotted 1px #CCC; padding:0px 0px 10px 4px; margin-bottom:10px; } ul.tab-list a { text-decoration:none; color:#333; font-size:12px; float:left; margin-left:10px; display:block; width:180px; } ul.tab-list a:hover { color:#777; } ul.split-list { width:125px; float:left; margin-right:15px; } ul.split-list li { line-height:30px; height:30px; } ul.split-list li a { text-transform:uppercase; font-size:11px; } /* Pagination ----------------------------------------------------------*/ .wp-pagenavi { border-top:solid 1px #CCC; padding:10px; } .wp-pagenavi .pages { float: right; font-size: 13px; height: 29px; line-height: 29px; display: inline-block!important; padding: 0 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current { text-decoration:none; color:#585858; font-weight:bold; padding: 4px 10px; border: 1px solid #ccc; text-decoration:none; font-weight:normal; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#c8c8c8)); background: -moz-linear-gradient(top, #fcfcfc, #c8c8c8); -pie-background: linear-gradient(#fcfcfc, #000 70c8c8c8); margin-right:6px; } .wp-pagenavi span.current, .wp-pagenavi a:hover { border-color: #d0d0d0; font-weigh:bold; text-shadow:#000 1px 0px 0px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); margin-right:6px; } .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first, .wp-pagenavi a.last { display: none!important; } /* Blog ----------------------------------------------------------*/ .post-block, .type-post, .type-portfolio { background:url('img/divider.png') repeat-x bottom; padding-bottom:20px; margin-top:10px; clear:both; position:relative; margin-bottom:30px; } .post-block-inside { margin:0px 0px 20px 0px; position:relative; } .post-block-inside .post-thumb { float:none; margin:10px 0px 30px 0px; } .post-thumb { float:left; display:block; margin-right:10px; } .post-desc { float:right; width:450px; } .post-thumb img { border:solid 6px #FFF; -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5); box-shadow:0 1px 4px rgba(0,0,0,0.5); } .post-categories { display:inline; } .post-categories li { display:inline; background:url('img/v_divider.png') repeat-y right; padding:0px 10px 0px 4px; } .post-categories li:last-child { background:none; } h3.post-title { color:#000; font-size:20px; width:390px; } .post-category { } h3.post-title a { text-decoration:none; line-height:1.3em; font-family:Arial, Helvetica, sans-serif; } a.read-more { color:#333; font-weight:bold; } p.post-date, p.post-date span { color:#333; margin:4px 0px; font-size:11px; } .date-label { position:absolute; right:0px; top:0px; width:42px; height:42px; border:solid 1px #ccc; text-align:center; -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dadad9)); background: -moz-linear-gradient(top, #ffffff, #dadad9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dadad9'); } h4.date-day, h4.date-month { padding:4px 0px ; } h4.date-month { background:#7A0B00; color:#FFF; font-size:11px; text-transform:uppercase; border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; } .post-category { margin:0; } .post-category a { color:#333; font-size:12px; } .post-block p.normal-text { font-size:12px; } .related-post { float:left; width:290px; height:90px; overflow:hidden; margin:0px 28px 30px 0px; } /* ----- TABS ------ */ .usual { color:#111; width:276px; margin:8px auto; } .tabs-block li { list-style:none; float:left; } .tabs-block a { display:block; padding:4px 10px; text-decoration:none!important; margin:1px; margin-left:0; text-transform:uppercase; color:#000; background:#c5c7b9; outline:none; font-weight:bold; font-size:10px; -moz-border-radius-topright:8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; } .tabs-block a:hover { color:#FFF; background:#333; } .tabs-block a.selected { background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#999)); background: -moz-linear-gradient(top, #888, #999); -pie-background: linear-gradient(#888, #000 #999); cursor:default; color:#FFF; } .usual div { padding:10px 10px 8px 10px; *padding-top:3px; *margin-top:-15px; clear:left; border:solid 4px #babdb6; background:#e6e6e6; } .ad-block { border:solid 1px #ccc; text-align:center; color:#333; font-size:11px; font-weight:bold; float:left; margin:14px 14px 14px 0px; background:#e7e7e7; } .ad-block.edge { margin-right:0; } .size-125 { width:125px; height:125px; line-height:125px; } #breadcrumb-container { color:#333; position:absolute; right:2px; top:4px; } #breadcrumb-container a, #breadcrumb-container span { color:#333; font-size:12px; text-transform:none; } /* Widgets */ .widget { padding-bottom:30px; clear:both;} .widget h3, .widgettitle { margin: 0 0 10px 0; padding: 0 0 6px 0; font-size: 16px; color:#333; background:url('img/divider.png') repeat-x bottom;} .widget h3 a:hover { text-decoration: none; } .widget ul { list-style-type: none; margin: 0; padding: 0; } .widget ul li ul { margin-top: 5px; margin-bottom: -7px; } .widget ul li ul li { padding-left: 13px; } .widget li { margin: 0; padding: 6px 0 6px 0; } .widget li a { font-size:12px; font-weight: normal; text-decoration:none} .widget li a:hover { text-decoration: underline; } .widget img { padding: 9px; margin-bottom: 10px; } .widget span.rounded-all { padding: 0; } /* Widget Areas -------------------------------------------------------------- */ .widget-area ul { list-style: none; margin-left: 0; } .widget-area ul ul { list-style: square; margin-left: 1.3em; } .widget_search #s {/* This keeps the search inputs in line */ width: 60%; } .widget_search label { display: none; } .widget-container { margin: 0 0 18px 0; } .widget-title { color: #222; font-weight: bold; } .widget-area a:link, .widget-area a:visited { text-decoration: none; } .widget-area a:active, .widget-area a:hover { text-decoration: underline; } .widget-area .entry-meta { font-size: 11px; } #wp_tag_cloud div { line-height: 1.6em; } #wp-calendar { width: 100%; } #calendar_wrap { background:#f6f6f6; padding:10px; border:solid 1px #CCC; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } #wp-calendar caption { color: #999; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: center; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { font-weight:bold; background:#eee; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f6f6f6; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody td a { background:#eee; display:block; text-decoration:none; border:solid 1px #CCC; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } .widget_rss a.rsswidget { color: #000; } .widget_rss a.rsswidget:hover { color: #ff4b33; } .widget_rss .widget-title img { width: 11px; height: 11px; } .info-table { border-collapse:collapse; } .info-table th { padding:4px 10px; } .info-table td { text-align:center; padding:10px; vertical-align:top; } /* Links for various files ----------------------------------------------------------*/ a[href$=".pdf"] { padding-left:20px; background:url('img/icons/filetypes/pdf.png') no-repeat left; font-weight:bold; } .checklist ul { padding:10px 0px 10px 8px; list-style:none!important; } .checklist li { padding:5px 5px 5px 30px; background: url(img/check.png) no-repeat center left; } .checklist.checklist-1 li {background-image: url(img/icons/check_1.png);} .checklist.checklist-2 li {background-image: url(img/icons/check_2.png);} .checklist.checklist-3 li {background-image: url(img/icons/check_3.png);} .list ul { padding-left:8px; list-style:none!important; } .list ul li { padding:5px 5px 5px 30px; background: url(img/icons/list.png) no-repeat left top; } .list.list-1 ul li {background-image: url(img/icons/list-1.png);} .list.list-2 ul li {background-image: url(img/icons/list-2.png);} .list.list-3 ul li {background-image: url(img/icons/list-3.png);} .list.list-4 ul li {background-image: url(img/icons/list-4.png);} .list.list-5 ul li {background-image: url(img/icons/list-5.png);} .list.list-6 ul li {background-image: url(img/icons/list-6.png);} .highlight { color:#FFF; background-color:#333; padding:2px; } .highlight.rounded { -moz-border-radius:5px; -webkit-border-radius:5px; } .box { margin: 0px 0px 10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:left; } .box .box-title {text-align:left; margin-bottom:-1px} .box .box-title h2 {padding:6px 8px; font-size:14px; color:#FFF; font-weight:bold} .box-content { padding: 16px 20px 8px 75px; min-height:35px; background:#f6f6f6; border:solid 1px #a4a4a4; } .box-content.box-top { padding-left:10px; } .box-content, .tabs2 a { border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; } .box-title { border-top-right-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; } .box.shadow { -webkit-box-shadow:2px 2px #CCC; -moz-box-shadow: 2px 2px #CCC; box-shadow:2px 2px #CCC; } .box.shadow .box-content { background:#f6f6f6; } .box.info {} .box.info .box-content { color: #555; background: #dfe6ec url(img/info.png) no-repeat 18px 13px; border: 1px solid #61a1bf; } .box.info.h2 { color: #555; } .box.info .box-title {border:none; background:none; height:0px} .box.warning {} .box.warning .box-content { color: #555; background: #f2efcc url(img/warning.png) no-repeat 18px 13px; border: 1px solid #e4a326; } .box.warning.h2 { color: #555; } .box.warning .box-title {border:none; background:none; height:0px} .box.error {} .box.error .box-content { color: #555; background: #efd9d9 url(img/error.png) no-repeat 18px 13px; border: 1px solid #e43535; } .box.error.h2 { color: #555; } .box.error .box-title {border:none; background:none; height:0px} .shadow { border: 1px solid #cbc4c4; box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:3px 3px 11px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 11px 1px rgba(0, 0, 0, 0.1); } .shadow .box-content { color: #6d6e6e; background: #f1f1f1; border: 1px solid #ffffff; padding-left: 10px; } .shadow .box-content h1, .shadow .box-content h2, .shadow .box-content h3, .shadow .box-content h4, .shadow .box-content h5, .shadow .box-content h6 { color: #4e4e4e; } .one_half, .one_third, .two_third, .one_fourth , .three_fourth, .one_fifth, .four_fifth { float:left; margin-right:4%; margin-top:10px; margin-bottom:10px} .one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width:65.32%; } .one_fourth { width:22%; } .one_fifth { width: 16.8%; } .four_fifth { width: 79.2%; } .three_fourth { width:74%; } .last {clear: right;margin-right: 0 !important;} blockquote { padding:0 0 15px 40px; margin:0 0 1em 0; font-size:14px; background:url(img/quote.png) no-repeat; color:#333; } blockquote p { line-height:1.9em !important; padding:0 !important; } blockquote.center { } blockquote .author { padding:10px 0 5px 0; color:#888; text-align:right; font-size:14px; } blockquote.left { width:200px; float:left; padding:10px 10px 15px 40px; margin:0 20px 1em 0; } blockquote.right { background:url(img/quote.png) no-repeat; width:200px; float:right; margin:0 0 1.2em 20px; } blockquote em, blockquote i, blockquote cite { font-style:normal; } /* root element for tabs */ .tabs { list-style:none; margin:0 !important; padding:0; height:30px; } /* single tab */ .tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ .tabs a { background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#f8f8f8)); background: -moz-linear-gradient(top, #dcdcdc, #f8f8f8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#f8f8f8'); outline:none; font-size:11px; font-weight:bold !important; display:block; height: 28px; line-height:28px; text-align:center; text-decoration:none; color:#000; padding:0px 10px; margin:0px; position:relative; top:1px; border:solid 1px #ccc; -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; } .tabs a:active, .tabs a:hover, .tabs .current, .tabs .current:hover, .tabs li.current a { outline:none; border-bottom:none; text-decoration:none !important; background:#7A0B00; color:#FFF; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ .tabs .current, .tabs .current:hover, .tabs li.current a { border-bottom:none; cursor:default !important; color:#fff !important; height:29px; } /* initially all panes are hidden */ .panes .pane { display:none; } /* tab pane styling */ .panes > div { display:none; padding:15px 10px; border:1px solid #ccc; min-height:100px; font-size:14px; background-color:#f6f6f6; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; } /* Image navigation ----------------------------------------------------------*/ /* navigation */ .tabs2 { margin-top:13px; height:83px; width:745px; background:none; } .tabs2 li { float:left; text-align:center; margin-top:7px; margin-right:-1px; position:relative; } .tabs2 a { color:#333333; display:block; padding:24px 20px 0px 75px; position:relative; word-spacing:-2px; font-size:11px; border:1px solid #CCCCCC; text-decoration:none; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dcdcdc)); background: -moz-linear-gradient(top, #f5f5f5, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dcdcdc'); border-top:none; height:41px; } .tabs2 a.current { background:#7A0B00; color:#FFF; } .tabs2 img { position:absolute; left:10px; top:10px; z-index:22; } .tabs2 strong { display:block; font-size:13px; } /* panes */ .panes2 { border:1px solid #CCCCCC; width:743px; height:255px; margin-bottom:-20px; padding-bottom:20px; /* must be relative so the individual panes can be absolutely positioned */ position:relative; background:#F5F5F5; } /* crossfading effect needs absolute positioning from the elements */ .panes2 div { display:none; position:absolute; top:20px; left:20px; font-size:13px; color:#444; width:650px; } .overlay { display:none; width:500px; padding:20px; } /* Tooltip Tabs ----------------------------------------------------------*/ .tabs3 { font-size:16px; font-weight:bold; } .tabs3 img { margin:0 20px 10px 0; cursor:pointer; } .tab-desc { border:1px solid #a4a4a4; width:450px; min-height:140px; display:none; margin-top:17px; -moz-border-radius-shadow:0 0 2px #888888; -webkit-box-shadow:0 0 2px #888888; padding:10px 20px; position:relative; } .tab-desc .arrow { border-color: transparent transparent #fff; border-style: solid; border-width: 0 20px 20px; float: left; height: 0; margin: 0 10px; width: 0; position:absolute; top:-19px; left:30px; } .tab-desc .arrow-border { border-color: transparent transparent #999; border-style: solid; border-width: 0 20px 22px; height:0; width:0; position:absolute; top:-22px; left:29px; padding:0px 1px; } /* Accordian Tabs ----------------------------------------------------------*/ /* root element for accordion. decorated with rounded borders and gradient background image */ .accordion { width: 400px; border:1px solid #a4a4a4; border-top:none; background:#f9f9f9; } /* accordion header */ .accordion h2 { margin:0; padding:10px 15px; font-size:14px; border:none; border-top:1px solid #a4a4a4; font-weight:bold; cursor:pointer; } /* currently active header */ .accordion h2.current { cursor:default; background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fdfdfd)); background: -moz-linear-gradient(top, #ddd, #fdfdfd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#fdfdfd'); border-bottom:1px solid #a4a4a4; } /* accordion pane */ .accordion .acc-pane { border:1px solid #fff; border-width:0 2px; display:none; height:180px; padding:15px; } /* a title inside pane */ .accordion .acc-pane h3 { font-weight:normal; margin:0 0 -5px 0; font-size:16px; color:#999; } /* Horizontal Accordian ----------------------------------------------------------*/ /* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */ .easy-accordion {display:block;position:relative;overflow:hidden;padding:0;margin:0} .easy-accordion dt,.easy-accordion dd {margin:0;padding:0} .easy-accordion dt,.easy-accordion dd {position:absolute} .easy-accordion dt {margin-bottom:0;margin-left:0;z-index:5;/* Opera */ -o-transform: rotate(-90deg);/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;} .easy-accordion dd {z-index:1;opacity:0;overflow:hidden} .easy-accordion dd.active {opacity:1;} .easy-accordion dd.no-more-active {z-index:2;opacity:1} .easy-accordion dd.active {z-index:3} .easy-accordion dd.plus {z-index:4} .easy-accordion .slide-number {position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} .easy-accordion h2 {margin:0px 0 20px 0;padding:0;font-size:1.2em;} /* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */ #accordion-1, .horizontal-accordion {width:960px;height:316px; margin:auto} #accordion-1 dl, .horizontal-accordion dl {width:960px;height:316px;} #accordion-1 dt, .horizontal-accordion dt { height: 43px; left: 0; margin-left: -22px; padding: 0 10px; position: absolute; text-align: right; top: 278px; width: 280px; z-index: 3; cursor: pointer; font-family: "Futura Bold",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; height: 43px; letter-spacing: 1px; line-height: 38px; background: #feffe8; background: -webkit-gradient(linear, left top, right top, from(#feffe8), to(#EEE)); background: -moz-linear-gradient(left top, #feffe8, #EEE); } #accordion-1 dt.active, .horizontal-accordion dt.active { cursor:pointer; color:#fff; background: #2f2f2f; background: -webkit-gradient(linear, left top, right top, from(#0e0e0e), to(#2f2f2f)); background: -moz-linear-gradient(left top, #0e0e0e, #2f2f2f); } #accordion-1 dt.hover { color:#000; } #accordion-1 dt.active.hover {color:#fff} #accordion-1 dd, .horizontal-accordion dd { padding:25px; margin-right:3px; } #accordion-1 dd { background: #feffe8; background: -webkit-gradient(linear, left top, right top, from(#feffe8), to(#EEE)); background: -moz-linear-gradient(left top, #feffe8, #EEE); } #accordion-1 .slide-number, .horizontal-accordion .slide-number {color:#333;left:10px; bottom:8px; font-weight:bold;} #accordion-1 .active .slide-number {color:#fff;} #accordion-1 a {color:#68889b} #accordion-1 .more {padding-top:10px;display:block} #accordion-1 p {font-size:14px} .horizontal-accordion dt {border:1px solid #a4a4a4; border-top:none} .horizontal-accordion dt:first-child {border-top:1px solid #a4a4a4} /* Toggles ----------------------------------------------------------*/ h2.toggle-trigger { padding: 4px 4px 4px 8px; margin: 10px 0 5px 0; height: 33px; line-height: 33px; } h2.toggle-trigger, .tab-desc, .frounded, .primary-navigation li a { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .toggle-trigger a { padding:8px 6px 8px 40px; color: #DDD; text-decoration: none; display: block; outline:none; font-weight:bold; font-size: 14px; background: url(img/toggle.png) no-repeat 4px -28px; text-shadow:none; } h2.active a {background: url(img/toggle.png) no-repeat 0px 0px;} .toggle-container { border:dotted 1px #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; } .toggle-container .block { padding: 20px; background:#f5f5f5; } .toggle-container .block p { margin: 5px 0; } /**********************************/ /* Content Slider ----------------------------------------------------------*/ .content-slides { border:solid 1px #a4a4a4; position:relative; height:240px; background:#f8f8f8; width:600px; margin:15px 0px; cursor:pointer; /* CSS3 tweaks for modern browsers */ -o-box-shadow:0 0 2px 2px #CCC; -moz-box-shadow:0 0 2px 2px #CCC; -webkit-box-shadow:0 0 2px 2px #CCC; ; } .content-slides, .scg-mainwrap { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* single slide */ .content-slides div { display:none; position:absolute; top:0; left:0; margin:7px; padding:15px 30px; font-size:12px; } /* tabs (those little circles below slides) */ .slidetabs { clear:both; text-align:center; width:360px; margin:auto; } /* single tab */ .slidetabs a { width:8px; height:8px; float:left; margin:3px; background:url(img/shortcodes/navigator.png) 0 0 no-repeat; display:block; font-size:0px; } /* mouseover state */ .slidetabs a:hover { background-position:0 -8px; ; } /* active state (current page state) */ .slidetabs a.current { background-position:0 -16px; ; } /* prev and next buttons */ .content-slides a.forward, .scg-wrap a.forw, .content-slides a.backward, .scg-wrap a.backw { position:absolute; top:80px; background: url(img/shortcodes/arrows.png) no-repeat; display:block; width:25px; height:82px; cursor:pointer; font-size:1px; text-indent:-9999em; } .content-slides a.backward { left:0px; } .content-slides a.forward { right:0px; } .scg-wrap a.forw, .scg-wrap a.backw {top:-20px} .scg-wrap a.forw { right:-20px } .scg-wrap a.backw {left:-20px; background-position: 0 -82px} /* next */ .content-slides a.backward { background-position: 0 -82px} /* disabled navigational button. is not needed when tabs are configured with rotate: true */ .disabled { visibility:hidden !important; } /* Scrollable ----------------------------------------------------------*/ /* root element for the scrollable. when scrolling occurs this element stays still. */ .scrollable { /* required settings */ position:relative; overflow:hidden; width: 400px; height:120px; margin-left:50px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } .items div { float:left; width:400px; } /* single scrollable item */ .scrollable img { float:left; margin:20px 5px 20px 21px; background-color:#fff; padding:2px; border:1px solid #a4a4a4; width:100px; height:75px; cursor:pointer; } /* active item */ .scrollable .active { border:2px solid #000; position:relative; cursor:default; } /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { background:url(img/shortcodes/arrows.png) no-repeat; display:block; width:30px; height:32px; margin:40px 10px; cursor:pointer; font-size:1px; } /* disabled navigational button */ a.disabled { visibility:hidden !important; } .scg-wrap { position:relative; } .scg-mainwrap { width:500px; background:#f5f5f5; padding:10px; border:solid 1px #a4a4a4; } /* Tooltips ----------------------------------------------------------*/ .tooltip, .tooltip2 { display:none; background:transparent url(img/shortcodes/tooltip/black_arrow.png); font-size:12px; height:95px; width:189px; padding:15px; color:#fff; } .tooltip.style1 { background-image: url(img/shortcodes/tooltip/black_arrow_big.png); } .tooltip.style1 a, .tooltip2.style1 a, .tooltip3.style1 a { color:#FFF; } .tooltip.style2 { background-image: url(img/shortcodes/tooltip/white_arrow.png); color:#333; } .tooltip.style3 { background-image: url(img/shortcodes/tooltip/white_arrow_big.png); color:#333; } .tooltip2 { display:none; height:163px; padding:40px 30px 10px 30px; width:319px; font-size:11px; color:#fff; background:url(img/shortcodes/tooltip/black_arrow_big.png); } .tooltip2.style2 { background:url(img/shortcodes/tooltip/white_arrow_big.png); color:#333; } /* a .label element inside tooltip */ .tooltip2 .label { color:yellow; width:35px; } .tooltip2 a { color:#ad4; font-size:11px; font-weight:bold; } .tooltip3 { background-color:#1a3160; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #0f224a; padding:10px 15px; width:200px; display:none; color:#fff; text-align:left; font-size:12px; /* outline radius for mozilla/firefox only */ -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; } /* Overlays ----------------------------------------------------------*/ /* the overlayed element */ .overlay { display:none; z-index:10000; background-color:#f3f3f3; width:675px; min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.5); box-shadow:0 1px 8px rgba(0,0,0,0.5); } .overlay p {font-size:12px} /* close button positioned on upper right corner */ .overlay .close { background:url('img/close.png'); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } .ordered-list { margin:20px 0px; color:#333; } .ordered-list li { margin-left:30px; } .ordered-list.style1 { font-family:Arial, Helvetica, sans-serif; color: #222; } .ordered-list.style1 li { padding-left:2px; color:#111; font-size:18px; } .ordered-list.style1 p { font-size:0.7em; color:#555; padding:5px 0; margin:0px; } /* list 2 styles */ .ordered-list.style2 { font: bold 1em Tahoma; color: #999; list-style: upper-roman; padding:4px 0px 4px 6px; } .ordered-list.style2 p { font: normal 1.2em Georgia, Times, serif; color: #000; } .ordered-list.style2 li { background:#eee; height:30px; } /* list 3 styles */ .ordered-list.style3 { font: italic 1.3em Arial, Helvetica, sans-serif; color: #666; list-style: lower-alpha; } .ordered-list.style3 p { font: normal .9em Arial, Helvetica, sans-serif; color: #000; border-left: solid 1px #999; margin: 0; padding: 0 0 1em 1em; } #quote-form input.txt { width:275px; } #quote-form span.error { display:block; position:absolute; bottom:4px; } #quote-form div { position:relative; } .sorry404 { color:#666; line-height:30px; } /* Ad Banners ----------------------------------------------------------*/ .banner { background:#F8F8F8; border:solid 1px #CCC; } .banner img { padding:0; } .banner a { text-align:center; text-decoration:none; outline:none; } .banner-88x31, .banner-88x31 img { width:88px; height:31px; } .banner-120x60, .banner-120x60 img { width:120px; height:60px; } .banner-120x90, .banner-120x90 img { width:120px; height:90px; } .banner-120x240, .banner-120x240 img { width:120px; height:240px; } .banner-120x600, .banner-120x600 img { width:120px; height:600px; } .banner-125x125, .banner-125x125 img { width:125px; height:125px; } .banner-160x600, .banner-160x600 img { width:160px; height:600px; } .banner-234x60, .banner-234x60 img { width:234px; height:60px; } .banner-425x425, .banner-425x425 img { width:425px; height:425px; } .banner-425x500, .banner-425x500 img { width:425px; height:500px; } .banner-425x600, .banner-425x600 img { width:425px; height:600px; } .banner-468x60, .banner-468x60 img { width:468px; height:60px; } .banner-728x90, .banner-728x90 img { width:728px; height:90px; } /* ----------------------------------------------------------*/ #slider-container { width:960px; margin:auto; } #slider3d { width: 1200px; margin: auto; position: relative; z-index: 1; } .frame { padding:6px; border:solid 0px #a4a4a4; text-align:center} .frame a { } .alignright,img.alignright,a img.alignright { float:right; margin:0px 0 10px 15px; text-align:right} .alignleft,img.alignleft,a img.alignleft { float:left; margin:0px 15px 10px 0; text-align:left} .aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px} .frame,.small_frame { display:inline-block;} .frame img { padding:4px; margin:0; display:block;} .small_frame img { padding:3px; margin:0;} .frame.shadow { -moz-box-shadow:0px 0px 2px 2px #CCC; } .frame span.frame-title { font-style:italic; padding:0px 6px; font-size:11px; } .anything-title {color:#f0f0f0; text-transform:uppercase; line-height:28px; font-size:20px; font-weight:bold} .image-frame, .frame img { border:solid 6px #FFF; background:#FFF; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5); box-shadow:0 1px 4px rgba(0,0,0,0.5); } .frame img {border-width:1px} /* Step Lists (Featuring Experimental CSS rounded borders) ----------------------------------------------------------*/ .step-list-li { width:40px; height:40px; } .step-list-round, .dropcap { height: 40px; width: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; position:relative; text-align:center; float:left; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); } .step-list-round span, .dropcap span { position:absolute; right:14px; top:8px; font-family:"Times New Roman", Georgia, Arial; font-size:24px; font-weight:bold; color:#FFF; } .step-content { float:left; margin:0px 0px 20px 10px; width:200px; } .step-content p { margin:0px; } .dropcap { margin:5px 10px 0 0; } .dropcap span { font-size:30px; left:11px; top:6px; } .dropcap.no-back { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } /*********** SPACING ***************/ .top0 {margin-top:0px} .top5 {margin-top:5px} .top10 {margin-top:10px} .top15 {margin-top:15px} .top20 {margin-top:20px} .top25 {margin-top:25px} .top30 {margin-top:30px} .top40 {margin-top:40px} .top50 {margin-top:50px} .bottom0 {margin-bottom:0px} .bottom5 {margin-bottom:5px} .bottom10 {margin-bottom:10px} .bottom15 {margin-bottom:15px} .bottom20 {margin-bottom:20px} .bottom25 {margin-bottom:25px} .bottom30 {margin-bottom:30px} .bottom40 {margin-bottom:40px} .bottom50 {margin-bottom:50px} .left0 {margin-left:0px} .left5 {margin-left:5px} .left10 {margin-left:10px} .left15 {margin-left:15px} .left20 {margin-left:20px} .left25 {margin-left:25px} .left30 {margin-left:30px} .left40 {margin-left:40px} .left50 {margin-left:50px} .right0 {margin-right:0px} .right5 {margin-right:5px} .right10 {margin-right:10px} .right15 {margin-right:15px} .right20 {margin-right:20px} .right25 {margin-right:25px} .right30 {margin-right:30px} .right40 {margin-right:40px} .right50 {margin-right:50px} .list-post-thumb { float:left; width:50px; margin-right:10px; } .list-post-desc { float:right; width:206px; line-height:1.2em; } ul.popular-posts { padding-left:0; } .popular-posts li { list-style:none; background:url('img/divider.png') repeat-x bottom; padding:8px 0px; } .popular-posts li:last-child { background:none; } .popular-posts img, .list-post-thumb img { border:solid 2px #A1A1A1; padding:0px; margin-bottom:0; } .list-post-desc a { font-size:13px; font-weight:bold; text-decoration:none; padding:0; line-height:16px; display:block; } .by-author { font-size:11px; } /* Under Construction Page ----------------------------------------------------------*/ .meter { width:500px; height:30px; padding:10px; background:url('img/coming-soon/meter_bg.png'); margin:auto; } .meter-wrap, .overlay { position: relative; } .meter-wrap, .meter-value, .meter-text { width: 500px; height: 30px; } .meter-value { background: #656565; background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc)); background: -moz-linear-gradient(top, #ddd, #ccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#cccccc'); text-align:left; } .meter-wrap { border:solid 1px #656565; text-align:left; } .meter, .meter-wrap, .meter-value { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } .meter-text { position: absolute; top:0; left:0; padding-top: 5px; color: #fff; text-align: center; width: 100%; color:#333; text-shadow:1px 1px 1px #666; } #cs-ornament { background:url('img/coming-soon/uc_ornament.png') no-repeat center; text-align:center; } #cs-logo-container { width:20%; text-align:center; float:left; } #cs-header-container { margin:0px auto 0px auto; padding-top:60px; width:100%; text-align:center; position:relative; } #cs-header-container h3 { font-size:14px; letter-spacing:2px; text-transform:uppercase; padding-top:10px; } p#uct { font-size:20px; width:454px; margin:20px auto 30px auto; } p#uct, p#est { color:#535353; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; } p#est { padding:20px 0px 10px 0px; font-size:14px; } .uc-block { height:200px; width:838px; margin:auto; /*background:url('img/coming-soon/shadow.png') no-repeat top;*/; } #countdown-container { width:500px; margin:auto; text-align:center; } #countdown { background:url('img/coming-soon/counter_bg.png') no-repeat; width:339px; height:69px; margin:30px auto 60px auto; } .countdown_holding span {} .countdown_row { clear: both; width: 100%; text-align: center; } .countdown_section { display: block; float: left; text-align: center; color:#333; text-shadow:0px 1px 1px #666; width:50px; font-size:10px; line-height:20px; padding:8px 12px 0px 18px; text-transform:uppercase; background:url('img/coming-soon/cntr_divider.png') no-repeat left; height:57px; } .countdown_section:first-child { background:none; } .countdown_amount { font-size:22px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:30px; color:#333; text-align:center; width:50px; } .countdown_descr { display: block; font-size:20px; text-shadow:0px 1px 1px #555; } .hasCountdown { margin-left:120px; } .post-edit-link, .comment-edit-link { font-weight:bold; background:url(img/icons/edit.png) no-repeat 0px 0px; padding-left:26px; height:25px; line-height:25px; color:#ff0000; margin-top:20px; } .widget_tag_cloud a { margin:4px 6px; float:left; display:block; } .widget_tag_cloud a:hover { -moz-border-radius:10px; background:#555; color:#FFF; } .getintouch.white p { font-size:12px; color:#FFF; margin-top:-10px; padding-left:30px; } .getintouch.white .with-icon.phone { background-image:url('img/icons/phone_w.png'); } .getintouch.white .with-icon.fax { background-image:url('img/icons/fax_w.png'); } .getintouch.white .with-icon.skype { background-image:url('img/icons/skype_w.png'); } .getintouch.white .with-icon.email { background-image:url('img/icons/email_w.png'); } /* Switcher Panel ----------------------------------------------------------*/ #switch-panel { -moz-box-shadow: 1px 1px 3px #999999; border: 1px solid #D9EAF2; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 30px; padding: 7px; text-align: center; position: fixed; top: 250px; left:0px; width:290px; z-index:9999; background:#EEE; margin-left: -308px; margin-top: -160px; overflow: hidden; } #switch-panel h3 { padding-bottom:0px; } #switch-panel p { font-size:11px; } #switch-panel a#close-panel { color: #000000; font-size: 0.8em; font-weight: bold; margin-top: 20px; text-transform: uppercase; } .skin-background { width:76px; height:60px; float:left; padding:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } .skin-background:hover, .skin-background.active-th { background:#ddd; cursor:pointer; } .skin-background img { width:32px; height:32px; border:solid 1px #CCC; padding:3px; } #options-handler { background: url("img/options.png"); cursor: pointer; height: 126px; left: 0; margin-left: -5px; overflow: hidden; position: fixed; text-indent: -10000px; top: 152px; width: 47px; z-index: 10000; } #options-handler.open { background-image:url("img/in_arrow.png"); } #options-handler.close { background-image:url("img/out_arrow.png"); } .success { color: #333; background:#DFF3A8; background:-moz-linear-gradient(center top , #DFF3A8, #C4FB92) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#DFF3A8), to(#C4FB92)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFF3A8', endColorstr='#C4FB92'); padding:10px; margin:10px 0px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; moz-border-radius:6px; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); box-shadow:0 1px 1px rgba(0,0,0,0.5); } .twitter-widget h2 { background:url('img/twitter.png') no-repeat left; padding-left:48px; height:48px; } /* Used Only for Demo Purposes safe to delete */ #accordion-1 dd img.accdemoimg {max-width:260px; max-height:170px} #accordion-1 h2.accdemotitle {color:#111} #accordion-1 p.accdemotext {color:#555;} .slidecaption h2.accdemotitle {display:none;} h2.accdemotitle {color:#FFF} p.accdemotext {color:#CCC;} #slides {position:relative;width:600px;} .slides_container {width:570px;height:270px;overflow:hidden;position:relative;display:none;background:#e4e4e4;border:2px solid #D0D0D0} #slides .slide {padding:20px;width:530px;height:230px;display:block;} #slides .next, #slides .prev {position:absolute;top:110px;left:0px;width:61px;height:66px;display:block;z-index:101;} #slides .next img, #slides .prev img {width:61px;height:66px;} #slides .next {left:520px;} #cgallery {width:600px;position:relative; background:url("img/menu_bg.png"); padding:10px 0px 1px 10px} .cgallery_container {width:590px;overflow:hidden;position:relative;display:none;} .cgallery_container div.cslide {width:570px;height:270px;display:block;} #cgallery .next,#cgallery .prev {position:absolute;top:130px; width:30px;height:30px;display:block;z-index:101;} #cgallery .next img, #cgallery .prev img {width:30px; height:30px} #cgallery .prev {left:18px} #cgallery .next {right:18px;} .caption {z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:5px 15px 0 15px;background:url("img/menu_bg.png") repeat scroll 0 0 transparent;width:560px;} .caption p {color:#000;} .pagination {margin:14px auto 0;width:100px;} .pagination li {float:left;margin:0 1px;list-style:none;} .pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(img/pagination.png);background-position:0 0;float:left;overflow:hidden;} .pagination li.current a {background-position:0 -12px;} #twitter_update_list li {list-style:none;font-size:16px;} #twitter_update_list li > a { font-style:italic; font-size:10px;color:#333;display:block;padding:0} #twitter_update_list a {font-size:12px; color:#555} #twitter_update_list li span a {margin:10px 0px} #twitter_update_list {padding:0;} #twitter_update_list li span {font-size:15px;}