/* Theme Name: ShinRa of the Sun Theme URI: http://www.idsg.it/ Description: A clean white and orange theme with two right sidebar, both ready for widgets. Version: 1.3 Author: ShinRa Author URI: http://www.idsg.it/ Tags: three columns, widgets, fixed width, white, orange */ /** * 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; } blockquote, q { quotes:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; } p,ol,ul,table, form { margin-bottom:20px; } /** * BODY */ body { font-size:14px; line-height:150%; font-family:arial,helvetica,tahoma,sans-serif; color:#fff; background:#333; } /** * BLOCKS */ #wrapper { background:#fff url(images/wrapper.jpg) repeat-y left top; color:#333; width:960px; margin-left:auto; margin-right:auto; } #title { height:100px; background:#ff7a03 url(images/title.jpg) no-repeat left top; padding:10px; } #main { width:470px; padding:10px 10px 10px 0; float:left; clear:both; } #left_side, #right_side { width:220px; padding:10px; float:left; } #left_side { background:#ff7a03; } * html #right_side { width:218px; } #footer { padding:10px; clear:both; height:100px; background:#ff7a03 url(images/footer.jpg) no-repeat left bottom; } /** * GENERAL HEADERS */ h1, h2, h3, h4, h5, h6 { font-family:"Trebuchet ms",tahoma,arial,verdana,sans-serif; margin-bottom:20px; font-weight:normal; } /** * TITLE */ #title h1 { margin-bottom:0; font-size:24px; padding-top:30px; } #title p { color:#c30; } #title h1 a { color:#fff; text-decoration:none; letter-spacing:-1px; text-transform:uppercase; } /** * MAIN */ #main a { text-decoration:none; color:#0000de; } #main a:hover { text-decoration:underline; } #main div.post h2 { font-size:18px; color:#FF7A03; font-weight:bold; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #aaa; } #main div.post h2 a { color:#FF7A03; } #main div.post h3 { font-size:16px; font-weight:bold; } #main div.post h4 { font-size:14px; } #main div.post { margin-left:10px; } #main p.details { margin-top:20px; margin-bottom:40px; font-size:0.85em; padding:3px 0 3px 10px; background:#333; color:#fff; } #main p.details a { color:#fff; } #main ul li { margin-left:40px; list-style-type:square; } #main ol li { margin-left:40px; list-style-type:decimal; } #main img { max-width:450px; } #main blockquote { padding-left:30px; font-style:italic; color:#0042cc; font-family:georgia,serif; } #main code { background:#fffe56; } #main p.post_tags { font-size:0.85em; clear:both; } /** * NAVIGATION */ div.navigation { height:80px; padding-top:40px; } div.navigation span.alignleft { display:block; margin-left:10px; width:210px; float:left; } div.navigation span.alignright { display:block; width:210px; float:right; text-align:right; } /** * COMMENTS */ #main ol.commentlist li { font-size:13px; margin-left:0; list-style-type:none; padding:10px 10px 0 10px; border-bottom:1px dashed #aaa; } #main ol.commentlist big { font-size:16px; font-weight:bold; } #main ol.commentlist span.date { display:block; margin-bottom:20px; font-size:12px; } #main ol.commentlist li ul li { margin-left:40px; list-style-type:square; margin-bottom:0; padding:0; border:0; } #main ol.commentlist li ol li { margin-left:40px; list-style-type:decimal; margin-bottom:0; padding:0; border:0; } #main ol.commentlist li.alt { background:#fafafa; } #main ol.commentlist li.author { background:#ffda73; } #main ol.commentlist img.avatar { float:right; margin-left:10px; } #main ol.commentlist p, #main ol.commentlist ul, #main ol.commentlist ol { margin-bottom:10px; } /** * COMMENT FORM */ #commentform label { font-size:12px; } #commentform input { display:block; } #commentform textarea { width:90%; height:140px; } #commentform p { margin-bottom:10px; } /** * LEFT SIDE */ #left_side { font-size:12px; color:#333; } #left_side h2 { color:#333; font-size:16px; padding-bottom:7px; padding-top:3px; margin-bottom:7px; border-bottom:1px dashed #333; } #left_side ul li ul li ul { margin-bottom:0; } #left_side table { width:90%; } #left_side table td, #left_side table th { text-align:center; } #left_side a { color:#fff; text-decoration:none; } #left_side a:hover { background:#FF5C0C; } /** * RIGHT SIDE */ #right_side { font-size:12px; } #right_side h2 { font-size:16px; padding-bottom:7px; padding-top:3px; margin-bottom:7px; border-bottom:1px dashed #aaa; } #right_side ul li ul li ul { margin-bottom:0; } #right_side table { width:90%; } #right_side table td, #right_side table th { text-align:center; } #right_side a { color:#1167B8; text-decoration:none; } #right_side a:hover { text-decoration:underline; } /** * LEFT RIGHT COMMON CLASSES */ #tag_cloud a { line-height:30px; } #searchform br { display:none; } #searchform { margin-bottom:20px; } select#cat { margin-bottom:20px; } /** * FOOTER */ #footer p { padding-top:40px; font-size:12px; color:#FF5C0C; } #footer a { color:#FFF; text-decoration:none; margin-left:5px; margin-right:5px; } #footer a.omega { margin-right:0; } /** * WP REQ STYLE */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }