/* Theme Name: Facebook Developer Theme URI: http://www.joviant.net/ Description: Designed by Solomon Version: 1 Author: Solomon Author URI: http://www.joviant.net/ */ body { background:url("images/Background2.png") repeat-x #eaeae0; color:#61676b; font-family:Arial,verdana, tahoma; font-size:12px; margin:0px; padding:0px; } img { background:transparent; border:none; } body .homebanner img{ display:none; } body.home .homebanner img{ display:block; } body.home .homebanner{ height:305px; } body.home{ background:url("images/Background.png") repeat-x #eaeae0; } /* --------- Header Components Variables --------- */ /* Header Variables - Rev:A002 */ #header { width:auto; height:142px; margin:0px auto; padding:0px; position:relative; overflow:hidden; } #header-shrink { width:996px; margin:0px auto; padding:0px; position:relative; } .homebanner{ height:159px; display:block; text-align:center; width:739px; margin:0 auto; } .homebanner img{ margin-left:30px; } .homebanner a{ display:block; height:73px; width:351px; display:block; background-repeat:no-repeat; float:left; line-height:65px; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration:none; font-size:18px; } .homebanner a.bbutton{ background-image:url(images/blue-bg-button.png); margin-left:17px; } .homebanner a.obutton{ color:#000; width:353px; background-image:url(images/orange-bg-button.png); } .homebanner a.obutton strong{ background-image:url(images/arrowb.png); } .homebanner a strong{ background-image:url(images/arrow.png); background-repeat:no-repeat; font-weight:normal; padding-left:10px; background-position:0px 4px; } /* Branding Variables - Rev:A001 */ #branding-body { width:155px; height:78px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden;padding-top:13px; } #branding h1 { color:#FFFFFF; font-size:22px; font-weight:bold; text-decoration:none; margin:0px; padding:0px; top:21px; position:relative; } #branding h1 a { color:#636363; font-size:10px; text-decoration:none; text-transform:uppercase;line-height:7px; } #branding h1 a strong{display:block; color:#1e8df4;font-size:26px;font-weight:normal;} #branding p { color:#d7eaee; font-size:12px; font-weight:bold; font-style:italic; text-decoration:none; margin:0px; padding:0px; top:22px; left:10px; position:relative; } #logo { width:88px; height:94px; top:0px; position:relative; float:left; } #logo a { width:88px; height:94px; position:relative; float:left; border:none; } /* Banner-Ad Variables - Rev:A001 */ #banner-ad-body { width:545px; height:79px; text-align:center; margin:0px; padding:15px 0px 0px 0px; position:relative; float:left; overflow:hidden; } /* Navigation Variables - Rev:A002 */ #navigation-bar { width:775px;float:right;text-align:right;height:88px;line-height:88px;} #navigation { width:auto; height:25px; margin:0px; padding:0px; position:relative; } #navigation ul { height:25px; padding:0px; margin:0px; list-style-type:none; text-align:right;} #navigation li { height:25px; padding:0px 0px 0px 10px; margin:0px 0px 0px 5px; list-style-type:none; display:inline; } #navigation li a { color:#979797; font-size:14px;font-weight:normal; text-decoration:none; margin:0px; padding:3px 11px 8px 0px; } #navigation li a:hover { color:#ede82c; text-decoration:none; } #navigation li, .current_page_item { color:#ccc; font-weight:bold; text-decoration:none; } /* --------- /Header Components Variables --------- */ /* --------- Post Components Variables --------- */ /* Page Container Variables - Rev:A001 */ #content { width:996px; height:auto; margin:0px auto; padding:0px; position:relative; overflow:hidden; } /* Content Container Variables - Rev:A001 */ #content-shrink { width:996px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } /* Content Toolbar Variables - Rev:A001 */ #toolbar-body { background:url("images/Content-ToolbarBody.png") no-repeat; width:996px; height:69px; margin:0px; padding:0px; position:relative; float:left; display:none; } #toolbar-feeds { width:694px; height:auto; margin:0px; padding:0px; top:26px; left:35px; position:relative; float:left; } .feeds-body { width:210px; height:30px; margin:0px; padding:0px; position:relative; float:left; } .feeds-image { width:30px; height:29px; margin:0px; padding:0px; position:relative; float:left; } .feeds-link { width:170px; margin:0px 0px 0px 10px; top:6px; position:relative; float:left; } .feeds-link a { color:#949494; text-decoration:none; font-size:12px; font-weight:bold; } .feeds-link a:visited { color:#949494; text-decoration:none; } .feeds-link a:hover { color:#255880; text-decoration:underline; } .feeds-body-alt { width:235px; height:30px; margin:0px; padding:0px; position:relative; float:left; } .feeds-link-alt { width:170px; margin:0px 0px 0px 10px; top:6px; position:relative; float:left; } .feeds-link-alt a { color:#949494; text-decoration:none; font-size:12px; font-weight:bold; } .feeds-link-alt a:visited { color:#949494; text-decoration:none; } .feeds-link-alt a:hover { color:#255880; text-decoration:underline; } .feeds-body-alt-2 { width:200px; height:30px; margin:0px; padding:0px; position:relative; float:left; } .feeds-link-alt-2 { width:145px; margin:0px 0px 0px 10px; top:6px; position:relative; float:left; } .feeds-link-alt-2 a { color:#949494; text-decoration:none; font-size:12px; font-weight:bold; } .feeds-link-alt-2 a:visited { color:#949494; text-decoration:none; } .feeds-link-alt-2 a:hover { color:#255880; text-decoration:underline; } #toolbar-search { height:30px; margin:0px; padding:0px; top:26px; left:35px; position:relative; float:left; } #toolbar-searchform { height:30px; margin:0px; padding:0px; position:relative; } #toolbar-s { width:220px; height:20px; color:#b3b4b5; font-style:italic; background-color:#fdfdfd; border-top:solid 1px #e8e8e8; border-left:solid 1px #e8e8e8; border-right:solid 1px #e8e8e8; border-bottom:solid 1px f4f4f4; margin:0px 4px 0px 0px; padding:4px 0px 0px 3px; position:relative; float:left; } #toolbar-s:hover { color:#61676b; background-color:#fdfdfd; } #toolbar-s:focus { color:#61676b; background-color:#fdfdfd; } #toolbar-submit { width:auto; height:auto; margin:0px; padding:0px; position:relative; float:left; } /* Post Variables - Rev:A001 */ #posts-body { width:640px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } /* Post Machanics Variables - Rev:A001 */ .post { padding:0px;float:left;margin-right:30px; margin-bottom:10px; clear:both; background-color:#f1f3f8;padding:15px;border-right:2px #d3d3d3 solid;border-bottom:2px #d3d3d3 solid;} .home .post img, .home .post-article img{display:none;} .post-alt { padding:0px;float:left;margin-right:30px; margin-bottom:10px; clear:both; background-color:#f1f3f8;padding:15px;border-right:2px #d3d3d3 solid;border-bottom:2px #d3d3d3 solid; } .post-date { color:#9a9a9a;} .post-date-day { color:#ffdb08; font-size:17px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0px; padding:20px 0px 0px 0px; display:block; } .post-date-month { color:#16344c; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0px; padding:0px 0px 0px 0px; display:block; } .post-title { font-family:Georgia, "Times New Roman", Times, serif; text-align:left; margin:0px; padding:0px; position:relative; overflow:hidden } .post-title h2 { color:#518ea9; font-size:18px; margin:0px 0px 0px 0px; padding:0px; } .post-title h2 a { color:#518ea9; text-decoration:none;font-weight:normal;font-style:italic;line-height:25px;} .post-title h2 a:visited { color:#518ea9; text-decoration:none; } .post-title h2 a:hover { color:#1c6585; text-decoration:none; } .post-info { font-size:12px; text-align:left;padding:0px;font-family:Arial, Helvetica, sans-serif;color:#9a9a9a;} .post-info a { color:#9a9a9a; text-decoration:underline; } .post-info a:visited { color:#255880; text-decoration:underline; } .post-info a:hover { color:#16344c; text-decoration:none; } .post-content-body { height:auto; min-height:30px; margin:0px; padding:0px; clear:both; } .post-article { font-size:12px; line-height:22px; text-align:left; word-spacing:1px; margin:10px 0px 0px 0px; padding:0px; position:relative; float:left; clear:both; } .post-article p { margin:0px; padding:0px 0px 10px 0px; position:relative; } .home .post-article a { color:#255880; text-decoration:underline;display:block; } .post-article a { color:#255880; text-decoration:underline; } .post-article a:visited { color:#255880; text-decoration:underline; } .post-article a:hover { color:#16344c; text-decoration:underline; } .post-article blockquote { background:#f4f4f4; border-left:solid #dcdcdc 5px; margin:10px 0px 15px 0px; padding:1px 10px; position:relative; } .post-article blockquote p { color:#61676b; font-style:italic; margin:0px; padding:10px 0px 10px 0px; position:relative; } .post-article blockquote blockquote { background:#eeeded; } .post-article img { padding:5px; margin:0px; float:left; } .post-footer-alt { width:579px; height:13px; margin:0px; padding:0px; position:relative; float:left; clear:both; } .post-footer { width:615px; height:auto; border-top:#dcdcdc dashed 1px; margin:0px; padding:11px 0px 15px 0px; left:14px; position:relative; float:left; clear:both; } .post-lower-info { wcolor:#61676b; font-size:12px; text-align:left; margin:0px; padding:0px; position:relative; overflow:hidden; clear:both; } .post-lower-info a { color:#255880; text-align:center; text-decoration:underline; } .post-lower-info a:visited { color:#255880; text-align:center; text-decoration:underline; } .post-lower-info a:hover { color:#16344c; text-align:center; text-decoration:none; } .post-spacer { width:640px; height:30px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; } /* Next/Previous Button Variables - Rev:A001 */ .page-navigation {font-size:13px; font-weight:bold; margin:10px 0px 0px 0px;float:left; clear:both; } .page-navigation a { color:#949494; text-decoration:none; } .page-navigation a:visited { color:#949494; text-decoration:none; } .page-navigation a:hover { color:#16344c; text-decoration:none; } .page-nav-prev { float:left; } .page-nav-next { float:right; } /* 404 Error Page Variables - Rev:A001 */ .not-found { width:640px; text-align:center; margin:100px 0px 0px 0px; padding:15px; position:relative; float:left; } .not-found h2 { color:#255880; font-size:16px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; } /* --------- /Post Components Variables --------- */ /* --------- Comment System Variables --------- */ /* Comments Body Varibles - Rev:A002 */ #comments-body { width:610px; height:auto; margin:0px; padding:0px; position:relative; overflow:hidden; } .comments-center-alt { } .comments-center {width:610px; height:auto; color:#16344c; font-size:14px; font-style:italic; position:relative; font-family:Georgia, "Times New Roman", Times, serif; } /* Comment List Variables - Rev:A001 */ #comments { width:610px; height:auto; border-bottom:#ccc solid 1px; margin:0px; padding:0px; left:0px; position:relative; float:left; overflow:hidden; clear:both;margin-bottom:10px; } .comment-box { border-top:#dcdcdc dashed 1px; margin:0px; padding:20px; position:relative; float:left; overflow:hidden; } .black { background:#e2e2d7; border-top:solid 1px #cecec3;border-bottom:solid 1px #cecec3; } /* Body Background 1 */ .white { } /* Body Background 2 */ .avatar { padding:0px 10px 0px 0px; float:left; } .comment-info { width:577px; height:auto; border-bottom:#dddfe6 solid 1px; position:relative; float:left; } .comment-author { width:100%; color:#094b90; font-size:13px; font-weight:bold; margin:5px 0px 0px 0px; padding:0px; position:relative; float:left; } .comment-author a { color:#16344c; text-decoration:underline; } .comment-author a:visited { color:#16344c; text-decoration:underline; } .comment-author a:hover { color:#255880; text-decoration:none; } .comment-stat { color:#61676b; font-size:12px; text-decoration:none; margin:7px 0px 5px 0px; padding:0px; position:relative; float:left; } .comment-stat a { color:#255880; text-decoration:underline; } .comment-stat a:visited { color:#255880; text-decoration:underline; } .comment-stat a:hover { color:#16344c; text-decoration:none; } .comment-text { width:100%; font-size:12px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .comment-text p { color:#61676b; margin:10px 0px 10px 0px; padding:0px; position:relative; } .comment-text a { color:#255880; text-decoration:underline; } .comment-text a:visited { color:#255880; text-decoration:underline; } .comment-text a:hover { color:#16344c; text-decoration:none; } .comment-text blockquote { background:#f4f4f4; border-left:solid #dcdcdc 5px; margin:10px 0px 15px 0px; padding:1px 10px; } .comment-text blockquote p { color:#61676b; font-style:italic; margin:0px; padding:10px 0px 10px 0px; } .comment-text blockquote blockquote { background:#eeeded; } .comment-spacer { width:620px; height:20px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } /* Comments Form Variables - Rev:A001 */ #comment-form { width:610px; height:auto; margin:0px; position:relative; float:left; } #comment-form h2 { color:#255880; font-size:16px; text-decoration:none; margin:0px; padding:0px; } #comment-form p { color:#61676b; font-size:12px; margin:10px 0px 0px 0px; padding:0px; } #comment-form b { color:#61676b; } #comment-form a { color:#255880; font-size:12px; text-decoration:underline; } #comment-form a:visited { color:#255880; text-decoration:underline; } #comment-form a:hover { color:#16344c; text-decoration:none; } #commentform label { color:#16344c; font-size:10px; left:10px; position:relative; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea { color:#b3b4b5; background-color:#fdfdfd; border:solid 3px #f4f4f4; font-size:12px; padding:0px 0px 3px 2px; overflow:hidden; } #commentform:hover #author:hover, #commentform:hover #email:hover, #commentform:hover #url:hover, #commentform textarea:hover { color:#61676b; background-color:#fdfdfd; border:solid 3px #dddfe6; padding:0px 0px 3px 2px; } #commentform:focus #author:focus, #commentform:focus #email:focus, #commentform:focus #url:focus, #commentform textarea:focus { color:#61676b; background-color:#fdfdfd; border:solid 3px #c9c9c9; padding:0px 0px 3px 2px; } #commentform textarea { width:500px; height:150px; overflow:hidden; } #submit-comment { } .comment-form-center { width:625px; height:auto; color:#255880; font-size:16px; font-weight:bold; text-align:center; margin:0px; padding:0px; position:relative; float:left; } /* --------- /Comment System Variables --------- */ /* --------- Sidebar & Widgets Variables --------- */ #sidebars { width:336px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } .sidebars-spacer { width:336px; height:30px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; } /* Center Sidebar Variables - Rev:A001 */ #sidebar-center { overflow:hidden; } #sidebar-center-ads { } #sidebar-center-ads img { } /* Left Sidebar Variables - Rev:A001 */ #sidebar-left { margin:0px; padding:0px; position:relative; float:left; overflow:hidden; } #sidebar-left h2 { height:23px; color:#313131; font-size:18px; font-weight:normal; text-align:left; margin:0px; margin-top:20px;margin-bottom:6px; position:relative; } .sidebar-item-left { height:auto; margin:0px 0px 0px 0px; padding:0px; position:relative; float:left; overflow:hidden; } .sidebar-item-left a { color:#61676b; text-decoration:none;display:block;line-height:30px; border-top:solid 1px #ccc; width:336px;font-size:13px;} .sidebar-item-left a:visited { color:#61676b; text-decoration:none; } .sidebar-item-left a:hover { color:#16344c; text-decoration:underline; } .sidebar-item-left ul { color:#61676b; font-size:12px; list-style:none; margin:0px 0px 10px 0px; padding:0px; position:relative; float:left; overflow:hidden; } .sidebar-item-left ul li { height:auto; border-top:#dcdcdc dashed 1px; margin:0px; padding:5px 0px 5px 0px; float:left; overflow:hidden; } .sidebar-item-left ul li ul { background:none; width:auto; height:auto; border:none; margin:5px 0px 5px 0px; padding:0px; overflow:hidden; } .sidebar-item-left ul li ul li { height:auto; border:none; font-size:12px; margin:0px 0px 0px 20px; padding:5px 0px 5px 0pxx; float:left; overflow:hidden; } /* Calenda Widget - Rev:A001 */ #wp-calendar { width:100%; margin:0px auto; padding:0px 20px 10px 20px; position:relative; } #wp-calendar table { width:100%; margin:0px; padding:0px; position:relative; } #wp-calendar caption { width:100%; color:#255880; font-weight:bold; text-align:center; margin:0px; padding:10px 0px 10px 0px; position:relative; } #wp-calendar th { color:#ffdb08; font-style:normal; text-transform:capitalize; margin:5px 0px 5px 0px; padding:3px 0px 3px 0px; } #wp-calendar td { border:1px solid #f4f4f4; color:#61676b; text-align:center; margin:0px; padding:3px 0px 3px 0px; } #wp-calendar td a { color:#16344c; text-align:center; text-decoration:underline; margin:0px; padding:3px 0px 3px 0px; } #wp-calendar td a:visited { color:#16344c; } #wp-calendar td a:hover { color:#255880; } #wp-calendar #next a { color:#255880; text-align:right; text-decoration:underline; margin:0px; padding-right:10px; } #wp-calendar #next a:visited { color:#255880; } #wp-calendar #next a:hover { color:#16344c; } #wp-calendar #prev a { color:#255880; text-align:left; text-decoration:underline; margin:0px; padding-left:10px; } #wp-calendar #prev a:visited { color:#255880; } #wp-calendar #prev a:hover { color:#16344c; } /* Tag Cloud Widget - Rev:A001 */ .tag-cloud { text-align:justify; margin:0px auto; padding:0px; position:relative; } .widget_tag_cloud { text-align:justify; margin:0px auto; padding:0px; position:relative; } /* Text - Rev:A001 */ .textwidget { color:#61676b; font-size:12px; text-align:left; word-spacing:1px; line-height:17px; margin:0px 0px 10px 0px; padding:5px 0px 5px 0px; } .textwidget img { float:left; padding:0px 5px 5px 0px } .textwidget p { color:#61676b; margin:0px; padding:0px; } .textwidget a { color:#255880; text-decoration:none; } .textwidget a:visited { color:#255880; text-decoration:none; } .textwidget a:hover { color:#16344c; text-decoration:underline; } /* Search Widget - Rev:A001 */ #searchform { margin:0px 10px 5px 10px; padding:0px; position:relative; } #s { width:200px; height:22px; color:#b3b4b5; font-style:italic; background-color:#fdfdfd; border:solid 1px #f4f4f4; margin:0px 0px 0px 0px; padding:4px 0px 0px 3px; position:relative; } #s:hover { color:#61676b; background-color:#fdfdfd; border:solid 1px #dddfe6; } #s:focus { color:#61676b; background-color:#fdfdfd; border:solid 1px #c9c9c9; } #submit { margin:0px; padding:2px; top:0px; position:relative; } /* --------- /Sidebar & Widgets Variables --------- */ /* --------- Footer Variables --------- */ /* Footer Variables - Rev:A001 */ #footer { width:996px; height:auto; margin:0px auto; padding:0px; position:relative; overflow:hidden; } #footer-toolbar { background:url("images/Footer-Toolbar.png") no-repeat; width:996px; height:60px; margin:0px; padding:0px; position:relative; float:left; } #footer-toolbar-nav { width:auto; height:auto; text-align:center; margin:0px auto; padding:0px; top:15px; left:30px; position:relative; float:left } #footer-toolbar-nav ul { width:auto; height:auto; padding:0px; margin:0px; list-style-type:none; float:left; } #footer-toolbar-nav li { width:auto; height:auto; padding:0px; margin:0px 10px; list-style-type:none; float:left; } #footer-toolbar-nav li a { color:#255880; text-decoration:none; } #footer-toolbar-nav li a:visited { color:#255880; text-decoration:none; } #footer-toolbar-nav li a:hover { color:#16344c; text-decoration:underline; } #footer-toolbar-nav li, .current_page_item { color:#255880; text-decoration:none; } #footer-text { height:50px; margin:0px auto; color:#61676b; font-size:12px; text-align:center; padding:30px 0px 0px 0px; position:relative; border-top:solid 1px #ccc; } #footer-text a { color:#16344c; text-decoration:underline; font-size:11px;} #footer-text a:visited { color:#16344c; text-decoration:underline; } #footer-text a:hover { color:#255880; text-decoration:none; } /* --------- /Footer Variables --------- */