/* Theme Name: Build Description: A minimal framework theme. Can also be used as a standalone theme for your blog! Version: 1.11 Author: Pushkraj Dole Author URI: http://www.pushkrajdole.com/ Tags: white,black,blue,two-columns,fixed-width,threaded-comments,sticky-post License: This work, like WordPress, is released under GNU General Public License, version 2 (GPL). License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html Follow me on Twitter : http://twitter.com/RajDole Special thanks to : Abban Dunne (http://twitter.com/abbandunne) & Sonia (http://twitter.com/NudgeDesign) */ /* STYLE RESET*/ html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,ol,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }body{line-height: 1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none }table{border-collapse:collapse;border-spacing: 0;} /* FONTS */ body{ font-size: 1em; /* 16px */ line-height: 1.5em; /* 24px */ font-size: 100%; font-size-adjust: none; font-variant: normal; font-weight: normal; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } p { font-size: 1em; /* 16px */ line-height: 1.5em; /* 24px */ margin: 0 0 1.5em 0; padding: 0; } h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 1.7em; line-height: 1.25; margin-bottom: 0.75em; } h3 { font-size: 1.3em; font-weight: normal; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1.1em; font-weight: normal; line-height: 1; margin-bottom: 1.25em; } h5 { font-size: 0.9em; font-weight: normal; margin-bottom: 1.5em; } h6 { font-size: 0.8em; font-weight: normal; margin-bottom: 1.5em; } body, h1, div#header h1 span, h2, h3, h4, h5, textarea#comment, input#author, input#email, input#url { font-family: Georgia, "Times New Roman", serif; color: #585858; } ul#sidebar, div#footer, a.more-link, div.authormeta, div.postmeta, div.commentmeta, div.comment-author, div.comment-meta, p.commentloggedin, div.reply, div.cancel-comment-reply-link, h1.listhead, div.nav { font-family: Helvetica, Arial, sans-serif; color: #696969; } div#content, textarea#comment, input#author, input#email, input#url { font-size: 15px; } a.more-link, div.comment-body p { font-size: 15px; } div#content small, div.postmeta, ul#sidebar, div#footer, p.commentloggedin, div.reply, div.feed { font-size: 13px; } #header span { font-size: 17px; font-weight: normal; } hr{ border: 0; margin: 30px 0 30px 0; border-bottom:1px dotted #d1d1d1 } /* SITE-WIDE */ .left { float:left; } .right { float:right; } .center { text-align:center; } p.right { text-align:right; } p.center { text-align:center; } p.admin { color: #aaa; font-size: 12px; } p.nocomments { padding: 0 20px; font-style: italic; color: #585858; } p.pagelink { word-spacing: 5px; } p.pagelink a { padding: 5px; border: 1px dotted #d1d1d1; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright{ float: right; } img.alignleft{ margin-right: 15px; margin-bottom: 15px; } img.alignright{ margin-left: 15px; margin-bottom: 15px; } img.aligncenter{ margin-bottom: 15px; } img.size-full { max-width: 500px; } .frame { padding: 5px; border: 1px dotted #d1d1d1 } blockquote, .comment-field { padding: 10px 10px 0 10px; border: 1px dotted #d1d1d1; background-color:#fcfcfc; margin-bottom: 20px; font-style: italic; } blockquote p { margin-top: 0 !important; } div.gallery { margin-bottom: 14px; } dl.gallery-item {} dt.gallery-icon {} img.attachment-thumbnail { border:0; } dd.gallery-caption { margin-top: 8px; font-size: 12px; color: #585858; font-style: italic; } table { border: 1px dotted #d1d1d1; padding: 15px; margin-bottom: 1.5em; } td{ padding: 5px 5px; border-right: 1px dotted #d1d1d1; } th{ padding-bottom: 5px; padding: 5px 5px; } caption{ font-weight: bold; border-bottom: 1px dotted #d1d1d1; padding-bottom: 10px; margin-bottom: 5px; } /* LINKS */ a { color: #585858; text-decoration: none; border-bottom: 1px dotted #d1d1d1; } a:hover { color: #00a9da; border-bottom-color: #00a9da; } div.postmeta span.comments a { font-size:12px; font-weight:bold; padding: 2px 5px 1px 0px !important; margin-right: 2px; text-transform: uppercase; border: 0; border-right: 1px dotted #d1d1d1; } h1 a:hover, h2 a:hover { text-decoration: none; } h1 a:link, h1 a:active, h1 a:visited { color: #585858; } a.more-link, a.post-edit-link,div.reply a{ padding: 5px; border: 1px dotted #d1d1d1; } /* HEADS */ div#content h1{ margin-bottom: 8px; padding-bottom: 16px; } div#content h1.listhead { background: #f8f8f8; border: 1px dotted #d1d1d1; margin: 0 0 20px 0; padding: 10px !important; font-size: 16px; text-transform: uppercase; } div#content h1.listhead strong { color: #585858; } div#content h2, body.archive div#content h2, body.search div#content h2, body.error404 div#content h2 { font-family: Georgia, "Times New Roman", serif; font-weight:normal; margin-bottom: 10px; } div#footer h2 { margin-bottom: 7px; } ul#sidebar h2, div#footer h2, div.nav{ font-size: 12px; text-transform: uppercase; } ul#sidebar h2 { margin-bottom: 7px; padding-bottom: 3px; } #header { margin-bottom: 25px; border-bottom: 1px dotted #d1d1d1; } h1.blog-title { font-size: 24px; padding: 40px 0 30px 0; } h1.blog-title a:link, h1.blog-title a:active, h1.blog-title a:visited{ border-bottom: none; } h1.blog-title a:hover { border-bottom: 1px dotted #d1d1d1; } /* MENU */ /* 1st level */ .menu { position:relative; font-size: 0.95em; height: 45px; line-height: 3em; list-style: none; margin:0; padding-top:2px; border-top: 1px dotted #d1d1d1; } .menu li { float:left; list-style:none; margin-right: 5px; padding:0; position:relative; } .menu ul li { _display: inline; _width: 100%; } .menu li a { color: #585858; border-bottom: 0; display:block; margin-right: 15px; width: 100%; } .menu li a:hover { color: #00a9da; border-bottom: 0; } /*2nd level*/ .menu li ul { display: none; float:none; position: absolute; padding:0; left: 0; top: 100%; width: 100px; z-index:1; box-shadow: 1px 1px 5px #d1d1d1; } .menu ul li ul { top: 0; left: 100%; width: 150px; } ul li.page_item ul { left: 0; } .menu li ul li { padding:0 15px; } .menu ul.children { margin-left: 0; } .menu li ul li a { padding:0; } .menu ul ul li { float:none; } .menu ul ul li a { display: inline-block; padding:0; width: 100%; } .menu li:hover > ul{ background:#ffffff; border: 1px dotted #d1d1d1; clear:both; display:block; } /* 3rd level */ .menu ul ul ul { top:0; left:100%; } .menu ul li li ul.children { margin-top: 0; } /*LAYOUT*/ #wrapper { width: 900px; margin: auto; } #content { width: 600px; padding-right: 30px; float: left; } div#content p{ margin: 25px 0 14px 0; } #content img { padding: 10px; border: 1px dotted #d1d1d1; } #content .wp-smiley { padding: 0; border: 0; } #content ul li { list-style: none; line-height: 21px; } #content ul, #content ol { margin-bottom: 20px; } #content ol li { margin-left: 20px; line-height: 21px; } .wp-caption { padding-top: 10px; font-size: 13px; color: #585858; font-style: italic; text-align:center; max-width: 500px; } p.wp-caption-text { padding: 5px; font-style:italic; margin: 0 !important; } div#content embed, .embedded { text-align:center; margin: 0 0 14px 0; } div#content p span { background: #fcfcfc; } .sticky { padding: 20px; background-color: #fcfcfc; border: 1px dotted #d1d1d1; margin-bottom: 25px; } .sticky hr, .sticky .postmeta { display: none; } .sticky h2 a { border: 0; } .sticky h2 { margin-top: 0; padding-bottom: 15px; border-bottom: 1px dotted #d1d1d1; } h2.comments-title { margin-bottom: 25px !important; } div.comment-body p { margin-bottom: 10px !important; } div.postmeta { margin-bottom: 10px; line-height: 1.4; } ul.commentlist {} ul.comment li div.comment-author, ul.comment li div.comment-meta { font-size: 12px; line-height: 16px; } div.comment-author cite.fn { font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-style: normal; font-weight:bold; } div.comment-author cite.fn a { text-decoration: none; } div.comment-author { margin: 0 0 10px 0; } div.comment-author img { float: left; border-radius: 5px; margin: 0 10px 10px 0; } li.comment { margin-bottom: 10px; border-bottom: 1px dotted #d1d1d1; padding-bottom: 10px; } ul.commentlist li.even {} ul.commentlist li.odd {} ul.commentlist li.bypostauthor {} ul.comment li.pingback { font-size: 12px; color: #777; padding: 0 0 10px 5px; color: #777; } ul.comment li.pingback a { font-size: 12px; font-weight:normal; } ul.comment li.pingback p, ul.comment li.pingback span, ul.comment li.pingback div.comment-meta, ul.comment li.pingback div.reply { display:none; } div.reply { display:block; overflow: hidden; padding: 5px 0 5px 0; } ul.children { margin: 45px 0 20px 20px; } ul.children li { margin: 10px 0; padding-left: 10px; border-left: 1px dotted #d1d1d1; border-bottom: 0; margin-left: 0 !important; } div#respond { margin-top: 20px; } div#respond h3 {} table.commenttable { border:0; padding: 0; } table.commenttable tr td { font-size: 12px; line-height: 12px; text-transform: uppercase; } form#commentform {} input#author, input#email, input#url { margin-bottom: 5px; padding: 10px; width: 580px; border: 1px dotted #d1d1d1; } #searchform input.keyword{ padding: 8px; width: 230px; color: #585858; border: 1px dotted #d1d1d1 } #searchform input.button { margin-left: 102px; display: none; } textarea#comment { width: 580px; height: 150px; padding: 10px; border: 1px dotted #d1d1d1; } #sidebar { float: left; width: 230px; border-left: 1px dotted #d1d1d1; padding-left: 20px; } .widget{ margin-bottom: 20px; } ul#sidebar ul.children { margin: 5px 0 0 0; } ul#sidebar ul.children li { border: 0; } ul#sidebar li { list-style: none; margin: 0 0px 20px 0; line-height: 18px; } ul#sidebar li ul li { margin-bottom: 5px; } ul#sidebar li ul li ul { margin: 5px 0 0 10px; } ul#sidebar li.widget_tag_cloud,li#tag_cloud { line-height: 28px !important; word-spacing: 5px } li#search {} ul#sidebar li.categories {} #calendar_wrap { text-align:center; } #footer { width: 100%; margin-top: 50px; border-top: 1px dotted #d1d1d1; clear:both !important; float: left; padding: 50px 0 30px 0; line-height: 0; }