<data:blog.pageTitle/> */ /* CSS Reset * By Eric Meyer */ 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{border:0;outline:0;font-size:100%;vertical-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); } /* Heading */ h1 {font-size:28px; line-height:45px; margin-bottom:24px;} h2 {font-size:24px; line-height:35px; margin-bottom:20px;} h3 {font-size:40px; line-height:25px; margin-bottom:18px;} h4 {font-size:16px; line-height:15px; margin-bottom:16px;} h5 {font-size:14px; line-height:15px; margin-bottom:14px;} h6 {font-size:12px; line-height:15px; 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:#E0E0E0; border:1px solid #C7C7C7; padding:10px } code{ padding-left; display:block; padding:10px; font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; background:#E0E0E0; border:1px solid #C7C7C7; } /* Blockquote */ blockquote { margin: 15px 10px 15px 10px; font:italic normal 13px Georgia, Bitstream Charter, serif; padding:10px 10px 10px 50px; background:#E0E0E0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg36VLpfJYpjKdc9V2bJuM7W4SOzbDmDBHYNOBktJxSYD5z-r0029OqjCkV5e_S6tnonjUNGEi-Sn2K6a0lGvifVclPB1pEfkbcTZrBjLiwXX-LAEYY4nmVmk3m7KNKoy19HMxep7U6DA2l/h1600/quote.png) no-repeat 0 0; border:1px solid #C7C7C7; } 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:#B0CE7E url(http://i426.photobucket.com/albums/pp344/aauzanc/body-2.png) repeat top left; background-attachment:fixed; padding:15px 0; } #wrapper { width:960px; background:#000000 url(http://i426.photobucket.com/albums/pp344/aauzanc/wrapper-1.jpg) repeat top center; margin:0 auto; padding:10px; text-align:left; border-radius:8px } /* HEADER AREA * ================ */ #header-wrapper { background:url(http://i426.photobucket.com/albums/pp344/aauzanc/header-blackhat.png) no-repeat center center; height:170px; padding:3px 10px; position:relative } /* Logo */ #logo { text-align:center; float:left; width:300px; margin:10px 20px; position:absolute; left:280px; top:120px; } #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%; } /* MENU AREA * --------------- */ #menu-wrapper { background:#000; border:1px solid #99010d; margin:5px 0 15px 0; padding:0 20px; } /* Esential Style */ .sf-menu,.sf-menu * { list-style:none; margin:0; padding:0 } .sf-menu { line-height:1.0 } .sf-menu ul { position:absolute; top:-999em; width:10em } .sf-menu ul li { width:100% } .sf-menu li:hover { visibility:inherit } .sf-menu li { float:left; position:relative } .sf-menu a { display:block; position:relative } .sf-menu li:hover ul,.sf-menu li.sfHover ul { left:0; top:2.5em; z-index:99 } ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul { top:-999em } ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul { left:10em; top:0 } /* Menu Style */ .sf-menu { float:left } .sf-menu li:hover,.sf-menu li.selected,.sf-menu li.sfhover { } .sf-menu a { position:relative; z-index:1000; font-size:14px; font-weight:700; padding:15px; } .sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active,.sf-menu a.active{ text-decoration:none } /* Child Menu */ .sf-menu li ul,.sf-menu .sf-shadow ul { margin-top:15px; padding:0 } .sf-menu li li { background:#f9f9f9; height:30px; line-height:30px; overflow:hidden; padding:0 5px 0 5px } .sf-menu li li:hover,.sf-menu li li.sfhover { background-position:0 -30px; } .sf-menu li li a { text-transform:none; font-size:13px; padding:6px 10px; } .sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active { } /* Top Menu */ #navlist { float:right; width:540px; } #navlist h2{ display:none } #navlist ul{ float:right; font-size:20px; font-weight:400; text-transform:uppercase; margin:0; padding:0 } #navlist li { float:left; list-style:none; margin:0; padding:0 } #navlist li a{ float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5caCR62ioO_7Q8NQyq585EcNqwTc3oMEIe4mmiy0N75uwZr1DXqOpZ9Wue-5BDZuIvaKz3TQeGEJvwJdlnP7pvecSOdhxXTYC_-NpDIue1RYSM8uUiWP6hg_72Dg3KEGMXKTM3ipfQgMo/h1600/menu-item.png) no-repeat 0 0; color:#000; height:27px; line-height:27px; margin:0 3px; padding:0 15px; border-radius:8px; } #navlist li a:hover { background-position:0 -27px; color:#fff } #navlist li.selected a{ background-position:0 -54px; color:#fff } /* CONTENT AREA * ================ */ #content{ padding:0; } #main-wrapper{ width:520px; float:left; margin:0; padding:0 10px; overflow:hidden; color:#99010d; } #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:#000; border:1px solid #ccc; margin:0 0 15px; padding:10px; } .post-title { background:url(http://i426.photobucket.com/albums/pp344/aauzanc/wiget.png) repeat-y 0 0; font-size:20px; border:1px solid #ccc; margin:0 0 8px 0; padding:5px 8px; color:#99010d; } .post-title a{ color:#fff } .post-header{ font-size:12px; line-height:20px; } .post-timestamp{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu360Qjp5Hb-5XjNZemI731SzKrW8FlX81-DTSWJITCHEhNAZ0Q-5-8XAzmeny043UCSJd1_jxcDJ_s2nFxR5tkOeGlU0z23dM8PCYxey3xhrdmfDbNBpn5mo8dk0u280gdsB7uiZMLPU/h80/clock.png) no-repeat 0 2px; margin:0px !important; padding:2px 0 2px 20px; } .post-author{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfe7qqpM4SJ8g5gfIPgCWUcm_m4ih9sAt2wulbQrIvXM1SrLUxlp3VHQVELVIm-h0Tu1eYRcr_BUEe323sGV40DGWH0kOLPUmL-tJnCViha0KB8p-QBvSBSg2S-VQ5Yfdnz6wDkVWlOXs/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:492px; } .post-footer{ background:#000000; border:1px solid #C7C7C7; font-size:11px; padding:5px 10px; position:relative; } .jump-link { position:absolute; right:10px; top:20px; } .jump-link a{ background:url(http://i426.photobucket.com/albums/pp344/aauzanc/pblockheader-1.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp7GokgFozyB47z-53VP7T5IJ8QpLM7hBF2KWUWqh2wouB8cHiJpZ6FaHoZ6q0fihFAsUTNG67l6di7bJiEj1tYzn235Dqz9dxEzc6WR9MJlbNSw-On2ld7-YDHcVy0j0-bd4ZTZ3WLqw/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 { position:absolute; top:0; left:0; } .avatar-image-container .photo, .avatar-image-container img{ border:1px solid #none; } .comment-footer { font-size:11px; } /* Blog Pager */ #blog-pager { background:#f9f9f9; border:1px solid #ccc; padding:10px } #blog-pager a { font-size:14px; font-weight:bold; color:#000; display:inline-block; } /* Sidebar Widget */ .sidebar h2{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6RIfB-1MYLjNoqN44jYnBfhD2b20X6JiEA7Cg3NrVt5ned3D_zirQy46ZeMrJ6ewTmi4Iczt0wIKezBsv5k-54KfLQEXpg7S3DmRlYGJK8QM2O0isI0XgJwAXf2ex31YlDdFg88FZgKiF/h1600/heading.png) no-repeat 10px 3px; font-size:14px; margin:0; padding:0 10px 0 35px; color:#fff; } .sidebar .widget{ background:url(http://i426.photobucket.com/albums/pp344/aauzanc/widgets-2.png) repeat-y left; margin:0 0 15px 0; padding:0 10px 10px 10px; border:1px solid #99010d; outline:1px solid #ccc; } .sidebar .widget-content{ background:#000; border-radius:6px; margin:5px 0 10px 0; padding:10px; color:#000; } .sidebar ul{ margin:0; padding:0; list-style:none } .sidebar ul li{ padding:3px 0; } .sidebar ul li a{ color:#99010d; } .sidebar ul li a:hover{ color:#fb0416; } /* FOOTER * ---------- */ #footer { background:#f2f2f2; border:1px solid #ccc; margin-top:30px; padding:10px; } .footer { margin:0!important; overflow:hidden } #footer .widgets { float:left; width:226px; margin:10px 10px 0 1px; } #footer #widgets3 { float:right; margin:10px 1px 0 0; } /* Credits */ #credit-footer { background:url(http://i426.photobucket.com/albums/pp344/aauzanc/footer-2.png) no-repeat bottom; padding:10px 0; text-align:center; font-size:11px; overflow:hidden; position:relative; } #credit-footer a{ text-decoration:none; color:#fff } /* SLIDESHOW * ---------- */ #slider-wrapper { background:#f9f9f9; border:1px solid #ccc; margin:0 0 15px; padding:10px } #slider { position:relative; width:500px; 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 } /* WIDGETS * =============== */ /* Search Form */ #search{ float:right; width:300px; margin:0; } #searchform { float:left; width:241px; height:26px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji_9zJNGmbYvh5KdfOBeBJIR0A5R6RFsQilI1zrHeo2m7xMKv6tVNCbXqXSyUTS1lS4eM-e9frPoXC8eifkq4M3-p0eCi0E8pwLjuIltn-FVLrkkcMMh8iNhEEdPMIBQNHCrccflERrB8/s1600/searchbox.png) top no-repeat; border:none; color:#fff; font-size:12px; font-family:arial, Times New Roman, Trebuchet MS;margin: 0 5px 0 0; padding:3px 2px; } #submit { width:26px; height: 26px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM9HuCqUkZ6IAcKfZrkUc6qa09B1T-v41uKVtzxoSM-Nm4ECTh7i5rF7S5MzoA9l97oZ1RETB-9FT8_jzMLhyddyJsmWP3mhJhYatG-6ZBIrXWC2pgR3zDgJKupYYRnKpNnmoEbjYRQvw/s1600/search.png) top no-repeat; margin: 1px 0px 0px 0px; padding: 0; border: none; } ]]>