/* Theme Name: ArnoldRoa Theme URI: http://www.arnoldroa.com Description: life is... Version: 1.0 Author: Arnold Roa Author URI: http://www.arnoldroa.com */ /* Clears default browser stylesheet */ * { margin: 0px; padding: 0px; } img { border: 0px; background: none; } /* Removes image border */ .clear { clear: both; } /* Clear floats, used once above the #footer-bar to give it a margin-top: 10px; */ .left { float: left; } .right { float: right; } .imgleft { float:left; display: inline; margin-right: 15px; } .imgright { float:right; display: inline; margin-left: 15px; } /* Estilos del editor wysiwyg de wp */ img.aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /*tenia no-repeat*/ body { background: #eaeae0 url(images/background.gif) fixed center top repeat; font-size: 62.5%; /* Resets 1em to 10px */ font-family: Georgia, Helvetica, sans-serif; } body p, body a { font-size: 1.2em; } hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; } /* Centers the page with 930px width */ #menu, #logo-welcome, #wrapper, #friends, #footer { width: 930px; margin: 0 auto; } #header { width: 100%; height: 135px; background: url(images/header-bg.png) repeat; border-bottom: 1px #fdfdfb solid; } #nav { height: 35px; background: url(images/nav-bg.gif) repeat-x; } #menu-palette { width: 930px; margin:0 auto; padding-top: 5px; font-family: Georgia, Helvetica, Arial, sans-serif; } ul#menu { } ul#menu li { display: inline; margin-right: 15px; } ul#menu li a { color: #fff; font-size: 1.3em; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; } ul#menu li a:hover { color: #b1d1e0; } #rss-icon img { padding-right: 3px; margin-top:3px; } /* esto es para los globitos del menu superior #menu li a { padding: 0px 0px 0px 8px; background: url(./images/menuleft.gif) no-repeat left top; float: left;} #menu li a span { padding: 4px 8px 7px 0px; display: block; background: url(./images/menuright.gif) no-repeat right top; float: right; } #menu li a span { float: none; } #menu li a:hover span { color: #cc0000;} #menu li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;} #menu li a:hover span { background-position: 100% -27px; color:#21567D;} /* esto es para los globitos */ #logo-welcome { } #logo { float: left; margin-top: 20px; } #logo h1 { width: 250px; height: 55px; background: url(images/logo.png) no-repeat; text-indent: -9999px; } #logoBig { float: left; margin-top: 7px; margin-left:16px;} #logoBig h1 { width: 250px; height: 94px; background: url(images/logo_big.png) no-repeat; text-indent: -9999px; } #welcome { width: 510px; float: right; background: url(images/welcome.png); margin-top: 10px; -moz-border-radius: 10px; border-radius: 10px; } #welcome p { color: #591b00; padding: 10px 10px 0px 10px; font-size: 1.2em; letter-spacing: 1px; font-family: Helvetica, Arial, sans-serif; line-height: 1.25em; } #welcome p a { color: #255880; font-weight: bold; font-size: 1em !important; letter-spacing: 1px; text-decoration: none; } #welcome p a:hover { color: #fff; } #mascott { float: right; margin-left: 5px; } #container { width: 100%; background: url(images/gradient.png) repeat-x; } #wrapper { padding-top: 15px;/**/ } /* This div holds #featured, #content, #content-mini, #love, #sidebar - you shouldn't have to mess with this*/ #featured { width: 910px; height: 220px; background: #fff url(images/featured-back.jpg) top right no-repeat; padding: 12px 10px 10px 10px; margin-bottom: 15px; -moz-border-radius: 10px; border-radius: 10px; } /* #featured-img { padding: 4px; border: 1px solid #CCCCCC; } */ /* no se ve bien... */ .featured-post-meta { margin-bottom: 10px; font-family: Helvetica, Arial, sans-serif; } .featured-post-meta p span { color: #591b00; font-size: 1em; letter-spacing: 1px; font-weight:bold; text-transform: uppercase; margin-right: 10px; } .featured-post-meta p { color: #585858; font-size: 1.2em; letter-spacing: 1px; } .featured-post-meta a { color:#591b00; text-decoration: none; font-size: 1em; font-weight: bold; } .featured-post-meta a:hover { text-decoration: underline; } /* Si esto solo se estaba usando en el featured post hay que quitarlo, lo copio abajo porque no recuerdo y no me funciona regex para checar.*/ #entry { font-family: Helvetica, Arial, sans-serif; } #entry h2 { font-size: 2em; color: #255880; margin-bottom: 10px; font-family: Georgia, serif; } #entry h2 a { font-size: 1em; color: #255880; margin-bottom: 10px; } #entry h2 a:hover { color:#7B7871; text-decoration: none; } #entry p { color: #585858; margin-bottom: 10px; line-height: 1.6em; font-size: 1.2em !important; } #entry a { color: #591b00; text-decoration: none; font-weight: bold; } #entry a:hover { text-decoration: underline; } #entry span { margin: 0px 6px 0px 6px; } #entry img { margin-right: 15px; float: left; } .featured-post-entry { font-family: Helvetica, Arial, sans-serif; } .featured-post-entry h2 { font-size: 2em; color: #255880; margin-bottom: 10px; font-family: Georgia, serif; } .featured-post-entry h2 a { font-size: 1em; color: #255880; margin-bottom: 10px; } .featured-post-entry h2 a:hover { color:#7B7871; text-decoration: none; } .featured-post-entry p { color: #585858; margin-bottom: 10px; line-height: 1.6em; font-size: 1.2em !important; } .featured-post-entry a { color: #591b00; text-decoration: none; font-weight: bold; } .featured-post-entry a:hover { text-decoration: underline; } .featured-post-entry span { margin: 0px 6px 0px 6px; } .featured-post-entry img { margin-right: 15px; float: left; } #content-mini, #love, #sidebar { float: left; } /* wider version of content-mini */ #content { width: 615px; min-height: 150px; float: left; } /* Bar is the white horizontal bar above the archives list. */ .bar { width: 595px; background: #fff; margin-bottom: 10px; padding:5px 10px 5px 10px; font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; letter-spacing: 1px; height:16px; } .bar p span { color: #591b00; font-size: 1em; font-weight: bold; text-transform: uppercase; margin-right: 10px; } .bar p { color: #585858; font-size: 1em; line-height: 1.6em; } #grab-feed a { background: url(images/rss.png) top left no-repeat; padding-left: 20px; text-decoration: none; margin-left: 5px; color: #585858; font-size: 1em; display: block; } #grab-feed a:hover { text-decoration: underline; } /* #post is the div on the single.php page */ #post { background: url(images/content.png); padding: 10px 10px 10px 10px; font-family: Helvetica, Arial, sans-serif; } #post-entry { padding: 10px; background: #fff url(images/popular-back.jpg) bottom right no-repeat; display: block; } #post-entry h2 { font-size: 2em; color: #255880; margin-bottom: 10px; font-family: Georgia, serif; } #post-entry p { line-height: 1.5em; margin-bottom: 10px; color: #585858; } #post-entry p a { text-decoration: none; } #post-entry p a:hover { text-decoration: underline; } .post-meta .right a { text-decoration: none; color: #585858; } .post-meta .right a:hover { text-decoration: underline; } /* The comment section */ #comments { float: left; background: url(images/content.png); width: 615px; margin-top: 20px; font-family: Helvetica, Arial, sans-serif; } .comment-entry { background: #fff; margin: 10px; padding-bottom: 10px; } .odd-comment { background: #f9f7f6 !important; } .avatar { float: left; padding: 10px; } .avatar-62 { float: left; padding: 8px; } .comment-post-meta { float: left; padding: 10px 10px 5px 0px; margin-bottom: 5px; width: 505px; border-bottom: 1px #DEDEDE dashed;font-family: Helvetica, Arial, sans-serif; } .comment-entry p { color: #585858; margin-bottom: 10px; line-height: 1.5em; padding: 0px 10px 0px 10px; } .comment-author { font-size: 1.2em; color: #591b00; font-weight: bold; } .comment-author a { color: #591b00; text-decoration: none; margin-right: 10px; font-weight: bold; font-size: 1em !important; } .comment-author a:hover { text-decoration: underline; } .comment-author span { color: #585858 !important; font-size: 1em !important; font-weight: normal !important; } .comment-post-meta .right a { text-decoration: none; color: #585858; margin-right: -10px; } .comment-post-meta .right a:hover { text-decoration: underline; } .highlighted { background-color: #445566;} .highlighted .comment-entry { background-color: #E1EDF3 !important;} #trackbacks { float: left; background: url(images/content.png); margin-top: 20px; width: 615px; font-family: Helvetica, Arial, sans-serif; } #tb-list { background: #fff; margin: 10px; padding: 0px 10px 10px; } #trackbacks h2 { font-size: 1.2em; border-bottom:1px #DEDEDE dashed; padding: 10px 0px 5px; margin: 10px 0px 5px 0px; } #trackbacks ol { margin-left: 15px; } #trackbacks ol li { color: #585858; font-size: 1em; } #trackbacks ol li span { color:#DEDEDE; font-size: 1.2em; margin-left: 20px; } #trackbacks ol li a { color: #585858; text-decoration: none; line-height:1.5em; } #trackbacks ol li a:hover { text-decoration: underline; } /* Comment box */ #please-comment { float: left; background: url(images/content.png); margin-top: 20px; width: 615px; font-family: Helvetica, Arial, sans-serif; } #comment-box { background: #fff; margin: 10px; padding: 10px 10px 10px; } #comment-box .left p { color: #16344C; font-size: 1.2em; font-weight: bold; } #comment-box .right p a { font-size: 1em; font-weight: bold; color: #585858; background: url(images/rss-14.gif) no-repeat left center; padding-left: 20px; } #comment-box a { text-decoration: none; } #comment-box a:hover { text-decoration: underline; } #comment-info { margin-top: 10px; } #comment-info input { border: none !important; background: #f1f1f1; margin-bottom: 5px !important; padding: 6px; width:300px; display: block; font-size: 1.1em; font-family: Helvetica, Arial, sans-serif; } #comment-info input[name="author"] { background: #f1f1f1 url(images/comment-name.gif) no-repeat right center; } #comment-info input[name="email"] { background: #f1f1f1 url(images/comment-email.gif) no-repeat right center; } #comment-info input[name="url"] { background: #f1f1f1 url(images/comment-http.gif) no-repeat right center; } #commentform input[name="submit"] { margin: 5px 0 10px 0; width: 577px; padding:5px 0px; background: #255880; border:none; color: #fff; font-size: 1.4em; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; } #comment { border:none !important; padding: 7px; width: 561px; height: 150px; background: #f1f1f1 url(images/comment-write.gif) no-repeat right top; font-size: 1.2em; line-height: 1.6em; font-family: Helvetica, Arial, sans-serif; } #comment-code { color: #112637; font-size: 1.1em; margin-top:5px; } #comment-underline { border-bottom:1px #DEDEDE dashed; padding: 0px 0px 5px; } #comment-license{ margin: 10px 0 5px 0; padding:1em 1em 1em 4em; border:#CCC 1px solid; background:url(images/exclamation.gif) no-repeat left #FFF; /* width:518px; */ color:#333; } #archives { float: left; background: url(images/content.png); width: 615px; } /* Post Individual */ #entree h3 { font-size: 1.8em; color: #585858; /*#41B0A7 el azul se ve mal al final del post*/ font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; font-weight: normal !important; margin-bottom:15px; } #entree h4 { font-size: 1.5em; color: #585858; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; font-weight: normal !important; margin-bottom:15px; } #entree p { margin-bottom:15px; } #entree blockquote { padding: 0 0 0 30px; margin: 10px 40px 10px 10px; background: url("images/blockquote.gif") top left no-repeat; color: #666666; } #entree blockquote p { font-size: 1.2em; line-height: 1.6em; margin-bottom: 15px; color: #888; } #entree a, .comment-text a { color: #255880 !important; text-decoration: none !important; font-size: 1em !important; } #entree a:hover, .comment-text a:hover { color: #AAA !important; text-decoration: none !important; } #entree ul, #entree ol { margin-bottom:15px; font-size:1.2em; line-height:1.6em; color:#585858; } #entree ul li ul, #entree ol li ol { margin-bottom:0px; padding-top:3px; font-size: 1em; } #entree ul li { list-style:disc inside !important; margin-left:15px; padding:3px 0px; font-size: 1em; } #entree ul li ul li { list-style:disc inside !important; font-size: 1em; } #entree ol li { list-style:decimal inside !important; padding:3px 0px; font-size: 1em; margin-left:15px; } #entree ol li ol li { list-style:decimal-leading-zero inside !important; font-size: 1em; margin-left:15px; } #entree img { margin: 2px; padding: 4px; border: 1px solid #CCCCCC; } .featured-entree h3 { font-size: 1.8em; color: #585858; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; font-weight: normal !important; margin-bottom:15px; } .featured-entree h4 { font-size: 1.5em; color: #585858; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; font-weight: normal !important; margin-bottom:15px; } .featured-entree p { margin-bottom:15px; } .featured-entree blockquote { padding: 0 0 0 30px; margin: 10px 40px 10px 10px; background: url("images/blockquote.gif") top left no-repeat; color: #666666; } .featured-entree blockquote p { font-size: 1.2em; line-height: 1.6em; margin-bottom: 15px; color: #888; } .featured-entree a, .comment-text a { color: #255880 !important; text-decoration: none !important; font-size: 1em !important; } .featured-entree a:hover, .comment-text a:hover { color: #DEDEDE !important; text-decoration: none !important; } .featured-entree ul, .featured-entree ol { margin-bottom:15px; font-size:1.2em; line-height:1.6em; color:#585858; } .featured-entree ul li ul, .featured-entree ol li ol { margin-bottom:0px; padding-top:3px; font-size: 1em; } .featured-entree ul li { list-style:disc inside !important; margin-left:15px; padding:3px 0px; font-size: 1em; } .featured-entree ul li ul li { list-style:disc inside !important; font-size: 1em; } .featured-entree ol li { list-style:decimal inside !important; padding:3px 0px; font-size: 1em; margin-left:15px; } .featured-entree ol li ol li { list-style:decimal-leading-zero inside !important; font-size: 1em; margin-left:15px; } .featured-entree img { margin: 2px; padding: 4px; border: 1px solid #CCCCCC; } /* Previous/Next links */ #navi { margin-top: 10px; width: 615px; font-family: Georgia, serif; font-size: 1.2em; letter-spacing: 1px; } #navi a { text-decoration: none; color: #585858;} #previous-link a { background: url(images/previous.gif) top left no-repeat; padding-left: 24px; display: block; line-height: 16px; } #next-link a { background: url(images/next.gif) top right no-repeat; padding-right: 24px; display: block; line-height: 16px; margin:0px !important; } #navi a:hover { text-decoration: underline; } .content-box { background: #fff; margin: 9px; } .content-entry { font-family: Helvetica, Arial, sans-serif; } .content-entry h2 { font-size:1.9em; color: #255880; margin-bottom: 10px; padding:0px 10px 0px 10px; font-family: Georgia, serif; } .content-entry h2 a { font-size:1em; color: #255880; text-decoration: none; } .content-entry h2 a:hover { color:#7B7871; } .content-entry p { color: #585858; padding:0px 10px 0px 10px; margin-bottom: 10px; line-height: 1.5em; } .content-readmore { background: #ebe5df url(images/arrow.gif) no-repeat bottom right; margin-left: 468px; padding:10px 0px 0px 10px; } .content-readmore a { text-decoration: none; color: #591b00; font-size:1.2em; font-weight: bold; } .content-readmore a:hover { text-decoration: underline; } #content-mini { width: 300px; margin-bottom: 20px; font-family: Helvetica, Arial, sans-serif; } .content-mini-box { background: url(images/content.png); padding: 9px; margin-bottom: 15px; -moz-border-radius: 10px; border-radius: 10px; } .content-mini-entry { background: #fff; } .content-mini-entry a { color:#255880; text-decoration: none; font-size: 1em; font-weight: bold; } .content-mini-entry a:hover { color: #DEDEDE; text-decoration: none; } .content-mini-entry blockquote { padding: 0 0 0 20px; margin: 10px 0px 14px 10px; background: url("images/blockquote.gif") top left no-repeat; } .content-mini-entry blockquote p { color: #888; } /* Estilos para las diferentes categorias en el minipost */ .cme-personal { background-color: #FBF8F3; } .cme-primera-plana { background-color: #f7f9fa; } .content-mini-post-meta { border-bottom: 1px #DCDCDC dashed; margin:0px 10px 10px 10px; padding: 10px 0px 5px; font-size: 1.1em; color: #7B7871; } .content-mini-post-meta a { color: #591b00; text-decoration: none; font-size: 1.1em; font-weight: bold; } .content-mini-post-meta a:hover { text-decoration: underline; } .content-mini-post-meta span { margin-left:10px; font-size: 1.1em; } .cat-date { width: 200px; } .cat-date-full { width: 500px; } .comment-count { background: url(images/comment.gif) no-repeat left center; padding-left: 12px; } .comment-count a { color: #7B7871; font-size: 1em; } .content-mini-entry h2 { font-size:1.7em; color: #255880; margin-bottom: 10px; padding:0px 10px 0px 10px; font-family: Georgia, serif; } .content-mini-entry h2 a { font-size:1em; color: #255880; text-decoration: none; } .content-mini-entry h2 a:hover { color:#7B7871; } .content-mini-entry p { color: #585858; padding:0px 10px 0px 10px; margin-bottom: 10px; line-height: 1.5em; } .content-mini-readmore { background: #ebe5df url(images/arrow.gif) no-repeat bottom right; margin-left: 154px; padding:10px 0px 0px 10px; } .content-mini-readmore a { text-decoration: none; color: #591b00; font-size:1.2em; font-weight: bold; } .content-mini-readmore a:hover { text-decoration: underline; } #love { width: 278px; min-height:150px; border:1px #f4f4e9 solid; background: #fff; margin-left: 15px; padding: 10px; } #subscriptions { background: url(images/rss-back.gif) top right no-repeat; } h4#rss-numbers { background:url(images/subscribe-icon.gif) top left no-repeat; padding-left: 24px; font-size:1.2em; color: #112637; border-bottom: 1px #dedede solid; padding-bottom: 10px; margin-bottom: 10px; font-weight: normal !important; letter-spacing: 1px; } div.feedcountdiv { background:url(images/subscribe-icon.gif) top left no-repeat; padding-left: 24px; font-size:1.2em; color: #112637; border-bottom: 1px #dedede solid; padding-bottom: 10px; margin-bottom: 10px; font-weight: normal !important; letter-spacing: 1px; } h4#rss-subs { background:url(images/rss.png) top left no-repeat; padding-left: 24px; font-size:1.2em; color: #112637; border-bottom: 1px #dedede solid; padding-bottom: 10px; margin-bottom: 10px; font-weight: normal !important; letter-spacing: 1px; } h4#rss-subs a { color: #112637; text-decoration: none; } h4#rss-subs a:hover { text-decoration: underline; } h4#get-updates { background:url(images/email-icon.gif) center left no-repeat; padding-left: 24px; font-size:1.5em; color: #112637; margin-bottom: 10px; font-weight: normal !important; letter-spacing: 1px; } fieldset { border: none; margin-bottom: 14px; background: #f1f1f1; padding: 7px; width: 261px; float: left; } #txtfld-email { border:none; background: none; float:left; display: inline; padding-top: 4px; width: 200px; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; color: #585858; } #txtfld-email2 { border:none; background: none; float:left; display: inline; padding-top: 4px; width: 200px; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; color: #585858; } #btn-email { float:right; display: inline; margin: 1px 0px 0px; padding: 0px; } #btn-email2 { float:right; display: inline; margin: 1px 0px 0px; padding: 0px; } /* Class for all divs with class="widgets" */ h2 { color: #16344C; } .widgets { border-top: 1px #dedede solid; padding: 10px 0px 2px; font-family: Helvetica, Arial, sans-serif; color: #585858; } .widgets h2 { font-size: 2em; } .widgets h2 span a { color: #585858; font-size: .6em; text-decoration: none; } .widgets h2 span a:hover { text-decoration: underline; } .widgets ul { padding-top: 10px; } .widgets ul li { list-style: none; } .widgets a { color: #255880; text-decoration: none; } .widgets a:hover { text-decoration: underline; } /* Listas de widtgets tradicionales */ .widgetdyn ul { padding-top: 10px; background: url(images/popular-back.jpg) bottom right no-repeat; display: block; } .widgetdyn ul li { font-size: 1em; font-family: Helvetica, Arial, sans-serif; line-height: 1em; border-top: 1px dashed #DCDCDC; padding:10px 0px; background: url(images/popular-icon.png) left no-repeat; display: block; padding-left: 24px; } .widgetdyn ul li a { color: #585858; text-decoration: none;} .widgetdyn ul li a:hover { text-decoration: underline; } /* fin */ .widgets ul.list { } .widgets ul.list li { font-size: 1.2em; color: #585858; border-top:1px #585858 dashed; padding:5px 0px 5px; } .widgets ul.list li a { color:#23577f; text-decoration: none; font-weight: bold; } .widgets ul.list li a:hover{ text-decoration: underline; } #twitter { background: url(images/tweets.gif) no-repeat; width: 278px; clear: both; border-top: 1px #dedede solid; padding: 10px 0px 0px; } #twitter h2 { font-size: 2em; margin-left: 80px; margin-top: 5px; letter-spacing: 1px; } #twitter h2 span a { color: #585858; font-size: .6em; text-decoration: none; letter-spacing: 1px !important; font-family: Helvetica, arial, sans-serif; } #twitter h2 span a:hover { text-decoration: underline; } #twitter ul { list-style: none; margin: 15px 0px 0px; background: url(images/twitter-back.jpg) top left no-repeat; display: block; } #twitter ul li { font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; line-height: 1.4em; border-top: 1px dashed #DCDCDC; padding:8px 0px; color: #585858; } #twitter ul a, #twitter a { color: #255880; text-decoration: none; font-size: 1em; } #twitter ul a:hover, #twitter a:hover { text-decoration: underline; } #popular-post { width: 278px; } #popular-post h2 { } #popular-post ul { padding-top: 10px; background: url(images/popular-back.jpg) bottom right no-repeat; display: block; } #popular-post ul li { font-size: 1em; font-family: Helvetica, Arial, sans-serif; line-height: 1em; border-top: 1px dashed #DCDCDC; padding:10px 0px; background: url(images/popular-icon.png) left no-repeat; display: block; padding-left: 24px; } #popular-post ul li a { color: #585858; text-decoration: none;} #popular-post ul li a:hover { text-decoration: underline; } #themes h2 { margin-bottom: 10px; } #themes img { border: none; } #themes a { border:5px solid #DEDEDE; text-decoration: none; display: inline; float:left; width:75px; height: 75px; margin-right:10px; margin-bottom: 10px; } #themes a:hover { border:5px solid #255880; } #themes .last { margin-right: 0px !important; } #flickr { width: 278px; background: url(images/flickr.jpg) right top no-repeat; } #flickr h2 { padding-right: 30px; width: 200px; } #flickr ul { } #flickr ul li { float: left; padding-bottom: 0px; margin-top: 0px; }/*452e13*/ #flickr ul li a img { margin-bottom: 10px; border: 2px #452e13 solid; } .middle-pic { margin: 0px 20px 0px 20px; } #sidebar { width: 278px; min-height:150px; border:1px #f4f4e9 solid; background: #fff; margin-left: 15px; padding: 10px; } #search { border: none; padding: 0px 0px 10px; } #search h4 { margin-bottom: 10px; background:url(images/search.gif) center left no-repeat; padding-left: 24px; font-size:1.5em; color: #112637; margin-bottom: 10px; font-weight: normal !important; letter-spacing: 1px; } .categories { width: 278px; padding-top: 10px; } .categories li { font-size: 1em; font-family: Helvetica, Arial, sans-serif; font-size:1.2em; line-height: 1em; border-top: 1px dashed #DCDCDC; padding:10px 0px; color:#255880; width: 50%; float: left; display: inline; font-weight: bold; letter-spacing: 1px; } .categories li a { color: #585858; text-decoration: none; font-size: 1em; font-weight: normal !important; letter-spacing: 0px !important; } .categories li a:hover { text-decoration: underline; } #tagcloud { } #tagcloud a { font-family: Helvetica, Arial, sans-serif; color: #255880; text-decoration: none;} #fused { margin-bottom: 15px; padding-top: 15px; border-top:1px #dedede solid; } #ads { margin-bottom: 15px; padding-top: 15px; border-top:1px #dedede solid; } #ads ul li { list-style: none; float: left; display:inline; margin-right: 23px; margin-bottom:10px; } #ads .right { margin-right: 0px !important; } #tools ul { padding-top: 10px; } #tools ul li { font-size: 1.2em !important; font-family: Helvetica, Arial, sans-serif; line-height: 1em; border-top: 1px dashed #DCDCDC; padding:10px 0px; padding-left: 24px; } #tools ul li a { color: #585858; text-decoration: none; font-size: 1em; } #tools ul li a:hover { text-decoration: underline; } #fn-icon { background: url(images/tools/fn.gif) no-repeat left center; } #vn-icon { background: url(images/tools/vn.gif) no-repeat left center; } #ap-icon { background: url(images/tools/ap.gif) no-repeat left center; } #wp-icon { background: url(images/tools/wordpress.gif) no-repeat left center; } #bc-icon { background: url(images/tools/basecamp.gif) no-repeat left center; } #fb-icon { background: url(images/tools/fb.gif) no-repeat left center; } #cm-icon { background: url(images/tools/cm.gif) no-repeat left center; } #t-icon { background: url(images/tools/twitter.gif) no-repeat left center; } #coda-icon { background: url(images/tools/coda.gif) no-repeat left center; } #xfn { width: 100%; height: auto; background: #66859e; clear: both; padding: 10px 0px 10px; margin-top: 0px; } #xfn h2 { display: none; } #friends { list-style: none; } #friends li { float:left; display: inline; color:#fff; font-size: 1.2em; margin-right: 20px; vertical-align: middle; line-height: 26px; } #friends li img { vertical-align: middle; margin-right: 8px; } #friends li a { color:#fff; text-decoration: none; font-size: 1em; } #friends li a:hover { color:#FCFCF9; } #footer { clear: both; margin-top: 10px; margin-bottom: 10px; } #footer p { font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; line-height: 1.6em; } #footer a { font-size: 1em; font-weight: bold; text-decoration: none; color: #000; } #footer a:hover { text-decoration: underline; } /*========= AUTHOR INFO =========*/ .author_info { padding: 0px; margin-top:15px; color:#666666; } .author_photo { float:left; margin-right:10px; width:58px; } .author_photo img { background-color: #FFFFFF; padding: 4px; border: 1px solid #cccccc; width: 48px; height:48px; float:left !important; } .author_info p { font-size:12px; padding:0px; margin-bottom:10px; } .author_info a { color:#000000; text-decoration:none; padding:0; } .author_info a:hover { text-decoration:underline; } .author_info ul, .author_info li { margin:0px; padding:0px; } .author_info h3 { background: #f5f4f0; padding: 4px 18px 10px; border:1px solid #dedbd1; text-align: left; height:20px; } .author-description { font-size:80%; line-height: normal; } .tags { font-size: .95em; margin-bottom: 12px; text-transform: uppercase; color: #777; line-height: 1.5em; } .tags a { color: #0B82BB; text-decoration: none; border-bottom: none; } .tags a:hover { color: #C65100; text-decoration: none; border-bottom: 2px solid #FB6700; } /* LavaLamp Menu */ #menu li { float: left; list-style: none; } #menu li.back { background: url("images/lavablue.gif") no-repeat right -24px; width: 9px; height: 24px; z-index: 8; position: absolute; } #menu li.back .left { background: url("images/lavablue.gif") no-repeat top left; height: 24px; margin-right: 6px; /* 7px is the width of the rounded shape */ float: none; } #menu li a { text-decoration: none; outline: none; text-align: center; top: 3px; text-transform: uppercase; letter-spacing: 0; z-index: 10; display: block; float: left; height: 24px; position: relative; overflow: hidden; margin: auto 8px; } #menu li a:hover, #menu li a:active { color: #fff; border: none; } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0 !important; padding: 0 !important; border: 0 none !important; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* Download */ div.download{ width: 233px; text-align: center } div.download table th{ text-align: right; } /*PSEUDO*/ ::-moz-selection{ background: #D4F699; color: #7AA62F !important; } ::selection{ background: #D4F699; color: #7AA62F !important; }