/* Theme Name: Neutra Theme URI: http://www.artmov.com/blog/246/neutra-theme-for-wordpress/ Description: Grid-based with focus on typography and simplicity - A simple and elegant theme for WordPress 2.8 Version: 0.3.3 Author: Artmov Author URI: http://www.artmov.com Tags: white, light, two-columns, right-sidebar, fixed-width . Released under the Artistic License 2.0 . */ #heading {font-size:37px; text-transform:capitalize; letter-spacing:-2px; text-decoration:none; font-weight:normal !important; font-family: Helvetica, arial, sans-serif;} #avant A:hover { } #avant A {color:#5e453e !important; margin-left: -10px; padding:5px 12px 5px 10px;} @import url("css/class.css"); body { font-family:Courier, sans-serif; font-size:8px; line-height:10px; background-color: #ffffff; color:#5e453e !important; } a { color:#538382; font-weight:normal; text-decoration:underline; } a:hover { color:#059BDD; font-weight:normal; text-decoration:underline; } a:visited { color:#538382; text-decoration: line-through; font-weight:bold; } a:active { color:#999; } a.target-blank, a[target="_blank"] { no-repeat right 5px; padding:0 0 0 0; } a.happy-face { position:absolute; top:10px; right:10px; display:block; width:18px; height:18px; } p { color:#343434; font-size:12px; line-height:22px; } ul, ol { padding:0; } ul li, ol li { list-style-position:inside; } .padding { padding:0 0 0 0; margin:10px 0; } .alignleft { text-align:left; } .alignright { text-align:right; } .aligncenter { text-align:center; } #container { width:850px; margin:20px 0px 0px 12px; } #page { width:800px; } /* ----- Left content ----- */ #left { float:left; width:600px; padding:25px 20px 0px 20px; background-color: #e2d3c1; border-right: none; } #left .post { } #left h1 { color:#9d9d9d; font-size:33px; font-weight:normal; margin:0; } #left h2, #left h2 a { color:#9d9d9d; font-size:26px; font-weight:normal; margin:0; } #left h2 strong a { font-weight:bold; } #left h3 a { font-size:21px; color:#9d9d9d; font-weight:normal; } #left h4 a { font-size:18px; color:#9d9d9d; font-weight:normal; } #left h3, #left h4, #left h5, #left h6 { color:#666; font-weight:normal; margin:0; } #left p { font-size: 10px; line-height: 14px;} #left p a.more-link { font-size:12px; font-weight:bold; color:#666; no-repeat left -22px; margin:0 0 0 0px; padding:0 0 0 0px; } #left ul li, #left ol li { padding:0 10px 0 30px; font-size:13px; color:#9d9d9d; } #left blockquote { padding:20px; font-style:italic; line-height:18px; } #left img { max-width:600px; margin-bottom: 20px; } #left address, #left kbd { font-family:Times New Roman, serif; font-size:15px; line-height:24px; } #left big { font-size:17px; } #left cite { font-size:14px; font-style:italic; line-height:24px; } #left code { font-family:Trebuchet MS, Verdana, Arial, serif; font-size:12px; color:#9d9d9d; } #left pre, #left q { font-size:15px; } #left dl { padding:0; } #left ul.post-categories { display:inline; margin:0; } #left ul.post-categories li { list-style:none; display:inline; padding:0 10px 0 0; } #left .link-pages { margin:10px 0; color:#9d9d9d; } #left .link-pages a { padding:5px; background:#EEE; color:#9d9d9d; } #left .postmetadata {border-bottom:#9d9d9d dashed 1px; padding:0px 0 20px 0; margin:25px 0px 60px 0; } #left .postmetadata .floatleft { width:600px; } #left .postmetadata p { margin:0 0 0px 0; font-size:11px; color:#9d9d9d; line-height:18px; } #left .postmetadata span { display:inline; } #left .postmetadata span a { font-size:11px; color:#9d9d9d; font-weight:normal; } #left .postmetadata span a:hover { text-decoration:underline; } #left .postmetadata span.date { } #left .postmetadata span.category { } #left .postmetadata span.comments {} #left .postmetadata span.tags { } #left .navigation { padding:0 0 0 185px; margin:0 0 30px 0; } #left .navigation a { display:block; background:#F1F1F1; padding:5px; font-size:11px; font-weight:normal; } /* ----- Right content ----- */ #right { width:200px; padding:20px 0 0 0; background:#ffffff; font-size:12px; Font-family:times; position: absolute; top:20px; left:662px; } #right h2 { display:block; font-size:14px; font-weight:normal; letter-spacing: -.5px; margin-bottom: 8px; } #right ul li { color:#9d9d9d; margin:0 0 25px 0; font-size:10px; list-style:none; } #right ul li a { color:#9d9d9d; font-weight:normal; text-decoration: none!important; } #right ul li a:hover { color:#059BFF; font-weight:normal; text-decoration: none!important; } #right ul li ul { margin:5px 0 0 -28px; } #right ul li ul li { margin:0 0 5px 0; } /* ----- Comments and trackbacks ----- */ #comment-template { margin:30px 0 0 0; } #comment-template h2 { font-size:23px; font-weight:normal; color:#9d9d9d; margin:0; border-bottom:2px solid #F1F1F1; } #comment-template h2 span { border-bottom:5px solid #64C1FF; } #comment-template p.do-you-comment { float:left; color:#9d9d9d; font-size:17px; } #comment-template p.do-you-comment a { color:#9d9d9d; font-weight:normal; } #comment-template p.trackback { float:right; margin:0; color:#9d9d9d; font-size:11px; } #comment-template p.trackback a { color:#9d9d9d; text-decoration:none; font-size:11px; font-weight:normal; } #comment-template p.trackback a:hover { text-decoration:underline; } #comment-template p.comments-closed { font-size:20px; } #comment-template #comments { margin:40px 0 0 0; } #comment-template blockquote { margin:0 0 20px 0; line-height:23px; color:#9d9d9d; padding:20px 0 0 20px; border-bottom:2px solid #F1F1F1; } #comment-template blockquote.odd { background:#F6F6F6; } #comment-template blockquote.even { background:#FFF; } #comment-template blockquote .floatleft { width:100px; text-align:center; } #comment-template blockquote .floatright { width:420px; text-align:left; } #comment-template blockquote div.avatar-wrap { text-align:center; } #comment-template blockquote div.avatar-wrap img.avatar { width:80px; height:80px; } #comment-template blockquote div.author { font-size:17px; font-weight:normal; } #comment-template blockquote div.author a { color:#9d9d9d; } #comment-template blockquote div.date { color:#9d9d9d; font-size:11px; text-align:right; } #comment-template blockquote div.date span { padding:10px 15px 5px 15px; border-bottom:5px solid #E4F1C0; } #comment-template blockquote div.date a { color:#9d9d9d; } #comment-template blockquote div.comment { font-style:normal; padding:0 20px 0 0; } #comment-template blockquote div.comment a { color:#9d9d9d; } form#respond h2 { font-size:23px; font-weight:normal; color:#666; margin:0; border-bottom:2px solid #F1F1F1; } form#respond h2 span { border-bottom:5px solid #FFA061; } form#respond p.logged-as { text-align:right; font-size:11px; } form#respond p.logged-as a { color:#9d9d9d; } form#respond .commentform-wrap { } form#respond label { color:#9d9d9d; font-size:12px; font-weight:bold; margin:0 0 5px 0; } form#respond label strong {font-weight:normal; } form#respond input { width:560px; border-top:1px solid #CCC; border-right:2px solid #CCC; border-bottom:3px solid #CCC; border-left:1px solid #CCC; padding:5px; color:#9d9d9d; font-size:12px; } form#respond textarea { width:560px; border-top:1px solid #CCC; border-right:2px solid #CCC; border-bottom:3px solid #CCC; border-left:1px solid #CCC; padding:5px; color:#9d9d9d; font-size:12px; } form#respond p.btt-submit-wrap { text-align:right; } form#respond p.btt-submit-wrap input.btt-submit { width:150px; font-size:14px; background:#FFF; } #trackbacks { margin:20px 0 0 0; } #trackbacks h2 { font-size:23px; font-weight:normal; color:#9d9d9d; margin:0; border-bottom:2px solid #F1F1F1; } #trackbacks h2 span { border-bottom:5px solid #D7EFFF; } #trackbacks ul { margin:15px 0 0 0; } #trackbacks ul li a { color:#9d9d9d; font-size:12px; font-weight:normal; } /* ----- Footer ----- */ #footer { text-align:left; margin:70px 0 0 0; } #footer p { font-size:11px; color:#9d9d9d; font-weight:normal; line-height:18px; } #footer p a { color:#9d9d9d; } /* ----- Safari ----- */ @media all and (-webkit-min-device-pixel-ratio:0) { #left .postmetadata span.tags { } }