/* The Dude Abides */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0 build: 1549 */ /* RESET */html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* FONTS */body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* GRIDS */body{text-align:center;margin-left:auto;margin-right:auto;}.yui-d0,.yui-d1,.yui-d1f,.yui-d2,.yui-d2f,.yui-d3,.yui-d3f{margin:auto;text-align:left;width:57.69em;*width:56.25em;}.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6{margin:auto;text-align:left;width:100%;}.yui-d0{margin:auto 10px;width:auto;}.yui-d0f{width:100%;}.yui-d2{width:73.076em;*width:71.25em;}.yui-d2f{width:950px;}.yui-d3{width:74.923em;*width:73.05em;}.yui-d3f{width:974px;}.yui-b{position:relative;}.yui-b{_position:static;}.yui-main .yui-b{position:static;}.yui-main{width:100%;}.yui-t1 .yui-main,.yui-t2 .yui-main,.yui-t3 .yui-main{float:right;margin-left:-25em;}.yui-t4 .yui-main,.yui-t5 .yui-main,.yui-t6 .yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 .yui-main .yui-b{margin-left:13.30769em;*margin-left:12.975em;}.yui-t2 .yui-b{float:left;width:13.84615em;*width:13.50em;}.yui-t2 .yui-main .yui-b{margin-left:14.84615em;*margin-left:14.475em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 .yui-main .yui-b{margin-left:24.0769em;*margin-left:23.475em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 .yui-main .yui-b{margin-right:14.8456em;*margin-right:14.475em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 .yui-main .yui-b{margin-right:19.4615em;*margin-right:18.975em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 .yui-main .yui-b{margin-right:24.0769em;*margin-right:23.475em;}.yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:2.0%;}.yui-gb .yui-u{*width:31.8%;*margin-left:1.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;_width:65.7%;}.yui-gd div.first{width:32%;_width:31.5%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;_width:74%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;_width:23.8%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after,.yui-t1:after,.yui-t2:after,.yui-t3:after,.yui-t4:after,.yui-t5:after,.yui-t6:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6{zoom:1;} /* BASE */h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}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:none;}dl dd{margin-left:1em;}th,td{border:0px solid #000;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;} #hd, #nav ul li a b, #license, #ft h3 { font-family: "Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif; } html { overflow-y: scroll; background: #000;} body { font-size:11px; border-top: 5px solid #611e15; color: #111; text-shadow: 0 -1px 2px #fff;background-image: url(http://jordanwlee.com/themes/jordan/images/bg.jpg);background-color: #111;} header, footer, section, nav, aside, article { display: block; } /* HTML5 yo */ a { color: #611e15; text-decoration: none; outline:none; } b { font-weight: normal; } i { font-style: normal; } #hd { width: 974px; margin: 0 auto; padding: 40px 0; text-align: left; font-style: italic; color: #fff; height: 50px; line-height: 53px;text-shadow: 0 -1px 2px #000; } #hd .logo { margin-right: 2em; float: left; color: #fff; font-family: Helvetica, Arial, clean, sans-serif; font-style: normal; font-weight: bold; width: 79px; height: 50px; text-indent: -1000px; overflow: hidden; background: transparent url(http://jordanwlee.com/themes/jordan/images/logo.png) no-repeat 0 0; _background-image: url(http://jordanwlee.com/themes/jordan/images/logo-8.png); } #hd .reg { font-size: 50%; vertical-align: super; } #page { padding: 30px; position: relative; z-index: 5; min-height: 500px;} #nav { width: 100%; overflow: hidden; font-size: 77%; font-weight: bold; padding-bottom: 24px; border-bottom: 1px solid #c1c1c1;} #nav ul { margin: 0; } #nav ul li { list-style: upper-roman; margin: 0 0 0 24px; float: left; width: 138px; } #nav ul li a { display: block; position: relative; color: #2b2922; padding-top: 24px; } #nav ul li a b { font-variant: small-caps; font-size: 220%; position: absolute; top: 0; left: -20px; font-weight: normal; } #nav ul li a:hover b { color: #611e15;} #nav ul li a i { font-weight: bold; text-transform: uppercase; } #nav ul li.portfolio { margin-left: 13px; width: 142px; } #nav ul li.portfolio a b { left: -23px; } #nav ul li.about { width: 146px; } #nav ul li.about a b { left: -15px; } #nav ul li.services {} #nav ul li.services a b { left: -19px; } #nav ul li.process { width: 142px; } #nav ul li.process a b { left: -19px; } #nav ul li.articles { width: 142px; } #nav ul li.articles a b { left: -16px; } #nav ul li.contact { width: auto; } #nav ul li.contact a b { left: -22px; } #ft { width: 974px; margin: 0 auto; text-align: left; color: #fdfaf5; background: transparent url(http://jordanwlee.com/themes/jordan/images/bookmark.png) no-repeat 162px -108px; overflow: hidden; line-height: 1.5; padding: 60px 0 50px;} #ft a { color: #fdfaf5; font-weight: bold; font-size:13px;text-shadow: 0 -1px 2px #000; } #ft a:hover {border-bottom: 1px dotted #611E15;} #ft h3 { font-variant: small-caps; font-weight: normal; margin-top: 0;text-shadow: 0 -1px 2px #000;} #ft ul { margin-left: 0; } #ft .elsewhere ul { float: left; width: 50%; *width: 49.9%; margin: 0;} #ft ul li { list-style: none;font-size:13px;text-shadow: 0 -1px 2px #000; } #ft ul.vcard li { clear: left; } #ft ul.vcard li.name { display: none; } #ft ul.vcard li span { float: left; width: 3em; margin-right: 1em; } #ft ul.vcard li span:after { content: ":"; } #ft .section { float: left; margin-right: 20px; width: 311px; text-shadow: 0 -1px 2px #000;} #ft .about { float: right; margin-right: 0; } #ft form { display: block; margin: 2em 0 0; } #ft form button { display: none; } #ft form input { background: #13120f; border: 1px dotted #3b3934; border-color: rgba(253,250,245,0.12); padding: 5px 10px; width: 289px; color: #fdfaf5; } #license { background: #13120f; color: #fdfaf5; padding: 20px 0; font-variant: small-caps; font-family: "Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif;text-shadow: 0 -1px 2px #000; } #license p { margin: 0 auto; width: 974px; text-align: right; } #license p .established { float: left; } #bd {padding-top:20px; border-top:1px solid #C1C1C1;} #section { width: 100%; overflow: hidden; padding-bottom: 0px; border-top: 1px solid #9a937c; border-top-color: rgba(0,0,0,0.2);} #section ul { margin: 0; } #section ul li { list-style: none; display:block;float:left; padding-top:20px; padding-bottom: 20px;margin-right: 22px; font-size: 18px;font-variant: small-caps;line-height:24px;font-family:"Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif; letter-spacing: 2px; } #section ul li a { position: relative; color: #611e15; } .nav ul {list-style: upper-roman; margin: 0 0 0 24px; float: left; width: 138px;} #content {width:633px;padding-right:30px;font-size:16px;color:#333;line-height:24px;font-family:"Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif;} #side {width:311px;} .yui-u first {line-height: 32px;} /* HTML Tag Redefinition */ img {border: 0px} a { cursor:pointer} label { font-weight:bold;} fieldset { border:1px solid #ccc;} /* error text class optionally provided by theme */ div.ccm-error-response {color: #f00; margin-bottom: 12px} /* Page Structure / Navigation */ #full-page-width { background: #fff; width:100%; margin:auto;} #page{ width:974px; margin:auto; text-align:left; padding:20px;line-height: 24px;} #page #headerSpacer{ height:64px } #page #header{ position:relative; width:974px; } #page #header #logo{ font-size:32px; font-family:Arial, Helvetica, sans-serif; line-height: auto; margin-bottom: 0px; padding: 0px; margin-top:8px; cursor:pointer; left:0px ; z-index:10; width:auto; float:left; position: relative } #page #header #logo a{ /* customize_header_logo */color:#999; /* customize_header_logo */ text-decoration:none;} #page #header #logo p{ display:inline; line-height:inherit; font-size:inherit; padding:inherit; margin:inherit; color:inherit } #header-area-inside { width:974px;} #page #central{background:url(http://jordanwlee.com/themes/jordan/images/nav_sidebar_right_bg.gif) repeat-y center; clear:both; width:974px;} #page .no-sidebar { background-image: none !important} #page #central.central-left { background:url(http://jordanwlee.com/themes/jordan/images/nav_sidebar_left_bg.gif) repeat-y center !important; } #page #central.central-left div#sidebar {float: left !important; } #page #central.central-left #body {padding-left: 68px !important; padding-right: 0px !important; float:right} #page #central #body{ float:left; width:67%; padding-right:28px; padding-left: 0px !important; padding-right: 0px !important; width:974px;} #page .no-sidebar #body{ float: none !important; width: auto !important; } #page #central #sidebar{ float:right; width:23%; overflow:hidden } #page #central #sidebar p{ line-height:24px} #page #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:24px; font-size:11px;} #page #central #sidebar ul.nav li{ margin-bottom:16px; } #page #central #sidebar ul.nav a{ text-decoration:none; color:#333 } #page #central #sidebar ul.nav a.nav-selected {font-weight: bold} #page #central #sidebar ul.nav a:hover{ text-decoration:underline } #page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; } #page #central #sidebar ul.nav ul li{ margin-bottom:16px; } #page #central.navLeft{ background:url(http://jordanwlee.com/themes/jordan/images/nav_sidebar_left_bg.gif) repeat-y center; } #page #central.navLeft #sidebar{float:left} #page #central.navLeft #body{float:right; padding-right:0px; width:68%; } #page #central.noSideNav{ background: none; } #page #central.noSideNav #sidebar{ display:none } #page #central.noSideNav #body{float: none; padding-left:0px; padding-right:0px; width:100%; } #page #footer{ padding-top:24px; clear:both; padding-bottom:16px; color:#999; font-size:10px } #page #footer a{ text-decoration:none } #page #footer span.sign-in {margin-left: 20px} #page #footer span.powered-by { float:right; } /* Page Elements */ .pagingNav{ margin:16px 0px 8px 0px} .pagination{ text-align:center; color:#bbb; padding-top:4px} .pagination .pageRight{width:20%; float:right; text-align:right} .pagination .pageLeft{width:20%; float:left; text-align:left} /* MISC STYLES & SHORTCUTS */ div.code {border: 1px solid #ddd; background: #eee; padding: 10px} div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px; } .noTopSpace{margin-top:0px; padding-top:0px} /* customize_miscellaneous */ /* customize_miscellaneous */ .ccm-blog-post-container {width:633px;} .ccm-blog-post-body {width:633px;font-size:16px;color:#333;line-height:24px;font-family:"Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif;} .ccm-blog-post-body p {margin-bottom:20px;} .ccm-blog-post-envelope {font-size:11px;font-style:normal;} .ccm-page-list {margin-bottom: 18px;} #ccm-layout-wrapper-51 {border-top: 1px solid #c1c1c1;padding-top: 20px;} .ccm-image-block {margin-bottom: 10px;} h2{ font-size:18px; line-height:24px; font-family: "Hoefler Text", Baskerville, Garamond,Times New Roman; font-variant: small-caps; letter-spacing: 2px; text-transform: lowercase; }