/* Written by Chris J. Lee Custum theme: Rose Group Marketing */ @import url('fonts/arial-narrow/arialnarrow.css'); /***************************************** Backgrounds ******************************************/ body { background: #6f7170 url('../images/body-bg.jpg') repeat 50% 0; font-family: "Arial Narrow", Arial, Helvetica, Tahoma, Sans-serif; } #pagewidth { background: #fff } #header { background: url('../images/header-bg.gif') repeat-x 0 0; } #header-nav-pri ul { background: url('../images/nav-pri-bg.gif') no-repeat 50% 50%; } #header-nav-sec ul { background: url('../images/nav-sec-bg.gif') no-repeat 50% 0%; } #meta { background: #fff url('../images/meta-bg.gif') repeat-x 0% 0%; padding: 60px 0 0 30px; } #footer { background: #231f20 url('../images/footer-address.gif') no-repeat 50% 50%; } #content { background: url('../images/content-sub-bg.gif') repeat-x 0 0; } #portfolio #content { background: transparent; border-top: 8px solid #9d9fa2; } #content #content-diagram { background: url("../images/brain.png") no-repeat; width: 300px; height: 266px; } #header-nav-sec .page-item-2.current_page_item, #header-nav-sec .page-item-2.current_page_parent { background: url("../images/nav-sec-about.gif") no-repeat scroll 29px 84px transparent } #header-nav-sec .page-item-9.current_page_item, #header-nav-sec .page-item-9.current_page_parent { background: url("../images/nav-sec-services.gif") no-repeat scroll 19px 85px transparent } #header-nav-sec .page-item-11.current_page_item, #header-nav-sec .page-item-11.current_page_parent { background: url("../images/nav-sec-portfolio.gif") no-repeat scroll 22px 85px transparent } #header-nav-sec .page-item-14.current_page_item, #header-nav-sec .page-item-14.current_page_parent { background: url("../images/nav-sec-team.gif") no-repeat scroll 45px 85px transparent; } #header-nav-sec .page-item-16.current_page_item, #header-nav-sec .page-item-16.current_page_parent { background: url("../images/nav-sec-contact.gif") no-repeat scroll 25px 85px transparent; } #home #content { background: transparent; } #blog .cat-item-3 { display: none; } /***************************************** Layout ******************************************/ #page { margin-top: 25px; } #pagewidth, #content, #header, #footer { padding:0; width:960px; margin: 0 auto; } #meta { width: 960px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } #pagewidth { } #header { height: 175px; } #header-pri { width: 296px; margin-top: 45px; } #header-sec { width: 664px; } #header-nav-pri { width: 664px; } #header-nav-pri a { display: block; height: 55px; } #header-nav-pri ul, #header-nav-pri ul li { width: auto; list-style: none; margin: 0; padding: 0; } #header-nav-pri ul { float: right; width: 435px; height: 55px; } #header-nav-pri ul li { float: left; } #header-nav-pri ul li a { } #header-nav-pri ul li a span { display: none; } #header-nav-pri-ml a { width: 167px; } #header-nav-pri-blog a { width: 72px } #header-nav-pri-fup a { width:105px; } #header-nav-pri-fb a { width: 48px; } #header-nav-sec { } #header-nav-sec ul { padding: 0; margin: 0 0 0 10px; float: right; width: 548px; height: 105px; } #header-nav-sec ul, #header-nav-sec ul li { list-style-type: none; padding: 0; margin: 0; ; height: 105px; } #header-nav-sec ul { } #header-nav-sec li { float: left } #header-nav-sec ul li a { display: block; height: 105px; float: left; width: 105px; } #header-nav-sec ul li a span { display: none; } #header-nav-sec .page-item-2 a { margin: 0 0 0 10px; } /* ABOUT */ #header-nav-sec .page-item-9.current_page_item a { } /* Services */ #header-nav-sec .page-item-11 a { } /* portfolio */ #header-nav-sec .page-item-14 a { } /* team */ #header-nav-sec .page-item-16 a { } /* contact */ .page-item-7 a { width: 70px; } /* blog */ #content { padding: 10px 30px 0; width: 900px; } #content.p0 { padding: 0; width: 960px; } #content.p0 #content-posts { width: 900px; padding: 0 30px; } #home #sidebar { float: none height: 230px; } #footer { height: 31px; overflow: hidden; padding: 0; } #footer-contents a { display: block; width: 960px; height: 30px; } #footer-contents a span { text-indent: -9999em; display: none; } #page { } #ram { width: 960px; background: #fff; padding: 10px; } #ram-btm { margin-bottom: 10px; } #ram h1.color-black { font-size: 18px; float: left; color:#000; font-family: ArialNarrowRegular, "Arial Narrow", Arial, sans-serif; } #ram h2 { font-size:13px; margin:3px 0 0 10px; } #ram .ol { width: 430px; border:1px solid #9FA616; text-align: center; padding: 10px 0; } #ram .ol h3 { color: #000; font-size: 13px; margin: 0px; font-family: ArialNarrowRegular, "Arial Narrow", Arial, sans-serif; } #ram-copy { width: 455px; margin-left: 15px; font-size: 12px; } #header-nav-pri ul { width:450px; } #header-nav-pri ul a { display: block; height: 55px; } #header-nav-pri-fb a { } #header-nav-pri-twitter a { width: 53px; } /***************************************** Specific Pages ******************************************/ #home #content-posts { width: 700px; } #home .entry, #home .entry p { text-align: center; font-family: "Arial Narrow", Arial, Helvetica, sans-serif } #home .page { width: 960px; } #home .page .entry p { font-size: 15px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; } #portfolio #nav-subpage ul, #portfolio #content-posts .page { width: 900px } #portfolio #nav-subpage ul { padding: 10px 0; margin:10px auto 0; height: 30px; text-align: center; list-style: none; } #portfolio #nav-subpage li { padding: 0; margin: 0 0 0 5px; width: auto; float: left; list-style: none; } #portfolio #nav-subpage li a { padding: 0 10px; margin: 0; display: block; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #b4b850; width: auto; line-height: 14px; text-align: center; margin: 0 auto; font-family: "ArialNarrowRegular", "Arial Narrow", Arial, Helvetica, Sans-serif } #portfolio #nav-subpage li.current_page_item a { color: #000; } #blog #content-posts { padding-top: 20px; } #blog #sidebar-main { margin-top: 20px; } #search #content { min-height: 120px; height: auto !important; } #contact #content { margin-top: 0; padding-top: 0; } #content.pt10 { padding-top: 10px; } #about #content-posts { width: 600px; } #about #content-diagram a#left, #about #content-diagram a#right { width: 47%; margin-top: 48px; height: 207px; } #about #content-diagram a * { display: none; } /* .narrowcolumn{ float:left; padding:0 0 20px 0; margin:0px 0 0; } .widecolumn{ padding: 10px 0 20px 0; margin: 5px 0 0 105px; } */ /***************************************** Inside the Loop: .post/.entry ******************************************/ /* .post ---------------------------------------*/ #blog .entry { width: 635px; margin-right: 55px; } .post { margin:10px 0px 10px 0; padding:0; } #blog .post { margin-bottom: 30px; } .post hr { display:block } .post h2, .post h2 a, .post h2 a:hover, .post h2 a:visited { color:#000; } .postheader { border-bottom: 2px solid #000; padding: 0 0 2px 0; font-size: 0; } .postheader h2 { float: left; padding: 0 0 .5em 0; margin: 0; width: auto; font-size: 0; } .postheader h2 a { color:#9FA617; font-size:16px; font-weight:bold; text-transform: uppercase; line-height: 19px; } .postheader .postinfo { display: none !important; } .postheader .postinfo { float: left; width: auto; display: block; padding: 5px 0 0 0; } .postheader .postinfo span, .postheader .postinfo span a { color: #333; font-size:12px; } .postfooter { border-top: 1px solid #ccc; margin: 0 0 10px 0; padding: 4px 0 0 0; } #postinfo, #postinfo a, #postinfo a:hover, #postinfo a:visited, .postbyline { } .postbyline .postbyline_author, .postbyline .postbyline_first, .postbyline span, .postbyline span a { text-transform:uppercase; font-weight: bold; color: #000; font-size: 12px; font-family: "ArialNarrowRegular", Arial, Helvetica, sans-serif; } .postbyline span.postbyline_time { color: #5d5d5d; font-weight: bold; } .postmeta { float: right !important; width: auto; } .postmeta .postmeta_tags { display: none; } .postmeta .postmeta_comments { } .postmeta_comments a { color:#9FA617; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; } #postinfo a, #postinfo a:hover, #postinfo a:visited, div.postmetadata a, div.postmetadata a:hover, div.postmetadata a:visited, div.postmetaedit a, div.postmetaedit a:hover, div.postmetaedit a:visited { text-decoration:underline } .single .postmetadata { } .single #comments { } /* .Entry (Inside Posts) ---------------------------------------*/ .entry { } .entry, .entry p { line-height: 1em; color: #222; font-size: 13px; line-height: 18px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif !important; } .entry p a:visited, .entry p a, .entry p a:hover, .entry li a, .entry ol a { color:#F06400; text-decoration:underline } .entry h1, .entry h2, .entry h3, .entry h4 { color: #9fa617; text-transform: uppercase; line-height: 130%; font-family: "ArialNarrowRegular", Arial, Helvetica, sans-serif } .entry h1 { font-size: 20px; } .entry h2 { font-size: 18px; margin: 6px 0 8px; } .entry h3 { font-size: 16px; } .entry h4 { font-size: 14px; color: #636467; font-weight:bold; font-style: oblique; } .entry h5 { font-size: 14px; padding: 3px 10px; background: #9fa617; width: auto; color: #fff; font-weight: bold; display: inline; margin: 5px 0 7px; } .widecolumn .entry p, .narrowcolumn .entry, .widecolumn .entry { line-height:14px } .widecolumn { line-height:14px } .narrowcolumn .postmetadata { text-align:left } .thread-alt { background-color:#f8f8f8 } .thread-even { background-color:white } .depth-1 { border:1px solid #ddd } .even, .alt { border-left:1px solid #ddd } .postpages { } .postpages ul, .postpages ul li { margin: 0; padding: 0; } .postpages ul li { float: left; background: #9d9fa2; margin-right: 5px; } .postpages ul li a { font-size: "Arial Normal", Arial, Helvetica, sans-serif; padding: 10px; font-size: 15px; font-weight:bold; color: #fff; display: block; text-decoration: none; text-align: center !important; width: auto; } .postpages ul li a.active { background: #636467 } .postpages ul li a span { } /***************************************** #sidebar ******************************************/ #sidebar { margin: 0 0 0 0; padding: 0 0 0 0; } /***************************************** Specific Pages ******************************************/ body.page-id-16 #header { margin-bottom: 10px; } body.page-id-16 h4, body.page-id-16 h3 { text-transform: uppercase; margin: 0 0 .7em 0; } body.page-id-16 h3 { font-size: 20px; } body.page-id-16 h4 span { margin-right: 30px; width: auto; } body.page-id-16 h4 { text-align: center; margin: 0 auto; width: 620; height: 20px; } body.page-id-16 #content { margin: 0; padding: 10px 0; width: 960px; text-align: center; } body.page-id-16 #contact-info, body.page-id-16 #contact-info p { font-size: 16px; margin-top: 2em; line-height: 1.3em; color: #000; margin: 0 15px; } /* Widecolumn */ .widecolumn .post { margin:0 } .narrowcolumn .postmetadata { padding-top:5px } .widecolumn .postmetadata { margin:30px 0 } .widecolumn .smallattachment { text-align:center; float:left; width:128px; margin:5px 5px 5px 0px } .widecolumn .attachment { text-align:center; margin:5px 0px } .postmetadata { clear:both } /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ /*html>body .entry ul{margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px} html>body .entry li{margin:7px 0 8px 10px}*/ #sidebar ul ul li:before { } .entry ol { padding:0 0 0 35px; margin:0 } .entry ol li { margin:0; padding:0 } .postmetadata ul, .postmetadata li { display:inline; list-style-type:none; list-style-image:none } /* #searchform <- Searchform.php ---------------------------------------*/ #searchform {/*margin:10px auto; *//*padding:5px 3px; */ text-align:left } #sidebar #searchform #s { border:1px solid #789111; width:149px; height:18px; padding:2px; vertical-align:top } #sidebar #searchsubmit { padding:0; margin:0 } .entry form { /* This is mainly for password protected posts,makes them look better. */ text-align:center } select { width:130px } /* Comments ---------------------------------------*/ .commentlist li, #commentform input, #commentform textarea { font:0.9em Arial, Helvetica, Sans-Serif } .commentlist li ul li { font-size:1em } .commentlist li { font-weight:bold } .commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff } .commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em } .commentlist p { font-weight:normal; line-height:1.5em; text-transform:none } #commentform p { font-family:Arial, Helvetica, Sans-Serif } .commentmetadata { font-weight:normal } #comments_wrapper { float:right } #comments_wrapper a, #comments_wrapper a:hover, #comments_wrapper a:visited { text-decoration:none } .commentlist { padding:0; text-align:justify; margin-right:15px } .commentlist li { margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none } .commentlist li ul li { margin-right:-5px; margin-left:10px } .commentlist p { margin:10px 5px 10px 0 } .children { padding:0 } #commentform input { width:170px; padding:2px; margin:5px 5px 1px 0 } #commentform { margin:5px 10px 0 0 } #commentform textarea { width:98%; width:485px; padding:1% } #commentform #submit { margin:0 0 5px auto; float:right } #respond { margin-right:15px } #respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .alt { margin:0; padding:10px } /***************************************** Wordpress Modules ******************************************/ /* WP Calendar ---------------------------------------*/ #wp-calendar #prev a, #wp-calendar #next a { font-size:9pt } #wp-calendar a { text-decoration:none } #wp-calendar caption { font:bold 1.3em Arial, Helvetica, Sans-Serif; text-align:center } #wp-calendar th { font-style:normal; text-transform:capitalize } #commentform p { margin:5px 0 } .nocomments { text-align:center; margin:0; padding:0 } .commentmetadata { margin:0; display:block } /* Wp-calender ---------------------------------------*/ #wp-calendar { empty-cells:show; margin:10px auto 0; width:155px } #wp-calendar a { display:block } #wp-calendar #next a { padding-right:10px; text-align:right } #wp-calendar #prev a { padding-left:10px; text-align:left } #wp-calendar caption { text-align:center; width:100% } #wp-calendar td { padding:3px 0; text-align:center } #wp-calendar td.pad:hover {/* Doesn't work in IE */ background-color:#fff } /* wp-caption ---------------------------------------*/ .wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px } .wp-caption img { margin:0; padding:0; border:0 none } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0 } /* Widgets ---------------------------------------*/ .widget { color:#7A7A7A; /*padding-top:6px; *//*padding-bottom:14px; *//*padding-left:10px; */ } .widget { list-style: none; margin: 0 0 15px 0; } .widget ul, .widget li { margin: 0; padding: 0; list-style:none; } .widget ul { padding: 0 0 0 10px; } .widget ul li { padding: 10px 0 0; list-style-type: none font-size: 10px; } .widget h2.widgettitle { color:#9fa617; margin:5px 0 0; padding:0; font-size:16px; text-transform: uppercase; font-weight:bold; background:url(images/widget_title_bg.gif) repeat-y top right; line-height:1.4em } .widget a, li.widget a:visited { color:#7A7A7A; font-size: 12px; } .widget a:hover { color:#7A7A7A } .widget div.rssbuttonwidget { color:#9BB835; font-size:18px; font-weight:bold; line-height:1em; background:url(images/rss_button.gif) no-repeat 2px 2px; padding-left:24px; height:20px; vertical-align:top } .widget div.rssbuttonwidget a, .widget div.rssbuttonwidget a:hover, .widget div.rssbuttonwidget a:visited { color:#9BB835; font-size:18px; font-weight:bold; text-decoration:none } .widgettitle { color: 9fa617; text-transform: uppercase; font-size: 18px; } #subscribe_to_rss { height:20px } #subscribe_to_rss #rss_left { float:left } #subscribe_to_rss #rss_icon { margin-right:7px; vertical-align:middle } #subscribe_to_rss #rss_right { float:left; padding-top:2px } #subscribe_to_rss #rss_text_link {/*padding-top:3px; */ } #ram .outline { border: 1px solid #9FA616; padding: 5px 10; } /***************************************** Required: Do Not Modify ******************************************/ .bfl, .fl { float: left; } .bfr, .fr { float: right; } /* Helper +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .clearfix:after, .sxn:after, .block:after, .colgroup:after, .section:after, .bfr:after, .bfl:after, .page:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } .clearfix, .sxn, .block, .colgroup, .fl, .section, .page, .sxn, .bfr, .bfl { display:inline-block } html[xmlns] .clearfix, html[xmlns] .sxn, html[xmlns] .section, html[xmlns] .block, html[xmlns] .bfr, html[xmlns] .bfl, html[xmlns] .colgroup, html[xmlns] .page { display:block } * html .clearfix, * html .bfl, * html .bfr, * html .section, * html .sxn, * html .colgroup, * html .fl, * html .page { height:1% } .section, .sxn { float: none; clear: both; } .colgroup, .block, .fl { float: left; } .page { margin: 0 auto; } .clearfloat, .clear { clear:both; height:0; font-size: 0px; line-height: 0px; } * html .clearfloat, * html .clear { font-size:1px } .hide { display: none; } /* Image fix for ie 6 */ .f0, .imgfix { font-size: 0; line-height: 0px; } .page, .inset { margin-left: auto; margin-right: auto; } .inset { width: auto; margin: 0 auto; } .hide { display: none; } .db { display: block; } .single #comments_wrapper { display:none } .post .post_edit span a { width: 40px; padding: 3px; text-align: center; border: 1px solid #eee; color: #777 } .post .post_edit span a:hover { background: #ffff00; border: 1px solid #ffee00; }