Minggu, 13 Mei 2012
Jumat, 09 Maret 2012
Langganan:
Komentar (Atom)
skip to main |
skip to sidebar
<data:blog.pageTitle/>
*/
/* Global Styles
---------------------------------------------------------- */
#navbar, #navbar-iframe {
display: none;
}
* {
margin: 0;
padding: 0;
}
body {
margin: 0; padding: 0;
background: #151011 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7k6B-eR9gkt-jupl2dO4ZG_qDcoRtM5ij_Ud-528CQR_4VsZFoAUbjhDHkR0nsrIRj7hbR0vVxhd0AKr8XoHwxCAKRlIYCJUwp4s-b6LOYfa3GW1fUkH77XVAIud8AokQedv1Eta9Seqv/s1600/nav_tile.png") repeat-x left top;
font-family: 'Georgia', Times, Serif;
color: #2c2625;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}
h1 {
/*18px via YUI Fonts CSS foundation*/
font-size:3.17em;
}
h2 {
/*16px via YUI Fonts CSS foundation*/
font-size:2.67em;
}
h3 {
/*14px via YUI Fonts CSS foundation*/
font-size:2em;
}
h4,h5,h6 {
font-size: 1.5em;
}
h1,h2,h3 {
/* top & bottom margin based on font size */
margin:1em 0;
line-height: 1em;
}
h1,h2,h3,h4,h5,h6,strong {
/*bringing boldness back to headers and the strong element*/
font-weight:normal;
}
strong {
font-weight: bold;
}
a {
text-decoration: none;
color: #D63B00;
}
a img {
border-width:0;
}
/* Layout - generic classes
---------------------------------------------------------- */
.clear {
clear: both;
font-size: 0px;
line-height: 0px;
visibility: hidden;
margin: 0;
}
.container {
display: block;
width: 100%;
margin: auto;
}
.block {
display: block;
width: 922px;
margin: auto;
}
.left {
display: inline; float: left;
}
.right {
display: inline; float: right;
}
.column {
display: inline;
}
/* Base Class */
.listing {
list-style:none;
margin: 0; padding: 0;
position: relative;
}
.listing li {
list-style:none;
margin: 0; padding: 0;
}
.listing li a {
display: block;
}
/* Basic */
.listing.basic {
margin: 0; padding: 0;
}
.listing.basic li {
/* defined at ".listing li" */
float: left;
}
.listing.basic li a {
margin: 0; padding: 0;
}
.listing.basic li a:hover {
}
/* Header
-----------------------------------------------*/
#header {
margin-bottom: 20px;
*margin-bottom: 0px;
height: 120px;
color: #86706D;
position: relative;
}
#logo{
position: absolute;
z-index: 0;
bottom: 0; left: 20px;
margin: 0;
font-size: 2.17em;
line-height: 1em;
color: #D63B00;
*padding-bottom: 20px;
}
#logo a {
color: #D63B00;
}
#logo span.description {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbeiZqWer8Ef2CtgWtsSwakRFgUYQZS5b15SoDDJq82DQdQCFJyGqUlcuumbMKuqIxnkTnISiDBk2RQBDp44pKZT6OHq1IenftrxjioA3Cg3gyAFV2UgTxhY9hl4_852JoTHXOnucwx4N1/s1600/title_divider.png) no-repeat 10px 15px;
font-size: .56em;
padding: 70px 0 20px 20px;
color: #4A403E;
}
/* Layout - Wrapper
---------------------------------------------------------- */
#outer-wrapper {
width: 922px;
margin: 0 auto;
}
#wrapper {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSDN_Q2Vu6Vguw8Jo2p_Fi7qQwL-X4kh-jhMEz0jfntWPXQr6Di9S0p5iNdAlU9bLbBUNG72Dj1__Y9UWLV8FlUOeXNu0ZzLdX2blBWg7fbu_mMWr3TvxX3C0dUtjHre-RjL4FDMSzJjG9/s1600/content_tile.png) repeat-y top left;
height: auto;
position: relative;
}
#wrapper #content {
min-height: 200px;
width: 640px;
clear: both;
float: left;
}
#wrapper #content-footer {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRHUOlM4fUUVXW_r2dURJUMOEIWjaFzTH_PIfJ1otpWBUeW_WXngUbRaa2STOJPN87u5y5Dtvbk5HbweCuw3gdkBIstslAcbhy_mD2rXcVY6LtgxjA0gxxWLWn5ZrcvnbU66Q9xEqnCKs/s1600/content_bottom.png) no-repeat bottom left;
min-height: 200px;
margin-top: -200px;
}
#wrapper #content-body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjapoQPj95xaGn7Rh0Pt19RU52o93xOl8T0tZNdsreCaWyNgUSqd8nSlfRyXbKmOJNOoJzVkV8GHHfbMTho1BrOZIz3Kw1Hztk2_R47ZD2GXf6vsAQpyw-p2TCV-K3bpxPDzcfTqH0Cvie0/s1600/content_top_twilight.png) no-repeat top left;
padding: 50px 50px 80px 50px;
min-height: 150px;
}
#wrapper #content-body.twilight {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjapoQPj95xaGn7Rh0Pt19RU52o93xOl8T0tZNdsreCaWyNgUSqd8nSlfRyXbKmOJNOoJzVkV8GHHfbMTho1BrOZIz3Kw1Hztk2_R47ZD2GXf6vsAQpyw-p2TCV-K3bpxPDzcfTqH0Cvie0/s1600/content_top_twilight.png) no-repeat top left;
}
#wrapper #content-body.eclipse {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuWBCitb5tc4SZO0BvCmJGQETUjH4qxUYFqQ1ZrTy-D9DoX_1bBK_NQvBfYuleFEv-LrMu-JzAp_QGX4cSW4r_QuQ7P-QUCMhwL49g2ssnii5JO_Rq8IgLdaaCePz5cGGuTDIJ_CGAs1-6/s1600/content_top_eclipse.png) no-repeat top left;
}
#wrapper #content-body.newmoon {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4J1f8ia1WM38p-VVj7LjU4hbpmm1YQhX0ubsEQadx38ZadYXwT26-xMuDUh4LZ3uufwNf3UFGQDeTr9SgU0-IchrQRlUgAhhNyviWrbrzkZDoY7mO7pf2Nvc7FXzhOt4YonBkG_puzOWf/s1600/content_top_newmoon.png) no-repeat top left;
}
/* Layout - Brand
---------------------------------------------------------- */
#brand {
position: absolute;
z-index: 0;
}
#brand.twilight {
width: 264px; height: 271px;
left: 490px; top: -140px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1j2z-xawWyKmsU4bhvu9FAXgasKd9YKonSDswEirjB4kiEIR0JwoJwm48mbug3yMyhyGLafpF_ThBB5xpWk7Mtg0obR4ZIcM0kHUH9OxcTw19Qw8OZBFbBHT3wmYgon61KXqpCXpmSWGD/s1600/header_twilight.png) no-repeat left top;
text-indent: -9999;
}
#brand.eclipse {
position: absolute;
width: 468px; height: 344px;
left: 315px; top: -140px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnbOP-UVxNNTj3_JgF__68f2CjPNXqvQ3iDfc0Rk0y4HCJ046uxWB_fqCh9UDeeD3iyVf3nUtgMsAeBjrSieViWh42jKs6b0UBjHSrLT3bKc-VA_2aYZZE9NMbE8IQKg1xHOfv3Tf48dfO/s1600/header_eclipse.png) no-repeat left top;
}
#brand.newmoon {
position: absolute;
width: 312px; height: 271px;
left: 499px; top: -140px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvRNTbjm0M4iksYnx1LypNq9nqeeh8e70V_hwZmwSTsTKdvwUd7vN4jwIxBLj0MHwO8a1dbtKICU8orHVzoZaKMTwkV00DeRAYMZjBiDMxoCBVRtmQXoLda1oYwZ4O-ZuxePlDFeNuTr_4/s1600/header_newmoon.png) no-repeat left top;
}
/* Layout - Navigation - Main
---------------------------------------------------------- */
#PageList{
position: absolute;
z-index: 1;
top: 0; left: 20px;
color: #86706D;
}
#PageList1 li {
font-size: 0.83em;
}
#PageList1 li a {
padding: 12px 10px 8px 10px;
color: #86706D;
}
#PageList li.selected{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigKg8gpGCq8uggwe3491gZd7IVpju5JDPu88nYi4u-SfvgY4gdk3w1sp75ZVJEM3X0gMIZt7X6HAZDmtdj_-lgkiD9v_h6U1jJlT2z4eBF6zdrTn0Dq0T6flmXevFHoXpTmX_BYcIVGtte/s1600/nav_current_left.png) no-repeat left 9px;
padding-left: 22px;
font-style: italic;
font-weight: bold;
color: #D63B00;
}
#PageList1 li.selected a {
color: #D63B00;
}
/* Sidebar
---------------------------------------------------------- */
#sidebar-wrapper {
width: 260px;
margin: 50px 0 0 0;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.sidebar {
/*
min-height: 500px;
width: 260px;
margin: 50px 0 0 0;
position: relative;
*/
}
/* Posts
----------------------------------------------- */
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin: 0 0 20px 0;
padding: 0 20px 35px 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqPdCLlJCGdLKF9-yPiN8E0YwBk4R-yu6zztTNDzjj3ni07WpXFs-fzKgDNrAtKSMnqvvScgJ0QAr4GUGGY-qKiK5Dq2ZsQQhJfq3pJ_sK7zeG7FgC34rt-HSvpcl0ozwMOYNV0yUyE0ik/s1600/content_divider.png) no-repeat bottom center;
}
.post h3 {
margin: 0; padding: 0 0 40px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSdW4rLWWlqVDlNSTM1Lj9Avqx_lyAX2LPGo-Jzf4JwlaieD9q1C9JgW68a3oC8TYB1PTpdfzLJtLWIxGilMagL5SjNScsV7N0R0Wci9ZcQbPYuWHsLbZLrhRfVNzmjqULUJtvFUwndc1V/s1600/byline_rule.png) no-repeat bottom center;
line-height: 1.17em;
color: #D63B00;
text-transform: uppercase;
text-align: center;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color: #D63B00;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
text-decoration: underline;
}
.post p.byline{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSdW4rLWWlqVDlNSTM1Lj9Avqx_lyAX2LPGo-Jzf4JwlaieD9q1C9JgW68a3oC8TYB1PTpdfzLJtLWIxGilMagL5SjNScsV7N0R0Wci9ZcQbPYuWHsLbZLrhRfVNzmjqULUJtvFUwndc1V/s1600/byline_rule.png) no-repeat bottom center;
padding: 18px 0 20px 0;
margin-bottom: 2em;
text-align: center;
font-style: italic;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post ol li {
list-style-position: inside;
}
.post ul li {
list-style: inside url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_rK9M3ASwDDNkuJinv98c2T2tQeB9e9K305jbZbY_IIT3XgO-uepf5WsIOVs4Xot3U5DY8htN61xWxljbA0dolzRBpYsfXPEJ71z5AGS8dz0FjvxwRSFRjkiT-ggnDF2PTKaujPckmtFO/s1600/link_arrow_dark.png);
}
.post-body blockquote {
margin: 20px 0 20px 0; padding: 0;
border-top: 1px solid #826648;
border-bottom: 1px solid #826648;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWGqjpfEvB9I0RHsSC9FFF4lsVTMIl5r8LencE83pmRl-wX3KU1jN7m-X-nPlZ0z6zJoWNG1ATAbd4gro-6SHXp0y93vgb9RONWREjZ4mQ6lujknvEbFMPgC6oY4e3vLd-ZSb-FYZ1ngSl/s1600/quotes.png)no-repeat 10px 22px;
}
.post-body blockquote p {
margin: 20px 0 20px 40px; padding: 0;
font-size: 1.2em;
font-style: italic;
line-height: 1.5em;
}
.post-body p.excerpt {
font-size: 1.25em;
line-height: 1.5em;
color: #151011;
}
.post-body p.excerpt:first-letter {
display: block;
float: left;
padding: 3px 5px 0 0;
font-size : 3.5em;
line-height: .80em;
font-weight : normal;
text-transform: uppercase;
}
.post p {
line-height: 1.5em;
}
.post p a:hover {
text-decoration: underline;
}
.post-footer{
padding: 18px 0 20px 0;
margin-bottom: 2em;
text-align: center;
font-style: italic;
}
.comment-link {
margin-$startSide:.6em;
}
.post img, table.tr-caption-container {
padding:4px;
border:1px solid $bordercolor;
}
.tr-caption-container img {
border: none;
padding: 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd-LuU30EMFtPQ9jEw0o4JjN9WJ9t7Gz1wo72rH3pGh_9Fw-uXR3Nv89WeVuJBdwQuLrp0XHsWRIUiBnr1CscBsvLkFIQKy46xCYwVkKiUQLOerj12Pdm59601Oa_lmKGGLu3nGFfdZyws/s1600/heading_icon.png) no-repeat center left;
padding-left: 20px;
margin:1em 0;
font-weight: bold;
line-height: 25px;
font-size: 1em;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
font-size: 12px;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvcRNE6d5iY5fjBwyaWD9uzeuzwoOqzCLoXUfzYR45-LYpHSPAwZ6CFejyJwr-0HPxvn8uzuo7-Oz4uH0ojMGX9-FSiu4OBXAI-38h-mDq4USfJS7iif06EO70TvIwhqa4jInabqWMYswq/s1600/prev_post.png) no-repeat left 50%;
margin: 0 20px 0 0;
padding: 3px 20px 3px 30px;
border-right: 1px solid #382104;
float: left;
}
#blog-pager-older-link {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW7NhI7LoTf6n3kck5HTCN5fM0NLWcIv35v_LNO6e4aa7AApoz6iHZVgS9WspCDidjXULZLkRsg7YPp_xCdXXnz7g7gTtW_mT7mzXijaVea-ouGtelDdI_3Sh-p4AnoxFjX1HNxGY3TArO/s1600/next_post.png) no-repeat right 50%;
padding: 3px 30px 3px 0;
float: $endSide;
}
#blog-pager {
margin: auto;
margin-bottom: 25px;
text-align: center;
}
.feed-links {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aoVPwJz4Zu1cIL0hbcwk_OrtE7R66ePSZ2nwHB4OZX3t8jvXkdHvcEMrb_du4K8Cli-JHb-GKM6wlXJOK0qQq7O4I-oj7wyTHah9KQdQulrhJGHSXc0aFobcEO3pZqzplvH4_mOP2mID/s1600/rss_icon.png) no-repeat center left;
padding-left: 20px;
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar .widget {
overflow: hidden;
margin: 0;
color: #86706d;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0; padding: 10px 0 10px 0;
font-size: .92em;
line-height: 1.33em;
}
.sidebar h2 {
margin: 0; padding: 5px 0 5px 16px;
min-width: 50px;
min-height: 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGr3pX3SmTmQaJc2LgTF2Vt2S1nGZ80Dq4reUqVzVuwMwYkoZVwuamwvex7xZ0sRqeyYr-vkxq8VBAWbx0ITeeujyG6n39_2t2GneTfnFQ62gSatHsgm2aCdr5kazDnKK704nJcqDzpEcn/s1600/sidebar_bullet.png) no-repeat left 50%;
border-bottom: 1px solid #2c2625;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.17em;
font-style: italic;
color: #d63b00;
position: relative;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
padding: 3px 0 3px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjevM0BJMesQWfMMsYi-7LssXmHQkj4Sopqqe1pRnK42PJo8Yu2jLbFH6-SdKS8sM9WdRjWfCd77qwr7vlZpO-Pb9qqyzpjDMsgAO-rLa4epHJopItODOarc7Yq6ZdUAaYKr_Dm3iYqUr2_/s1600/link_arrow_white.png) no-repeat left 50%;
}
.sidebar .Feed li{
padding: 3px 0 3px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWBnYk-EqdeAtf90lE90m2eDSXr-7ZtL1Td-_VCNeKwK1t0IEb8D3JlURNYAejmp7TNGtOp_N106qtnvRUqhZ-dkXkNfXmlYEN8tCthCnWgBCXGiCn7_r0DTdY7JEBgJbp9BQPsKy5O8Nx/s1600/icon_categories_default.png) no-repeat left 50%;
}
.sidebar li a {
padding: 0 0 0 15px;
}
.sidebar li a:hover {
color: #ffffff;
text-decoration: underline;
}
.sidebar .widget{
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-data {
margin:0;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
/* Layout - Navigation - Footer
---------------------------------------------------------- */
#footer-container {
/* border-top: 1px solid #2c2625; */
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBnPDyXjDc7PLpldc34-TEETubfYodBMCIaaT-pd6NCEgpyRnU3oGHFCkl9C7tIvTvRVStOtNXudVPmoPh3a6EwohTMVsEv6V-LIghAJbwkV0RQ9ce4J_a8LVHGaLs_pxdg3PjwqcF13Wz/s1600/footer_tile.png) repeat-x top left;
padding-bottom: 20px;
}
#footer p {
padding: 10px 0 5px 0;
font-size: .83em;
color: #86706D;
text-align: center;
width: 640px;
}
#footer a:hover {
color: #ffffff;
text-decoration: underline;
}
#footer-nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 620px;
min-height: 20px;
padding: 20px 10px 0 10px;
font-size: .83em;
color: #86706D;
clear: both;
}
#footer-nav li {
padding: 0;
}
#footer-nav li a {
padding: 0 5px 0 5px;
}
#footer-nav li a.last {
border: none;
padding-right: 0;
}
#footer p#disclaimer {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 620px;
margin: 0; padding: 20px 0 50px 10px;
font-size: .83em;
}
.gsc-branding-img, .gsc-branding-img-noclear, td.gsc-branding-text {
display: none;
}
]]>
Ads 468x60px
Copyright (c) 2011 my job.
Designed by Blogger Templates
Starchimachim, 3 columns Blogger Templates, Business Blogger Templates
Starchimachim, 3 columns Blogger Templates, Business Blogger Templates