/* Theme Name: Conduct online Theme URI: http://www.conducthq.com/ Description: This theme is for the digital home for Conduct. Version: 0.1 Author: Simon Krambousanos Author URI: http://www.conducthq.com Tags: conduct, clean, two column, fresh */ /* ----- RESET ----- */ 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,table,caption,tbody,tfoot,thead,tr,th,td{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,ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* ----- BODY ----- */ html, body {color: #787773;background:#0269ab;text-align: left;font: normal 12px arial, helvetica, sans-serif;padding-bottom:20px;} /* ----- COMMON ----- */ li {list-style:none; } .clear {clear:both;} .clr {clear:both;} a {text-decoration: underline;padding: 1px;} a:hover {text-decoration: none;} a img {border: 0;} a, a strong {color: #20A4D0;text-decoration: underline;} p {padding:10px 0 10px 0; text-align:left;} p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} h1{color:#000;font:18px/20px Arial, sans-serif;margin:10px 0 13px 0;padding:0;font-size:20px;} h2{color:#000;font:16px/20px Arial, sans-serif;margin:15px 0 5px 0;padding:0;font-size:16px;} h3{color:#000;font:normal 18px/27px Arial, sans-serif;margin:0 0 5px 0;padding:0} h5{color:#3e434a;font:bold 13px/18px Arial,sans-serif;margin:0;padding:0} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} em, dfn {font-style:italic;} p {font-size: 1.2em;} p.large {line-height: 1.5;font-size: 1.5em;} em {font-style: normal;color: #686c70;} .left-align {float:left;margin:0 5px 2px 0; } .left-align img {padding:3px; border:solid 1px #dfdfdf;background:#fdfdfd; margin:2px 5px 0 2px;} blockquote {margin: 10px 0 0 0;padding:0 15px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; background:#fefee7;} blockquote cite {margin: 5px 0 0;display: block;} blockquote {color: #777; font-size:15px; font-style:italic;} .cuff-links {margin:0 auto;width:960px; } .left {float:left;} #splitNav ul#split-menu li.nextproject {text-align:right; float:right; font-weight:bold; } .entry p img.no-bg {border:none;} .feedback { margin:30px 20px 0 0;} .team-twocol {margin:20px 0 0 0;} .team-leftcol h2,.team-rightcol h2 {margin:0; padding:0; font-size:16px; border-bottom:solid 1px #ddd;} .team-leftcol {width:320px; margin:0; padding:0; } .team-rightcol {width:320px; margin:0 0 0 340px; padding:0; } /*BASE*/ .clearfix:after, #content:after{ content:"\0020"; display:block; height:0; clear:both;visibility:hidden; overflow:hidden} .clearfix, #content{display:block} .clear{clear:both} /* ----- PAGE DEFAULT ----- */ #page {width:100%;margin:0 auto; background:#fff;} #body {background: url(cssimg/bg-body.png) #fff repeat-x;} #home-body {background:#fff;} #twitter {position:absolute; width:274px; height:65px; margin:15px 0 0 600px;background:url(cssimg/tweet-bg.png) no-repeat;color:#2f82bf; font-size:11px;} #twitter ul {margin:8px 20px 10px 10px; } #twitter ul .external_icon {background-image:none; padding-right:0;} #twitter a {text-decoration:none;} /* ----- PAGE HOME ----- */ div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .block p, #links p {margin-bottom: 0;} .block {margin-bottom: 1.3em;} div.last {margin-right:0;} .span-8 {width:310px;} .last {border-right: 0;} .last {margin-right:0;padding-right:0;} h3.blue {color: #6b7b95;} #links a {font-size: 13px; } #links p {font-size: 11px;color:#686c70; margin:2px 0 ;} /*Homepage featured content */ .jdGallery .slideInfoZone{height: 45px;} #myGallery {position:absolute; margin:15px 0 0 7px;} /* ----- PORTFOLIO SINGLE ----- */ #large-images {overflow:hidden; width:430px; height:325px;border:1px solid #e7e7e7; background:#f8f8f8;padding:2px; } #thumb_images {margin:5px 0 0 0;} #thumb_images .thumb {margin:0 5px 0 0;} /* ----- HOME PAGE ----- */ #hero {background:url(images/shelf.png) no-repeat bottom; margin:0 auto; width:100%; height:412px;} .intro p {font-size:18px;color:#969696;} .intro {margin:20px 0 5px 0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; background:#f8f8f8; padding:0 0 0 15px;} .intro p a {text-decoration:underline;color:#9fc54e;} #hero .spotlight {width:960px; margin:0 auto; padding-top:35px;} #hero .spotlight .text {width:460px; margin:0 0 0 20px; position:absolute; padding:0;} #hero .spotlight .text p {padding:10px 10px 10px 0; margin:0; font-size:17px;} #hero .spotlight .text p span {display:block; margin:0; padding:10px 0;font-size:16px; line-height:20px; color:#666;} #hero .spotlight .text h3 {font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; color:#454545; margin-top:25px;font-size:30px;} #hero .spotlight .featured-projects {width:474px; height:300px; background:url(images/slideshow-back.png) no-repeat; position:absolute; margin:0 0 0 474px;padding:0;} #hero .spotlight .featured-projects #corner-tag {width:39px; height:40px; margin:7px 0 0 430px; position:absolute; background:url(images/module_badges.png); background-position:0 -120px; z-index:99999; background-repeat:no-repeat;} .sell-strap h4 {padding-top:5px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight:normal;} .sell-strap h4 a {font-size:16px; line-height:19px;text-decoration:none; color:#454545; } .sell-strap img {margin-right:16px;} .sell-strap .col1 {width:430px;} .sell-strap .col1 ul {margin:0px; padding:0;} .sell-strap .col1 ul li {float:left; width:200px; margin:0 15px 20px 0;} .sell-strap .col1 ul li p {margin-top:5px;} .sell-strap ul.bigtick {margin:0 0 0 10px; padding:0;} .sell-strap strong span {color:#9fc54e;font-weight:bold; font-size:18px;} .sell-strap .col2 {width:200px; padding:10px;background:#f7ffe5; border: 1px solid #d8e5bb;} .sell-strap .col2:hover {background:#eaffbb;} .sell-strap .col2 .btn {margin:10px 0 4px 0;} .sell-strap .col3 {width:245px; margin:0 0 0 20px;} .sell-strap .col2 h4 a {color:#666; font-size:17px;} .sell-strap .col2 .btn {margin-left:18px;} .sell-strap .col3 ul {margin:15px 0 0 0; padding:0;} .sell-strap .col3 ul li {background:url(images/client_logos_bg.png) no-repeat; width:75px; height:62px; float:left; padding:5px 5px 0 0;} .sell-strap .col3 ul li a span {display:none;} .sell-strap .col3 ul li a img {margin:5px 0 0 5px;} #random {position:absolute; width:142px; height:162px; background:url(images/catcus.png) no-repeat; margin:205px 0 0 310px;} #random a {display:block; width:142px; height:162px;} #random a span {display:none;} .entry p img {border:solid 10px #e8e8e8;} h4.client-love {background:url(images/heart-icon.png) no-repeat 190px 5px;height:20px;} .free-quote a {padding:0; margin:0; font-size:15px;color:#a7c348; } /* ----- HEADER ----- */ #page {background-color: #fff;} #page #header {width:960px; margin:0 auto; } #birdy {position:absolute; margin:4px 0 0 870px; width:90px; height:90px;background: url(cssimg/birdy-bg.png) no-repeat;} #page .headerwrap, #mainNav {background-color:#0269ab;} .headerwrap {background: url(cssimg/header-bg.gif) repeat-x right bottom;width:100%;} #header {width:100%;font-size:12px;line-height:normal;text-align: left;} #header .logo {color: #fff;font: bold 24px arial, helvetica, sans-serif;padding: 15px 0 35px 0; margin-left:5px;} #tag {position:absolute;top:60px; margin-left:5px;} #tag span a,#tag span { color: #9fd6f5;font: bold 14px arial, helvetica, sans-serif;padding: 0 0 0 1px; text-decoration:none;} #tag span a:hover {color:#fff;} .masthead {width:100%;} /* ----- BLOCKS ----- */ #content {margin: 0 0 0 15px;padding:15px 0 0 0;position: relative;zoom: 1.0;} .onecol {width:960px;margin:0 auto;background:#fff;} .twocol {width:960px;margin:0 auto;background:#fff;} .portfolio .twocol,.homepage .twocol,.blank .twocol {width:960px;margin:0 auto;background-image:none; background:#fff;} .portfolio .twocol #content, .homepage .twocol #content,.blank .twocol #content {background-image:none; } .portfolio .twocol #content {min-height:580px;} .twocol #content {background:#fff url(cssimg/site-bg.gif) repeat-y top left;} #leftcol {margin-right: 261px;height:auto !important;min-height: 550px; padding:0 15px 0 0;} #leftpost{ width:500px; float:left; } #rightpost{ width:412px; float:left; margin-left:15px; } #rightcol {position:absolute;top: 15px;right: 25px;width: 210px;padding: 0;} #rightcol .text,#rightcol .client {margin-left:10px;} #rightcol-links {position:absolute;top: 15px;right: 0px;width: 270px;padding: 0;} /* ----- SIDEBAR ----- */ #rightcol a, #sidebar a {text-decoration:none; font-size:13px;} #sidebar #sidebar-menu li {margin-left:0;} #sidebar .widget li a {background:url(cssimg/arrowbullet.png) no-repeat; padding:0 0 0 20px;} #rightcol{margin-top:20px;} #rightcol li, #sidebar li {margin-bottom:7px; margin-left:10px;} #rightcol p {font-size: 11px;color: #666;line-height: 15px;text-align:left;margin-left:10px;} #sidebar .widget h3,#rightcol .widget h3 {color: #585858;margin: 0;padding: 1px 10px;font-size: 13px; font-weight:bold;} h3.mainheader {color: #585858;margin-top: 25px;padding: 2px 10px 1px 10px;font-size: 16px; font-weight:bold;border-top:1px solid #dedede; } #sidebar .widget h3,#rightcol .widget h3 {margin: 0 0 15px 0;} #sidebar .widget h3,#rightcol .widget h3 {background: #e7f2f7;} #sidebar .widget h3,#rightcol .widget h3 {color: #484e54;} #sidebar .follow-us {margin:0 0 20px 10px; } #sidebar .follow-us a {font-size:26px; margin:0; padding:0;} #sidebar .follow-us .external_icon {background-image:none; padding-right:0;} #rightcol .widget {margin-bottom:20px;} /*------BLOG------*/ .blog h2 a,.blog-single h2 a, .post h2.big-title {font-size:35px;font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; color:#454545; text-decoration: none; line-height:40px;} .blog h2 a:hover,.blog-single h2 a:hover{color:#696969;} .blog .post,.blog-single .post, .panel,blog-single {border:1px solid #ddd; margin:0 0 20px 0; padding:20px; background:#f6f6f6;} .blog-single .left-col,.blog-single #content {min-height:700px;} .panel {margin-top:30px;position:relative;} .panel p{font-size:13px; width:600px; line-height:20px; margin-bottom:15px;} .author {color:#C9C9C9;font-size:26px;font-weight:bold;} .date {color:#C9C9C9;font-size:26px;line-height:26px; margin:0 0 0 260px; width:300px; text-align:right; } .blog-head {margin:20px 0;padding-bottom:15px; border-bottom:1px solid #ddd;} .blog .entry p,.single .entry p {margin:0; padding:0 0 20px 0;} .blog-comments {width:200px;} .blog-category {width:350px; margin:0 0 0 260px; text-align:right;color:#CACACA;font-weight:bold;} .blog-footer {border-top:1px solid #ddd; padding-top:15px;} .blog-footer a { font-weight:bold; } .blog-tags {color:#CACACA;font-weight:bold; padding:20px 0 20px 0;} .comment_bubble { background: url(images/bg_comment_bubble_right.gif) no-repeat right top; display: block; xposition:absolute; xmargin:-25px 0 0 330px; float:right; } .comment_bubble a { background: url(images/bg_comment_bubble_left.gif) no-repeat left top; display: block; line-height: 30px !important; line-height: 27px; font-size: 20px; color: #fff; text-decoration: none; padding: 0 5px; } .comment_bubble a span { background: url(images/bg_comment_bubble_bottom.gif) no-repeat center bottom; display: block; padding-bottom: 2px !important; padding-bottom: 5px; padding-right: 4px; padding-left: 4px; } .top10 {margin-top: 10px;} .sidebarbutton {margin-bottom: 25px;} dl.icon-menu {padding-top: 5px;} dl.icon-menu-notop {margin-top: 5px;} dl.icon-menu dd, dl.icon-menu-notop dd {font-size: 12px;padding: 0 0 4px 4px;color: #828282;text-align:left;line-height:16px;} dl.icon-menu dd a, dl.icon-menu-notop dd a {font-size: 12px;font-weight: bold;} dl.icon-menu dd.noLink {font-size: 12px;font-weight: bold;color: #525252;} dl.icon-menu dd a.small, dl.icon-menu-notop dd a.small {font-size: 11px;font-weight: normal;} dl.icon-menu dd.last, dl.icon-menu-notop dd.last {margin-bottom: 10px;} dl.icon-menu dd.lastBig, dl.icon-menu-notop dd.lastBig {margin-bottom: 25px;} #sidebar h4{color:#686c70; margin-bottom:0.5em; padding-bottom:0.5em} #sidebar ul#recent-entries{ padding-left:0} #sidebar #recent-entries li a{ display:block; padding-left:6px; padding-bottom:1px; margin-right:0} /*WORDPRESS*/ .post pre{overflow:auto; background:#fff; border:1px solid #eee; padding:5px 10px; color:#1800ff; font-size:11px; font-family:Andale Mono,Monaco,Courier New,Courier} .post h1, #leftcol h1{font-size:35px;font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; color:#454545; line-height:40px; } .post h2, h2#comments,h2.comment-head{font-size:22px;font-weight:bold;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; color:#454545; text-decoration: none; line-height:30px;} .post small{font-size:12px; display:block; margin-bottom:10px; text-align:left; color:#999; padding-top:5px} .post small span, .post .postmetadata span{color:#3e434a} .post .postmetadata{padding-top:10px; ; border-top:1px solid #ddd; text-align:right; font-size:11px; color:#999; margin-bottom:20px} .post h4, .post h5{margin:1em 0; padding:0} .post h4{font-size:18px; color:#333} .post h5{font-size:16px; color:#555} #footer-nav h1 {color:#9fd6f5; font-size:12px; } #sidebar .main-blog-sidebar, #sidebar .main-blog-sidebar li{border:none; margin:0; padding:0} #sidebar ul{margin-bottom:1.2em} div.navigation{margin-top:3em; overflow:hidden} div.alignleft{float:left} div.alignright{float:right} .align-btn-center {margin:30px 0 0 45px;} #search-box{text-align:right; padding:0.3em 0; background:#eee url(/assets/images/gradient-bottom.png) bottom left repeat-x; border-bottom:1px solid #ccc; } #search-input{border:1px #bbb solid; padding:4px 5px 2px; font-size:11px; font-family:Helvetica,Arial; width:250px} h2.pagetitle, h3#comments, h3#respond{text-align:left; line-height:0.75} h3#respond{margin-top:3em} textarea#comment{width:100%; height:10em} #commentform p{text-align:right; margin:0; padding:0} ol.commentlist{list-style:none; margin:0; padding:0} ol.commentlist li{padding:0.8em; border:1px solid #e4e4e4; margin-bottom:1em; background-color:#f1f1f1} ol.commentlist li.alt{border:1px solid #e4e4e4; background-color:#f9f9f9} img.avatar{float:left; margin-right:1em} div.commenttext{border-top:1px solid #ddd; padding-top:0.5em; margin-top:0.5em} div.commenttext p{margin:0; padding:0} #comment-form input#submit {border:none; background:#fff;} /*Team*/ .team-bg {margin:15px 0 10px 0;font-size:16px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; background:#f8f8f8; padding:10px;} /* SUB NAVS */ #splitNav{margin:0; padding:0;height:15px;} #splitNav{background:#f0f9ff; border-bottom:1px solid #e4f2fb;padding: 15px 0 8px 0;font-size:12px; } #splitNav ul#split-menu .current_page_item a {color: #094773; } #splitNav ul#split-menu .current_page_ancestor a {color: #094773; } #splitNav ul#split-menu .current_page_parent a {color: #094773; } #splitNav ul#split-menu {margin:0; padding:0; list-style:none; display:block; width:940px;} /* #splitNav ul#split-menu ul {display:none; } */ #splitNav ul#split-menu li#loader { float:right; background:url(images/ajax-loader.gif) no-repeat left center; height:16px; width:16px; padding:0 5px; } #splitNav ul#split-menu li {float:left;text-align:left;background:url(images/pipes.png) no-repeat left;padding:0 12px;} #splitNav ul#split-menu li a{white-space:nowrap; cursor: pointer; font-weight:bold;text-decoration:none;color: #5b7091;} #splitNav ul#split-menu li a:hover{color: #094773; } /* ----- NAVS ----- */ #mainNav {margin: 0;} #mainNav ul {margin:0;padding:0 0px 0 0;list-style:none;} #mainNav li {display:inline;margin:0;padding:0;} #mainNav a {float:left;background:url(cssimg/leftBoth.gif) no-repeat left top;margin:0;padding:0 0 0 12px;text-decoration:none;font-size: 12px;display: inline;} #mainNav a span {float:left;display:block;background:url(cssimg/rightBoth.gif) no-repeat right top;padding:8px 12px 8px 0;font-weight:bold;color:#fff;} .online-icon {position:absolute;background:url(cssimg/online-icon-small.png) no-repeat; width:50px; height:51px; margin:-55px 0 0 840px;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #mainNav a span {float:none;} /* End IE5-Mac hack */ #mainNav a:hover span {color:#fff;} #mainNav .current_page_item a,#mainNav .current_page_ancestor a,#mainNav .current_page_parent a {background-image:url(cssimg/leftOn.gif);border-width:0;} #mainNav .current_page_item a span,#mainNav .current_page_ancestor a span,#mainNav .current_page_parent a span {background-image:url(cssimg/rightOn.gif);color:#06476f;padding-bottom:8px;} .portfolio-single #mainNav ul li.page-item-7 a {background-image:url(cssimg/leftOn.gif);border-width:0;} .portfolio-single #mainNav ul li.page-item-7 a span {background-image:url(cssimg/rightOn.gif);color:#06476f;padding-bottom:8px;} .portfolio-single #mainNav ul li.current_page_parent a {background:url(cssimg/leftBoth.gif) no-repeat left top;} .portfolio-single #mainNav ul li.current_page_parent a span {background:url(cssimg/rightBoth.gif) no-repeat right top; font-weight:bold;color:#fff;} .portfolio-single #mainNav ul li.page-item-7 a:hover {background-position: top left;} .portfolio-single #mainNav ul li.page-item-7 a:hover span {background-position: top right;} .portfolio-single #mainNav ul li.page-item-4 a:hover {background-position:0% -100px;} .portfolio-single #mainNav ul li.page-item-4 a:hover span {background-position:100% -100px;} .error404 #mainNav ul li.current_page_parent a {background:url(cssimg/leftBoth.gif) no-repeat left top;} .error404 #mainNav ul li.current_page_parent a span {background:url(cssimg/rightBoth.gif) no-repeat right top; font-weight:bold;color:#fff;} .error404 #mainNav ul li.page-item-4 a:hover {background-position:0% -100px;} .error404 #mainNav ul li.page-item-4 a:hover span {background-position:100% -100px;} #mainNav .currentSub a {background-image:url(cssimg/left-subOn.gif);border-width:0;} #mainNav .currentSub a span {background-image:url(cssimg/right-subOon.gif);color:#06476f;padding-bottom:8px;} #mainNav a:hover {background-position:0% -100px;} #mainNav a:hover span {background-position:100% -100px;} #mainNav .current_page_item a:hover,#mainNav .current_page_ancestor a:hover,#mainNav .current_page_parent a:hover, #mainNav #currentSub a:hover {background-position: top left;} #mainNav .current_page_item a:hover span,#mainNav .current_page_ancestor a:hover span,#mainNav .current_page_parent a:hover span, #mainNav #currentSub a:hover span {background-position: top right;} #clientNav ul {margin-right: -1px;} #clientNav a {float:right;background:url(cssimg/leftBoth.gif) no-repeat left top;margin:0;padding:0 0 0 12px;text-decoration:none;} #clientNav a span {float:right;display:block;background:url(cssimg/rightBoth.gif) no-repeat right top;padding:8px 12px 8px 0;font-weight:bold;color:#fff;} .navigation {margin:30px 0 30px 0;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #clientNav a span {float:none;} /* ----- FORMS ----- */ #subscribe-form{float:left;position:relative;width:300px} #subscribe-form .text{margin:0;position:relative;width:324px} #subscribe-form em.error{margin-left:0} #subscribe-form #email, #subscribe-form #z-z{width:190px} #subscribe-form h5, #subscribe-form p{font-size:12px} #subscribe-form #subscribe{position:absolute;right:34px;} #comment-form input{color:#3e434a;font-size:13px;font-family:Arial,sans-serif;line-height:1;margin:0;padding:3px 3px;border:#CCC 1px solid; background-color:#f4f4f4;width:175px;} input.image{padding:0} .sr{left:-9999em !important;position:absolute !important;top:-9999em !important} /* Client-lib */ .client-lib {background:url(cssimg/clientLib-bg.gif) repeat-y center top;margin-bottom:10px;list-style:none;} .client-lib .content{padding:0px;;} .client-lib .images ul li.image {background:url(cssimg/line_indent_grey.gif) repeat-x bottom;width:210px;height:87px;margin-bottom:5px;} .client-lib .images img {border:1px solid #C0C0C0;padding:2px;float:left;} .client-lib .images ul li.image ul {float:left;padding-left:8px;} .client-lib .images ul li.image ul li {padding-bottom:4px;color:#404040;} .client-lib .poster {margin:0 10px 0 423px;width:200px; } .client-lib .poster span,.client-lib .tags span,.comments-wrap .poster span,.comments-wrap .tags span {font-weight:bold; } .client-lib .tags,.tags{float:left; margin:10px 0 7px 4px; } .client-lib .desc p {font-size:12px; } fieldset{border:none;margin:0;padding:0} /* ----- FOOTER ----- */ #footer-wrapper {background: url(cssimg/footer-bg.gif) #0269ab repeat-x 0 0; } #prime-foot {background:url(cssimg/bg_foot.gif) no-repeat 0 0; height:68px; width:960px; margin:0 auto; } #prime-foot ul#footsocial {margin:0; padding:25px 0 0 15px; list-style:none; height:30px; width:400px;} #prime-foot ul li {float:left; padding:0 10px 0 0; color:#b0b0b0;} #prime-foot ul#footsocial li span {color:#b0b0b0;} #prime-foot ul#legals {width:320px; margin:0 0 0 620px; padding:25px 0 0 15px; list-style:none; height:30px;} #prime-foot ul#legals li a {color:#b0b0b0; text-align:right; text-decoration:none;} #prime-foot ul#legals li a:hover {color:#000;} #prime-foot ul#footsocial li.twitter-foot {background:url(cssimg/icon-home-twitter.png) no-repeat; padding:0 0 0 20px; margin-right:15px; height:16px;} #prime-foot ul#footsocial li.facebook-foot {background:url(cssimg/icon-home-facebook.png) no-repeat; padding: 0 0 0 20px;height:16px;} #prime-foot ul .external_icon {background-image:none; padding-right:0;} #search-blog,#search-help{background:url('cssimg/bg_search-blog-top.png') no-repeat 0 0;margin:0 0 20px 0;padding:13px 13px 0 13px;position:relative;width:189px}#search-blog fieldset, #search-help fieldset{background:url('cssimg/bg_search-blog-btm.png') no-repeat left bottom;margin:0 -13px;padding:0 13px 13px 13px}#search-blog label, #search-help label{display:none}#search-blog .text, #search-help .text{margin:0}#search-blog .text input, #search-help .text input{width:115px}#search-blog .buttons, #search-help .buttons{margin:0;position:absolute;right:10px;top:11px}#search-blog em.error{margin-left:0;margin-top:9px} #maillist {margin:10px 0 10px 10px; padding:5px; background-color:#eee; width:290px;height:25px; } #post-content {margin: 0 0 0 200px; } .comments{background:url('cssimg/icon_comment.png') no-repeat left center;font-weight:bold;left:0;padding-left:20px;position:absolute;top:9px}.comments strong{color:#2173af;font-size:18px} .categories{background:url('cssimg/icon_category.png') no-repeat 156px 12px;border-top:1px solid #e5e5e5;margin:27px 0 0 -156px;padding:12px 0 0 176px} /*=== Slider ===*/ .stepcarousel{position:relative; /*leave this value alone*/overflow:scroll; /*leave this value alone*/width:520px; height:300px; /*Height should enough to fit largest content's height*/} .stepcarousel .belt{position:absolute; /*leave this value alone*/left:0; top:0} .stepcarousel .panel{float:left; /*leave this value alone*/overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/margin:15px; /*margin around each panel*/width:500px; /*Width of each panel holding each content. If removed,widths should be individually defined on each content DIV then. */} .panel h2{margin:0 0 10px 0} /*- Form1 Setup -*/ .btn-general{background:#a4b92e; color:#fff} .btn-general a{color:#fff} .btn-arr a{background:#bdbbac; color:#fff} /*- Box4 -*/ .box4{color:#fff; font-size:1.8em; margin:10px 0 20px; width:670px} .box4 .top, .box4 .bot{background:url(images/box4-top.gif) no-repeat top; clear:both; height:10px; overflow:hidden} .box4 .bot{background:url(images/box4-bot.gif) no-repeat top} .box4 .spacer{background:#b0c730; height:1%; padding:5px 25px} .box4 p{padding:0} /*=== Styling Boxes ===*/ #footer-links ul#legals{list-style:none; border-top:1px solid #2f7eb1; padding-top:20px;} #footer-links .widget ul {padding:0; margin:0;} #footer-links ul li {color:#9fd6f5; font-size:11px;line-height:18px; } #footer-links ul li.left-col {float:left; margin:0 4px 0 0; width:701px;text-align:left; } #footer-links ul li.right-col {float:left; width:255px;text-align:left;} #footer-links ul li a {color:#fff;text-decoration:none;} #footer-links ul li p {padding:5px 10px 3px 10px; margin:0; } #footer-links ul li h3 {color:#9fd6f5; font-size:15px; font-weight:bold; margin:0 0 15px 0; padding:5px 0 3px 10px; border-bottom:1px solid #2f7eb1; } #footer-nav { text-align:center; margin:0 0 15px 0; padding:20px 0 10px 0; color:#9fd6f5; font-size:11px;} #footer-nav a {color:#fff;text-decoration:none; } #footer-nav .widget {padding:0 0 0 10px;} #footer-nav ul li ul li {margin:0 0 10px 0; padding:10px 0 10px 0;} #footer-links .widget ul li {margin-top:10px; } #footer-links a.post-title {font-size:12px; color:#9fd6f5; margin:0; padding:0 0 0 10px; text-transform:uppercase; font-weight:bold;} #footer-nav .external_icon {background-image:none; padding-right:0;} /*- Box1 -*/ .box{margin:0 0 1em; width:620px} .box .top, .box .bot{background:url(images/box-top.gif) no-repeat top; clear:both; height:10px; overflow:hidden} .box .bot{background:url(images/box-bot.gif) no-repeat top} .box .spacer{background:#fff; height:1%; padding:15px 30px} /*- Box5 -*/ .box5{margin:0 0 0px; width:670px; color:#555} .box5 .top, .box5 .bot{overflow:hidden} .box5 .bot{} .box5 .spacer{background:url(images/box5-bgr.gif) no-repeat top; height:300px; padding:15px 25px 5px 25px} .box5 .post img{border:0} .btn-arr a{background:#bdbbac; color:#fff; line-height:25px; padding:5px 10px} .btn-arr2{float:left; padding:130px 0 0; width:27px} .fix{clear:both; height:1px; margin:-1px 0 0; overflow:hidden} .fl{float:left} .fr{float:right} .ac{text-align:center} .ar{text-align:right} img.centered{display:block; margin-left:auto; margin-right:auto} img.alignright{padding:4px; margin:3px 0 2px 10px; display:inline} img.alignleft{padding:4px; margin:3px 10px 2px 0; display:inline} .alignleft{float:left} .alignright{float:right} /*- Wrapper -*/ .wrapper{float:left; padding:0 0 0 20px} /*- Date -*/ .bigtick {margin: 10px 0 10px 40px; } .bigtick li{padding:2px 0 4px 23px}.bigtick li{background:url('cssimg/icon_tick.png') no-repeat 0 0}.bigcross li{background:url('cssimg/icon_cross.png') no-repeat 0 0}.smalltick{list-style:none;margin:0;padding:0}.smalltick li{background:url('cssimg/icon_tick.png') no-repeat 0 0;margin-bottom:9px;padding-left:23px}.articles-list{list-style:none;margin:0 0 27px 0;padding:0} #comment-form label {margin:0 0 0 10px; } .visit-site {float:right; } #quoteauthor {clear:both; } #latest-blog-posts .postavatar{display:none; } .postavatar {float:left; margin:0 7px 0 0;} .postavatar img { } /* - Portfolio - */ .portfolio { display:block; background:#fff; font: normal 12px arial, helvetica, sans-serif;} .item {float:left;} .portfolio-wrapper {margin:0 0 20px 0;} .entry-content{position:relative; float:left; margin:0 0 15px 0; width:305px; margin-right:2px; background-color:#f0f9ff; border:1px solid #ddd} .entry {margin:0 15px 0 0;} .page-navi{margin:15px 0} .entry-content a{position:relative; display:block; height:164px; width:300px; overflow-x:hidden; overflow-y:hidden; background:#f0f9ff url(images/folio-bg.gif) no-repeat} .portfolio #content{margin:17px 0 0 17px; padding:0} .entry-content .new{background:transparent url(images/ico-new-trans.png) no-repeat scroll left top; height:22px; position:absolute; right:10px; top:-6px; width:42px; z-index:200; display:block} .entry-content a img{position:absolute; z-index:5; left:1px} .blog .entry blockquote, .single .entry blockquote {background-color:#f6f6f6;float: left;border-top-width: 1px;border-top-style: solid;border-top-color: #d0d0d0;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #d0d0d0;width: 170px;padding-top: 15px;padding-right: 15px;padding-left: 15px;margin-right: 20px;font-size: 20px;color: #242424;} .entry-content a { text-decoration:none; } .entry-content a span.slide-title{ text-decoration:none; bottom:0; color:#5b7091 !important; font-size:12px; font-weight:bold; height:18px; left:10px; white-space:nowrap; position:absolute; width:auto; z-index:0; line-height:1em; font-family:Arial, Helvetica, sans-serif;} .thumbnail{color:#191919; padding:2px} .sub-nav .current_page_ancestor a{color:#b8ab69} .sub-nav{margin:0 0 18px 0; padding:1px 0 0} .sub-nav li{list-style:none; margin:0 0 0 0} .sub-nav li a{color:#666; display:block; font-size:14px; font-weight:bold; padding:10px 0 10px 85px; position:relative; width:185px; background:url(images/bg_nav-02-arrow.png) no-repeat 65px 50%} .sub-nav .current_page_item a{background:#ccc url(images/bg_nav-01-current.png) no-repeat left center; border:none; color:#fff;} h3 span{} .wp-pagenavi a, .wp-pagenavi strong, .wp-pagenavi span{display:block; float:left; margin-right:3px; padding:2px 7px} .wp-pagenavi a{border:1px solid #e5e5e5} .wp-pagenavi a:hover{border:1px solid #8b96a4; text-decoration:none} .wp-pagenavi strong{background-color:#2173af; border:1px solid #2173af; color:#fff} .wp-pagenavi a, .wp-pagenavi a:link{padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #e5e5e5; color:#2173af; background-color:#FFF} .wp-pagenavi a:visited{padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #e5e5e5; color:#686c70; background-color:#FFF} .wp-pagenavi a:hover{border:1px solid #8b96a4} .wp-pagenavi a:active{padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #2173af; color:#b0b0b0; background-color:#2173af} .wp-pagenavi span.pages{padding:2px 4px 2px 4px; margin:2px 2px 2px 2px; color:#2173af; border:1px solid #e5e5e5; background-color:#FFF} .wp-pagenavi span.current{padding:2px 4px 2px 4px; margin:2px; font-weight:bold; border:1px solid #2173af; color:#fff; background-color:#2173af} .wp-pagenavi span.extend{padding:2px 4px 2px 4px; margin:2px; border:1px solid #f4f4f4; color:#686c70; background-color:#FFF} ul.services-three {list-style:none; margin:30px 0 0 20px;padding:0;} ul.services-three li {float:left; width:260px; display:block; } ul.services-three li p {} ul.services-three li h2 {color:#000; font-size:24px;} ul.services-three li.middle {margin:0 27px; padding:0 27px; border-left:1px solid #ddd;border-right:1px solid #ddd;} ul.services-three li ul {list-style:square;} ul.services-three li ul li {border-bottom: 1px solid #ddd; padding:4px 0;} table.checklist { margin-bottom: 30px; } table.checklist th { font-size: 11px; font-weight: bold; color: #000; border-bottom: 1px solid #d3d3d3; vertical-align: baseline; padding-bottom: 5px; } table.checklist th.title { font-size: 22px; font-weight: bold; color: #000; width: 45%; } table.checklist td { border-bottom: 1px solid #e5e5e5; font-size: 13px; color: #797979; } table.checklist td.label { font-size: 14px; padding: 7px 0; color: #565656; } table.checklist td.icon { padding-right: 10px; } #checklist_legend { position: absolute; top: 20px; right: 20px; width: 160px; padding: 15px 15px 8px 15px; background: #fcfcfc; border: 1px solid #f0efec; } .panel #checklist_legend .item { display: block; font-size: 18px; font-weight: bold; color: #b0b0b0; margin-bottom: 7px; } .panel #checklist_legend .item img { margin-right: 5px; } #loader svg { margin:20px }