/* Theme Name: Dunamis Design Theme URI: http://www.dunamisdesign.com Description: Default Theme for Dunamis Design Version: 1 Author: Dave Merwin Author URI: http://www.madeblue.com/ Dunamis Design Colors: That orange: #ED772A; That Light Grey: #F3F4F3; That Medium Grey: #BDC1C0; That Dark Grey: #3B3D3C; That Background Color: #8B8E8E; That Content Background Color: #E3E5E4; That Blue: #00638A; */ /* =GENERAL _____________________________________________________________________*/ * {margin:0; padding:0;} body {min-width:800px; max-width:2000px; font-family:Lucida Grande, sans-serif; font-size:62.5%; line-height:150%; background:url(images/dunamis_bgnd-2.png) 0% top repeat-y; background-color:#8b8e8e;} /* body {min-width:800px; max-width:2000px; font-family:Lucida Grande, sans-serif; font-size:62.5%; line-height:150%; background:url(images/dunamis_bgnd-2.png) 40% top repeat-y; background-color:#8b8e8e;} */ a img {border:none;} a {text-decoration:none; color:#00638A;} a:visited {} a:active {} p {} /* Sizes reflect the scale of difference between keywords */ h1 {font-size:2em;} h2 {font-size:1.5em;} h3 {font-size:1.2em;} h4 {font-size:1em;} #skip {display:none;} /* =TYPOGRAPHY _____________________________________________________________________*/ #projectsHiLight a:hover {color:#619BB0;} .post h2, .post h1 {color:#ED772A; margin:0 0 1em 0; line-height:150%;} .post a:hover {color:#619BB0;} .post p {margin:0 0 2em 0; font-size:1.2em; line-height:150%;} /* =LAYOUT _____________________________________________________________________*/ #wrap {} #projectsHiLight {font-size:1.4em; float:left; color:#7B7E7D; width:39.8%; background:url(images/project_bgnd.jpg) top left repeat-x #BDC1C0; border-right:2px solid #fff;} /* #projectsHiLight {font-size:1.4em; float:left; color:#7B7E7D; width:39.8%; background:url(images/project_bgnd.jpg) top left repeat-x #BDC1C0; border-right:2px solid #fff;} */ #projectsHiLight h1, #projectsHiLight h2 {line-height:130%; } #projectsHiLight h1 {margin:34px 1.5em 0 1.5em; color:#ED772A;} #projectsHiLight p {margin:1em 3em 0 3em; line-height:150%;} #projectsHiLight h3 {margin:1em 2.6em 1em 2.6em;} #projectsHiLight h3 span {line-height:1.2em;} /* #projectsHiLight h3 {margin:1em 2.6em 2em 2.6em;} */ #projectsHiLight h3 img {vertical-align:middle; margin:0 0 0 .5em;} #projectsHiLight h2 {margin:1em 2em;} #projectsHiLight ul h3 {margin:0 0 2em 0; padding:.5em 1em .5em 0; background:url(images/hilight_tr.png) top right no-repeat;} #projectsHiLight ul h3 a {margin:0 0 2em 0; padding:.15em 1em .5em 1em; background:url(images/hilight_tl.png) top left no-repeat; color:#fff;} #projectsHiLight ul li {margin:0 3em 2em 3em; background:url(images/hilight_bl.png) bottom left no-repeat #fff; list-style-type:none; display:block; padding:0;} #projectsHiLight ul span {display:block; text-align:right; margin:.4em 0 0 3em; padding:0 3em 2em 0; background:url(images/hilightContent_bgnd.png) bottom right no-repeat #fff;} #content {float:right; width:95%;} /* #content {float:right; width:55%;} */ .logo {text-align:center;display:block; margin:41px 0 0 0;} #.logo {text-indent:-1000px; background:url(images/dunamis_logo.png) 50% center no-repeat; height:144px; display:block; margin:41px 0 0 0;} #projectsHiLight #contact-info {margin:1em 2.6em 1em 6em;height:0;overflow:hidden;} /* FOR TESTING #searchInterface {display:none;}*/ #searchInterface {width:25em; display:block; float:right; margin:0 0 2em 0; text-align:center;} #searchform {background:#ebebeb; padding:5px;} #searchform input {border:1px solid #cbcbcb; text-align:center; padding:.2em} .search {padding:.5em 2em; width:6em; float:right; background:#ebebeb; margin:0 2em 0 0;} .search:hover {background:#00638A; color:#ebebeb;} #s {margin:0 .5em 0 0;} #searchsubmit {background:#9ABEFF;} .rss {padding:0; line-height:3.2em; margin:0 0 1em 0;} .rss img {vertical-align:middle; margin:0 0 0 .5em;} #siteNav {width:90%; clear:right;} #siteNav ul {width:100%; margin:40px 40px 0 0;} #siteNav ul li {list-style:none; display:inline;} #siteNav a {padding:.5em 1.4em; font-size:150%; background:#9ABEFF; margin:0 .0125em 0 0; height:3em; line-height:2.2em;} #siteNav a:hover {color:#fFF;} .pageContent {background:url(images/pageContent_bgnd.png) bottom right no-repeat #ebebeb; margin:0 4em 0 0; width:90%} .post {margin:0 4em 0 0; padding:4em 0 2em 4em;background:url(images/bttm_left.png) bottom left no-repeat;} .post ul, .post ol {border-left:.4em solid #aaa; background:#fff; padding:1em 2em; margin:0 1em 1.5em 1em; font-size:1.2em;} .post code {border-left:.4em solid #aaa; background:#fff; padding:1em 2em; margin:0 1em 1.5em 1em; font-size:1.2em;} .post blockquote {border-left:.4em solid #aaa; background:#fff; padding:1em 2em; margin:0 1em 1.5em 1em; font-size:1.2em;} #blog .blog-pageContent {background:url(images/pageContent_bgnd.png) bottom right no-repeat #ebebeb; margin:0 4em 0 0; width:90%} #blog .blog-post {margin:0 4em 0 0; padding:4em 14em 2em 4em; background:url(images/bttm_left.png) bottom left no-repeat;} #blog .post {margin:0; padding:0; background:none;} #blog .post h1 {margin:0 0 .5em 0; } #testimonials {width:40%; float:right; position:relative; margin:4em -2em 2em 2em; background:url(images/test_top.png) top right no-repeat #333;padding:0 0 0 0;} #testimonials p {font-family:Times Serif; margin:.8em 1.8em .5em 1.8em; padding:0 0 .5em 0; font-size:1.6em; line-height:150%; color:#ebebeb; border-bottom:1px dotted #ebebeb;} .close-test {position:absolute; right:1.5em; top:1em;} #testimonials #test-title {font-family:Times Serif; font-size:1em; line-height:155%; color:#ED772A;padding:10px 0 0 30px;} .close-test {position:absolute; right:1.5em; top:1em;} #testimonials .top {margin:0 0 0 0; background:url(images/test_top_left.png) top left no-repeat; height:2em;} .test-bttm-left {background:url(images/test_bttm_lft.png) bottom left no-repeat #333; padding:0 0 .6em 3em; margin:2em 0 0 0; color:#BDC1C0;} .test-bttm-right {background:url(images/test_bttm.png) bottom right no-repeat #333; padding:0 0 .5em 0;} /* #testimonials .normal {color:#BDC1C0; margin:.8em 1.8em .5em 3em; } */ #testimonials .normal {color:#BDC1C0; padding:0 0 0 3em;} #testimonials a {text-decoration:none; color:#319BB0;} #testimonials a:hover {text-decoration:none; color:#719BB0;} #about #skills a {font-size:2em;height:2.5em;text-align:center;vertical-align:top;} #about #skills td {text-align:center;vertical-align:top;background-color: #FFFFFF;} #about #skills ul {text-align:left;background-color:transparent;border: transparent none 0;margin:0 0 0 0;} #footer {text-align:center; margin:2em 4em 0 0; font-size:1.2em; color:#ebebeb;} #footer ul {width:100%; text-align:center; margin:0 0 1em 0;} #footer li {list-style:none; display:inline; } #footer li .no-line {border-right:none; margin:0 -2em 0 0;} #footer li a {padding:.2em 1em .2em 0; margin:0 1em 0 0; border-right:1px solid #ebebeb;} #footer li a:hover {color:#fff;} .meta {border-top:1px solid #fff; border-bottom:1px solid #fff; margin:0 0 4em 0; padding:1em; background:#dbdbdb; font-size:90%; color:#444;} /* =HEADER _____________________________________________________________________*/ /* =NAV BAR _____________________________________________________________________*/ /* PAGE DESIGNATIONS */ /* #home .home-link, #about .about-link, #blog .blog-link, #development .development-link, #projects .projects-link, #contact .contact-link, #oscommerce .oscommerce-link, #quickbooks .quickbooks-link {} */ #home .home-link, #about .about-link, #contact .contact-link, #oscommerce .oscommerce-link, #quickbooks .quickbooks-link {} /* #home .home-link a, #about .about-link a, #blog .blog-link a, #development .development-link a, #projects .projects-link a, #contact .contact-link a, #oscommerce . oscommerce-link a, #quickbooks .quickbooks-link a {color:#00638A; background:#ebebeb;} */ #home .home-link a, #about .about-link a, #contact .contact-link a, #oscommerce .oscommerce-link a, #quickbooks .quickbooks-link a {color:#00638A; background:#ebebeb;} /* =SIDEBAR _____________________________________________________________________*/ #sidebar {width:12em; float:right; position:relative; margin:-2em -16em 1em 2em; background:#dbdbdb; color:#333; padding:1em; border-top:1px solid #fff; border-bottom:1px solid #fff;} #sidebar h2 a {color:#5E7B7D; margin:0 0 .5em 0; display:block;} #sidebar ul {margin:0 0 1em 1em;} #sidebar ul li {list-style:none; display:block; margin:0 0 .5em 0;} #sidebar ul li ul {margin:0 0 0 1em;} #sidebar a:hover {color:#fff;} .nav h2 {color:#8B8E8E; font-size:100%; margin:0 0 .5em 0;} /* =FOOTER _____________________________________________________________________*/ /* =COMMENTS _____________________________________________________________________*/ #commentform textarea {width:90%;} #commentform input, #commentform textarea {border:1px solid #cbcbcb; margin:0 0 .5em 0; padding:.4em; background:#fff;} #commentform label {display:block; color:#aaa;} #commentform #submit {background:#9ABEFF;} #commentform #submit:hover {background:#fff;} .commentlist li {list-style:none; color:#aaa;} .commentlist li cite {display:block;} .commentlist li p {font-size:1.2em; margin:0 0 1em 0; color:#333;} #comments, #respond {color:#ED772A;} #respond {margin:2em 0 1em 0;} /* =COMMENTS JS BOXES */ /* Styling of the boxes if there is no JavaScript support */ .cbb {padding:1em; background:#fff;} /* Insert the custom corners and borders for browsers with sufficient JavaScript support */ .cb {margin: 0.5em 0;line-height: 170%;} /* Rules for the top corners and border */ .bt { background:url(images/box.png) no-repeat 100% 0 !important; background:url(images/box.gif) no-repeat 100% 0; margin:0 0 0 18px; height:16px; } .bt div { height:16px; width:18px; position:relative; left:-18px; background:url(images/box.png) no-repeat 0 0 !important; background:url(images/box.gif) no-repeat 0 0; } /* Rules for the bottom corners and border */ .bb { background:url(images/box.png) no-repeat 100% 100% !important; background:url(images/box.gif) no-repeat 100% 100%; margin:0 0 0 12px; height:16px; } .bb div { height:16px; width:12px; position:relative; left:-12px; background:url(images/box.png) no-repeat 0 100% !important; background:url(images/box.gif) no-repeat 0 100%; } /* Insert the left border */ .i1 { padding: 0 0 0 12px; background:url(images/borders.png) repeat-y 0 0 !important; background:url(images/borders.gif) repeat-y 0 0; } /* Insert the right border */ .i2 { padding: 0 12px 0 0; background:url(images/borders.png) repeat-y 100% 0 !important; background:url(images/borders.gif) repeat-y 100% 0; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .i3 { background:#FFF; border: 1px solid #FFF; border-width:1px 0; padding:0 5px; } /* CSS for the box ends here */ /* =FORMS _____________________________________________________________________*/ /* HACKS AND FIXES _____________________________________________________________________*/ /* Clear Hack Created by Holly and John at positioniseverything.net URI: http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display:inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* PURE BLUE CSS _____________________________________________________________________*/ .pure {color:#036; font-weight:bold;} .blue {color:#069; font-weight:bold;} a:hover .pure, a:hover .blue {color:#fff;} /* MPC _____________________________________________________________________*/ .columns { display: table; table-layout: fixed; } .column_left { vertical-align: top; display: table-cell; padding: 0 20px 0 0; width:50%; } .column_right { vertical-align: top; display: table-cell; padding: 0 0px 0 20; width:50%; } #masthead #dunamis-logo {float:left;margin:0 4px 0 0;width:80px;} #masthead #dunamis-name {float:left;margin:15px 0 0 0;} #masthead #masthead-descr {margin:20px 0 0 10px; color:#8f0e0f; font-size:2em; line-height:100%; font-weight:normal; float:left;} #masthead #masthead-spacer {height:69px;}