/* Theme Name: Design Informer Theme URI: http://designinformer.com Description: The redesigned version of Design Informer. Author: Jad Limcaco Author URI: http://www.jadgraphics.net Version: 2.0 Tags: simple, minimal */ /* --------------------------------------------------------------------------------------- CSS RESET --------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* --------------------------------------------------------------------------------------- HTML ELEMENTS --------------------------------------------------------------------------------------- */ body { color:#333; background:url(images/bg.jpg) repeat-x top #f5f3f3; font-family:Verdana, Geneva, sans-serif; font-style:normal; font-size:12px; line-height: 21px; } h1, h2, h3, h4 { font-family:Arial, sans-serif; } h1, h2 { font-size:24px; line-height:36px; margin:0 0 20px 0; font-weight:bold; } h3 { font-size:18px; line-height:24px; margin:0 0 20px 0; } h4 { font-size:16px; line-height:24px; margin:0 0 10px 0; color:#1d2a32; font-weight:bold; } a:active { position:relative; top:1px; } /* Table */ .post-content table { width: 300px; border-left:solid 1px #D3DFE7; border-top:solid 1px #D3DFE7; } .post-content th { font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border-right: 1px solid #D3DFE7; border-bottom: 1px solid #D3DFE7; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background:#d3dfe7; } .post-content th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #D3DFE7; background: none; } .post-content td { border-right: 1px solid #D3DFE7; border-bottom: 1px solid #D3DFE7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72; } .post-content td.alt { background: #F5FAFA; } .post-content .left-cell { width:100px; } pre { background:#FFFFFF url(images/pre.png) repeat left top; border:1px solid #bac5cc; color:#000000; display:block; font-family:"Courier New",Courier,monospace; font-size:13px; line-height:18px; margin:10px 0 20px 0; overflow:auto; padding:19px 10px 17px 10px; width:550px; } /* --------------------------------------------------------------------------------------- POSITION | CLEAR | FLOATS | REUSABLE ELEMENTS --------------------------------------------------------------------------------------- */ .left { float:left; } .right { float:right; } .center { text-align:center; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clear-alt { clear:left; display:block; } .aligncenter { margin:0 auto; display:block; } .no-right { margin-right:0 !important; } .no-left { margin-left:0 !important; } .no-top { margin-top:0 !important; } .no-bottom { margin-bottom:0 !important; } .no-border { border:0 !important; margin-bottom:0 !important; padding-bottom:0 !important; } .none { border:0 !important; padding:0 !important; margin:0 !important; } .no-margin { margin:0; padding:0; } .no-margins { margin:0 !important; } .no-paddings { padding:0 !important; } .l-ten { margin-left:10px; } .r-ten { margin-right:10px; } .t-ten { margin-top:10px; } .b-ten { margin-bottom:10px; } .l-twenty { margin-left:20px; } .r-twenty { margin-right:20px; } .t-twenty { margin-top:20px; } .b-twenty { margin-bottom:20px; } .l-thirty { margin-left:30px; } .r-thirty { margin-right:30px; } .t-thirty { margin-top:30px; } .b-thirty { margin-bottom:30px; } .l-forty { margin-left:40px; } .r-forty { margin-right:40px; } .t-forty { margin-top:40px; } .b-forty { margin-bottom:40px !important; } .b-fifty { margin-bottom:50px !important; } .p-twenty { padding-top:20px; } .l-sixty { margin-left:60px; } .r-sixty { margin-right:60px; } .t-sixty { margin-top:60px; } .b-sixty { margin-bottom:60px; } .l-eighty { margin-left:80px; } .r-eighty { margin-right:80px; } .t-eighty { margin-top:80px; } .b-eighty { margin-bottom:80px; } .post-border { border:3px solid #D6DEE7; } .green-box { background-color:#004586; color:#fff; padding:5px; display:inline; } .green-code { color:#238401; font-size:12px; } .blue-line { display:block; font-size:1px; height:1px; overflow:hidden; background-color:#aab8c5; margin:40px 0 20px 0 ; clear:both; width:650px; } .gray-line { display:block; font-size:1px; height:1px; overflow:hidden; background-color:#d3dfe7; margin:20px 0; clear:both; } .note { color:#787878;font-size:11px;} /* Tooltip */ #tooltip { position:absolute; border:5px solid #eaedf1; background:#1b3c5b; padding:8px; color:#eaedf1; font-weight:bold; display:none; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.6); -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align:center; text-shadow:0 0 1px #000; } /* --------------------------------------------------------------------------------------- NAVIGATION | CATEGORIES | SEARCH --------------------------------------------------------------------------------------- */ .nav-wrapper { padding:20px 0; background:url(images/nav-bar.png); border-bottom:solid 1px #717c82; } .nav { width:970px; margin:0 auto; } .nav ul { float:left; padding-top:5px; } .nav li { display: block; float:left; height:15px; margin-right:20px; } .nav a { color:#000; text-decoration:none; padding-left:20px; height:15px; text-shadow: 1px 1px 1px #ccdeea; filter: dropshadow(color=#ccdeea, offx=1, offy=1); } .nav a:hover { color:#fff; text-shadow: 1px 1px 1px #000; filter: dropshadow(color=#000, offx=1, offy=1); } .nav-home { background:url(images/icons-nav.png) left top no-repeat; } .nav-about { background:url(images/icons-nav.png) left -15px no-repeat; } .nav-archives { background:url(images/icons-nav.png) left -30px no-repeat; } .nav-advertise { background:url(images/icons-nav.png) left -45px no-repeat; } .nav-contact { background:url(images/icons-nav.png) left -60px no-repeat; } .nav-home:hover { background:url(images/icons-nav.png) left -75px no-repeat; } .nav-about:hover { background:url(images/icons-nav.png) left -90px no-repeat; } .nav-archives:hover { background:url(images/icons-nav.png) left -105px no-repeat; } .nav-advertise:hover { background:url(images/icons-nav.png) left -120px no-repeat; } .nav-contact:hover { background:url(images/icons-nav.png) left bottom no-repeat; } #categories-top { width:650px; display:block; } #categories-top li { display:block; float:left; border-right:solid 1px #a9bac4; } #categories-top li a { padding:8px 10px 8px 10px; display:block; } #categories-top a { color:#000; background-color:#f5f3f3; text-decoration:none; font-size:12px; -webkit-transition:background-color 0.3s linear; } #categories-top a:hover { background-color:#deeef7; } #categories-top a:active { top:0; } #current-category a { background-color:#cee4f1; } #current-category a:hover { color:#000; background-color:#cee4f1; } #category-titles-articles, #category-titles-tutorials, #category-titles-freebies, #category-titles-inspiration, #category-titles-resources, #category-titles-read { display:block; text-indent:-9999px; width:600px; height:63px; } #category-titles { display:block; width:600px; background-color:#1b344c; margin-bottom:40px; } #category-titles-text { display:block; padding:0 20px 20px 20px; color:#f5f3f3; } #category-titles-articles { background: url(images/category-titles.jpg) left top no-repeat #0b1e30; } #category-titles-tutorials { background: url(images/category-titles.jpg) 0 -63px no-repeat #0b1e30; } #category-titles-freebies { background: url(images/category-titles.jpg) 0 -126px no-repeat #0b1e30; } #category-titles-resources { background: url(images/category-titles.jpg) 0 -189px no-repeat #0b1e30; } #category-titles-inspiration { background: url(images/category-titles.jpg) 0 -252px no-repeat #0b1e30; } #category-titles-read { background: url(images/category-titles.jpg) left bottom no-repeat #0b1e30; } /* Search */ .search { float:right; width:260px; display:block; height:29px; } .search form { width:260px; margin:0; } .s { width:210px; display:block; font-size:12px; color:#a9bac4; padding:5px 38px 5px 10px; float:left; border:0; height:19px; background:#f1f1f1; border:solid 1px #a9bac4; opacity: 0.5; -webkit-transition:opacity 0.3s linear; } .s:hover { opacity: 1; } .s:focus { color:#333; border:solid 1px #1d2a32; opacity: 1; } .searchsubmit { width:18px; height:18px; display:block; position:relative; float:right; right:10px; top:-25px; } /* --------------------------------------------------------------------------------------- HEADER --------------------------------------------------------------------------------------- */ #header { width:970px; margin:0 auto; font-size:14px; border-bottom:solid 1px #a9bac4; padding:40px 0; background:url(images/banners/default.png) no-repeat center bottom; } /* Logo */ #logo:hover { width: 161px; height: 96px; display: block; background:url(images/design-informer.png) 0 96px; float:left; } #logo { width: 161px; height: 96px; display: block; background:url(images/design-informer.png); float:left; } #logo-link { width:161px; height: 96px; text-indent: -9999px; display: block; } /* Subscribe */ .subscribe { float:right; width:600px; font-size:14px; font-family:Arial, sans-serif; font-weight:bold; margin-top:23px; } .subscribe a { display:block; color:#1d2a32; text-decoration:none; } .subscribe li { display:block; float:right; margin-left:50px; } .subscribe a:hover { color:#005ead; text-shadow:0 0 3px #c6eaff; } .subscribe-rss { background:url(images/twitter-rss.png) left top no-repeat; padding-left:44px; height:28px; padding-top:6px; } .subscribe-twitter { background:url(images/twitter-rss.png) left bottom no-repeat; padding-left:44px; height:28px; padding-top:6px; } /* --------------------------------------------------------------------------------------- WRAPPER AND PAGE NUMBERS --------------------------------------------------------------------------------------- */ #wrapper { width:970px; margin:0 auto; /*background:url(images/bg-ruler.png) 650px top repeat-y;*/ } /* Page Numbers */ #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { font-size: 18px; font-family:Arial, sans-serif; font-weight:bold; text-decoration:none; } #wp_page_numbers { display:block; width:600px; margin:0; } #wp_page_numbers li { float: left; display: block; margin-bottom:40px; } #wp_page_numbers li a { padding: 8px 12px; display: block; color: #aab8c5; border-bottom:solid 1px #aab8c5; } #wp_page_numbers li a:hover { border-color: #005ead; color:#005ead; } #wp_page_numbers li.active_page a { border-bottom:solid 1px #1d2a32; color:#1d2a32; } .space { text-indent:-9999px; width:20px !important; } /* --------------------------------------------------------------------------------------- CONTENT --------------------------------------------------------------------------------------- */ #content { display:block; float:left; width:650px; border-right:solid 1px #A9BAC4; } /* Post */ .post { padding:0; width:600px; border-bottom:solid 1px #aab8c5; margin-bottom:40px; padding-right:50px; } .post-heading { margin:0; } .post-heading a { color:#333; text-decoration:none; } .post-heading a:hover { color:#005ead; } .post-img { margin:0 0 40px 0; display:block; padding-top:20px; background:url(images/triangle.png) 63px 13px no-repeat; } .post-excerpt { float:left; width:430px;} .post-meta { float:right; width:130px; font-size:10px; line-height:12px; margin:0 0 40px 0; } .post-meta li { border-bottom:solid 1px #aab8c5; padding-bottom:6px; margin-bottom:6px; } .post-meta a { color:#333; text-decoration:none; } .post-meta a:hover { color:#005ead; } .post-content a, .post-excerpt a, #after-post a { color:#005ead; } .post-content a:hover, .post-excerpt a:hover, #after-post a:hover { text-decoration:none; } .post .continue { clear:both; float:left; margin-top:20px; } .post .continue a { font-family:Arial, sans-serif; font-size:14px; font-weight: bold; color:#fff; background-color:#aab8c5; text-transform:uppercase; padding:5px 8px; display:block; text-decoration:none; width:150px; text-align:center; -webkit-transition:background 0.3s linear; } .post .continue a:hover { background:#1d2a32; color:#f1f1f1; } .post-content { margin-top:20px; } .post-content p, .post-excerpt p { margin-bottom:20px; } .post-content h3 { border-bottom:solid 1px #aab8c5; padding:10px 50px 10px 0; text-transform:uppercase; letter-spacing:2px; color:#1d2a32; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; display:block; width:600px; background:url(images/bg-h3.png) right top repeat-y; clear:both; margin-top:-20px; } .post-content blockquote,.post-excerpt blockquote, #after-post blockquote { padding:0 0 0 30px; background:url(images/blockquote.png) left top no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:block; font-size:16px; line-height:24px; color:#004586; margin-right:100px; margin-top:40px; } #reading blockquote { padding:0 0 0 30px; background:url(images/blockquote.png) left top no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:block; font-size:13px; line-height:20px; } .post-content ul, .post-content ol { margin-bottom:30px; } .post-content ul li { background:url(images/bullet.gif) no-repeat left 6px; line-height:21px; margin-bottom:10px; padding:0 0 0 20px; margin-left:10px; } .post-content ol li { border-bottom:1px dashed #aab8c5; line-height:21px; list-style-position:outside; list-style-type:decimal; margin-bottom:10px; margin-left:20px; padding-bottom:10px; } .post-content a img { -webkit-transition:-webkit-box-shadow 0.3s linear; } .post-content a img:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.6); } /* --------------------------------------------------------------------------------------- SIDEBAR --------------------------------------------------------------------------------------- */ #sidebar { display:block; float:right; width:270px; padding-left:40px; padding-top:40px; margin-bottom:40px; } #sidebar ul, #sidebar ol { margin:0 5px; border-top:dashed 1px #adb7c1; } /* Ads */ .ads img { margin: 0 5px 10px; float:left; -webkit-transition: opacity 0.2s linear; } .ads img:hover { opacity:.60; } .carbonad { width:260px !important; display:block; margin:0 auto 20px; padding:0 0 20px 0; height:auto !important; border:0 !important; background:none !important; } span.carbonad-image, span.carbonad-text, span.carbonad-tag { display:block !important; float:none !important; text-align:left !important; } .carbonad-image, .carbonad-text, .carbonad-tag { margin:0 !important; padding:0 !important; float:none !important; height:auto !important; } img.carbonad-image { width:130px; border:solid 3px #A9BAC4; } img.carbonad-image:hover { border:solid 3px #1D2A32; } .carbonad-text { margin:10px 0 !important; width:150px !important; } /* Popular Posts */ #popular-posts { margin-bottom:40px; } #popular-posts h2 { margin-top:30px; font-size:24px; color:#1d2a32; background:url(images/sidebar-popular.png) no-repeat left center; padding-left:24px; margin-left:5px; } #popular-posts li a { border-bottom: dashed 1px #adb7c1; font-size:12px; padding:10px 5px; display:block; text-decoration:none; color:#333; -webkit-transition:background 0.3s linear; background:#f5f3f3; } #popular-posts li a:hover { background:#d9e6ed; border-bottom: dashed 1px #1d2a32; } /* Smashing Widget */ #smashing-widget { margin-bottom:40px; margin-top:20px; } /* --------------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------------- */ #footer-wrapper { background:url(images/bg-footer.png) #1d2a32; padding:40px 0; border-top:dashed 1px #AAB8C5; border-bottom:solid 1px #fff; } #footer { width:970px; display:block; margin:0 auto; color:#a9bac4; } #footer-left { float:left; display:block; width:650px; } #footer-right { float:right; width:260px; } #footer h2 { font-size:18px; color:#fff; margin-bottom:20px; text-transform:uppercase; } #footer a { color:#a9bac4; text-decoration:none; } #footer a:hover { color:#fff; text-shadow:0 0 1px #fff; } #categories { width:650px; display:block; height:70px; margin-bottom:40px; } #categories li { width:190px; float:left; margin-right:10px; display:block; margin-bottom:10px; } #categories li a { width:190px; display:block; padding-bottom:5px; border-bottom:solid 1px #a9bac4; font-size:16px; font-family:Arial, sans-serif; } #categories li a:hover { border-bottom:solid 1px #fff; } #reading { width:400px; display:block; float:left; clear:both; } #reading h3 { font-family:Arial, sans-serif; font-size:14px; margin:0 0 10px 0; border-bottom:dashed 1px #a9bac4; padding-bottom:4px; } #reading p { margin-bottom:40px; } #friends { float:right; width:180px; display:block; } /* Copyright */ #copyright-wrapper { background:#000; font-size:11px; } #copyright { width:970px; display:block; margin:0 auto; color:#999; background:url(images/top.png) right bottom no-repeat; padding:0; } #copyright a { color:#fff; text-decoration:none; } #copyright a:hover { text-decoration:underline; } #copyright p { float:left; margin:40px 0; } /* Back to Top */ #back-top { width: 230px; height: 44px; display: block; margin-left:70px; float:right; margin-top:25px; margin-right:30px; } #back-top-link { width:230px; height: 44px; display: block; text-indent:-9999px; } /* --------------------------------------------------------------------------------------- POST GRID --------------------------------------------------------------------------------------- */ /* 1+5 */ .one-five-a { width: 160px; float: left; display: inline; } .one-five-b { width: 420px; float: left; display: inline; } /* 2+2+2 */ .two-two-two-a { width: 185px; float: left; display: inline; } /* 2+4 */ .two-four-a { width: 185px; float: left; display: inline; } .two-four-b { width: 355px; float: left; display: inline; } .two-four-a blockquote, .two-four-b blockquote { margin-right:0 !important; } /* 1+2+3 */ .one-two-three-a { width: 160px; float: left; display: inline; } .one-two-three-b { width: 185px; float: left; display: inline; } .one-two-three-c { width: 215px; float: left; display: inline; } /* 3+3 */ .three-three-a { width: 280px; float: left; display: inline; } /* --------------------------------------------------------------------------------------- AFTER POST --------------------------------------------------------------------------------------- */ #after-post { width:600px; } /* Author Info */ #author-info { background: #000; padding: 20px; margin: 0; background-color:#1d2a32; color:#f5f3f3; } #author-info #author-image { float: left; margin: 0 30px 5px 0; display:block; width:80px; height:80px; } #author-bio { float:left; width:430px; } #author-bio h4 { margin-bottom:16px; font-size:16px; line-height:22px; color:#f5f3f3; border-bottom:dashed 1px #295d8b; border-top:dashed 1px #295d8b; padding:3px 0; text-transform:uppercase; letter-spacing:1px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; } #author-bio a { color:#A6E467; text-decoration:none; } #author-bio a:hover { text-decoration:underline; } .author_bio_page_meta { display:block; float:left; width:450px; margin-left:20px; } /* Retweet */ .post-end { display:block; border-bottom:1px solid #4f7fac; border-top:1px solid #4f7fac; margin-bottom:20px; padding:20px; margin-top:20px; } .post-end h3 { margin-bottom:18px; font-size:18px; color:#333333; line-height:24px; } .retweet { float:left; margin:5px 20px 0; } .share-wrapper ul { margin-top:20px; } .bump { float:left; margin-right:20px; } .share-wrapper { background:url(images/share-love.png) right center no-repeat; width:650px; padding:5px 0; } .share-wrapper li { list-style-type:none; margin-right:10px; display:block; float:left; } /* Related */ .related { padding:0; width:650px; } .related-img { border-left:solid 3px #abb7c3; border-right:solid 3px #abb7c3; margin-bottom:5px; -webkit-transition:-webkit-box-shadow 0.3s linear; } .related a { display:block; width:290px; border:0; float:left; margin-right:30px; text-decoration:none; margin-bottom:10px; display:block; } .related a p { text-decoration:none; color:#333; -webkit-transition:color 0.3s linear; text-align:center; font-size:11px; line-height:16px; } .related a:hover p { color:#005ead; } .related a:hover img { -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .rel-archive a { height:170px; } /* 404 */ .error { padding:0; width:650px; } .error-img { border:solid 3px #E0EBFC; margin-bottom:5px;} .error a { display:block; width:290px; border:0; float:left; margin-right:30px; text-decoration:none; margin-bottom:10px; display:block; height:200px; } .error a p { text-decoration:none; color:#333; } .error a:hover p { text-decoration:underline; } .error a:hover img { -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } /* Comments */ #comments, #reply, #share, #related { border-bottom:solid 1px #aab8c5; padding:10px 50px 10px 0; text-transform:uppercase; letter-spacing:2px; color:#1d2a32; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; display:block; width:600px; background:url(images/bg-h3.png) right top repeat-y; clear:both; margin-top:-20px; } .reply { display:block; clear:both; } .comments-box { margin-bottom:25px; background:#F9F9F9; border:1px solid #CFCFCF; height:auto !important; margin:7px 0; overflow:hidden; padding:15px; } .avatar { display:block; float:left; margin:0 25px 0 0; border:3px solid #D6DEE7; } cite, cite a { font-weight:bold; font-style:normal; text-decoration:none; } .comment-date { color:#787878; font-size:11px; font-weight:normal; } .comment-author-admin .comments-box { border:2px solid #2c6293; } ul li.comment ul.children li.odd .comments-box { background-color:#F9F9F9; } ul li.comment ul.children li.even .comments-box { background-color:#f1f1f1; } .comment-jad { border:2px solid #2c6293; } .even .comments-box { background-color:#f1f1f1; } .comment-text { display:block; margin-left:81px; } .children { padding-left:41px; background:transparent url(images/comment-li.gif) repeat-x scroll 0 25px; margin-left:40px; border-left:1px solid #CFCFCF; } #cancel-comment-reply-link { margin:0 0 20px 0; display:block; } .reply span { width:56px; height:14px; display:block; } .comment-reply-link { background:transparent url(images/reply.png) no-repeat; width:56px; height:14px; display:block; text-indent:-9999px;} #box-wrapper { display:block; height:150px; border:0; margin-top:20px; margin-bottom:10px; } .comment-field { display:block; height:140px; border:#CCCCCC solid 1px; padding:5px 10px; font-family:Verdana, Arial, sans-serif; font-size:11px; width:578px; } .children .comment-field { display:block; height:140px; border:#CCCCCC solid 1px; padding:5px 10px; font-family:Verdana, Arial, sans-serif; font-size:11px; width:497px; } #submit { margin:10px 0 20px 0; } .row { display:block; width:290px; height:25px; margin-bottom:10px; } .row input { border:#CCCCCC solid 1px; float:left; width:200px; margin-left:15px; padding:5px; background-color:#FFF; } .row input:focus, #box-wrapper textarea:focus { border: solid 1px #2C6293; } .row label { float:left; display:block; width:60px; text-align:right; } .get-gravatar { display:block; float:right; font-size:11px; padding-bottom:10px; } .subscribe-to-comments { padding:0 0 30px 0; font-size:11px; } ul.children h3 { width:518px !important; } ul.children .blue-line { width:567px !important; } .comment-text p { margin-bottom:20px; } /* --------------------------------------------------------------------------------------- INFORUMS --------------------------------------------------------------------------------------- */ #latest, #forumlist, #favorites { width:100%; } #latest th, #latest td, #forumlist th, #forumlist td, #favorites th, #favorites td { padding: 10px; text-align:left; } #latest th, #forumlist th, #favorites th { background: #eee; border-bottom:1px solid #ddd; font-size:11px; text-transform:uppercase; color:#545454; letter-spacing:0; font-family:Arial, Helvetica, sans-serif; } #latest td, #forumlist td, #favorites td { border-bottom:1px solid #eee; } #latest tr:hover td, #forumlist tr:hover td, #favorites tr:hover td { background:#e5f2f9; } #latest tr.sticky td { font-weight bold; } #latest td, #latest tr { background:none; color:#545454; } .alt1 { background-color: #f9f9f9 !important; } #latest a { color:#4584AC; } #latest a:hover { color:#545454; } #innerpost { border-top:solid 1px #A9BAC4; padding:40px 0; } #innerpost h2 a { font-size:24px; color:#1d2a32; background:url(images/inforums.png) no-repeat left center; padding-left:36px; text-decoration:none; } #innerpost h2 a:hover { color:#4584AC; }