/* Theme Name: Engenius Theme URI: blog.engeniusdev.com Description: Engenius' Corporate Blog Author: Engenius Web Company Author URI: engeniusdev.com Version: 1.0 */ /* standard reset * ------------------------------------------------------- */ body { font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; } table { font-size:inherit;font:100%; } html { } body { margin:0 auto; font-size:93%; } div { margin:0 auto; } h1 { font-size:138.5%; } h2 { font-size:123.1%; } h3 { font-size:108%; } h1,h2,h3,h4,h5,h6,strong { font-weight:bold; } abbr,acronym { border-bottom:1px dotted #000; cursor:help; } em { font-style:italic; } blockquote,ul,ol,dl { margin:1em; } ol,ul,dl { margin-left:2em; } ol li { list-style: decimal outside; } ul li { list-style: disc outside; } dl dd { margin-left:1em; } th,td { padding:.5em; } th { font-weight:bold; text-align:center; } caption { margin-bottom:.5em; text-align:center; } p,fieldset,table,pre { margin-bottom:1em; } input[type=text],input[type=password],textarea{ width:12.25em;*width:11.9em; } a img { border:0; } /* PROPERTY ORDER: position & size & border, margin & padding, background, text */ /* global elements * ------------------------------------------------------- */ body { background:url(../img/bg-tile.jpg) top center; font-size:85%; font-family:georgia; letter-spacing:.3px; } a:hover { text-decoration:none; } div.cleared { clear:both; } input.blur { color:#888; } a:focus { outline:none; } input { font-family:verdana; } /* named elements * -------------------------------------------------------- */ div#wrapper-outer { width:865px; background:url(../img/bg-tile.jpg) top center; } div#wrapper-inner { width:865px; min-height:817px; _height:817px !important; } body.with div#wrapper-inner { background:url(../img/bg-banner.jpg) top left no-repeat; } body.without div#wrapper-inner { background:url(../img/bg-blue.jpg) top left no-repeat; } body.contact div#wrapper-inner { background:url(../img/bg-contact.jpg) top left no-repeat; } div#logo { float:left; display:inline; margin-top:23px; } div#top-nav { position:absolute; z-index:1; top:10px; height:25px; line-height:25px; margin-left:651px; font-size:69%; font-family:verdana; color:#fff; font-weight:bold; *margin-left:-200px; _visibility:hidden; } div#top-nav.contact { *margin-left:422px; } div#top-nav a#toggle { display:block; float:left; display:inline; width:200px; color:#fff; text-align:right; } div#top-nav span#login-area { display:none; float:left; } div#top-nav span#go-button { display:inline; display:none; float:left; width:30px; } div#top-nav span#go-button a { display:block; float:right; width:20px; height:18px; margin:0px 0px 0px 3px; color:#fff; font-weight:bold; line-height:25px; padding:0px 5px 0px 5px; text-decoration:none; } div#navigation { clear:right; float:right; display:inline; margin-top:50px; font-size:85%; text-align:center; } div#navigation ul { margin:0; padding:0; } div#navigation ul li { float:left; display:inline; height:40px; width:111px; margin:0px 12px 0px 3px; padding:0; list-style-type:none; } div#navigation ul li a { display:block; height:40px; width:111px; background:url(../img/nav-light.png) top left no-repeat; line-height:40px; font-family:verdana; font-weight:bold; text-decoration:none; color:#fff; } div#navigation ul li a.active { background-image:url(../img/nav-dark.png); color:#35496f; } div#navigation ul li a:hover { color:#ccc; } div#navigation ul li a.active:hover { color:#15294f; } div#footer { clear:left; float:left; width:590px; font-size:69%; padding:0px 0px 0px 135px; margin-bottom:20px; text-align:left; *margin-top:40px; } div#footer ul { margin:8px 0px 0px 0px; padding:0; } div#footer ul li { float:left; display:inline; height:31px; width:85px; margin:0px 13px 0px 0px; list-style-type:none; text-align:center; } div#footer ul li a { display:block; height:31px; width:85px; background:url(../img/footer-light.png) top left no-repeat; line-height:31px; font-family:verdana; font-weight:bold; text-decoration:none; color:#fff; } div#footer ul li a.active { background-image:url(../img/footer-dark.png); color:#35496f; } div#footer ul li a:hover { color:#ccc; } div#footer ul li a.active:hover { color:#15294f; } div#footer div.copyright { float:left; display:inline; width:574px; padding:15px 0px 0px 0px; text-align:center; font-weight:bold; color:#fff; font-family:verdana; } div#services { clear:left; float:left; display:inline; margin:10px 0px 0px 5px; width:330px; *width:550px; } div#services div.sectionimg { float:left; display:inline; position:relative; top:-15px; } div#services ul { clear:left; float:left; display:inline; margin-left:5px; margin-top:0px; *margin-left:40px; } div#services ul li { list-style-type:none; color:#ffd7b9; font-weight:bold; font-family:verdana; line-height:24px; } div#services ul li img { vertical-align:middle; } div#latest { float:left; display:inline; margin:10px 0px 0px 50px; *margin-top:436px; *margin-left:160px; } div#latest div.sectionimg { float:left; display:inline; position:relative; top:-14px; } div#latest div#pages { float:left; display:inline; margin:0px 0px 0px 130px; position:relative; top:-5px; } div#latest div#pages a { float:left; display:inline; height:35px; width:35px; color:#c2c2c2; margin:0px 0px 0px 10px; text-decoration:none; font-size:159%; font-family:verdana; text-align:center; font-weight:bold; line-height:33px; } div#latest div#pages a img { position:absolute; z-index:1; margin-left:-10px; } div#latest div#pages a img#showcase-img-1 { display:none; } div#latest div#pages a img#showcase-img-2 { display:none; } div#latest div#pages a img#showcase-img-3 { display:none; } div#latest div#pages a span { position:absolute; z-index:2; } div#latest div#pages a.active { color:#fff; } div#latest div#pages a:hover { color:#fff; } div#latest div#thespot { clear:left; float:left; display:inline; width:463px; height:209px; } div#latest div#thespot div#theglass { position:absolute; z-index:10; width:461px; height:209px; background:url(../img/glass.png) top left no-repeat; } div#latest div#thespot div#theglass a { display:block; width:437px; height:185px; margin:12px; } div#latest div#thespot div#thework { position:absolute; z-index:5; width:441px; height:187px; margin:13px 12px 13px 12px; } div#latest div#thespot div#thework img { position:absolute; z-index:1; } div#latest div#thespot div#thework img#showcase-image-1 { display:none; } div#latest div#thespot div#thework img#showcase-image-2 { display:none; } div#latest div#thespot div#thework img#showcase-image-3 { display:none; } div#clients { clear:left; float:left; display:inline; width:563px; margin:20px 0px 100px 5px; color:#fff; } div#clients div.sectionimg { float:left; display:inline; position:relative; top:-17px; } div#clients div.client { clear:left; float:left; display:inline; margin:5px 0px 0px 30px; *width:550px; *margin-bottom:15px; } div#clients div.client strong { font-weight:bold; font-style:italic; font-size:135.1%; } div#clients div.client em { font-weight:bold; font-style:normal; color:#ffd7b9; font-size:85%; } div#clients ul { margin:4px 0px 4px 25px; font-size:85%; *margin-left:40px; } div#clients div.hr { clear:left; float:left; display:inline; margin-left:30px; } div#clientlist { float:left; display:inline; width:200px; margin:10px 0px 0px 80px; *margin-top:436px; *margin-left:420px; } div#clientlist div.sectionimg { float:left; display:inline; position:relative; top:-15px; } div#clientlist div.description { clear:left; float:left; display:inline; width:150px; margin:0px 0px 5px 5px; color:#f7c69b; font-size:85%; font-weight:bold; } div#clientlist ul { clear:left; float:left; display:inline; margin:0px 0px 0px 15px; padding:0px; color:#bbb; font-weight:bold; font-style:italic; *width:200px; } div#clientlist ul li { margin:3px 0px 0px 0px; padding:0px; } div#clientlist ul li a { color:#92c3ff; } div#clientlist ul li a:hover { text-decoration:none; } div#engeniuses { clear:left; float:left; display:inline; margin:40px 0px 0px 0px; color:#fff; *width:200px; } div#engeniuses div.sectionimg { float:left; display:inline; position:relative; top:-6px; } div#engeniuses div.engenius { clear:left; float:left; display:inline; margin:20px 0px 20px 10px; *width:800px; } div#engeniuses div.engenius.bottom { margin-bottom:60px; } div#engeniuses div.engenius div.frame { float:left; display:inline; } div#engeniuses div.engenius div.frame div.top-photo { float:left; display:inline; height:6px; width:194px; background:url(../img/tnb-frame.png) top left no-repeat; _overflow:hidden; } div#engeniuses div.engenius div.frame div.bottom-photo { clear:left; float:left; display:inline; height:6px; width:194px; background:url(../img/tnb-frame.png) bottom right no-repeat; _overflow:hidden; _background-image:url(../img/tnb-frame-ie6.png); } div#engeniuses div.engenius div.frame div.photo { clear:left; float:left; display:inline; width:168px; padding:7px 13px 3px 13px; background:url(../img/middle-frame.png) top left repeat-y; *padding-bottom:7px; _padding-bottom:0px; } div#engeniuses div.engenius div.text { float:left; display:inline; width:476px; margin:10px 0px 0px 20px; } div#engeniuses div.engenius div.text div.name { float:left; display:inline; font-size:145%; font-style:italic; font-weight:bold; } div#engeniuses div.engenius div.text div.title { clear:left; float:left; display:inline; display:inline; font-size:131%; *width:476px; } div#engeniuses div.engenius div.text div.truth { clear:left; float:left; display:inline; margin-top:10px; font-size:85%; *width:476px; } div#engeniuses div.engenius div.text div.top-socialmedia { clear:left; float:left; display:inline; height:8px; width:476px; margin:15px 0px 0px 0px; background:url(../img/tnb-wideblue.png) top left no-repeat; _overflow:hidden; } div#engeniuses div.engenius div.text div.socialmedia { clear:left; float:left; display:inline; width:450px; margin:0px 0px 0px 0px; padding:5px 13px 5px 13px; background:url(../img/middle-wideblue.png) top left repeat-y; font-size:85%; line-height:135.1%; font-family:arial; font-weight:bold; text-align:center; _padding-bottom:2px; } div#engeniuses div.engenius div.text div.socialmedia a { float:left; display:inline; margin:0px 10px 0px 5px; padding:4px 0px 0px 0px; color:#fff; } div#engeniuses div.engenius div.text div.socialmedia a.blog { float:right; display:inline; } div#engeniuses div.engenius div.text div.socialmedia a img { float:left; display:inline; position:relative; top:-2px; margin-right:6px; } div#engeniuses div.engenius div.text div.bottom-socialmedia { clear:left; float:left; display:inline; height:8px; width:476px; margin:0px 0px 0px 0px; background:url(../img/tnb-wideblue.png) bottom left no-repeat; _background-image:url(../img/tnb-wideblue-ie6.png); } div#engeniuses div.engenius div.frame2 { float:left; display:inline; margin-left:20px; *margin-bottom:20px; *position:relative; *margin-left:-40px; *left:60px; } div#engeniuses div.engenius div.frame2 div.top-photo { float:left; display:inline; height:7px; width:132px; background:url(../img/tnb-frame2.png) top left no-repeat; _overflow:hidden; } div#engeniuses div.engenius div.frame2 div.photo { clear:left; float:left; display:inline; padding:4px 11px 0px 11px; background:url(../img/middle-frame2.png) top left repeat-y; *padding:4px 11px 3px 11px; _padding-bottom:0px; } div#engeniuses div.engenius div.frame2 div.bottom-photo { clear:left; float:left; display:inline; height:7px; width:132px; margin-bottom:20px; background:url(../img/tnb-frame2.png) bottom left no-repeat; _overflow:hidden; _background-image:url(../img/tnb-frame2-ie6.png); } div#engeniuses div.engenius div.frame2.bottom div.bottom-photo { margin-bottom:0px; } div#toolbox { float:left; display:inline; margin:40px 0px 0px 30px; } div#toolbox div.sectionimg { float:left; display:inline; position:relative; top:-17px; } div#toolbox div.top-tools { clear:left; float:left; display:inline; height:6px; width:229px; background:url(../img/tnb-blue.png) top left no-repeat; _overflow:hidden; } div#toolbox div.tools { clear:left; float:left; display:inline; width:229px; padding:5px 10px 5px 15px; background:url(../img/middle-blue.png) top left repeat-y; color:#fff; font-weight:bold; font-family:verdana; font-size:85%; _width:204px; } div#toolbox div.tools ul { margin:0px; padding:0px; } div#toolbox div.tools ul li { margin:0px; padding:5px 0px 5px 0px; list-style-type:none; } div#toolbox div.bottom-tools { clear:left; float:left; display:inline; height:6px; width:229px; background:url(../img/tnb-blue.png) bottom left no-repeat; _overflow:hidden; _background:url(../img/tnb-blue-ie6.png) bottom left no-repeat; } div#philosophies { clear:left; float:left; display:inline; margin:10px 0px 30px 5px; *width:700px; } div#philosophies div.sectionimg { float:left; display:inline; position:relative; top:-14px; } div#philosophies div.philosophy { clear:left; float:left; display:inline; margin:0px 0px 0px 35px; font-family:georgia; } div#philosophies div.philosophy div.number { float:left; display:inline; width:35px; color:#fff; font-size:280%; font-style:italic; font-weight:bold; text-align:right; } div#philosophies div.philosophy div.idea { float:left; display:inline; margin:18px 0px 0px 5px; color:#fff; width:375px; font-size:138.5%; font-style:italic; } div#philosophies div.philosophy div.top-expounded { clear:left; float:left; display:inline; height:8px; width:496px; margin:10px 0px 0px 28px; background:url(../img/tnb-widerblue.png) top left no-repeat; _overflow:hidden; } div#philosophies div.philosophy div.expounded { clear:left; float:left; display:inline; width:470px; margin:0px 0px 0px 28px; padding:5px 13px 5px 13px; background:url(../img/middle-wideblue.png) top left repeat-y; font-size:85%; color:#ffd7b9; line-height:135.1%; } div#philosophies div.philosophy div.bottom-expounded { clear:left; float:left; display:inline; height:8px; width:496px; margin:0px 0px 0px 28px; background:url(../img/tnb-widerblue.png) bottom left no-repeat; _overflow:hidden; _background-image:url(../img/tnb-widerblue-ie6.png); } div#greenville { float:left; display:inline; margin:10px 0px 0px 19px; _position:relative; _left:-110px; } div#ingreenville { position:absolute; margin-top:115px; margin-left:60px; padding-left:15px; width:193px; height:47px; line-height:47px; background:url(../img/ingreenville.png); font-size:167%; } div#ingreenville a { color:#313131; text-decoration:none; } div#ingreenville a em { color:#5d6834; } div#ingreenville a:hover { color:#5d6834; } div#ingreenville a:hover em { color:#fff; } div.full-hr { float:left; display:inline; margin:0px 0px 0px 12px; position:relative; top:-7px; } div.short-hr { clear:left; float:left; display:inline; margin:0px 0px 20px 149px; } div.piece { clear:left; float:left; display:inline; width:900px; margin:30px 0px 30px 20px; _width:845px; } div.piece div.left-piece { clear:left; float:left; display:inline; width:327px; color:#e9dbcc; } div.piece div.left-piece p:first-letter { font-weight:bold; color:#fff; font-size:131.5%; } div.piece div.left-piece h1 { font-weight:normal; font-size:220%; color:#ccc; margin:0px 0px 10px 0px; width:327px; } div.piece div.left-piece div.left-link { float:left; display:inline; width:7px; height:29px; background:url(../img/sides-white.png) top left no-repeat; } div.piece div.left-piece div.right-link { float:left; display:inline; width:7px; height:29px; background:url(../img/sides-white.png) top right no-repeat; _background:url(../img/sides-white-ie6.png); } div.piece div.left-piece div.link { float:left; display:inline; height:29px; background:url(../img/middle-whitelink.png) top left repeat-x; line-height:29px; padding:0px 5px 0px 5px; _margin:0px; } div.piece div.left-piece div.link a { text-decoration:none; font-size:123%; } div.piece div.left-piece div.link.vb a { color:#458821; } div.piece div.left-piece div.link.vb a:hover { color:#256801; } div.piece div.left-piece div.link.cb a { color:#cde1f1; } div.piece div.left-piece div.link.cb a:hover { color:#adc1d1; } div.piece div.left-piece div.link.tw a { color:#8d200e; } div.piece div.left-piece div.link.tw a:hover { color:#6d200e; } div.piece div.left-piece div.link.prospecting a { color:#8c031e; } div.piece div.left-piece div.link.prospecting a:hover { color:#6c031e; } div.piece div.left-piece div.link.tg a { color:#4a6224; } div.piece div.left-piece div.link.tg a:hover { color:#3a5214; } div.piece div.left-piece div.link.ir a { color:#c85515; } div.piece div.left-piece div.link.ir a:hover { color:#a84515; } div.piece div.left-piece div.link.cc a { color:#04388d; } div.piece div.left-piece div.link.cc a:hover { color:#04286d; } div.piece div.left-piece p { font-size:108%; padding-right:75px; } div.piece div.showcase-image { float:left; display:inline; width:506px; color:#fff; } div.piece div.showcase-image div.portfolio-image { clear:left; float:left; display:inline; width:492px; padding:6px 1px 2px 13px; background:url(../img/middle-portfolio.png) top left repeat-y; *padding-top:0px; *padding-bottom:8px; _margin-top:0px; _padding-bottom:2px; } div.piece div.showcase-image div.portfolio-image.vb { height:420px; } div.piece div.showcase-image div.portfolio-image.cb { height:405px; } div.piece div.showcase-image div.portfolio-image.tw { height:572px; } div.piece div.showcase-image div.portfolio-image.prospecting { height:590px; } div.piece div.showcase-image div.portfolio-image.tg { height:670px; } div.piece div.showcase-image div.portfolio-image.ir { height:614px; } div.piece div.showcase-image div.portfolio-image.cc { height:512px; } div.piece div.showcase-image div.portfolio-image-top { float:left; display:inline; width:506px; height:7px; background:url(../img/tnb-portfolio.png) top left no-repeat; margin:0px; padding:0px; _overflow:hidden; } div.piece div.showcase-image div.portfolio-image-bottom { float:left; display:inline; width:506px; height:7px; background:url(../img/tnb-portfolio.png) bottom left no-repeat; _overflow:hidden; _margin-bottom:0px; _padding-bottom:0px; _background:url(../img/tnb-portfolio-ie6.png); } div.piece div.showcase-image div.portfolio-image img { color:#fff; *margin-top:6px; } div.piece div.showcase-image div.portfolio-image img.tab1 { position:absolute; z-index:3; } div.piece div.showcase-image div.portfolio-image img.tab2 { position:absolute; z-index:4; display:none; } div.piece div.showcase-image div.portfolio-image img.tab3 { position:absolute; z-index:5; display:none; } div.piece div.tabs { float:right; display:inline; margin:0px 0px 0px 0px; _display:none; } div.piece div.tabs.vb { margin-top:170px; } div.piece div.tabs.cb { margin-top:155px; } div.piece div.tabs.tw { margin-top:322px; } div.piece div.tabs.prospecting { margin-top:378px; } div.piece div.tabs.tg { margin-top:420px; } div.piece div.tabs.ir { margin-top:402px; } div.piece div.tabs.cc { margin-top:300px; } div.piece div.tabs a { clear:left; float:left; display:inline; width:36px; height:37px; margin:1px 0px 0px 0px; background:url(../img/portfolio-tab.png) top left no-repeat; text-align:center; color:#fff; font-weight:bold; line-height:37px; text-decoration:none; font-size:100%; font-family:verdana; } div.piece div.tabs a:hover { color:#aaa; } div.piece div.tabs a.active { color:#35496f; background:url(../img/portfolio-tab-selected.png) top left no-repeat; } div.piece div.tabs a.active:hover { color:#25395f; } div#contact { clear:both; float:left; width:430px; display:inline; margin-top:145px; margin-left:173px; font-size:141%; text-align:right; color:#333; } div#contact div.phone { font-size:116%; } div#contact div.email { font-size:69%; margin-top:5px; } div#contact div.email a { color:#32739f; text-decoration:none; border-bottom:1px solid #32739f; } div#contact div.email a:hover { border-bottom:none; } div#contact div.card { margin-top:60px; font-size:69%; color:#fff; } div#contact div.card a { color:#fff; } div#newsletter-description { clear:both; float:left; display:inline; width:400px; margin:20px 40px 0px 30px; font-size:123%; color:#e9dbcc; } div#newsletter-description p:first-letter { font-weight:bold; color:#fff; font-size:131.5%; } /* classed elements * ---------------------------------------------------------- */ div.tagline { clear:both; float:left; width:865px; margin:65px 0px 0px 0px; font-size:161.6%; color:#333; text-align:center; } div.login { width:359px; height:174px; background:url(../img/bg-form.png) top left no-repeat; } div.content { clear:both; float:left; width:640px; height:300px; margin:10px 0px 0px 110px; } div.content div.quote { float:left; display:inline; margin:35px 20px 0px 0px; font-size:100%; width:200px; color:#555; _position:relative; _left:-110px; } div.content div.quote.hover { color:#222; cursor:default; } div.content div.quote img { width:45px; height:24px; } div.content div.quote span.medium { font-size:108%; } div.content div.quote.middle { margin-top:15px; } div.content div.quote.right { margin-top:25px; margin-right:0px; } div.content div.quote div { margin-top:10px; text-align:right; font-style:italic; font-size:77%; } div.section { float:left; display:inline; height:25px; line-height:25px; padding:0px 10px 0px 10px; margin-bottom:17px; color:#fff; font-family:verdana; font-weight:bold; background-color:#3c3c3c; } div.left-section { float:left; display:inline; height:23px; width:3px; margin-top:1px; background:url(../img/sides.gif) top left no-repeat; } div.right-section { float:left; display:inline; height:23px; width:3px; margin-top:1px; background:url(../img/sides.gif) top right no-repeat; }