/* Ced Funches http://cedfunches.com Warm Black: #414141 Dark Gold: #ff9900 Dark Gray: #383838 Warm Red: #cc3300 */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 84.5%; font-family: Helvetica Nue, sans-serif; color: #272727; line-height: 2.5em} footer p { font-size: 80.5%; font-family: Helvetica Nue, sans-serif; color: #272727; line-height: 1.8em} ul { list-style: none; line-height: 1.5em} ol { list-style: decimal inside; } a { outline: none; text-decoration: none; } a img { border: none; background: none; } img { vertical-align: middle; } table { border-collapse: collapse; } #a hover { background: #383838 color: #99CCCC} /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .button { border: 1px solid #d8d8d8; background: #f3f6eb; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; } .button:hover { background: #383838; color: white; } a:link { color: #383838; } a:visited { color; } a:hover { color: #99cccc; } a:active { color: #99cccc; } img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; } /* STRUCTURE */ #white { background-color:white; border-top:7px solid #333333; padding-bottom: 32px; } #page-wrap { width: 1040px; margin: -0px auto 0px; padding: auto; min-height: 100%; height: auto !important; height: 100%;} #push { height: 280px; } #main-col { width: 630px; padding-top: 30px; padding-left: 20px; padding-right: 20px} /* HEADER */ #header { background:none repeat scroll 0 0 #FFFFFF; padding:20px 10px; padding-bottom: 0px; } h1 a { display:block; width:200px; height:80px; background-image:url(images/ced-funches-logo-black.png); text-indent:-9999px; margin:0; padding-bottom: 0px} #logo { width: 200px; height: 60px; margin: 30px 220px 0px 0px; float: left; border-bottom:0px dotted #DADADA; } .nav { background:none repeat scroll 0 0 #FFFFFF; border-bottom:1px dotted #DADADA; border-top:1px solid #BEBEBE; color:#7B7B7B; font:12px "Georgia",Times,Serif; padding-top:10px; padding-bottom: 10px; margin-top: 6px} .nav ul { list-style:none outside none; margin:0; padding:0; } .nav li { display:inline; margin:0; padding:0 15px 0 0; } #description p { color: #414141; width: 600px; float: left; margin-top: -20px; padding-bottom: 30px} /* SEARCH */ #searchform { top: 62px; right: 260px; height: 87px; width: 200px; background: url(images/search-bg2.png) no-repeat; float: right; margin: -88px 100px 0 -60px;} #searchform-only { position: absolute; right: 0px; top: 62px; width: 300px; } #search-button, #search-button-f, #search-button-a,#search-button-s { color: white; border: none; position: absolute; top: 14px; } #s, #s-blog, #s-forums, #s-snippets { width: 153px; padding: 0px 0px 0px 0px !important; border: none !important; margin: 5px 6px 0 10px; outline: none; background: none; color: #272727; font-size: 16px; font-family: Helvetica Nue, sans-serif; } #cse-search-box #s, #cse-search-box #s[style], #s-forums, #s-snippets { background: none !important; border: none !important; } #cse-search-box p, #cse-search-box a { color: #64291a; font-size: 11px; } #cse-search-box a { border-bottom: 1px dotted #64291a; } #cse-search-box a:hover { border-bottom: 1px solid #64291a; } #blog-searchform, #cse-search-box-forums, #snippet-search-box { display: none; } input[name=siteurl] { position: absolute; } #primary { width: 540px; padding: 3px 0px 0px 0px !important; border-bottom: dotted 1px #dedfd9; !important; margin: 2px 0px 0 0px; } #secondary { width: 540px; padding: 0px 0px 0px 0px !important; border-bottom: dotted 1px #dedfd9; !important; margin: 2px 0px 0 0px; } #navigation-left {float: left} #navigation-right {float: right} #error404 logged-in {padding-top: 30px;} /* SIDE NAVIGATION */ #main-nav { margin: 0 -20px 9px 0; padding: 40px 70px 00px 0; float: right; width: 360px; height: 590px; background: url(images/nav/bystanders_shadow_bg.png) no-repeat; } #nav li { float: left; list-style: none; z-index: 99999; } #nav li.core { display: block; z-index: 99999; } #nav li.core a { display: block; background-position: 0px 0px; background-repeat: no-repeat; z-index: 99999; } #nav li.core a:hover { background-position: 0px -104px; z-index: 99999; border: none; } #nav li.portfolio_icon a { width: 218px; height: 104px; background: url(images/nav/portfolio_btn.png) top left no-repeat; margin-left: 90px; margin-bottom: -15px } #nav li.aboutme_icon a { width: 218px; height: 106px; background: url(images/nav/aboutme_btn.png) top left no-repeat; margin-left: 90px; margin-bottom: -8px} #nav li.aboutme_icon a:hover { background-position: 0px -106px; z-index: 99999; border: none; } #nav li.myblog_icon a { width: 218px; height: 98px; background: url(images/nav/myblog_btn.png) top left no-repeat; margin-left: 90px; } #nav li.myblog_icon a:hover { background-position: 0px -98px; z-index: 99999; border: none; } #nav li.client_icon a { width: 218px; height: 78px; background: url(images/nav/clients_btn.png) top left no-repeat; margin-left: 90px; margin-bottom: -8px } #nav li.client_icon a:hover { background-position: 0px -78px; z-index: 99999; border: none; } #nav li.options_icon a { width: 221px; height: 119px; background: url(images/options_btn.png) top left no-repeat; margin-left: 90px; } #nav li.options_icon a:hover { background-position: 0px -117px; z-index: 99999; border: none; } /* TYPGROGRAPHY */ p { font-size: 1em; line-height: 1.2em; margin: 0 0 10px 0; } p#intro-paragraph { font-family: Helvetica, sans-serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; margin-top: 5px; } p#intro-paragraph span { font-size: 2.4em; font-weight: bold; } p#intro-paragraph em { color: #414141; } a { color: #414141; } h2 { font-size: 1.8em; font-family: Helvetica, sans-serif; font-weight: bold; letter-spacing:-1px; padding-bottom: 15px; line-height: 1.1em;} h3 { font-size: 2.6em; font-family: 'Crimson Text',Georgia,Palatino,'Palatino Linotype',serif; font-weight: normal; margin: 0 0 10px 0; line-height: 1.2em} .post h4 { font-size: 1.8em; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; color: #900; } h5 { font-size: 110.5%; font-family: 'Crimson Text',Georgia,Palatino,'Palatino Linotype',serif; font-weight: normal; margin: 0 0 10px 0; line-height: 1.2em; color: #272727} h6 { font-size: .9em; font-family: 'Crimson Text',Georgia,Palatino,'Palatino Linotype',serif; font-weight: normal; margin: 0 0 10px 0; line-height: 1.4em; color: #565555} /* POSTS */ .postmetadata { padding-top: 10px; padding-bottom: 8px; border-bottom:1px solid #dedfd9; border-top:1px solid #dedfd9;} .postdate { background:url("images/date.png") no-repeat scroll 0 0 transparent; padding:2px 2px 2px 22px; } .post { margin: 0px 50px 45px 45px; } .content { width: 540px; margin: 0px 50px 45px 0px; padding-top: 30px;} .commentnum { background:url("images/comment.png") no-repeat scroll 0 0 transparent; padding:2px 2px 2px 22px; margin-top: -15px; float: left;} .section-heading { background:url("/images/comments_heading.gif"); height:39px; width: 540; margin: -20px 50px 0px 34px;padding:0 12px; } .addcomment { width: 540; background: url("images/add_comment.png") no-repeat scroll 0 0 transparent; padding:2px 2px 2px 20px; margin: 20px 5px 25px 0px; border-bottom:10px solid #dedfd9;} .previous_post_link {float: right} .next_post_link {float: left} .commentnum2 { background:url("images/comment.png") no-repeat scroll 0 0 transparent; padding:2px 2px 2px 22px; margin-top: 0px; float: right;} . /* BLOG ENTRIES */ .post { margin: 0px 50px 45px 45px; border-bottom:1px dotted #888888;} .datebox { width: 24px; float: left; padding: 0 1px 1px 1px; background: #cc3300; color: white; text-align: center;-moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 10px 0 0; } .day { font-stretch: condensed; font-size: 1.5em; font-weight: bold; margin: 0; font-family: Helvetica, sans-serif; } .month { font-stretch: condensed; font-size: .8em; font-weight: bold; text-transform: uppercase; padding-top: 6px; margin-bottom: -4px } .year { font-size: 1.6em; font-weight: bold; margin: 0; } ol.commentlist { list-style: none; } .comment-entry { background: #00000; color: black; padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } comment_author_link { font-size: medium;} post-time { border-bottom:1px dotted #dedfd9; } ol.commentlist li p { font-size: 1.0em; } .avatar { margin-top: 3px; padding: 2px; height: 40px; float: right; } .more-link { background-color:#dedfd9; font-size:1.em; font-weight: bold; padding:0.3em 0.6em; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* FOOTER */ #footer { height: 400px; background: #f3f6eb; border-top: 2px solid #dedfd9; padding-top: 30px; margin-top: -100px;} #footer-inside { width: 1040px; margin: 0 auto; } #footer p { color: #aeb1a9; } #socialgarden { width: 1040px; float: left; margin-bottom: 15px; } #footer-1 { width: 300px; float: left; margin-right: 30px; } #footer-2 { width: 200px; float: left; margin-right: 30px; } #footer-3 { width: 200px; float: left; } #footer-4 { width: 200px; float: left; } #footer a { color: #aeb1a9; } #footer ul { color: #aeb1a9; } #copyright { border-top:1px solid #dedfd9; color:#92A9B6; font-size:11px; margin:20px auto; 0; width:1040px; } #copyright-copy { width: 60px; height: 100px; float: left; margin-top: -10px; margin-right: 9px; background: url("images/CaliPixels.png") top left no-repeat; } #copyright-text { width: 200px; height: 20px; float: right; margin-top: -10px; margin-right: 700px; font-size: .7em; font-family: 'Crimson Text',Georgia,Palatino,'Palatino Linotype',serif; font-weight: normal; margin: 0 0 10px 0; line-height: 1.2em; color: #999999 } #homerule { border-top:1px dotted #dedfd9; color:#92A9B6; font-size:11px; margin:30px auto; 0; width:580px; } #calpixels { width: 200px; float: left; margin-right: 20px; margin-left: 0px; } /* FOOTER NAVIGATION */ #foot-nav { margin: 0 0px 0px 0; padding: 0px 0px 0px 0; float: left; width: 1040px; height: 50px; } #foot-nav li { float: left; list-style: none; z-index: 99999; } #foot-nav li.core { display: block; z-index: 99999; } #foot-nav li.core a { display: block; background-position: 0px 0px; background-repeat: no-repeat; z-index: 99999; } #foot-nav li.core a:hover { background-position: 0px -0px; z-index: 99999; border: none; } #foot-nav li.twitter_icon a { width: 95px; height: 35px; padding-left: 3px; padding-right: 3px; background: url(images/nav/twitter.png) top left no-repeat; margin-left: 0; margin-bottom: 0px} #foot-nav li.twitter_icon a:hover { background-position: 0px -35px; z-index: 99999; border: none; } #foot-nav li.linkedin_icon a { width: 95px; height: 35px; padding-left: 6px; padding-right: 6px; background: url(images/sm_icons/linked_in-logo.png) top left no-repeat; margin-left: 0; margin-bottom: 0px} #foot-nav li.linkedin_icon a:hover { background-position: 0px -35px; z-index: 99999; border: none; } #foot-nav li.flickr_icon a { width: 95px; height: 35px; padding-left: 3px; padding-right: 3px; background: url(images/sm_icons/flickr-logo.png) top left no-repeat; margin-left: 0; margin-bottom: 0px} #foot-nav li.flickr_icon a:hover { background-position: 0px -34px; z-index: 99999; border: none; } #foot-nav li.facebook_icon a { width: 95px; height: 35px; padding-left: 3px; padding-right: 3px; background: url(images/sm_icons/facebook_logo.png) top left no-repeat; margin-left: 0; margin-bottom: 0px} #foot-nav li.facebook_icon a:hover { background-position: 0px -35px; z-index: 99999; border: none; } #foot-nav li.youtube_icon a { width: 95px; height: 35px; padding-left: 3px; padding-right: 3px; background: url(images/sm_icons/youtube_logo.png) top left no-repeat; margin-left: 0; margin-bottom: 0px} #foot-nav li.youtube_icon a:hover { background-position: 0px -35px; z-index: 99999; border: none; } #qod-quote { font-size: 2.6em; font-family: 'Crimson Text',Georgia,Palatino,'Palatino Linotype',serif; font-weight: normal; margin: 0 0 10px 0; line-height: 1.2em; padding-top: 40px;} #qod-author { font-size: 50%; font-family: 'Crimson Text',Georgia,Palatino,'Palatino Linotype',serif; font-weight: normal; margin: 0 0 10px 0; line-height: 1.2em} /* HOME PAGE */ #content_icon { width: 250px; height: 40px; background: url(images/Home_Featured/blog.png) top left no-repeat; padding-top: 23px; margin-top: px} #content_icon2 { width: 250px; height: 40px; background: url(images/Home_Featured/web.png) top left no-repeat; padding-top: 23px; margin-top: px} #featured_icon { width: 250px; height: 74px; background: url(images/Home_Featured/toreros.png) top left no-repeat; margin-left: 0px; padding-top: 10px;} #latest-1 { width: 250px; float: left; margin-right: 30px; padding-top: 0px; border-top: dotted #dadada 0px; padding-right: 20px; } #latest-2 { width: 210px; float: right; margin-right: 30px; } #latest-3 { width: 175px; float: left; } /* CONTACT FORM wufoo */ #contactform { width: 540px; float: left; margin-right: 30px; padding-top: 20px; border-top: dotted #dadada 0px; margin-top } /* CLIENT LOG IN */ #login-box { width:333px;height: 352px; padding: 58px 76px 0 76px; color: #ebebeb; font: 12px Arial, Helvetica, sans-serif; background: url(images/login-box-backg.png) no-repeat left top;} #login-box img { border:none; } #login-box h2 { padding:0; margin:0; color: #ebebeb; font: bold 30px "Calibri", Arial; } #login-box-name { float: left; display:inline; width:80px; text-align: right; padding: 14px 10px 0 0; margin:0 0 7px 0; } #login-box-field { float: left; display:inline; width:230px; margin:0; margin:0 0 7px 0; } .form-login { width: 205px; padding: 10px 4px 6px 3px; border: 1px solid #0d2c52; background-color:#99ccff; font-size: 16px; color: #000000; } .login-box-options { clear:both; padding-left:87px; font-size: 11px; } .login-box-options a { color: #ebebeb; font-size: 11px; }