/* Theme Name: SunnyKilogram Theme URI: http://www.sunnykilogram.com Description: A theme by (sk) sunnykilogram. Version: 1 Author: CAT Author URI: http://www.sunnykilogram.com */ /* general */ BODY { font-family: helvetica neue, helvetica, arial, verdana; font-size: 13px; font-weight: lighter; color: #505050; line-height: 1.3; } DIV, P, UL, LI, TABLE, TR, TD { margin: 0; padding: 0; } A { outline: none; } INPUT { outline: none; } A:LINK { color: #2c87c1; text-decoration: none; outline: none; } A:VISITED { color: #2c87c1; text-decoration: none; outline: none; } A:HOVER { color: #999; text-decoration: none; outline: none; } IMG { border: none; } H2 { font-size: 1.2em; font-weight: normal; } EM, STRONG { font-style: normal; font-weight: bold; } .element { background: #fff url(http://www.sunnykilogram.com/wp-content/themes/sk/images/element-bgd.gif) repeat left top; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; margin-bottom: 18px; padding: 15px 18px 0; } .element P { margin-bottom: 15px; } .left { float: left; } .right { float: left; } .clear { clear: both; } .red { color: #f14a52; } .small { font-size: 0.90em; } /* layout */ #page { width: 900px; margin: 0 auto; } #header { margin: 18px 0; } #main { float: left; width: 661px; } #sidebar { float: left; width: 221px; margin-right: 18px; } #footer { float: right; font-size: 0.90em; clear: both; margin-bottom: 20px; } /* nav*/ #nav { border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; width: 659px; height: 55px; clear: both; } #nav UL { float: right; margin: 30px 18px 0; } #nav UL LI { float: left; list-style: none; margin-right: 70px; } #nav LI A { height: 15px; display: block; text-indent: -9999px; } #nav LI.work A { width: 38px; background: url(http://www.sunnykilogram.com/wp-content/themes/sk/images/nav-work.gif) no-repeat 0 0; } #nav LI.work A:HOVER { width: 38px; background: url(http://www.sunnykilogram.com/wp-content/themes/sk/images/nav-work.gif) no-repeat 0 -15px; } #nav LI.work A.current, #nav LI.work A:HOVER.current { width: 38px; background: url(http://www.sunnykilogram.com/wp-content/themes/sk/images/nav-work.gif) no-repeat 0 -30px; } #nav LI.other A { width: 49px; background: url(http://www.sunnykilogram.com/wp-content/themes/sk/images/nav-other.gif) no-repeat 0 0; } #nav LI.other A:HOVER { width: 49px; background: url(http://www.sunnykilogram.com/wp-content/themes/sk/images/nav-other.gif) no-repeat 0 -15px; } #nav LI.other A.current, #nav LI.other A:HOVER.current { width: 49px; background: url(http://www.sunnykilogram.com/wp-content/themes/sk/images/nav-other.gif) no-repeat 0 -30px; } #nav LI.thoughts A { width: 77px; background: url(http://www.sunnykilogram.com/wp-content/themes/sk/images/nav-thoughts.gif) no-repeat 0 0; } #nav LI.thoughts A:HOVER { width: 77px; background: url(http://www.sunnykilogram.com/wp-content/themes/sk/images/nav-thoughts.gif) no-repeat 0 -15px; } #nav LI.thoughts A.current, #nav LI.thoughts A:HOVER.current { width: 77px; background: url(http://www.sunnykilogram.com/wp-content/themes/sk/images/nav-thoughts.gif) no-repeat 0 -30px; } /* sidebar */ #sidebar H2 { font-size: 1em; font-weight: bold; margin-top: 0; padding-top: 0; } #sidebar .element { line-height: 1.5; } #sidebar .element .profile { margin-bottom: 15px; } #sidebar .element .resume { margin-bottom: 15px; } #sidebar .element .resume IMG { margin-right: 5px; vertical-align: middle; } /* sidebar: reading */ #sidebar .reading IMG { width: 90px; float: left; margin: 0 10px 15px 0; } #sidebar .reading A { font-weight: bold; } /* sidebar: flickr badge */ #flickr_badge_wrapper IMG { width: 70px; height: 70px; border: 1px solid #ccc; border:1px solid #ccc; float: left; margin-bottom: 15px; } #flickr_badge_image1 IMG, #flickr_badge_image3 IMG, #flickr_badge_image5 IMG { margin-right: 39px; } /* content (post) */ #content .element { padding-left: 0; } #content .element .left { width: 90px; float: left; margin-right: 20px; } #content .element .right { width: 531px; float: left; } #content .element .visual { float: left; width: 220px; margin: 0 18px 15px 0; } #content .element .date { width: 60px; padding: 15px 15px 10px; background-color: #eaeaea; font-size: 1.5em; margin-bottom: 10px; } #content .element .tags { text-align: right; font-size: 0.90em; margin-bottom: 10px; } #content .element .comment { font-size: 0.90em; margin-left: 55px; } #content .day { font-weight: bold; } #content .element H2 { margin: 0 0 10px; font-weight: bold; } /* comment display / creation */ #content .comments { clear: both; } #content .comments .element { padding-left: 18px; } #content .comments .left { width: 147px; margin: 5px 18px 0 0; } #content .comments .right { width: 496px; } #content .comments .commentAuthor { font-weight: bold; } #content .comments .commentDate { margin-bottom: 10px; } #content .comments .inputField { margin-bottom: 12px; } #content .comments INPUT { background-color: #eaeaea; border: none; width: 362px; height: 22px; padding: 4px 0 0 4px; position: relative; } #content .comments INPUT.name { left: 49px; } #content .comments INPUT.email { left: 51px; } #content .comments INPUT.site { left: 42px; } #content .comments TEXTAREA.words { background-color: #eaeaea; border: none; width: 358px; height: 135px; padding: 8px 4px; position: relative; left: 26px; vertical-align: top; font-family: helvetica, ariall, sans-serif; } #content .comments .submit { width: 79px; height: 27px; margin: 0 0 12px 379px; padding: 0; } /* work page styles */ #content .workIntro { padding-left: 18px; } #content .work .date { width: 115px; padding: 13px 15px 10px; margin-bottom: 15px; } #content .work .iconWrapper { width: 115px; margin-left: 15px; } #content .work .left { width: 145px; } #content .work .right { width: 475px; } #content .work .workDesc { margin-left: 18px; margin-bottom: 18px; } #content .thumbs IMG { margin: 0 11px 12px 0; } /* other page styles */ #content .other .date { width: 115px; padding: 13px 15px 10px; margin-bottom: 15px; } #content .other .iconWrapper { width: 115px; margin-left: 15px; } #content .other .left { width: 145px; } #content .other .right { width: 475px; } #content .other .workDesc { margin-left: 18px; margin-bottom: 18px; } /* contact page styles */ #content .contactIntro { padding-left: 18px; } #quote-box-text P { display: none; } #content .contact .left { margin: 5px 18px 0 0; width: 147px; } #content .contact .element { padding-left: 18px; padding-top: 22px; } #content .contact .right { width: 496px; } #content .contactForm INPUT { background-color: #eaeaea; border: none; width: 362px; height: 22px; padding: 4px 0 0 4px; position: relative; left: 91px; top: -20px; } #content .contactForm TEXTAREA { background-color: #eaeaea; border: none; width: 358px; height: 135px; padding: 8px 4px; position: relative; left: 91px; top: -20px; font-family: helvetica, ariall, sans-serif; } #content .contactForm INPUT.submit { width: 79px; height: 27px; margin: -7px 0 12px 379px; padding: 0; position: static; left: 0; top: 0; } #content .contactForm .error { margin-bottom: 18px; color: #f14a52; } .contactIntro UL, .contact UL { list-style-type: none; line-height: 1.5; margin-bottom: 12px; } .contactIntro UL LI, .contact UL LI { background: transparent url(http://www.sunnykilogram.com/wp-content/themes/sk/images/bullet-red.gif) no-repeat 1px 6px; padding-left: 13px; } /* icon fade */ .iconWrapper { position: relative; margin-bottom: 10px; } .iconWrapper IMG.icon { position: absolute; top: 0; left: 0; z-index: 10; } .iconWrapper IMG.iconHover { position: absolute; top: 0; left: 0; z-index: 0; } .iconWrapper A.textLink { position: relative; left: 20px; } /* bottom padding for thoughts page */ #content .navigation { margin-bottom: 18px; }