/* Theme Name: Corma Author: Jesse Version: 1.0 Description: Business and portfolio Site *Corma* */ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Defaults --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .with-sidebar h2 { font-size: 22px; margin-bottom: 20px; } a { text-decoration:none; color:#8F8F8F; font-face:arial; } .left { float: left; } .right { float: right; } .clear { clear: both; } .relative { position: relative; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Plugins etc --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ #tooltip { color: #fff; position: absolute; z-index: 3000; background-color: #818181; padding: 3px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #6d6d6d; } #tooltip h3, #tooltip div { margin: 0; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Main Layout --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ body { font: normal 12px arial, tahoma, verdana; text-align: center; margin: 0 auto; color: #000; background: #fff; } .background { width: 100%; height: 100%; padding-top: 70px; text-align: center; margin: 0 auto; display: inline-block; } .wrap { width: 940px; margin: 0 auto; text-align: left; } .marginauto-inner { width: 940px; margin: 0 auto; text-align: left; } .header { width: 100%; height: 125px; z-index: 9999; position: relative; /*background: url("images/topbar-bg.png") repeat-x;*/ } .content-top { width: 100%; margin-top: -5px; z-index: 3; position: relative; background: url("images/slider-bg.gif") repeat-x bottom; } .content { width: 940px; height: 100%; padding-bottom: 8px; display: inline-block; text-align: left; background: url("images/content-bg.png") repeat-y; } .content-bottom { width: 942px; height: 11px; margin-bottom: 50px; margin-top: 0; background: url("images/content-bottom.png") no-repeat; } .with-sidebar { width: 652px; height: 100%; padding: 22px; padding-left: 0; text-align: left; display: inline-block; } .full-width { width: 890px; height: 100%; padding: 22px 0; text-align: left; float: none; } .full-width1 { width: 617px; height: 100%; padding: 22px 22px 22px 0; text-align: left; float: left; } .second_div { width: 290px; height: 100%; padding: 22px 0; text-align: left; float: left; } .top-relative { width: 940px; height: 100%; padding-bottom: 60px; margin: 0 auto; } .crumbs { text-align: left; position: absolute; bottom: 15px; left: 0px; } .breadcrumb-text a { font-size: 12px; color: #868686; } .breadcrumb-text a:hover { font-size: 12px; color: #5a5a5a; } .breadcrumb-text { font-size: 12px; color: #868686; } .cat_description { width: 940px; padding-bottom: 20px; margin: 0 auto; text-align: left; clear: both; } .cat_description h2 { width: 592px; color: #fff; font-size: 30px; margin: 20px 0; float: left; clear: both; } .cat_description font { width: 592px; color: #e9e9e9; font-size: 17px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); clear: both; display: block; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Banner(Topbars,Logo) --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ h1.logo a { float: left; } h1.logo span { margin-left: 20px; font-size: 13px; font-weight: normal; color: #a5aaae; line-height: 95px; text-shadow: 1px 1px 0px #fff; } #darktext { color: #a6a6a6; text-shadow: 1px 1px 3px #000; } h1.logo { float: left; padding:33px 0px 0px 0px; } .logotext { font-size: 34px; font-weight: normal; color: #4d545b; line-height: 95px; text-shadow: 1px 1px 0px #fff; } .topbars { height: 94px; display: inline-block; float: right; /*padding:57px 0px 0px 0px;*/ } ul#dropdown { height: 94px; float: right; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Showcase & Slider --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ #slider-bg { width: 100%; /*height: 378px;*/ margin-top: -5px; margin-bottom: 26px; z-index: 3; position: relative; background: url("images/slider-bg.gif") repeat-x; } #slider { width: 100%; height: 393px; position: relative; } #slider .slide { width: 940px; height: 320px; padding-top: 4px; } #slider .slide-large { width: 940px; height: 348px; padding-top: 45px; } #slider .slide-info { width: 100%; display: block; } #slider .slide-info a.title { width: 400px; margin-bottom: 30px; font-size: 36px; line-height: 20px; color: #fff; display: inline-block; } #slider .slide-info span { font-size: 17px; line-height: 24px; color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .slider-button-right, .slider-button { margin-top:10px; } #slider .slider-button { height: 26px; padding: 13px 14px 0 19px; line-height: 11px; color: #494949; font-size: 14px; display: block; float: left; background: url("images/slider-button.png") no-repeat left; width:auto; } #slider .slider-button:hover { color: #787878; } #slider .slider-button-right { width: 6px; height: 39px; margin-right: 10px; display: block; float: left; background: url("images/slider-button-right.png") no-repeat; } #slider img { /*background: url("images/zoom.png") no-repeat center center;*/ } #slider .sliderbox { width:944px; display: block; background: url("http://www.bizexpress.com.au/wp-content/uploads/2011/07/main_bg123.png") no-repeat; height:310px; } #slider .slidertrans { width: 459px; height: 404px; padding-top: 12px; padding-left: 24px; margin-right: -10px; display: block; float: right; background: url("images/transparent-box.png") no-repeat; } #slider .sliderlarge { width: 925px; height: 318px; padding-top: 15px; padding-left: 15px; display: block; background: url("images/slider2.png") no-repeat; } div.controls { padding-top: 23px; } div.controls a { width: 15px; height: 15px; margin-right: 6px; float: left; display: block; background: url("images/control.gif") no-repeat; } div.controls a.activeSlide { background: url("images/control-hover.gif") no-repeat; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Accordion --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ .accordion { width: 280px; margin: 60px 0; padding: 0; overflow: hidden; float: left; text-align: center; } .acc-arrow { width: 50px; height: 30px; float: left; margin-top: 110px; background: url("images/arrow.gif") no-repeat; } .accordion p { font-size: 12px; color: #a1a1a1; line-height: 23px; padding: 15px 23px; } .accordion p a { color: #333738; text-decoration: underline; } .accordion .number { color: #4f9bc1; } h2.accordion-title { margin-top: 15px; font-size: 24px; color: #7a7a7a; } .accordion1 { margin: 0 auto; } .accordion2 { margin: 0 auto; } .accordion3 { margin: 0 auto; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Blog --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ .post { width: 592px; padding-bottom: 40px; } .post p { color: #8f8f8f; font-size: 12px; line-height: 20px; padding: 8px 0; } .post h2.title { font-size: 28px; color: #3f3f3f; } .post h2.title a { color: #3f3f3f; } .post h2.title a:hover { color: #000; } .execphpwidget h2.title { font-size: 28px; color: #3f3f3f; } .execphpwidget h2.title a { color: #3f3f3f; } .execphpwidget h2.title a:hover { color: #000; } .second_div h2.title { font-size: 28px; color: #3f3f3f; } .second_div h2.title a { color: #3f3f3f; } .second_div h2.title a:hover { color: #000; } .meta { width: 100%; padding: 10px 0; margin-top: 15px; margin-bottom: 10px; color: #acacac; font-size: 11px; background: url("images/meta-bg.gif") repeat-x top; display:none; } .meta a { color: #acacac; } .meta a:hover { color: #676767; } .blog-image { width: 582px; height: 224px; padding: 4px; margin-bottom: 10px; display: block; background-color: #fff; border: 1px solid #cdcdcd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Home Page --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ .homepage-blocks { width: 940px; height: 3px; margin: 15px 0 0 0; clear: both; text-align: left; display: block; } .homepage-block { width: 220px; margin-left: 18px; float: left; } #block-first { margin-left: 0; } .homepage-block h2 { font-size: 22px; } .homepage-block h2 a { color: #137bb8; } .homepage-block font { background: #d2d1d0; color: #fff; line-height: 30px; font-size: 11px; padding: 3px; display:none; } .homepage-block img { margin-top: 10px; -moz-border-radius: 3px; border-radius: 3px; border: solid 3px #c1e2f4; } .homepage-block p { color: #868580; font-size: 12px; line-height: 24px; } .quotebox { padding: 20px; margin-top: 30px; text-align: left; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #f1f1f1; } .quotebox h1 { color: #6d6d6d; font-size: 24px; } .quotebox span { color: #a1a1a1; font-size: 12px; } .quotebutton { height: 49px; padding: 0 0 0 15px; color: #fff; display: block; float: right; background: url("images/box-button.gif") no-repeat left; } .quotebutton:hover { background: url("images/box-button-hover.gif") no-repeat left; } .quotebutton font { height: 35px; padding: 14px 15px 0 0; font-size: 16px; color: #fff; display: block; background: url("images/box-button.gif") no-repeat right; } .quotebutton:hover font { background: url("images/box-button-hover.gif") no-repeat right; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Single --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ .single p { color: #868580; font-size: 12px; line-height: 19px; } .single h2.title { font-size: 30px; color: #777B7F; margin-bottom: 0; } .single h2.line { border-bottom: 1px solid #d3d7db; margin-bottom: 25px; } .single .meta { border: none; margin-bottom: 0; border-bottom: 1px solid #d3d7db; margin-bottom: 25px; margin-top: 0; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Portfolio --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ .portfolio .meta { padding: 10px 0; margin-top: 5px; margin-bottom: 10px; border: none; display: none; clear: both; background: url("images/meta-bg.gif") repeat-x bottom; } .portfolio1 { width: 100%; height: 100%; padding-bottom: 25px; margin-bottom: 25px; display: inline-block; clear: both; border-bottom:1px dashed #999999; } .portfolio1 p { padding: 20px 0 0 0; } .portfolio1 .portfolio-image { width: 582px; height: 341px; padding: 4px; margin-bottom: 10px; margin-right: 20px; display: block; float: left; background-color: #fff; border: 1px solid #cdcdcd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .portfolio3wrap { height: 100%; /*display: inline-block; clear: both;*/ } .portfolio3 h2.title { font-size: 20px; } .portfolio3 { width: 275px; height: 100%; padding-bottom: 25px; margin-bottom: 25px; margin-right: 32px; display: inline-block; float: left; } .portfolio3 .portfolio-image { width: 269px; height: 178px; padding: 4px; margin-bottom: 10px; display: block; float: left; background-color: #fff; border: 1px solid #cdcdcd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .portfolio3 p { padding: 12px 0; text-align: justify; } /*Portfolio 4 Col*/ .portfolio4 h2.title { font-size: 20px; } .portfolio4 { width: 205px; height: 100%; padding-bottom: 25px; margin-bottom: 25px; margin-right: 21px; display: inline-block; float: left; } .portfolio4 .portfolio-image { width: 202px; height: 178px; padding: 4px; margin-bottom: 10px; display: block; float: left; background-color: #fff; border: 1px solid #cdcdcd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .portfolio4 p { padding: 12px 0; text-align: justify; } /*END -- Portfolio 4 Col -- END*/ .category_images { -moz-border-radius: 3px; border-radius: 3px; border: solid 3px #C1E2F4; } .zoom { /*background: url("images/zoom.png") no-repeat center center;*/ } .readmore { width: 111px; height: 39px; margin-top: 15px; display: block; /*float: left;*/ clear:both; /*NEW*/ background: url("images/readmore.gif") no-repeat; } .readmore:hover { background: url("images/readmore-hover.gif") no-repeat; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Navigation --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ .pagination { width: 100%; height: 40px; margin-top: 30px; margin-bottom: 30px; } .pagination a { padding: 5px; display: inline-block; border: 1px solid #ddd; color: #000; background: #fff; } .pagination a:hover { border: 1px solid #bbb; background: #fff; } .pag-left { width: 48%; overflow: hidden; text-align: left; float: left; } .pag-right { width: 48%; overflow: hidden; text-align: right; float: right; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Sidebar --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ .sidebar-wrap { width: 242px; height: 100%; padding-top: 47px; float: right; background: url("images/sidebar-bg.gif") repeat-y; } .widget { padding-bottom: 15px; } .widget form { padding-top: 15px; } .widget form input#s { width: 180px; margin-right: 5px; } /* Div, Textwidget */ .widget div { color: #717171; padding: 15px 0; line-height: 19px; } /* Lists */ .widget ul { padding: 10px 0; } .widget ul li { padding: 5px; text-indent: 14px; color: #717171; background: url("images/widget-item.gif") no-repeat left 10px; } .widget ul li a { color: #717171; } .widget ul li a:hover { color: #000; text-decoration: underline; } .widgettitle { padding-bottom: 10px; font-size: 20px; color: #2d2d2d; background: url("images/widget-title.gif") repeat-x bottom; } .widgettitle p { font-size: 13px; color: #a4a4a4; } /* Calendar */ #calendar_wrap { padding: 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #e6e6e6; } #wp-calendar * { padding: 5px; } #wp-calendar a { color: #333; } /* Tag Cloud */ .widget_tag_cloud a { padding: 5px; margin: 7px; color: #333; background: #e6e6e6; display: inline-block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .widget_tag_cloud a:hover { color: #000; text-decoration: underline; } /* Advertisement */ .ad a { float: left; margin-top: 12px; margin-right: 12px; } .ad a.odd { margin-right: 0; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Comments and Gravatar --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ #respond { padding: 0 0 20px 0; clear: both; } #respond a { color: #444; } div.commentbox { width: 552px; padding: 20px; margin-bottom: 10px; clear: both; position: relative; display: inline-block; background: #f0f0f0; border-top: 1px solid #e3e3e3; } h2.singleheaders { color: #000; line-height: 60px; font-weight: normal; font-size: 25px; } .comment-meta { height: 32px; margin-bottom: 20px; border-bottom: 1px solid #d9d9d9; } .comment-author { height: 32px; font-size: 17px; padding-left: 25px; float: left; background: url("images/comments/user.gif") no-repeat left 2px; } .comment-author a { color: #000; } .comment-date { height: 32px; padding-top: 2px; padding-left: 20px; color: #636363; font-size: 10px; float: right; background: url("images/comments/time.gif") no-repeat; } .gravatar-wrap img { width: 74px; height: 74px; padding: 5px; border: 1px solid #dedede; background: #fff; } .gravatar-wrap { width: 84px; float: left; margin-right: 20px; } .comment-reply-link { width: 74px; height: 14px; padding: 4px 5px; color: #7f7f7f; display: block; border: 1px solid #dbdbdb; background: #fff url("images/comments/reply-icon.gif") no-repeat 65px 3px; } .prop { width: 1px; height: 110px; } .comment-text .text { float: left; color: #6e6e6e; } .depth-2 .commentbox, .depth-4 .commentbox, .depth-5 .commentbox, .depth-6 .commentbox, .depth-7 .commentbox, .depth-8 .commentbox, .depth-9 .commentbox, .depth-10 .commentbox { clear: both; float: right; } .depth-2 .commentbox { width: 465px; } .depth-3 .commentbox { width: 415px; } .depth-4 .commentbox { width: 375px; } .depth-5 .commentbox { width: 335px; } .depth-6 .commentbox { width: 295px; } .depth-7 .commentbox { width: 255px; } .depth-8 .commentbox { width: 215px; } .comment-text { width: 430px; float: left; } .depth-2 .comment-text { width: 360px; } .depth-3 .comment-text { width: 310px; } .depth-4 .comment-text { width: 270px; } .depth-5 .comment-text { width: 230px; } .depth-6 .comment-text { width: 190px; } .depth-7 .comment-text { width: 150px; } .depth-8 .comment-text { width: 115px; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Trackbacks --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ .trackbacklist { width: 665px; padding: 20px; border: 1px solid #d6d6d6; background: #f5f5f5 url("images/comments/comment.gif") repeat-x top; } .trackbacklist li { line-height: 24px; } .trackbacklist li a { color: #34738d; font-size: 14px; } .trackbacklist li a:hover { color: #454545; text-decoration: underline; } .trackback-number { font-weight: bold; margin-right: 10px; color: #454545; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Comment Form --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ .cancel-reply { padding-left: 25px; color: #cc906d; font-family: arial; font-size: 13px; background: url("images/comments/cancel.gif") no-repeat; } .req { color: #777; line-height: 20px; } .req strong { color: #ba5353; } .divform { padding: 4px 0; } .divform label span { color: #ba5353; } .divform label.name, .divform label.email, .divform label.url { width: 60px; height: 26px; padding-top: 13px; padding-left: 40px; color: #5b5b5b; display: block; float: left; } .divform label.name { background: #f8f8f8 url("images/comments/name.gif") no-repeat 12px 12px; border: 1px solid #dedede; border-right: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top-right-radius: 0px; -moz-border-radius-topRight: 0px; -webkit-border-top-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomRight: 0px; -webkit-border-bottom-right-radius: 0px; } .divform label.email { background: #f8f8f8 url("images/comments/email.gif") no-repeat 12px 12px; border: 1px solid #dedede; border-right: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top-right-radius: 0px; -moz-border-radius-topRight: 0px; -webkit-border-top-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomRight: 0px; -webkit-border-bottom-right-radius: 0px; } .divform label.url { background: #f8f8f8 url("images/comments/website.gif") no-repeat 12px 12px; border: 1px solid #dedede; border-right: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top-right-radius: 0px; -moz-border-radius-topRight: 0px; -webkit-border-top-right-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomRight: 0px; -webkit-border-bottom-right-radius: 0px; } .divform input { width: 191px; height: 19px; padding: 10px; margin: 0; color: #454545; display: block; background: #fff; border: 1px solid #dedede; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top-left-radius: 0px; -moz-border-radius-topLeft: 0px; -webkit-border-top-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomLeft: 0px; -webkit-border-bottom-left-radius: 0px; } .textarea { padding: 5px 0; } .textarea textarea { padding: 15px; color: #333; font-family: arial; border: 1px solid #dedede; background: #f8f8f8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .submit-button #submit { cursor:pointer; width: 105px; height: 38px; border: none; display: block; background: url("images/comments/submit.gif") no-repeat; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Elements --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /* Resets */ .entry-content div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { /*margin: 0;*/ /*padding: 0;*/ /*border: 0;*/ outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .entry-content:focus { outline: 0; } .entry-content ins { text-decoration: none; } .entry-content del { text-decoration: line-through; } .entry-content table { border-collapse: collapse; border-spacing: 0; } /* Align */ .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:13px; } img.alignright { display:inline; float:right; margin-left:13px; } /* Headers */ .entry-content p { margin-bottom: 20px; } .entry-content h1 { font-size: 24px; color: #000; margin: 0 0 10px 0; } .entry-content h2 { font-size: 22px; color: #222; margin: 0 0 10px 0; } .entry-content h3 { font-size: 20px; color: #333; margin: 0 0 10px 0; } .entry-content h4 { font-size: 19px; color: #444; margin: 0 0 10px 0; } .entry-content h5 { font-size: 17px; color: #555; margin: 0 0 10px 0; } .entry-content h6 { font-size: 16px; color: #666; margin: 0 0 10px 0; } /* lists inside posts */ .entry-content ul ol { margin-left:0; } .entry-content ul li { list-style:disc; list-style-position:inside; padding-left: 10px; color: #61696f; line-height: 20px; } .entry-content ul li ol { margin-left:10px; } .entry-content ol li { margin-left:5px; list-style: decimal; list-style-position:inside; } .entry-content ol li li { margin-left:5px; } /* Captions */ .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f5f5f5; padding-top: 4px; margin-bottom: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-captionp.wp-caption-text { font-size: 12px; line-height: 15px; padding: 0 4px 5px; margin: 0; } .alignleft { margin: 8px 15px 8px 0; } .alignright { margin: 8px 0 8px 15px; } .entry-content blockquote { width: 450px; margin: 15px auto; background-color: #f8f8f8; padding: 15px; font-style: italic; } /* ------- Fluid Columns ------- */ .entry-content .one_half { width:48%; } .entry-content .one_third { width:30.50%; } .entry-content .two_third { width:65.33%; } .entry-content .one_fourth { width:22%; } .entry-content .three_fourth { width:74%; } .entry-content .one_fifth { width:16.8%; } .entry-content .two_fifth { width:37.6%; } .entry-content .three_fifth { width:58.4%; } .entry-content .four_fifth { width:67.2%; } .entry-content .one_sixth { width:13.33%; } .entry-content .five_sixth { width:82.67%; } .entry-content .one_half, .entry-content .one_third, .entry-content .two_third, .entry-content .three_fourth, .entry-content .one_fourth, .entry-content .one_fifth, .entry-content .two_fifth, .entry-content .three_fifth, .entry-content .four_fifth, .entry-content .one_sixth, .entry-content .five_sixth { position:relative; margin-right:4%; float:left; } .entry-content .last { margin-right:0 !important; clear:right; } .entry-content .clearboth { clear:both; display:block; font-size:0; height:0; line-height:0; width:100%; } .entry-content .dropcap { margin:0 8px -5px 0; display:block; float:left; font-size:39px; line-height:39px; } .entry-content .divider { clear:both; display:block; margin-bottom:35px; padding-top:20px; width:100%; border-bottom:1px solid #e5e5e5; text-align:right; position:relative; } .entry-content .divider a { font-size:8px; height:20px; position:absolute; right:0; top:15px; width:20px; color:#d3d3d3; background:#fff; } .entry-content .divider a:hover { color: #909090; } .pullquote_left { letter-spacing:0.04em; font-size:15px; /*float:left;*/ margin:3% 4% 3% 0; line-height:24px; padding-left:5px; width:30%; border-left: 3px solid #ddd; } .pullquote_right { letter-spacing:0.04em; font-size:15px; float:right; margin:3% 0 3% 4%; line-height:24px; padding-right:5px; width:30%; border-right: 3px solid #ddd; } .entry-content pre { padding: 13px 8px; margin: 5px 0; background-color: #f1f2f3; border: 1px solid #e2e2e2; color: #8e8e8e; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .entry-content .frame { padding: 4px; padding-bottom: 0; background-color: #fff; border: 1px solid #cdcdcd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Full Width --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Footer -*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ .footer-social { width: 100%; height: 56px; background: url("images/footer-bg.gif") repeat-x; position:relative; } .latest_tweet_text { position:absolute; top:30px; width: 100%; } .latest-tweet { height: 68px; padding-left: 320px; padding-top: 8px; color: #737373; font-size: 11px; letter-spacing: -0.02em; font-family: arial; float: left; background: url("images/tweet.png") no-repeat left; position:absolute; top:-11px; } .latest-tweet a.twitter-name { color: #18b8dc; } .latest-tweet a { color: #959595; font-size:12px; } .latest-tweet a:hover { color: #bdbdbd; } .latest-tweet span { font-size:12px; } #rss { width: 16px; height: 16px; display: block; float: right; margin-left: 6px; background: url("images/rss.gif") no-repeat; } #facebook { width: 16px; height: 16px; display: block; float: right; padding-left: 20px; background: url("images/facebook.gif") no-repeat; } #twitter { width: 16px; height: 16px; display: block; float: right; background: url("images/twitter.gif") no-repeat; } #linkedin { width: 80px; height: 15px; display: block; float: left; } .footer { width: 100%; padding: 25px 0 0 0; display: inline-block; background: #cacaca; margin-bottom: -3px; } .footer-bottom { width: 940px; height:35px; padding: 0; padding-top: 15px; margin: 0 auto; margin-top: 40px; color: #808080; font-size: 11px; border-top: 1px solid #a5a5a5; background-color: #cacaca; } .footer-dark { background: #4d4d4d; } .footer-bottom-dark { color: #868686; border-top: 1px solid #595959; background-color: #383838; } /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ /*-- Footer Widgets --*/ /*-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --*/ .widget-footer { width: 220px; padding: 0; margin-right: 20px; float: left; } .widget1 { padding-left: 0; } .widget4 { margin-right: 0; } h3.footertitle { font-size: 18px; color: #373737; padding-bottom: 5px; } /* Text Widget */ .widget-footer div { font-size: 12px; color: #595858; line-height: 21px; } /* Lists */ .widget-footer ul { padding-top: 10px; } .widget-footer ul li { margin-bottom: 3px; line-height: 20px; font-size: 12px; color: #595858; } .widget-footer ul li a { font-size: 12px; color: #595858; text-decoration: none; } .widget-footer ul li a:hover { font-size: 12px; color: #838383; text-decoration: underline } .widget-footer ul li ul { padding-top: 0; } .widget-footer ul li ul li { width: 100%; padding: 0; text-indent: 15px; background: transparent; } .footer-dark .widget-footer ul li { color: #c3c3c3; background: #5f5f5f url("images/footer-link-dark.gif") no-repeat 225px center; } .footer-dark .widget-footer ul li a { color: #c3c3c3; } .footer-dark .widget-footer ul li a:hover { color: #fff; } .footer-dark h3.footertitle { color: #ddd; } /* Calendar */ .widget-footer#calendar_wrap { background: #e6e6e6; } .widget-footer#wp-calendar a { color: #fff; } /* Tag Cloud */ .widget-footer .widget_tag_cloud a { color: #444; background: #e6e6e6; } /* Advertisement */ .footer .ad a { float: left; margin-right: 0px; padding: 0; } .footer .ad a img { float: left; margin: 0; margin-right: 0px; padding: 0; } /*ogezzy*/ .services_area { width:939px; height:258px; -moz-border-radius: 3px; border-radius: 3px; border: solid 3px #c1e2f4; } .services_area img{ padding:39px 0px 10px 0px; } .services_area img.serv1{ padding:39px 0px 0px 10px; } .services_area p{ margin:15px 0px 20px 15px; } .service_one_third, .service_last_third { width:30.66%; margin-right:2%; } .service_one_third { float: left; margin-left:1%; position: relative; } .service_last_third { margin-right:0 !important; clear:right; } .service_content { clear:both; padding:10px 0px 0px 0px; } /*Footer - CSS*/ .footer_text_area { font-size:11px; } .footer_text_area a{ font-size:11px; color:#808080; text-decoration:none; } .footer_text_area a:hover{ font-size:11px; color:#808080; text-decoration:underline; } .twitter_text { padding:22px 0px 0px 0px; } /*iinsight-login*/ .signin_col { /*position:absolute; right:166px; top:0px;*/ display: inline-block; float: right; } .signin_bk_1 { float:left; width:50px; height:45px; } .signin_bk_g1 { float:left; width:50px; height:45px; } .signin_bk_2 { float:left; height:30px; background:url(images/signin_bk_2.jpg) repeat-x; } .signin_bk_g2 { float:left; height:30px; background:url(images/signin_bk_g2.jpg) repeat-x; } .signin_bk_2 h1{ font-size:14px; color:#FFF; padding:5px 2px 0px 5px; margin:0px; } .signin_bk_2 a{ font-size:14px; color:#FFF; text-decoration:none; } .signin_bk_2 a:hover{ font-size:14px; color:#FFF; text-decoration:underline; } .signin_bk_g2 h1{ font-size:14px; color:#FFF; padding:5px 2px 0px 5px; margin:0px; } .signin_bk_g2 a{ font-size:14px; color:#FFF; text-decoration:none; } .signin_bk_g2 a:hover{ font-size:14px; color:#FFF; text-decoration:underline; } .signin_bk_3 { float:left; width:8px; height:30px; background:url(images/signin_bk_3.jpg) no-repeat; } .signin_bk_g3 { float:left; width:8px; height:30px; background:url(images/signin_bk_g3.jpg) no-repeat; } #dropdown > li {height: 58px!important; } .second_div ul li a { border:1px solid; color:#000000; }