HTML

*/ /* CSS Reset * By Eric Meyer */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb r,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strik e,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legen d,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;ver tical-align:baseline;background:transparent;margin:0;padding:0} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} /* Custom * ------------------ */ body#layout{ max-width:100%; } body#layout #slider-wrapper{ display:none } body#layout #header-wrapper { height:100px; } body#layout #logo { left:0; top:15px; } .navbar { display:none } .widget { margin:0; padding:0 } .clearfix:after{ clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden } * html .clearfix,:first-child+html .clearfix{ zoom:1 } .clear { display:block; clear:both; float:none; border:none; font-size:0; height:0; overflow:hidden; margin:0;

padding:0 } /* TYPOGRAPHY * ------------------ */ /* Link */ a { color:$(link.color); text-decoration:none } a:hover, a:focus, a:active { color:$(link.hover.color); text-decoration:none } /* Styling Font */ h1,h2,h3,h4,h5,.sf-menu a,#blog-pager,.feed-links,.jump-link a, #navlist a{ font:$(styling.font); } /* h1 h2 h3 h4 h5 h6

Heading */ {font-size:28px; {font-size:24px; {font-size:40px; {font-size:16px; {font-size:14px; {font-size:12px;

line-height:45px; line-height:35px; line-height:25px; line-height:15px; line-height:15px; line-height:15px;

margin-bottom:24px;} margin-bottom:20px;} margin-bottom:18px;} margin-bottom:16px;} margin-bottom:14px;} margin-bottom:10px;}

/* List */ ul{list-style:square;} ol{list-style-type:decimal;padding-left:30px;} ol ol{list-style:upper-alpha;} ol ol ol{list-style:lower-roman;} ol ol ol ol{list-style:lower-alpha;} /* Pre/Code */ pre{ font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; white-space:pre; overflow:auto; clear:both; line-height:19px; background:#FAE9B3; border:1px solid #F5D56B; padding:10px } code{ padding-left; display:block; padding:10px; font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; background:#FAE9B3; border:1px solid #F5D56B; } /* Blockquote */ blockquote {

margin: 15px 10px 15px 10px; font:italic normal 13px Georgia, Bitstream Charter, serif; padding:10px 10px 10px 50px; background:#FAE9B3 url(https://lh6.googleusercontent.com/-ZwhzK_cNm6Y/TvCxcDAFny I/AAAAAAAAAgg/ocSwVsyHq1E/h1600/quote.png) no-repeat 0 0; border:1px solid #F5D56B; color:#1D0402; } blockquote cite{ font:12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:1px; text-transform:uppercase; margin: 5px 0 0; display: block; } /* MAIN LAYOUT * ================== */ body { font:$(body.font); color:$(body.text.color); background:#bf2914 url(https://lh4.googleusercontent.com/-B4Fj5IVF2DI/TxWUaFs2wN I/AAAAAAAABEg/ddC7YN5xbQA/h1600/body.jpg) repeat top left; background-attachment:scroll; padding:15px 0; } #wrapper { width:940px; background:#ebd69f url(https://lh5.googleusercontent.com/-xPtToxtg65U/TxWUshURdv I/AAAAAAAABEw/YkB7EBQ0iiM/h1600/header.jpg) no-repeat 0 30px; margin:0 auto; padding:0; text-align:left; border:10px solid #ebd69f; outline: 4px solid #f0c333; } /* HEADER AREA * ================ */ #header-wrapper { height:370px; padding:10px 0; position:relative } /* Logo */ #logo { float:left; width:300px; margin:10px 20px; position:absolute; left:10px; top:10px; } #logo h1.title{ font-size:36px; font:$(title.text); color:$(title.text.color); font-weight:normal;

margin:0 0 5px 0; padding:0; line-height:100%; } #logo h1.title a{ color:$(title.link.color); } /* Description */ #logo .description{ font:$(description.text); color:$(description.text.color); margin:0; padding:0; line-height:100%; } /* Top Menu */ #navlist { background:url(https://lh5.googleusercontent.com/-Dju1GlYw_14/TxWUwBBjEmI/AAAAAA AABFA/-0XxitrC5R4/h1600/navlist.png) repeat 0 center; margin:0; padding:5px 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #navlist h2{ display:none } #navlist ul{ font-size:20px; font-weight:400; text-transform:uppercase; margin:0; padding:0 } #navlist li { background:url(https://lh5.googleusercontent.com/-DMWOYSZMyDw/TxWUx-t84DI/AAAAAA AABFI/VBYVVBZVMjI/h1600/nav-separator.png) no-repeat right center; float:left; list-style:none; margin:0; padding:0 } #navlist li a{ float:left; background:url(https://lh6.googleusercontent.com/-kUtViB44WNY/TxWUuVjbJYI/AAAAAA AABE4/MBuB3qYNH1c/h1600/nav-item.png) no-repeat 0 0; color:#9c1f4e; height:29px; line-height:29px; margin:0 5px; padding:0 15px; border-radius:4px; }

#navlist li a:hover { background-position:0 -29px; color:#f0f0f0 } #navlist li.selected a{ background-position:0 -58px; color:#e2c330 } /* CONTENT AREA * ================ */ #content{ padding:0; } #main-wrapper{ width:500px; float:left; margin:0; padding:0 10px; overflow:hidden; } #sidebar-wrapper{ width:210px; float:left; margin:0; padding:0; } #sidebar-secondary{ width:210px; float:right; margin:0; padding:0; } #main, #sidebar-1, #sidebar-2{ margin:0; padding:0; } /* Post */ .date-header{ display:none } .post, #comments{ background:#f0f0f0; border: 1px solid #f1c330; margin:0 0 15px; padding:10px; } .post-title { background: url(https://lh3.googleusercontent.com/-N7tCe67aOMg/TxWUz9Wed1I/AAAAA AAABFQ/1RV4mHqt8Ss/h1600/post-title-icon.png) no-repeat 0 0; font-size:20px; margin:0 0 8px 0; padding:5px 0 5px 45px; color:#f1692b } .post-title a{ color:#4C484A } .post-title a:hover {

