/* smashing-reset */ h1, h2, h3, h4, h5 { background: none; height: auto; width: auto; } blockquote { height: auto; width: auto; font-family: none; margin: 0; padding: 0; border: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: none; -o-border-radius: none; -webkit-border-radius: none; border-radius: none; background: none; } #footer-inner { font-size:12px; max-width:900px; width:900px; } #footer-inner h4 { margin-bottom: 7px; } #footer-inner ul li { line-height: 21px; } #wrapfix { width: 580px; margin:0 auto; } #respond h3 { font-size: 25px; } #respond p.desc { line-height:22px; } body { color:#333; background: none; background-color: #f5f3f3; font-family: Arial, Helvetica, sans-serif; font-style:normal; font-size:15px; line-height:24px; } 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; } blockquote, q { quotes:none; } :focus { outline:0; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; } body { color:#333; background: none; background-color: #f5f3f3; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:15px; line-height:24px; } 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:auto; } /* --------------------------------------------------------------------------------------- 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; line-height:15px; } /* 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; margin-right:20px; height:16px; } .nav a { color:#000; text-decoration:none; padding-left:20px; height:16px; text-shadow:1px 1px 1px #ccdeea; filter:dropshadow(color=#ccdeea, offx=1, offy=1); font-size:13px; } .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 -16px no-repeat; } .nav-archives { background:url(images/icons-nav.png) left -32px no-repeat; } .nav-advertise { background:url(images/icons-nav.png) left -48px no-repeat; } .nav-contact { background:url(images/icons-nav.png) left -64px no-repeat; } .nav-home:hover { background:url(images/icons-nav.png) left -80px no-repeat; } .nav-about:hover { background:url(images/icons-nav.png) left -96px no-repeat; } .nav-archives:hover { background:url(images/icons-nav.png) left -112px no-repeat; } .nav-advertise:hover { background:url(images/icons-nav.png) left -128px 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:13px; -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-notes { 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.png) left top no-repeat #0b1e30; } #category-titles-tutorials { background:url(images/category-titles.png) 0 -63px no-repeat #0b1e30; } #category-titles-freebies { background:url(images/category-titles.png) 0 -126px no-repeat #0b1e30; } #category-titles-resources { background:url(images/category-titles.png) 0 -189px no-repeat #0b1e30; } #category-titles-inspiration { background:url(images/category-titles.png) 0 -252px no-repeat #0b1e30; } #category-titles-notes { background:url(images/category-titles.png) 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 { width:161px; height:96px; display:block; text-indent:-9999px; float:left; margin:0; padding:0; } #logo-link { width:161px; height:96px; display:block; background:url(images/design-informer.png) left top; } #logo-link:hover { background:url(images/design-informer.png) left bottom; } #logo-link-inner { width:161px; height:96px; display:block; background:url(images/design-informer-inner.png) left top; } #logo-link-inner:hover { background:url(images/design-informer-inner.png) left bottom; } /* 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; padding-left:44px; height:28px; padding-top:6px; } .subscribe li { display:block; float:right; margin-left:50px; } .subscribe a:hover { color:#005ead; text-shadow:0 0 3px #c6eaff; } .subscribe-rss a { background:url(images/twitter-rss.png) left top no-repeat; padding-left:44px; height:28px; padding-top:6px; } .subscribe-twitter a { 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:11px; 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:24px; margin-bottom:10px; padding:0 0 0 20px; margin-left:10px; } .post-content ol li { border-bottom:1px dashed #aab8c5; line-height:24px; list-style-position:outside; list-style-type:decimal; margin-bottom:10px; margin-left:20px; padding-bottom:10px; } .post-content ul li p, .post-content ol li p { line-height:24px; } .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; border-top:dashed 1px #adb7c1; } /* Recent Notes */ #recent-notes { margin-bottom:40px; } #recent-notes h2 { margin-top:40px; font-size:24px; color:#333; background:url(images/sidebar-notes.png) no-repeat left center; padding-left:24px; margin-left:5px; } #recent-notes li { border-bottom:dashed 1px #adb7c1; font-size:13px; line-height:21px; padding:10px 5px; display:block; color:#333; -webkit-transition:background 0.3s linear; background:#f5f3f3; } #recent-notes li:hover { background:#d9e6ed; cursor:pointer; } #recent-notes h3, #recent-notes li a { color:#005ead; text-decoration:none; font-size:13px; line-height:21px; margin:0; } #recent-notes li:hover a, #recent-notes li a:hover { color:#333; text-decoration:underline; } /* Popular Posts */ #popular-posts { margin-bottom:40px; } #popular-posts h2 { margin-top:40px; font-size:24px; color:#333; 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:13px; 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; } /* Smashing Widget */ #smashing-widget { margin-bottom:40px; margin-top:20px; text-align:center; } #smashing-widget a { opacity:1; } #smashing-widget a:hover { opacity:0.7; -webkit-transition:opacity 0.3s linear; } /* --------------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------------- */ /* Copyright */ #copyright-wrapper { background:#000; font-size:11px; line-height:15px; } #copyright { width:970px; display:block; margin:0 auto; color:#999; padding:0; height:84px; } #copyright a { color:#CCC; text-decoration:none; } #copyright a:hover { text-decoration:underline; } #copyright p { float:left; margin:30px 0 0; } /* Back to Top */ #back-top { width:248px; height:84px; display:block; margin-left:70px; float:right; text-indent:-9999px; } #back-top-link { width:248px; height:84px; display:block; background:url(images/top.png) left top no-repeat; } #back-top-link:hover { background:url(images/top.png) left bottom no-repeat; } /* --------------------------------------------------------------------------------------- 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; padding-bottom:40px; } /* Author Info */ #author-info { padding:20px; margin:0; background-color:#0B1E30; 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:#aad6f0; 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; } .gplus { float:left; margin:5px 20px 0 0; width:50px; height:60px; } .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-title { font-size:11px; line-height:16px; text-align:center; } .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; opacity:0.5; } .comment-reply-link:hover { opacity:1; } #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; } #notes-template .post-heading { margin-bottom:20px; } #notes-template .post-meta { margin-bottom:0; } .g1 { width: 60px; margin-left: 10px; margin-right: 10px; display: inline; } .g2 { width: 140px; margin-left: 10px; margin-right: 10px; display: inline; } .g3 { width: 220px; margin-left: 10px; margin-right: 10px; display: inline;} .g3-alt { width: 220px; margin-right: 10px; display: inline;} .g4-alt { width: 290px; margin-left: 10px; display: inline; } .g4 { width: 300px; margin-left: 10px; margin-right: 10px; display: inline; } .g5 { width: 380px; margin-left: 10px; margin-right: 10px; display: inline; } .g6 { width: 460px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; display: inline; } .g7 { width: 540px; margin-left: 10px; margin-right: 10px; display: inline; } .g8 { width: 620px; margin-left: 10px; margin-right: 10px; display: inline; } .g9 { width: 700px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; display: inline; } .g10 { width: 780px; margin-left: 10px; margin-right: 10px; display: inline; } .g11 { width: 860px; margin-left: 10px; margin-right: 10px; display: inline; } .g12 { width: 940px; margin-left: 10px; margin-right: 10px; display: inline; } #content-left-alt { display:block; margin:40px auto 0 auto; width:960px; font-family:Georgia, "Times New Roman", Times, serif; } #content-left-alt h2 { display:block; width:940px; height:64px; text-indent:-9999px; margin:0 auto; padding:40px 0; border-top: solid 3px #000; border-bottom: solid 3px #000; background:url(http://media.smashingmagazine.com/uploads/informer/the-informer.png) center center no-repeat; } .post-info-alt { border-top: solid 1px #000; margin:3px auto 0 auto; display:block; padding-top:10px; width:940px; } .post-info-comments-alt { float:right; display:block;} .post-info-category { float:left; display:block;} .post { width:960px; } .post-content { width:960px;} .post-content h3 { font-size:36px !important; margin-bottom:40px !important; font-family:"Gotham", Arial, sans-serif !important; line-height:42px !important; background:none !important; text-transform:capitalize !important; letter-spacing:0 !important; border:0 !important; } .post-content h4 { color:#333; margin-bottom:10px; font-family:"Gotham", Arial, sans-serif; font-size:18px; line-height:24px; } .post-content p { text-align:justify; font-size:13px; } .border-left { border-left:solid 1px #333; padding-left:45px; } #content-left-alt .left ul { margin: 0; padding:0; list-style-position:inside; margin-bottom:20px; } #stats { padding-left:10px; } .black-line { display:block; font-size:1px; height:1px; overflow:hidden; background-color:#000; margin:20px 0; clear:both; width:675px; } .hear-top { border-top:solid 1px #bac5cc;} .hear p { border-bottom:solid 1px #bac5cc; text-align:left; padding: 8px; margin:0; } .hear p:hover { background-color: #EEEEEE; } #informer-footer-wrapper { display:block; margin:0 auto; width:600px; font-family: 'Lucida Grande', Arial, sans-serif; font-size:12px; font-style:normal; padding-top:40px; } #comments, #reply, #share, #related { padding-right:0; width:600px !important; } .share-wrapper { width:600px; } .blue-line { width:600px; } #wpsidebar { display: none; }