<data:blog.pageTitle/> EZwpthemes. Version: 1.0 Author: EZwpthemes Author URI: http://www.ezwpthemes.com/ Tags: brown, fixed width, three columns, right sidebar, left sidebar, threaded comments, widget ready, pagenavi, social bookmarking, valid xhtml, valid css Template Name: Spotlight Template URI: http://themecraft.net/2010/03/spotlight-blogger-template Version: 1.0 Converter: Theme Craft Converter URI: http://themecraft.net Spotlight Blogger Template comes under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Malaysia License. This means it is free to use on your blog, and you must keep the footer link intact, also as a respect to the designer and converter. We sincerely need your respect to continue our free Blogger template production, thank you. ThemeCraft.net ----------------------------------------------- */ #navbar-iframe{ height:0px; visibility:hidden; display:none; } /* Based on YUI http://developer.yahoo.com/yui/reset/ and Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, code, form, div, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } fieldset, img { border: 0; } /* remember to define focus styles! */ :focus { outline: 0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: normal; } #blog_title ,.post_title ,h1 ,h2 ,h3 ,h4, h5, h6 { font-size: 100%; font-weight: normal; } abbr, acronym { border: 0; font-variant: normal; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } code, kbd, samp, tt { font-size: 100%; } /*@purpose To enable resizing for IE */ input, button, textarea, select { font-size: 100%; } body { line-height: 1.2; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } sup, sub { font-size: 100%; vertical-align: baseline; } /* remember to highlight anchors and inserts somehow! */ ins { text-decoration: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* Define */ h1 { font-size: 2.8em; } h2, h3, h4 { font-size: 2em; } a { text-decoration: none; } blockquote { margin: 5px 20px; padding: 5px; } blockquote p, code { padding: 10px 20px; display: block; } code { display: block; margin: 5px 20px; } strong, em, caption, th { font-style: normal; font-weight: bold; } cite { font-style: italic; font-weight: normal; } sub, sup { font-size: .8em; } sub { vertical-align: sub; } sup { vertical-align: super; } small { font-size: 1em; } :focus { outline: 1px #666 dotted; } input:focus, div:focus { outline: 0; } input { margin: 3px; vertical-align: middle; } /* Layout */ body { font-size: 62.5%; /* Resets 1em to 10px */ color: #000; background: #fff; line-height: 1.4; } #wrapper , #bottom_frame , #top_frame , #header , #container , #footer { margin: 0 auto; } #header { position: relative; } /* Wordpress */ .entry p { margin: 10px 0 10px 0; } .entry ul { padding-left: 20px; list-style-type: square; } .entry ol { padding-left: 25px; list-style-type: decimal; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-weight: bold; margin: 5px 0; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #666; } .endline { clear: both; } /* Images */ p img { max-width: 100%; /* not working in IE6 */ } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; color: #333; } /* Clear Fix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* end of clearfix */ /* Global */ body { color: #fff; background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinNrcw09pIdqDyzCox_uQkbEh8c1g5wVyh0dDc2YyGwRxkDue93RZh295SEP_4UVNrD51PNfrJAJct-gWHkqckBj7U4oZ5RiXdTztRj0rTIVYi0oDsOq0i7nbWdviIkpqKhOElDZBUikg/s1600/bg.gif) repeat-y center center; font-family: Verdana, Geneva, sans-serif; } a, .post a { text-decoration: none; color: #fff; } a:hover, .post a:hover { color: #ffc; text-decoration: none; } #blog_title ,.post_title ,h1 ,h2 ,h3 ,h4 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } blockquote, code { color: #333; font-family: Verdana, Geneva, sans-serif; border: 1px dashed #999; } blockquote { background: #F8F4AB; } code { background: #F5D582; } /* Layout */ #wrapper { min-width: 998px; /* not working in IE6 */ overflow: hidden; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFNsqWHfnlFuWncbnct02jFNueHNHpKKZeUz3EZuZltJ5wowsDOR16lkMXHWppSSuQ63ZHdpFXGxQDsl0bBqqJazBlH_babLrhQ-Cnp-_0zfzzR7TxF5T5m-YwDsKhWI4YzzXW0lvQEIM/s1600/container_bg.gif) center top repeat-y; } #bottom_frame { padding: 0 0 5px 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihbNS7IJ3LCdu3x684WhJt6I4mBBQ_mBQsDTCRvin6W8qJXUYm1EGUPb99OVgIxMCfPSxTp2_KLuEzQDg1vsVZ-Z2ariiAdCewdtEhqikJFiOtTlI_nYMQVfFihKzg6MyzlPjmxolHZQo/s1600/bottom_frame.jpg) no-repeat center bottom; } #top_frame { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJBzuFNdOssEo2ZFDcBuMLMqa4J5eTIBAZM40PNqwsCpsW12F4104tpWe6992BbMoJ1THaiWM7OT9NkQsb5QugGIK2xvw2mA2ZRHle-RCPeMMrRwH8wWh7vE_HDHJuGKLML_BfkOujM6Y/s1600/top_frame.jpg) no-repeat center top; } #top_container { margin: 0 auto; } #header , #container , #footer { width: 998px; } #header { height: 232px; } #container { padding: 0px 0 70px 0; } #footer { clear: both; height: 180px; position: relative; } /* Header */ #header #blog_title { font-size: 3em; /* Blog title */ padding: 70px 218px 0 254px; text-align: center; color: #580000; } #header #blog_title a { color: #580000; } #header h2 { color: #580000; font-size: 1.4em; /* Blog Description */ text-align: center; padding: 0px 218px 0 256px; } /* menu */ #menu { width: 594px; height: 35px; position: absolute; left: 175px; top: 197px; z-index: 9999; } #menu ul li { padding: 0 14px; font-size: 1.3em; /* menu Font Size */ font-weight: bold; text-align: center; float: left; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGU1db0UJi-EsaUJe8qofjjoQ6BGTmZQfscIlj60zHo5Xna8Y31bmXIb3J8k2quXAynkdojFkXIZrZvpPU6vAkUvxQ01dYP40rtXeTVp6PnXRqZDJkwCJgjzyL7MHFBGaHe90MW7rKiy4/s1600/menu_li.jpg) no-repeat left 2px; } #menu ul li a { padding: 0px 0 0 0px; line-height: 2.8; color: #9a3f3d; } #menu ul li a:hover { color: #203e53; } #menu ul ul li { font-size: 1em; } /* searchform */ #searchform { overflow: hidden; position: absolute; left: 11px; top: 68px; } .searchtext { width: 100px; color: #000; border: 0; font-size: 1.2em; background: none; padding: 0; margin: 2px 2px 0 0; float: left; } #searchsubmit { border: 0; margin: 0 0 0px 0; width: 29px; height: 32px; float: left; } #rss { position: absolute; right: 98px; top: 202px; } #rss img { width: 50px; height: 50px; } /* welcome */ #welcome { color: #fff; font-weight: bold; font-size: 1.1em; } #welcome p { width: 182px; padding: 50px 0 20px 0px; overflow: hidden; } /* Content */ #content { width: 438px; padding: 43px 0px 0 0px; display: inline; margin: 0px 0px 0px 13px; float: left; } .post { width: 438px; padding: 0px 0 30px 0; margin: 0px 0 30px 0px; position: relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvOtSwdaXy3_zuqtJmryUNbEiY5usX6A48iNnLX7Xt-TbEauWcqbPwkbTaozwe_pDF-D0kh3qql-WW__V6cEJYBIQTC57ocDH98Xz3X2qnCXJnq7roSveDts5anU_7R2YmA-BB1ppcbwk/s1600/post_line.jpg) no-repeat left bottom; } .post .post-title { margin: 0px 5px 0 0px; padding: 24px 10px 20px 46px; font-size: 1.4em; /* Post title */ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpJI6cTvxBkdGpiB6A6oaV7EEB80woC_uxtoHEpj06i7Cm7kSziJP_zKudnP9hCl_ht5xv0EWZlfcO2yXYI2WSbAjPh_6mxfORdsWB4ufr8OUtXwG_0h4cZTutFGXq-f6py6DBOCPLSPc/s1600/post_header_bg.jpg) no-repeat; } .post .post-title a { color: #fff; } .post .post-title a:hover { color: #fc0; } .postmetadata { padding: 4px 36px 0 46px; text-align: left; font-size: 1.1em; } .postmetadata a { text-decoration: underline; } .post_path { font-size: 1.1em; margin: 0 0 0 47px; padding: 7px 7px 12px 15px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSWjgCjPlzp4j5cK0FlsvofUsaZa5fbz8kD_9rDa2Gx4mvCL1Y3j3t7TZnK68ltnltTzMIK8MJnIMgM2VscG1P1YvZkvnt3WwSUaIBa1PeShf6pVW40iR9__hHWr91sZrBEXmgLn8z0YQ/s1600/arrow.gif) left 10px no-repeat; } .post_path span { color: #706ED6; } .post_path a:hover { text-decoration: underline; } .edit_post { width: 83%; margin: 0 auto; margin-top: 10px; padding: 5px 10px; background: #ffc; border: 1px dashed #999; } .edit_post a { font-style: italic; color: #33C; } .edit_post a:hover { color: #f60; } .edit_post a.post-edit-link { margin-right: 15px; font-style: normal; color: #E5631C; text-decoration: underline; } .edit_post a.post-edit-link:hover { color: #33c; } .entry p{margin:5px 0;} .entry { width: 400px; overflow: hidden; margin: 0 auto; padding: 10px 0; font-size: 1.2em; } .entry a { color: #1f85da; text-decoration: underline; } .tags, .tags a, .postmetadata, .postmetadata a { color: #c86b47; } .tags { font-size: 1.2em; margin: 10px 30px 0 26px; } .tags a { text-decoration: underline; } .notfound { margin: 100px auto; text-align:center; font-size: 4em; font-weight: bold; color: #7e2d17; } /* Sidebar */ #sidebar { width: 192px; float: left; display: inline; margin: 90px 0 10px 69px; padding: 0px 0 132px 0px; color: #fc9; } #sidebar_main h2 { padding: 5px 20px 5px 10px; font-size: 18px; color: #486a6a; position: relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhol63eE9_rHIn-mfKpGeQcqA_ctDj797Bo8SGmqDwWzDrdvRcJkVNfNW4-QuYoV0z52NXX_kUXnNyITfNBxEMJzFZWaYQ6HCP5vJaHaX0pBNkncxzPb2Txiv-X3l55t7_LTcsKqUCI0l4/s1600/sidebar_header_bg.jpg) no-repeat left 5px; } #sidebar_main .widget-content { overflow: hidden; font-size: 1.2em; padding: 3px 15px 3px 15px; } #sidebar_main ul li a { color: #a79f8b; } #sidebar_main ul li a:hover { color: #ffc; } #sidebar_main ul ul { padding: 0 0 0 13px; background: none; } #sidebar_main ul li { font-size: 1em; border: none; padding: 6px 0 6px 20px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHX__FDnqMmKZF9BG_eQVTPpXek9hvLwkFJvFpJ4m1CBVbkSiVNP0qlNHPvVe63L-u6bUbI1V2id_MkjA1HS_klu6xAvkg4kwQbxK69ZxlPEH0sUic7CyukGXqO2nZya7BGLq26EVdIt0/s1600/sidebar_li.jpg) no-repeat left 5px; } #sidebar_main ul ul ul { width: 100%; padding: 0; margin: 0; } #sidebar_main ul ul li li { font-size: 1em; padding: 6px 0 0px 15px; width: 85%; } #sidebar_main .textwidget { margin: 7px 0; } #sidebar_main2 { width: 168px; display: inline; padding: 0px 0 40px 0; margin: 110px 92px 0 0; position: relative; float: right; color: #fc9; } #sidebar_main2 h2 { padding: 5px 20px 5px 10px; font-size: 18px; color: #486a6a; position: relative; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhol63eE9_rHIn-mfKpGeQcqA_ctDj797Bo8SGmqDwWzDrdvRcJkVNfNW4-QuYoV0z52NXX_kUXnNyITfNBxEMJzFZWaYQ6HCP5vJaHaX0pBNkncxzPb2Txiv-X3l55t7_LTcsKqUCI0l4/s1600/sidebar_header_bg.jpg) no-repeat left 5px; } #sidebar_main2 .widget-content { overflow: hidden; font-size: 1.2em; padding: 3px 15px 3px 15px; } #sidebar_main2 ul li a { color: #a79f8b; } #sidebar_main2 ul li a:hover { color: #ffc; } #sidebar_main2 ul ul { padding: 0 0 0 13px; background: none; } #sidebar_main2 ul li { font-size: 1em; border: none; padding: 6px 0 6px 20px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHX__FDnqMmKZF9BG_eQVTPpXek9hvLwkFJvFpJ4m1CBVbkSiVNP0qlNHPvVe63L-u6bUbI1V2id_MkjA1HS_klu6xAvkg4kwQbxK69ZxlPEH0sUic7CyukGXqO2nZya7BGLq26EVdIt0/s1600/sidebar_li.jpg) no-repeat left 5px; } #sidebar_main2 ul ul ul { width: 100%; padding: 0; margin: 0; } #sidebar_main2 ul ul li li { font-size: 1em; padding: 6px 0 0px 15px; width: 85%; } #sidebar_main2 .textwidget { margin: 7px 0; } #sidebar select { font-size: 1em; margin: 7px 0; width: 95%; } /* Footer */ .credit { width: 294px; font-size: 1.1em; padding: 0px 350px 0px 365px; } .credit, .credit a, .credit a:hover { color: #aaa; } /* PageNavi*/ .wp-pagenavi { padding: 5px 36px 5px 10px; } .wp-pagenavi a { padding: 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #06c; color: #06c; background-color: #fff; } .wp-pagenavi a:hover { border: 1px solid #000; color: #000; } .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend { padding: 2px 4px; margin: 2px; border: 1px solid #000; color: #000; background-color: #fff; } /* Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 90%; } #wp-calendar #next a { padding-right: 10px; text-align: right; font-size: 11px; } #wp-calendar #prev a { padding-left: 10px; text-align: left; font-size: 11px; } #wp-calendar a { display: block; font-weight: bold; text-decoration: none; } #wp-calendar a:hover { background: #ccc; color: #fff; } #wp-calendar caption { text-align: center; width: 100%; font: bold 13px Verdana, Arial, Sans-Serif; } #wp-calendar td { text-align: center; padding: 3px 0; font-size: 12px; text-align: center; } #wp-calendar th { text-align: center; font-style: normal; font-size: 12px; text-transform: capitalize; } /* Social Bookmarking */ .bookmark { margin: 18px 0 0 26px; } .bookmark ul { display: inline; } .bookmark ul li { background: none; display: inline; list-style-type: none; } .bookmark_line img { border: 0; } /* Comments */ .read_comments { margin: 0px 18px 0 0px; text-align: right; font-weight: bold; padding: 20px 0px 10px 0; } .read_comments a { font-size: 1.2em; color: #839F39; padding: 14px 0 14px 0px; } .read_comments a:hover { color: #790B00; } h3#comments { padding: 0 0 0 46px; } h3#comments, #respond h3 { padding-top: 10px; font-size: 1.4em; color: #333; } #commentform { margin: 5px 0 0 0px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform textarea { width: 98%; padding: 2px; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform p { margin: 5px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform #submit { margin: 0 0 5px auto; float: right; } #respond { width: 85%; padding: 0 0 0 10px; color: #333; margin: 0 auto; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .commentlist { padding: 0 0 0 0px; margin: 0 auto; width: 85%; } .commentlist li { margin: 15px 0 0px; padding: 5px 5px 10px 10px; list-style: none; font-weight: bold; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; font-size: 1em; } .commentlist p { margin: 10px 5px 10px 0; font-weight: normal; line-height: 1.5em; font-size: 1.2em; text-transform: none; } .commentlist li .avatar { float: right; border: 1px solid #333; padding: 2px; background: #fff; } .commentlist li a { color: #000; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.2em; } #content .comment-body p a { text-decoration: underline; } .nocomments { text-align: center; } .commentmetadata { font-size: 1.2em; display: block; font-weight: normal; } .thread-alt { background-color: #dcbea4; } .thread-even { background-color: #e3cbb3; } .depth-1 { border: 1px solid #000; } .alt { border-left: 1px solid #666; /* odd page */ background-color: #C29581; padding: 10px; } .even { border-left: 1px solid #666; /* even page */ background-color: #D0AD9E; } /* Blogger Template Customization */ .comment-meta { margin-top: -15px; } p.comment-footer { font-size:1.2em; padding: 25px 0 35px 35px; } .post-reaction { padding: 10px 0 0 0; } .reactions-label-cell { line-height: 1.8em; } .comment-form{ padding: 0px 30px 10px 35px; margin: 25px 0px 0px 0px; max-width: 382px !important; width: 382px !important; } h4#comments{ margin:0 0 20px 0px; } h4#comment-post-message { color: #000000; font-size: 1.4em; } #comment-content{ margin: 0 0px 25px 0; } #backlinks-container h4 { font-size: 1.4em; padding: 0 0 0 35px; margin: 0; } #blog-pager{ padding: 0px; font-size:1.2em; text-align: center; } #blog-pager-newer-link { padding: 0 0 0 35px; } #blog-pager-older-link { padding: 0 35px 0 0; } .feed-links{ font-size: 1.2em; padding: 15px 0 0 35px; } ]]>