/* Career Thought Leaders Website Designed by JH Graphics | JoEllen Harshman - 08/09 http://www.jhgraphics.com Blues (dark to light) - #12236E - #172F95 - #305DAB - #0071FF - #5F7FC0 Yellows (dark to light) - #FFDC18 - #FFEF69 */ /* STRUCTURE ................................................. */ * { margin: 0; } html, body { height: 100%; width: 100%; margin: auto; } body { background: #003f82 url(images-v2/bkgd.png) no-repeat center top; } .wrapper { min-height: 100%; height: auto !important; height: 100%; width: 900px; margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */ } .footer, .push { height: 80px; /* .push must be the same height as .footer */ } #header { width: 900px; height: 134px; margin:0 auto; padding:0; } #tagline { width: 463px; color: #1D4199; font: 16px "Times New Roman", Times, serif; position: relative; left: 100px;} .logo { width: 463px; height: 124px; margin: 0; padding: 0; position: relative; top: 3px; left: 64px; display: block; background: url(images-v2/career-thought-leaders-logo.png) no-repeat top left; } .logo span { display: none; } #page-bkgd { width: 900px; background-color:#fff; margin:0; padding:0; } #column-l { float:left; width:195px; margin-top:60px; padding: 35px 10px 0 10px; background: url(images-v2/l-col-top.gif) no-repeat left top; } #column-c { float:left; width:420px; margin-top:60px; padding: 0 25px 0 25px; } #column-r { float:left; width:195px; margin-top:60px; padding: 35px 10px 0 10px; background: url(images-v2/r-col-top.gif) no-repeat right top; } .clear { clear: both; } /* NAVIGATION ................................................. */ .navalign { float:left; position:relative; top:17px; left:23px; } #topnav li { display:inline; clear: both; padding:0; } .navalign2 { float:left; position:relative; top:52px; left:137px; margin-bottom: 3px; } #topnav2 li { display:inline; clear: both; padding:0; } li.whatisctl a { text-indent: -1000em; background: url(images-v2/n_what-is-ctl.gif) no-repeat left top; width: 130px; height: 27px; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; text-decoration: none; outline: none; } li.whatisctl a:hover, li.whatisctlcurrent a { background-position: -130px 0px; outline: none; } li.joinctl a { text-indent: -1000em; background: url(images-v2/n_join-ctl.gif) no-repeat left top; width: 88px; height: 27px; display: block; overflow: hidden; position: absolute; left: 130px; top: 0px; text-decoration: none; outline: none; } li.joinctl a:hover, li.joincurrent a { background-position: -88px 0px; outline: none; } li.ctldirectory a { text-indent: -1000em; background: url(images-v2/n_ctl-directory.gif) no-repeat left top; width: 132px; height: 27px; display: block; overflow: hidden; position: absolute; left: 218px; top: 0px; text-decoration: none; outline: none; } li.ctldirectory a:hover, li.directorycurrent a { background-position: -132px 0px; outline: none; } li.bestpractices a { text-indent: -1000em; background: url(images-v2/n_best-practices.gif) no-repeat left top; width: 137px; height: 27px; display: block; overflow: hidden; position: absolute; left: 350px; top: 0px; text-decoration: none; outline: none; } li.bestpractices a:hover, li.bestpraccurrent a { background-position: -137px 0px; outline: none; } li.trends a { text-indent: -1000em; background: url(images-v2/n_trends.gif) no-repeat left top; width: 78px; height: 27px; display: block; overflow: hidden; position: absolute; left: 487px; top: 0px; text-decoration: none; outline: none; } li.trends a:hover, li.trendscurrent a { background-position: -78px 0px; outline: none; } li.blog a { text-indent: -1000em; background: url(images-v2/n_blog.gif) no-repeat left top; width: 59px; height: 27px; display: block; overflow: hidden; position: absolute; left: 565px; top: 0px; text-decoration: none; outline: none; } li.blog a:hover, li.blogcurrent a { background-position: -59px 0px; outline: none; } li.leaderbios a { text-indent: -1000em; background: url(images-v2/n_leader-bios.gif) no-repeat left top; width: 111px; height: 27px; display: block; overflow: hidden; position: absolute; left: 624px; top: 0px; text-decoration: none; outline: none; } li.leaderbios a:hover, li.bioscurrent a { background-position: -111px 0px; outline: none; } li.contactus a { text-indent: -1000em; background: url(images-v2/n_contact-us.gif) no-repeat left top; width: 120px; height: 27px; display: block; overflow: hidden; position: absolute; left: 735px; top: 0px; text-decoration: none; outline: none; } li.contactus a:hover, li.contactcurrent a { background-position: -120px 0px; outline: none; } li.mrwcredential a { text-indent: -1000em; background: url(images-v2/n_master-resume-writer-credential.gif) no-repeat left top; width: 300px; height: 27px; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; text-decoration: none; outline: none; } li.mrwcredential a:hover, li.mrwcurrent a { background-position: -300px 0px; outline: none; } li.credentialcm a { text-indent: -1000em; background: url(images-v2/n_credentialed-career-manager.gif) no-repeat left top; width: 273px; height: 27px; display: block; overflow: hidden; position: absolute; left: 300px; top: 0px; text-decoration: none; outline: none; } li.credentialcm a:hover, li.ccmcurrent a { background-position: -273px 0px; outline: none; } /* TEXT ................................................. */ p, td, .postcontent { font: 13px/23px Verdana, Arial, Helvetica, sans-serif; color: #000; margin:0 0 15px 0; padding:0; } p a, p a:visited, .breadcrumb a { color: #004cab; text-decoration: none; outline: none; } p a:hover, .breadcrumb a:hover { color: #0071ff; text-decoration: none; outline: none; } .breadcrumb a, .breadcrumb a:hover {text-decoration: underline;} ul, ol { font: 13px/17px Verdana, Arial, Helvetica, sans-serif; color: #000; list-style:disc; list-style-position:outside; margin-left:30px; padding-left:0; margin-bottom: 15px;} ul a, ul a:visited { color: #004cab; text-decoration: underline; outline: none; } ul a:hover { color: #0071ff; text-decoration: underline; outline: none; } ul.wide, ol.wide { font: 13px/17px Verdana, Arial, Helvetica, sans-serif; color: #000; list-style:disc; list-style-position:outside; margin-left:30px; padding-left:0; } ul.wide li, ol.wide li { margin-bottom:15px; } ol, ol.wide {list-style: decimal !important;} h1 { font: 20px/25px Verdana, Arial, Helvetica, sans-serif; color: #12236E; margin:0; padding:0; } h2 { font: 18px/21px Verdana, Arial, Helvetica, sans-serif; color: #12236E; margin:0; padding:0; } h3 { font: 16px/21px Verdana, Arial, Helvetica, sans-serif; color: #12236E; margin:0; padding:0; } h4 { font: 14px/21px Verdana, Arial, Helvetica, sans-serif; color: #12236E; margin:0; padding:0; } h5 { font: 12px/21px Verdana, Arial, Helvetica, sans-serif; color: #12236E; margin:0; padding:0; } h6 { font: 10px/21px Verdana, Arial, Helvetica, sans-serif; color: #12236E; margin:0; padding:0; } /* Left Column Styles */ #column-l h1, #column-r h1 { font: 18px/20px "Times New Roman", Times, serif; color:#12236e; margin-bottom: 15px; } /* gray/black text/link */ #column-l .gb10, #column-r .gb10 { font: 10px/14px Verdana, Arial, Helvetica, sans-serif; color: #606060; margin:0; padding:0; } #column-l .gb10 a, #column-l .gb10 a:visited { color: #606060; text-decoration:none; } #column-l .gb10 a:hover { font-weight:bold; color: #000; text-decoration:none; } /* Right Column Styles */ #column-r p, #column-l p, #column-r li { font: 10px/14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin:0; padding:0; } /* Center Column Styles */ .subtitle { font: 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#1a36ac; margin-left:15px; margin-top: 3px; } .drkblue { color:#12236e; } .blue { color:#1a36ac; } .sm { font-size:9px; line-height:11px; } .tcenter { text-align:center; } .tleft { text-align:left; } .tright { text-align:right; } /* FOOTER ................................................. */ .footer { width:900px; margin:0 auto; padding-top:40px; background: #003f82 url(images-v2/footer-bkgd.gif) no-repeat center top; font: 10px/20px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } .footer a, .footer a:visited { color: #fff; text-decoration: none; outline: none; } .footer a:hover { color: #ffdc18; text-decoration: none; outline: none; } .f-lf { float: left; width: 560px; text-align:left; padding-left:16px; } .f-rt { float: left; width: 310px; text-align:right; } .footernav { font: 10px/20px Verdana, Arial, Helvetica, sans-serif; color: #fff; word-spacing: 1px; text-decoration: none; } .footernav a, footernav a:visited { color: #fff; text-decoration: none; outline: none; } .footernav a:hover { color: #ffdc18; text-decoration: none; outline: none; } .pg_title { font-family: "Times New Roman",Times,serif; text-transform: uppercase; } #column-c ul { margin-top: 15px; } .breadcrumb, .postinfo, #comments_wrapper, .sociable { font: 10px/20px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 8px; } .sociable { min-height: 50px; } /* alignments */ .center { text-align: center; } img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; border: 0; } .alignleft { float: left; } img.alignleft, img[align="left"] { float:left; margin: 2px 0px 5px 10px; border: 0; padding-right: 7px; } .alignright { float: right; padding-top:3px; padding-left:13px; } img.alignright, img[align="right"] { float:right; margin: 0px 0px 5px 10px; border: 0; } .resbox { font: 13px/17px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #004cab; padding: 6px; text-align: center; } .conftable td p, .conftable td, .conftable p, .conftable ul li { font: 11px/15px Verdana, Arial, Helvetica, sans-serif; } .conftable td { padding-bottom: 8px; } .conftime { white-space:nowrap; font-size: 9px !important; padding-right: 10px; } .tight { line-height: 15px; } #comments { margin-bottom: 15px; } .post h2 { margin-bottom: 15px; background: #f3f3f3; padding: 5px 8px; } .post a { color: #004cab; text-decoration: underline; } .post h2 a:hover, .post a:hover { color: #0071ff; text-decoration: underline; } /*.post h2 a:visited, .post a:visited { color: #004cab; text-decoration: underline; }*/ .post h2 a { color: #004cab; text-decoration: none; } .postinfo { margin-bottom: 15px; } .gallery-caption { font: 13px/17px Verdana, Arial, Helvetica, sans-serif; color: #000; margin:0 0 15px 0; padding:0; } blockquote { margin: 0 0 13px 20px; padding: 7px; background: #f7f7f7; } .blogroll img { border: 0; } .blogroll { margin: 0px !important; padding: 0px !important; list-style-type: none !important; list-style-image: none !important; list-style-position: none !important; } .blogroll li { margin-bottom: 30px; } .futitle { font: 24px/26px "Times New Roman", Times, serif !important; color:#12236e; margin-bottom: 15px; text-align: center; } .xoxo li { padding: 5px 0; }