color:#9C1F0D; } .post-header{ font-size:12px; line-height:20px; } .post-timestamp{ background:url(https://lh4.googleusercontent.com/-3W_tEhgPKnM/TuZWzw46tPI/AAAAAA AAAM0/uBe0yIh4gOQ/h80/clock.png) no-repeat 0 2px; margin:0px !important; padding:2px 0 2px 20px; } .post-author{ background:url(https://lh6.googleusercontent.com/-VWBi-qxn7O0/TuZXofJSekI/AAAAAA AAAM8/bIZxTP00R3o/h80/author.png) no-repeat 0 0px; margin:0 0 0 10px !important; padding:2px 0 2px 20px; } .post-body{ margin:15px 0; } .post-body img{ background:#fff; border:1px solid #ccc; padding:3px; max-width:472px; } .post-footer{ background:#CDC6BC; font-size:11px; padding:5px 10px; position:relative; color:#4D0C04; } .jump-link { position:absolute; right:10px; top:20px; } .jump-link a{ background:url(https://lh5.googleusercontent.com/-WUGhVFe99wg/TxWVfZGyQsI/AAAAAA AABGA/W24Y3MBkVUo/h1600/widget-content.png) repeat left; padding:8px 12px; font-weight:bold; font-size:12px; border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px; color:#fff } .feed-links { heght:33px; line-height:33px; padding-left:33px; background:url(https://lh3.googleusercontent.com/-Cr8gEOxS9ic/TuSxhSWhnLI/AAAAAA AAAK8/_1gHAdR-daY/h1600/feed_icon.png) no-repeat left center; font-size:14px; font-weight:bold

} /* Comments */ #comments h4 { font-size:16px; margin-bottom:10px; } #comments-block { margin:0; position:relative; } .avatar-image-container { float:left; } .avatar-image-container .photo, .avatar-image-container img{ border:1px solid #none; } .comment-footer { font-size:11px; } /* Blog Pager */ #blog-pager { background:#f0f0f0; border: 1px solid #f1c330; padding:10px } #blog-pager a { font-size:14px; font-weight:bold; display:inline-block; } /* Sidebar Widget */ .sidebar h2{ background:url(https://lh3.googleusercontent.com/-74-EWefqTJU/TxWU1HTdJvI/AAAAAA AABFY/ApnU-Xdy7dM/h1600/sidebar-heading.png) no-repeat 5px 3px; font-size:14px; margin:0; padding:0 10px 0 40px; color:#f1c324; } .sidebar .widget{ background:#811507 url(https://lh4.googleusercontent.com/-WaG2ugg_iMk/TxWVdcNR4f I/AAAAAAAABF4/KlHhYGZ9uw4/h1600/widget.png) repeat-x 0 0; margin:0 0 15px 0; padding:10px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .sidebar .widget-content{ background:#7a6e5f url(https://lh5.googleusercontent.com/-WUGhVFe99wg/TxWVfZGyQs I/AAAAAAAABGA/W24Y3MBkVUo/h1600/widget-content.png) repeat-y 0 0;

border:1px solid #7a6e5f; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; margin:5px 0 10px 0; padding:10px; color:#aa9e8e; } .sidebar ul{ margin:0; padding:0; list-style:none } .sidebar ul li{ background:url(https://lh6.googleusercontent.com/-2twkfdc5JR0/Tvq0cDMzkWI/AAAAAA AAAqY/T1PdbfBsYTE/h1600/bullets.png) no-repeat 0 3px; padding:3px 0 3px 15px; } .sidebar ul li a{ color:#aa9e8e; } .sidebar ul li a:hover{ color:#cccccc; } /* FOOTER * ---------- */ #credit-footer { background:url(https://lh5.googleusercontent.com/-QuvR2B5XE34/TxWUbyM0oYI/AAAAAA AABEo/HKqIy1lDyEY/h1600/footer_bg.png) no-repeat bottom; margin-top: 20px; padding:10px 0; text-align:center; font-size:11px; overflow:hidden; position:relative; color:#000; } #credit-footer a{ text-decoration:underline; color:#000 } /* SLIDESHOW * ---------- */ #slider-wrapper { background:#f0f0f0; border: 1px solid #f1c330; margin:0 0 15px; padding:10px } #slider { position:relative; width:480px; height:250px; overflow:hidden

} /* The Nivo Slider styles */ .nivoSlider { position:relative } .nivoSlider img { position:absolute; top:0; left:0 } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0; left:0; width:100%; height:100%; border:0; z-index:6; display:none; margin:0; padding:0 } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100% } .nivo-box { display:block; position:absolute; z-index:5 } /* Caption styles */ .nivo-caption { position:absolute; left:10px; bottom:10px; background:#000; color:#fff; z-index:8; display:inline-block; width:60% } .nivo-caption h1 { margin-bottom:2px; line-height:100%; } .nivo-caption h1 a { font-size:18px; } .nivo-caption p { margin:0; padding:10px

} .nivo-caption p p { font-size:12px; padding:0 } .nivo-caption a,.nivo-caption a:hover { color:#fff } .nivo-html-caption { display:none } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { position:absolute; right:15px; bottom:15px; font-size:12px } .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; background-color:#000; color:#fff; opacity:0.67; padding:4px 8px } .nivo-controlNav a.active { background-color:#fff; color:#000; text-decoration:none } ]]> //

▼