/* Theme Name: Universalistic Theme URI: http://tiptopweb/universalistic/wp Description: Author: TipTopWeb Version: 1.0 Tags: corporate, simple, clean, two column, seo friendly */ /* **************************************************************************** * Default elements * ****************************************************************************/ html { width: 100%; } body { background: #f7f7f7; color: #636363; font: normal 12px 'Arial', sans-serif; width: 100%; } p { line-height: 22px; } a { color: #636363; text-decoration: underline; } a:hover { text-decoration: none; } small { font-size: 11px; } h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1; } h1 a, h2 a, h3 a { text-decoration: none; } h1 { font-size: 26px; margin-bottom: 15px; } h2 { font-size: 24px; margin-bottom: 15px; } h3 { font-size: 22px; margin-bottom: 10px; } h4 { font-size: 20px; margin-bottom: 10px; } h5 { font-size: 18px; margin-bottom: 10px; } h6 { font-size: 16px; margin-bottom: 10px; } ul, ol { margin-bottom: 15px; } ul { list-style: square; list-style-position: inside; } ol { list-style: decimal; list-style-position: inside; } li { line-height: 22px; } blockquote { font-size: 14px; font-style: italic; } hr { background: url('files/images/rule.png') top left repeat-x; border: 0px; height: 2px; margin: 15px 0px; text-align: right; } table { border: 1px solid #e4e4e4; border-collapse: collapse;width: 100%; } th, td { padding: 5px; } th { font-weight: normal; text-align: left; } thead th { background-color: #e4e4e4; font-size: 15px; } tbody tr:nth-child(2n) { background: #F1F1F1; } tbody tr:hover { background: #e9e9e9; } input { font-family: 'Arial', sans-serif; font-size: 11px; } code { background: url('files/images/code.gif') top left repeat; border: 1px solid #fff; clear: both; color: #000; display: block; line-height: 18px; margin: 15px 0px 15px 0px; min-height: 18px; padding: 18px 5px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3); } /* **************************************************************************** * Classes * ****************************************************************************/ .clear:after { clear: both; content:"."; display:block; height:0; overflow:hidden; visibility:hidden; } .fl { float: left; } .fr { float: right; } .hidden { display: none; } .alignleft { float: left; } .alignright { float: right; } img.alignleft { border: 5px solid #e4e4e4; margin: 5px 15px 0px 0px; } img.alignright { border: 5px solid #e4e4e4; margin: 5px 0px 0px 15px; } img.aligncenter { border: 5px solid #e4e4e4; margin: 0px 0px 15px 0px; } .button { background: url('files/images/button-left.png') top left no-repeat; color: #a0a0a0; display: block; float: right; font-size: 11px; height: 26px; padding: 0px 0px 0px 5px; text-decoration: none; } .button span { background: url('files/images/button-right.png') top right no-repeat; display: block; height: 26px; padding: 0px 5px 0px 0px; } .button span span { background: url('files/images/button-center.png') top right repeat-x; line-height: 26px; padding: 0px 10px; } .button:hover { color: #383838; } .post-thumb { border: 3px solid #fff; clear: both; float: left; margin: 0px 0px 15px 0px; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } .post-thumb:hover { -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } .post-thumb img { display: block; } /* **************************************************************************** * Main Structure * ****************************************************************************/ #wrapper { overflow: hidden; width: 100%; } #header { background-color: #0279a1; min-height: 97px; } #main {} #container { } #container.full {} #content { padding: 40px 0px 40px 0px; } #content-bottom { background: #f3f3f3; padding: 25px 0px 5px 0px; } #sidebar { margin: 40px 0px 0px 0px; float: right; width: 290px; } #footer {} /* **************************************************************************** * Header * ****************************************************************************/ #header-top { background: transparent url('files/images/header-top-bg.png') top left repeat; height: 97px; position: relative; z-index: 1000; } #header-top-wrap { position: relative; } #header-shadow { background: url('files/images/header-top-shadow.png') bottom left repeat-x; height: 4px; position: relative; width: 100%; z-index: 999; } #header-bottom { background: url('files/images/slider-bg2.png') bottom center no-repeat; margin-top: -4px; padding: 15px 0px; position: relative; z-index: 1; } /* LOGO */ #logo { height: 50px; margin-top: 26px; position: absolute; width: auto; } #logo a { color: #fff; text-decoration: none; } #logo img { float: left; margin: 0px 20px 0px 0px; } #logo #site-title { float: left; } #logo .title { color: #fff; font-size: 36px; height: 36px; line-height: 1; margin: 0px 0px 0px 0px; } #logo .subtitle { color: #e3e2e2; font-size: 11px; letter-spacing: 0.125em; margin: 4px 0px 0px 3px; line-height: 1; text-transform: uppercase; } #logo .subtitle a { color: #e3e2e2; } /* MAIN MENU */ #main-menu { font-size: 13px; position: absolute; right: 0px; top: 39px; } #main-menu .menu { float: right; } #main-menu a { color: #a0a0a0; display: block; height: 25px; line-height: 25px; padding: 0px 0px 10px 0px; text-decoration: none; } #main-menu a:hover { color: #fff; display: block; height: 25px; text-decoration: none; } #main-menu a span { display: block; margin: 0px; padding: 0px 0px 0px 20px; } #main-menu li { display: block; float: left; font-size: 14px; margin: 0px 0px 0px 10px; position: relative; white-space:nowrap; } #main-menu li li { background: url('files/images/main-menu-list.png') bottom left no-repeat; font-size: 12px; } #main-menu ul ul { background: transparent url('files/images/pixel.png') top left repeat; display: block; visibility: hidden; position: absolute; } #main-menu .current_page_parent a { color: #fff; } #main-menu li:hover a { color: #fff; } #main-menu li:hover li:hover a { color: #fff; } #main-menu li:hover li:hover li a { color: #a0a0a0; } #main-menu li:hover .parent:hover span { background: url('files/images/main-menu-parent-hover.png') top right no-repeat; } #main-menu li:hover .parent:hover li span { background-image: none; } #main-menu li:hover li:hover li a:hover { color: #fff; } #main-menu li:hover ul { border-bottom: 1px solid #949494; border-top: 2px solid #949494; visibility: visible; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; width: 180px; z-index: 1000; } #main-menu li:hover ul:hover { border-color: #e9eaea; } #main-menu li:hover li { display: block; float: left; height: 30px; line-height: 30px; margin: 0px; padding: 0px 0px 0px 21px; width: 160px; } #main-menu li:hover li a { background: transparent; color: #a0a0a0; font-size: 12px; height: 30px; line-height: 30px; margin: 0px 0px 0px 0px; padding: 0px; text-shadow: none; } #main-menu li:hover li a:hover { color: #fff; } #main-menu li:hover li span { margin: 0px; padding: 0px; } #main-menu li:hover ul ul { display: block; margin-top: -32px !important; margin-left: 160px; position: absolute; visibility: hidden; width: 180px; } #main-menu .current-menu-item a { color: #fff; } #main-menu .parent li a span { background-image: none; padding: 0px; } #main-menu li .parent a { background: url('files/images/main-menu-parent.png') top right no-repeat !important; } #main-menu li .parent a:hover { background: url('files/images/main-menu-parent-hover.png') top right no-repeat !important; } #main-menu li .parent li a { background-image: none !important; } #main-menu li .parent li a:hover { background-image: none !important; } /* **************************************************************************** * Content * ****************************************************************************/ #content {} /* **************************************************************************** * Slider * ****************************************************************************/ #slider { position: relative; min-height: 340px; } #slider-wrap { background: #fff; min-height: 330px; padding: 5px; width: 930px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); } .cycle #slider-wrap { margin-bottom: 15px; } #slider ul { background: #000; display: block; margin: 0px; padding: 0px; position: relative; width: 930px !important; } #slider li { display: block; overflow: hidden; position: absolute; top: 0px; } #slider img { display: block; } #slider .description { background: url('files/images/slider-bg.png') top left repeat; bottom: 10px; padding: 15px 15px; position: absolute; right: 10px; width: 260px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #slider .description h2 { color: #e3e2e2; font-size: 16px; font-weight: normal; line-height: 1; margin: 0px 0px 0px -2px; } #slider .description h2 a { color: #e3e2e2; text-decoration: none; } #slider .description p { color: #e3e2e2; font-size: 11px; line-height: 14px; margin: 10px 0px 0px 0px; } #slider .shadow { display: none; } #slider.kwicks ul { width: 932px !important; } #slider.kwicks li { height: 330px; } #slider.kwicks .description h2 {} #slider.kwicks .description { bottom: auto; right: 0px; top: 10px; width: 195px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; } #slider.kwicks .description p { display: none; } #slider.kwicks .shadow { display: block; } #slider.kwicks #cycle-nav { display: none; } #slider #kwicks-wrap { overflow: hidden; width: 930px; } #cycle-nav { text-align: center; } #cycle-nav a { background: url('files/images/blue-slider-bullet-dark.png') top left no-repeat; display: inline-block; font-size: 0; height: 15px; line-height: 0; margin: 0px 5px; width: 15px; } #cycle-nav a.activeSlide { background: url('files/images/blue-slider-bullet.png') top left no-repeat; } .nivo { padding-bottom: 30px; } .nivo li { left: 0px; position: absolute; top: 0px; } .nivo-controlNav { bottom: -35px; left: 0; position: absolute; text-align: center; width: 930px; } .nivo-controlNav a { background: url('files/images/blue-slider-bullet-dark.png') top left no-repeat; display: inline-block; font-size: 0; height: 16px; line-height: 0; margin: 0px 5px; width: 15px; } .nivo-controlNav a.active { background: url('files/images/blue-slider-bullet.png') top left no-repeat; } .nivo-caption { background: url('files/images/slider-bg.png') top left repeat; bottom: 10px; padding: 15px 15px; position: absolute; right: 10px; left: auto; width: 260px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .nivo-caption h2 { color: #e3e2e2; font-size: 16px; font-weight: normal; line-height: 1; margin: 0px 0px 0px -2px; } .nivo-caption h2 a { color: #e3e2e2; text-decoration: none; } .nivo-caption p { color: #e3e2e2; font-size: 11px; line-height: 14px; margin: 10px 0px 0px 0px !important; padding: 0px; } /* Breadcrumb */ #breadcrumb { background: #f3f3f3; font-size: 11px; margin-top: -4px; padding: 10px 0px; } #breadcrumb a { text-decoration: none; } /* **************************************************************************** * Homepage * ****************************************************************************/ .homebox { margin-bottom: 0px; } .homebox h2 { display: block; font: normal 22px; font-style: normal; line-height: 100%; margin: 0px 0px 15px 0px; padding: 0px; } .homebox h2 a { text-decoration: none; } .homebox p { margin: 0px 0px 20px 0px; } .homebox .thumb { border: 3px solid #fff; clear: both; float: left; margin: 0px 0px 15px 0px; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } .homebox .thumb:hover { -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } .homebox .thumb img { display: block; } #home-three { margin: 0px 0px 20px 0px; } #home-description {} #home-description h1 { color: #636363; font-family: 'Arial', sans-serif; font-size: 32px; font-weight: normal; margin-bottom: 20px; text-align: center; } #home-description p { color: #636363; font-family: 'Arial',sans-serif; font-size:14px; line-height:22px; margin-bottom:35px; text-align:center; } #home-features {} #home-features .home-row { margin-bottom: 50px; } #home-features .home-row.last { margin-bottom: 0px; } #home-features p { float: right; margin: 0px; width: 241px; } #home-features img { float: left; margin: 0px 15px 0px 0px; width: 42px; } #home-tree { margin: 0px 0px 0px 10px; } /* **************************************************************************** * Sidebar * ****************************************************************************/ #sidebar { background: transparent url('files/images/sidebar-bg.gif') top left repeat-y; } #sidebar-wrapper { background: transparent url('files/images/sidebar-top.gif') top left no-repeat; } #sidebar-padding { background: transparent url('files/images/sidebar-bottom.gif') bottom left no-repeat; padding: 30px 0px 30px 30px; } /* Sidebox */ #sidebar .sidebox { margin: 0px 0px 30px 0px; } #sidebar .sidebox ul { list-style: none; list-style-position: outside; } #sidebar .sidebox ul ul { border-top: 1px solid #efefef; margin-bottom: -1px; } #sidebar .sidebox ul ul li { padding: 0px 0px 0px 25px; } #sidebar .sidebox li { border-bottom: 1px solid #efefef; display: block; line-height: 35px; } #sidebar .sidebox li a { background: transparent url('files/images/sidebar-bullet.gif') center left no-repeat; color: #9c9c9c; display: block; height: 35px; line-height: 35px; padding: 0px 0px 0px 18px; text-decoration: none; } #sidebar .sidebox li a:hover { color: #636363; } #sidebar .sidebox li.current_page_item a { color: #636363; } #sidebar .sidebox li.current_page_item li a { color: #9C9C9C; } /* Recent posts */ #sidebar .widget_posts { } #sidebar .widget_posts h4 { font-size: 14px; font-weight: normal; line-height: 1; margin: 0px 0px 7px 0px; } #sidebar .widget_posts h4 a { text-decoration: none; } #sidebar .widget_posts p { line-height: 15px; } #sidebar .widget_posts .postitem { margin-bottom: 10px; } #sidebar .widget_posts .thumb-wrap { border: 3px solid #fff; clear: both; float: left; margin: 0px 15px 15px 0px; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } #sidebar .widget_posts .thumb-wrap:hover { -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } #sidebar .widget_posts .thumb-wrap img { display: block; } /* Search */ .searchform #s { background-color: #f4f4f4; border: 2px solid #e8e8e8; color: #383838; float: left; font-size: 11px; font-family: 'Arial', sans-serif; height: 24px; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 5px; width : 180px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .searchform #searchsubmit { background: none; border: 0px; color: #A0A0A0; } .searchform #searchsubmit:hover { color: #383838; cursor: pointer; } .searchform .button span span { padding: 0px; } /* Categories */ #sidebar .widget_categories { } #sidebar .widget_categories li { float: left; width: 50%; } /* Archives */ #sidebar .widget_archive { } #sidebar .widget_archive li { float: left; width: 50%; } /* Recent Comments */ #sidebar .widget_recent_comments {} #sidebar .widget_recent_comments li a { background-image: none; } /* Calendar */ #sidebar .widget_calendar {} #sidebar .widget_calendar h3 { display: none; } #sidebar .widget_calendar table { border-collapse: separate; border-spacing: 3px; } #sidebar .widget_calendar caption { background-color: #c7c7c7; border: 1px solid #c0c0c0; color: #fff; font-size: 14px; font-weight: bold; height: 32px; line-height: 32px; margin: 0px auto; text-align: center; width: 264px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #sidebar .widget_calendar th { background: #f2f2f2; border: 1px solid #ebebeb; color: #cac7c7; height: 36px; line-height: 36px; margin: 0px 2px 0px 0px; text-align: center; width: 36px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #sidebar .widget_calendar td { color: #9c9c9c; height: 36px; line-height: 36px; text-align: center; width: 36px; } #sidebar .widget_calendar td:hover { color: #3f3f3f; } #sidebar .widget_calendar #prev a { background: #f2f2f2; border: 1px solid #ebebeb; color: #3f3f3f; display: block; height: 26px; line-height: 26px; margin: 0px 2px 0px 2px; padding: 0px 10px; text-align: center; text-decoration: none; width: 36px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #sidebar .widget_calendar #next a { background: #f2f2f2; border: 1px solid #ebebeb; color: #3f3f3f; display: block; height: 26px; line-height: 26px; margin: 0px 2px 0px 0px; padding: 0px 10px; text-align: center; text-decoration: none; width: 36px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #sidebar .widget_twitter {} #sidebar .widget_twitter .designed { display: none; } #sidebar .widget_twitter .twitter {} #sidebar .widget_twitter .twitter .twitter-item { background: url(files/images/icons/twitter.png) 0px 5px no-repeat; line-height: 24px; padding: 5px 0px 5px 35px; } #sidebar .widget_flickr { } #sidebar .sidebox.widget_flickr li { background-image: none; border: 0px; margin: 0px; float: left; line-height: auto; padding: 0px; } #sidebar .sidebox.widget_flickr a { height: auto; margin: 0px; padding: 0px; } #sidebar .sidebox.widget_flickr .thumb { border: 3px solid #fff; clear: none; float: left; margin: 0px 15px 15px 0px; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } #sidebar .sidebox.widget_flickr .thumb:hover { -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } #sidebar .sidebox.widget_flickr .thumb img { display: block; } /* **************************************************************************** * Post * ****************************************************************************/ .post { padding: 0px 0px 30px 0px; position: relative; } .post p { margin: 0px 0px 20px 0px; } .post .entry-meta { background: #F3F3F3; margin: 0px 0px 15px 0px; padding: 10px 10px; } .post .entry-meta a { text-decoration: none; } .post .entry-meta a:hover { text-decoration: underline; } .post .entry-utility { border-bottom: 1px solid #CFCFCF; border-top: 1px solid #CFCFCF; font-size: 11px; margin: 15px 0px 15px 0px; padding: 10px 10px; } .post .entry-utility a { text-decoration: none; } .post .entry-utility a.read-more { color: #000; font-weight: bold; text-decoration: underline; } .post .entry-utility a:hover { text-decoration: underline; } .post .edit-link a { color: #ff0000; font-weight: bold; } #nav-below { margin-top: 15px; } .nav-previous a { background: url('files/images/button-left.png') top left no-repeat; color: #a0a0a0; display: block; float: left; font-size: 11px; height: 26px; padding: 0px 0px 0px 5px; text-decoration: none; } .nav-previous a span { background: url('files/images/button-right.png') top right no-repeat; display: block; height: 26px; padding: 0px 5px 0px 0px; } .nav-previous a span span { background: url('files/images/button-center.png') top right repeat-x; line-height: 26px; padding: 0px 10px; } .nav-previous a:hover { color: #383838; } .nav-next a { background: url('files/images/button-left.png') top left no-repeat; color: #a0a0a0; display: block; float: right; font-size: 11px; height: 26px; padding: 0px 0px 0px 5px; text-decoration: none; } .nav-next a span { background: url('files/images/button-right.png') top right no-repeat; display: block; height: 26px; padding: 0px 5px 0px 0px; } .nav-next a span span { background: url('files/images/button-center.png') top right repeat-x; line-height: 26px; padding: 0px 10px; } .nav-next a:hover { color: #383838; } a.more-link { background: url('files/images/button-left.png') top left no-repeat; bottom: 0px; color: #a0a0a0; display: block; float: right; font-size: 11px; height: 26px; padding: 0px 0px 0px 5px; position: absolute; right: 0px; text-decoration: none; } a.more-link span { background: url('files/images/button-right.png') top right no-repeat; display: block; height: 26px; padding: 0px 5px 0px 0px; } a.more-link span span { background: url('files/images/button-center.png') top right repeat-x; line-height: 26px; padding: 0px 10px; } a.more-link:hover { color: #383838; } /* **************************************************************************** * Page * ****************************************************************************/ .page { } .page p { margin: 0px 0px 20px 0px; } /* **************************************************************************** * Footer * ****************************************************************************/ #footer {} #footer-wrap {} #footer-top { background: #202429; color: #dedede; overflow: hidden; padding: 45px 0px 25px 0px; } #footer-top a { color: #dedede; text-decoration: none; } #footer-top h3 { color: #fff; font-weight: normal; font-size: 18px; line-height: 1; margin: 0px 0px 25px 0px; } #footer-top h3 a { color: #fff; text-decoration: none; } #footer-top li { background: url('files/images/footer-list.png') bottom center repeat-x; display: block; line-height: 26px; list-style: none; list-style-position: outside; } #footer-top p { margin: 0px !important; } #footer-top .last { background-image: none; margin-bottom: 0px; padding-bottom: 0px; } #footer-top .col-widget { float: left; margin: 0px 20px 0px 0px; width: 140px; } #footer-top .widget_text { margin: 0px 20px 0px 0px; width: 215px; } #footer-top .widget_text li { background-image: none; } #footer-top .widget_posts { margin: 0px 20px 0px 0px; width: 215px; } #footer-top .widget_posts h4 { font-size: 14px; font-weight: normal; margin: 0px 0px 7px 0px; } #footer-top .widget_posts p { line-height: 14px; margin: 0px 0px 5px 0px; } #footer-top .widget_posts .thumb-wrap { background: #1a1c1f; margin-top: 3px; padding: 3px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #footer-top .widget_posts .thumb-wrap.fl { margin: 2px 10px 0px 0px; } #footer-top .widget_posts .thumb-wrap.fr { margin: 2px 0px 0px 10px; } #footer-top .widget_posts .thumb { display: block; } #footer-top .widget_posts .postitem { background: url('files/images/footer-list.png') bottom center repeat-x; margin: -3px 0px 10px 0px; padding: 0px 0px 10px 0px; } #footer-top .widget_posts .postitem.last { background-image: none; margin-bottom: 0px; padding-bottom: 0px; } #footer-top .widget_twitter { margin: 0px 20px 0px 0px; width: 215px; } #footer-top .widget_twitter .designed { display: none; } #footer-top .widget_twitter .twitter {} #footer-top .widget_twitter .twitter .twitter-item { line-height: 24px; } #footer-top .widget_twitter .twitter .twitter-item div { background: url(files/images/icons/twitter.png) 0px 5px no-repeat; padding: 5px 0px 5px 35px; } #footer-top .widget_flickr { width: 215px; } #footer-top .widget_flickr img { display: block; } #footer-top .widget_flickr li { background:none repeat scroll 0 0 #1A1C1F; float: left; margin: 0px 10px 10px 0px; padding: 3px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #footer-bottom { background: #0b668a url('files/images/slider-bg2.png') bottom center no-repeat; color: #fff; font-size: 11px; height: 50px; line-height: 45px; } #footer-bottom-wrap { padding: 5px 0px 0px 0px; position: relative; } #footer-bottom-shadow { background: url('files/images/footer-shadow.png') top left repeat-x; height: 50px; } #footer-bottom a { color: #fff; text-decoration: none; } #footer-bottom a:hover { text-decoration: underline; } #footer-bottom .copyright { left: 10px; position: absolute; } #footer-bottom .copyright p { line-height: 45px; margin: 0px !important; } #footer-bottom .menu { display: block; position: absolute; right: 10px; } #footer-bottom .menu a {} #footer-bottom .menu li { display: block; float: left; line-height: 45px; margin: 0px 0px 0px 30px; } /* **************************************************************************** * Shortcodes * ****************************************************************************/ .clearing { clear: both; } .one-half { float: left; width: 48%; } .one-half-last { float: right; width: 48%; } .one-third { float: left; margin-right: 3%; width: 31%; } .one-third-last { float: right; width: 31%; } .one-fourth { float: left; margin-right: 3%; width: 22%; } .one-fourth-last { float: right; width: 22%; } .rule { background: url('files/images/rule.png') top left repeat-x; border: 0px; display: inline-block; height: 2px; margin: 15px 0px; text-align: right; width: 100%; } .rule span { background: #f7f7f7; cursor: pointer; display: block; float: right; font-size: 10px; margin-top: -7px; padding: 0px 5px; position: relative; text-transform: uppercase; } .sc-button { background: url('files/images/button-left.png') top left no-repeat; color: #a0a0a0; display: inline-block; font-size: 11px; height: 26px; padding: 0px 0px 0px 5px; text-decoration: none;} .sc-button span { background: url('files/images/button-right.png') top right no-repeat; display: inline-block; height: 26px; padding: 0px 5px 0px 0px; } .sc-button span span { background: url('files/images/button-center.png') top right repeat-x; line-height: 26px; padding: 0px 10px; } .sc-button:hover { color: #383838; } .sc-thumb { border: 3px solid #fff; clear: both; display: inline-block; margin: 0px 0px 15px 0px; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } .sc-thumb.alignleft { margin: 5px 15px 0px 0px; } .sc-thumb.alignright { margin: 5px 0px 0px 15px; } .sc-thumb:hover { -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); } .sc-thumb img { border: 0px; display: block; margin: 0px; } /* **************************************************************************** * Themebox * ****************************************************************************/ #theme { background: #fff; border: 1px solid #6F6F6F; position: fixed; left: 20px; padding: 15px; top: 50px; z-index: 9000; width: 160px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #theme p { margin: 0px 0px 10px 0px; } #theme input { border: 1px solid #cacaca; padding: 5px; width: 149px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #theme select { border: 1px solid #cacaca; padding: 5px; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .colorpicker { z-index: 9001; }