Örnek:http://polat-media.tr.gg/5-Yeni-Css-Tasarim.htm
TASARIMIN ÜSTÜNE
<title>" [K]ate[K]o "</title> <link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/2486998032-widget_css_bundle.css' /> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=821343966345510071&zx=f5bbe682-970b-451e-923d-bcca874e984c"/> <style type="text/css">#navbar-iframe { display:block } </style> <!--[if IE 6]> <style type="text/css"> ul{ list-style-image: url(http://img17.imageshack.us/img17/847/liie.gif); } </style> <script type="text/javascript" src="http://sites.google.com/site/wwwbestthemenet/www-besttheme-net/pngfix2.js"></script> <script type="text/javascript" src="http://sites.google.com/site/wwwbestthemenet/www-besttheme-net/iepngfix_tilebg.js?attredirects=0&d=1"></script> <![endif]--> <script src='http://sites.google.com/site/wwwbestthemenet/www-besttheme-net/jquery.js' type='text/javascript'></script> <script src='http://sites.google.com/site/wwwbestthemenet/www-besttheme-net/s3Slider.js' type='text/javascript'></script> <script type='text/javascript'> $(document).ready(function() { $('#s3slider').s3Slider({ timeOut: 4000 }); }); </script> <script src='http://chicablogger.chica-web.es/smooth.pack.js' type='text/javascript'></script> <style>.comment-link {display:none;} .post-footer-line-1 {display:none;} .post-footer-line-3 {display:none;} .post-labels {display:none;} </style> <script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script></head> <body> <div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div></div></div></div> <div id='wrapper'> <div class='container' id='container'> <div class='span-24'> <div class='span-16'> <div id='pagemenucontainer'> <ul id='pagemenu'> <li class='current_page_item'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'>Menu1</a></li> <li class='page_item page-item-64'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title='About'>Menu1</a></li> <li class='page_item page-item-64'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title='About'>Menu1</a></li> <li class='page_item page-item-64'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title='About'>Menu1</a></li> <li class='page_item page-item-64'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title='About'>Menu1</a></li> </ul> </div></div> <div class='span-8 last' id='topsearch'> <div id='search'> <form action='/search' id='searchform' method='get'> <input id='s' name='s' onblur_fckprotectedatt="%20onblur%3D'if%20(this.value%20%3D%3D%20%5C'"') {this.value = 'Search';}' onfocus_fckprotectedatt="%20onfocus%3D'if%20(this.value%20%3D%3D%20%5C'"Search') {this.value = '';}' type='text' value='Search'/> <input src='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeJPFY7wNI/AAAAAAAACMg/MBsKAs5dFXA/s1600/search.gif' style='border:0; vertical-align: top;' type='image'/> </form> </div></div></div> <div class='span-24' id='header'> <div class='span-12'> <a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'><img alt='' src='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeKFPnt_oI/AAAAAAAACMo/FwNYJne-Nno/s1600/logo+(1).png' _fcksavedurl='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeKFPnt_oI/AAAAAAAACMo/FwNYJne-Nno/s1600/logo+(1).png' title=''/></a> </div> <div class='span-12 last' style='padding-top: 14px; text-align:right;'> <a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'><img alt='' src='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeKw9yw5lI/AAAAAAAACMw/Ie0cGIk-P9w/s1600/ftb.gif' _fcksavedurl='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeKw9yw5lI/AAAAAAAACMw/Ie0cGIk-P9w/s1600/ftb.gif' style='border: 0;'/></a></div></div> <div class='span-24'> <div class='navcontainer'> <ul id='nav'> <li class='current-cat'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'>Menu2</a></li> <li class='cat-item cat-item-3'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu2</a></li> <li class='cat-item cat-item-3'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu2</a></li> <li class='cat-item cat-item-3'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu2</a></li> <li class='cat-item cat-item-3'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu2</a></li> <li class='cat-item cat-item-3'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu2</a></li> <li class='cat-item cat-item-3'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' title=''>Menu2</a></li> </ul> </div></div> <div class='span-24' id='contentwrap'> <div class='span-16'> <div id='main-wrapper'> <div class='main section' id='main'><div class='widget Blog' id='Blog1'>
TASARIMIN ALTINA
</div></div> </div></div> <div class='span-8 last'> <div class='sidebar'> <div class='addthis_toolbox'> <div class='custom_images'> <a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeEyjVzmyI/AAAAAAAACLU/BM1YbIfLVq0/s1600/twitter.png' _fcksavedurl='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeEyjVzmyI/AAAAAAAACLU/BM1YbIfLVq0/s1600/twitter.png' width='32'/></a> <a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeE8FWrVpI/AAAAAAAACLc/r5un9RffBBQ/s1600/delicious.png' _fcksavedurl='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeE8FWrVpI/AAAAAAAACLc/r5un9RffBBQ/s1600/delicious.png' width='32'/></a> <a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFGUB8WEI/AAAAAAAACLk/pX7d_QTI69c/s1600/facebook.png' _fcksavedurl='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFGUB8WEI/AAAAAAAACLk/pX7d_QTI69c/s1600/facebook.png' width='32'/></a> <a class='addthis_button_digg'><img alt='Digg' height='32' src='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFOTaMyjI/AAAAAAAACLs/YKqWavASrIs/s1600/digg.png' _fcksavedurl='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFOTaMyjI/AAAAAAAACLs/YKqWavASrIs/s1600/digg.png' width='32'/></a> <a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeFad-OkWI/AAAAAAAACL0/Ij9bHt2K3fc/s1600/stumbleupon.png' _fcksavedurl='http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeFad-OkWI/AAAAAAAACL0/Ij9bHt2K3fc/s1600/stumbleupon.png' width='32'/></a> <a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://4.bp.blogspot.com/_yPlAAAH9bEo/TAeFkDqSF5I/AAAAAAAACL8/xiCHH6T2_ws/s1600/favorites.png' _fcksavedurl='http://4.bp.blogspot.com/_yPlAAAH9bEo/TAeFkDqSF5I/AAAAAAAACL8/xiCHH6T2_ws/s1600/favorites.png' width='32'/></a> <a class='addthis_button_more'><img alt='More' height='32' src='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFrTNIVuI/AAAAAAAACME/a0M5z3F6kYo/s1600/more.png' _fcksavedurl='http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeFrTNIVuI/AAAAAAAACME/a0M5z3F6kYo/s1600/more.png' width='32'/></a> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'></script> </div> <div class='sidebaradbox'> <a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' target='_new'><img class='ad125' src='http://img.webme.com/pic/k/kateko/bannerweb.png' _fcksavedurl='http://img.webme.com/pic/k/kateko/bannerweb.png'/></a> <a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/' target='_new'><img class='ad125' src='http://img.webme.com/pic/k/kateko/bannerweb.png' _fcksavedurl='http://img.webme.com/pic/k/kateko/bannerweb.png'/></a></div> <div class='rssbox'> <a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'><img alt='RSS Feed' src='http://lh5.ggpht.com/_yPlAAAH9bEo/TAeGfcGQB-I/AAAAAAAACMc/3exYWlWdtcI/rss.png' _fcksavedurl='http://lh5.ggpht.com/_yPlAAAH9bEo/TAeGfcGQB-I/AAAAAAAACMc/3exYWlWdtcI/rss.png' style='vertical-align:middle; margin-right: 5px;' title='RSS Feed'/></a><a href='Enter feed burner rss feed url ' _fcksavedurl='Enter feed burner rss feed url '>RSS Feed</a> </div> <div class='twitterbox'> <a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'><img alt='Follow me on Twitter!' src='http://lh4.ggpht.com/_yPlAAAH9bEo/TAeGfFVUxiI/AAAAAAAACMY/cmSTzCu2_h4/twitter.png' _fcksavedurl='http://lh4.ggpht.com/_yPlAAAH9bEo/TAeGfFVUxiI/AAAAAAAACMY/cmSTzCu2_h4/twitter.png' style='vertical-align:middle; margin-right: 5px;' title='Follow me on Twitter!'/></a><a href='http://twitter.com/your twitter user name' _fcksavedurl='http://twitter.com/your twitter user name'>Twitter</a> </div><ul> <div class='section' id='sidebar1'><div class='widget LinkList' id='LinkList1'> <h2>Menu</h2> <div class='widget-content'> <ul> <li><a href='http://kateko.es,tl/' _fcksavedurl='http://kateko.es,tl/'>Menu</a></li> <li><a href='http://kateko.es,tl/' _fcksavedurl='http://kateko.es,tl/'>Menu</a></li> <li><a href='http://kateko.es,tl/' _fcksavedurl='http://kateko.es,tl/'>Menu</a></li> <li><a href='http://kateko.es,tl/' _fcksavedurl='http://kateko.es,tl/'>Menu</a></li> </ul> <div class='clear'></div> </div> </div> <div class='widget HTML' id='HTML1'> <h2 class='title'>Affiliados</h2> <div class='widget-content'> <a href="http://kateko.es.tl/" _fcksavedurl="http://kateko.es.tl/" target="_new"><img class="ad125" src="http://4.bp.blogspot.com/_luXdt_wa0oM/TBdzix4rzNI/AAAAAAAAAFA/3Gh799dxKWY/s1600/ad125.png" _fcksavedurl="http://4.bp.blogspot.com/_luXdt_wa0oM/TBdzix4rzNI/AAAAAAAAAFA/3Gh799dxKWY/s1600/ad125.png" /></a> <a href="http://kateko.es.tl/" _fcksavedurl="http://kateko.es.tl/" target="_new"><img class="ad125" src="http://4.bp.blogspot.com/_luXdt_wa0oM/TBdzix4rzNI/AAAAAAAAAFA/3Gh799dxKWY/s1600/ad125.png" _fcksavedurl="http://4.bp.blogspot.com/_luXdt_wa0oM/TBdzix4rzNI/AAAAAAAAAFA/3Gh799dxKWY/s1600/ad125.png" /></a> </div> <div class='clear'></div> </div> </div> </ul> </div></div></div> <div class='span-24'> <div id='footer'>© <strong>Tu Web Aquí.</strong> Todos los Derechos Reservados </div> <div id='footer2'><a href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'><strong>Plantilla por KATEKO.ES.TL</strong></a> </div></div></div></div> </body> </html>
CSS-BÖLÜMÜNE
lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} table {margin-left:auto;margin-right:auto;} [/* ----------------------------------------------- Plantilla por KATEKO.ES.TL ----------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.csshttp://www.besttheme.net/ */ body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* forms.css
http://www.besttheme.net/*/ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /* grid.css
http://www.besttheme.net/*/ .container {width:950px;margin:0 auto;} .showgrid {background:url(src/grid.png);} .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;} .last, div.last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6 {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12 {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15 {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24, div.span-24 {width:950px;margin:0;} input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;} input.span-1, textarea.span-1 {width:18px!important;} input.span-2, textarea.span-2 {width:58px!important;} input.span-3, textarea.span-3 {width:98px!important;} input.span-4, textarea.span-4 {width:138px!important;} input.span-5, textarea.span-5 {width:178px!important;} input.span-6, textarea.span-6 {width:218px!important;} input.span-7, textarea.span-7 {width:258px!important;} input.span-8, textarea.span-8 {width:298px!important;} input.span-9, textarea.span-9 {width:338px!important;} input.span-10, textarea.span-10 {width:378px!important;} input.span-11, textarea.span-11 {width:418px!important;} input.span-12, textarea.span-12 {width:458px!important;} input.span-13, textarea.span-13 {width:498px!important;} input.span-14, textarea.span-14 {width:538px!important;} input.span-15, textarea.span-15 {width:578px!important;} input.span-16, textarea.span-16 {width:618px!important;} input.span-17, textarea.span-17 {width:658px!important;} input.span-18, textarea.span-18 {width:698px!important;} input.span-19, textarea.span-19 {width:738px!important;} input.span-20, textarea.span-20 {width:778px!important;} input.span-21, textarea.span-21 {width:818px!important;} input.span-22, textarea.span-22 {width:858px!important;} input.span-23, textarea.span-23 {width:898px!important;} input.span-24, textarea.span-24 {width:938px!important;} .append-1 {padding-right:40px;} .append-2 {padding-right:80px;} .append-3 {padding-right:120px;} .append-4 {padding-right:160px;} .append-5 {padding-right:200px;} .append-6 {padding-right:240px;} .append-7 {padding-right:280px;} .append-8 {padding-right:320px;} .append-9 {padding-right:360px;} .append-10 {padding-right:400px;} .append-11 {padding-right:440px;} .append-12 {padding-right:480px;} .append-13 {padding-right:520px;} .append-14 {padding-right:560px;} .append-15 {padding-right:600px;} .append-16 {padding-right:640px;} .append-17 {padding-right:680px;} .append-18 {padding-right:720px;} .append-19 {padding-right:760px;} .append-20 {padding-right:800px;} .append-21 {padding-right:840px;} .append-22 {padding-right:880px;} .append-23 {padding-right:920px;} .prepend-1 {padding-left:40px;} .prepend-2 {padding-left:80px;} .prepend-3 {padding-left:120px;} .prepend-4 {padding-left:160px;} .prepend-5 {padding-left:200px;} .prepend-6 {padding-left:240px;} .prepend-7 {padding-left:280px;} .prepend-8 {padding-left:320px;} .prepend-9 {padding-left:360px;} .prepend-10 {padding-left:400px;} .prepend-11 {padding-left:440px;} .prepend-12 {padding-left:480px;} .prepend-13 {padding-left:520px;} .prepend-14 {padding-left:560px;} .prepend-15 {padding-left:600px;} .prepend-16 {padding-left:640px;} .prepend-17 {padding-left:680px;} .prepend-18 {padding-left:720px;} .prepend-19 {padding-left:760px;} .prepend-20 {padding-left:800px;} .prepend-21 {padding-left:840px;} .prepend-22 {padding-left:880px;} .prepend-23 {padding-left:920px;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} .prepend-top {margin-top:1.5em;} .append-bottom {margin-bottom:1.5em;} .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;} .clearfix:after, .container:after {content:"?020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} /* LAYOUT */ body {background: url(http://2.bp.blogspot.com/_yPlAAAH9bEo/TAeBBct3mYI/AAAAAAAACKc/mdzq59UDr_I/s1600/background.png);} #wrapper {background: url(http://2.bp.blogspot.com/_yPlAAAH9bEo/TAeBIHbUlII/AAAAAAAACKk/PLj1YmPLOec/s1600/wrapper-background.png) top left repeat-x;} #container {padding-bottom: 10px;} #contentwrap {background: url(http://1.bp.blogspot.com/_yPlAAAH9bEo/TAeBPvYNNaI/AAAAAAAACKs/e-tIlvJ7tSM/s1600/contentwrap.png) top left repeat-y;} a {color: #913e10;} a:hover {color: #ef5b02;} /* HEADER */ #header {height: 105px;} #header h1 {margin-bottom: 0px !important;padding: 8px 0 0 0;font-weight: normal;font-family: Arial, Helvetica, Sans-serif;font-weight: bold;font-size: 52px;} #header h1 a, #header h1 a:visited {color: #fff;text-decoration: none;} #header h2 {padding-left: 0;color: #8d7748;font-size: 14px;line-height: 14px; font-family: Arial, Helvetica, Sans-serif;} /* NAVIGATION MENUS */ #pagemenucontainer {height: 63px;} #pagemenu {height: 63px;} #pagemenu, #pagemenu ul { padding: 0;margin: 0;list-style: none;line-height: 1;} #pagemenu {margin-bottom: 1px;} #pagemenu ul {float: left;list-style: none;margin: 0px 0px 0px 0px;padding: 0px;} #pagemenu li {float: left;list-style: none;margin: 0px;padding: 0px;} #pagemenu ul li {list-style: none;margin: 0px;padding: 0px;} #pagemenu li a, #pagemenu li a:link {color: #fff;display: block; margin: 0px 6px 0px 0px;padding: 12px 15px 10px 15px ;text-decoration: none;font-weight: bold;text-transform: uppercase;font-size: 11px;font-family: Arial, Helvetica, sans-serif;text-shadow: 0 1px 0 #282828; -moz-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;} #pagemenu li a:hover, #pagemenu li a:active{background: #d5830b;color: #fff;display: block;text-decoration: none;} #pagemenu li.current_page_item a {background: #d5830b;color: #fff;} #pagemenu li:hover, #pagemenu li.sfhover { position: static;} .navcontainer {height: 36px;margin-top: 6px;} #nav {height: 36px;background: url(http://2.bp.blogspot.com/_yPlAAAH9bEo/TAeBYuGeXzI/AAAAAAAACK0/CDYRoxEy4-8/s1600/nav-backgr.png);background-repeat: repeat-x;} #nav, #nav ul { padding: 0;margin: 0;list-style: none;line-height: 1;} #nav {margin-bottom: 1px;padding-left: 10px;} #nav ul {float: left;list-style: none;margin: 0px 0px 0px 0px;padding: 0px;} #nav li {float: left;list-style: none;margin: 0px;padding: 0px;} #nav ul li {list-style: none;margin: 0px;padding: 0px;} #nav li a, #nav li a:link {color: #fff;display: block; margin: 0px 3px 0px 3px;padding: 12px;text-decoration: none;font-size: 12px;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, Sans-serif; text-shadow: 0 1px 0 #b16f0f;} #nav li a:hover, #nav li a:active {background: url(http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeBgOhxmWI/AAAAAAAACK8/ixeXqjfnZTs/s1600/nav-backgr-hover.png) top left repeat-x;color: #fff;display: block;text-decoration: none;text-shadow: 0 1px 0 #482c04;} #nav li.current-cat a {background: url(http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeBgOhxmWI/AAAAAAAACK8/ixeXqjfnZTs/s1600/nav-backgr-hover.png) top left repeat-x;color:#fff;text-shadow: 0 1px 0 #482c04;} #nav li:hover, #nav li.sfhover { position: static;} /* CONTENTWWW.BESTTHEME.NET */ #slider-holder{width: 610px;height: 320px;overflow: hidden; margin-bottom:-10px; margin-left:17px; margin-top:-20px;padding: 35px 0 0 0;} #s3slider { width: 610px; /* important to be same as image width */ height: 320px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */} #s3sliderContent {width: 610px; /* important to be same as image width or wider */ position: absolute; /* important */top: 0; /* important */margin-left: 0; /* important */} .s3sliderImage {float: left; /* important */ position: relative; /* important */ display: none; /* important */} .s3sliderImage span { position: absolute; /* important */ left: 0; font-weight: 700; font-size: 0.834em; color: #ffffff; padding: 10px 15px 13px 13px; height: 38px; width: 610px; background-color: #302610; filter: alpha(opacity=70); /* here you can set the opacity of box with text */ -moz-opacity: 0.7; /* here you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ display: none; /* important */bottom: 0;/* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image*/} .s3sliderImage span a.featured-title:link, .s3sliderImage span a.featured-title:visited{color: #fff;padding: 0px 0px 2px 0px;font-size: 1.167em;} .s3sliderImage span a.featured-title:hover{color: #999;} .s3sliderImage span a:link, .s3sliderImage span a:visited{color: #888;} .s3sliderImage span a:hover{color: #555;} #main-wrapper {padding: 15px 5px 15px 15px;} .main .widget { margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0;} .postwrap {margin: 0 0 15px 0;border: 1px solid #ffffff;background-color: #fff;} .post {background: url('') top left repeat-x;border-bottom: 1px solid #e6e8c9;padding: 15px;} .post p {margin-bottom: 10px; } .title {margin: 0 0 8px 0;padding: 0px;line-height: 22px;font-size: 22px;font-family: Arial, Verdana;color: #323232;font-weight: bold;} .title a {text-decoration: none;color: #323232;} .title a:hover {text-decoration: none;color: #c62703;} .pagetitle {margin-bottom: 20px;line-height: 22px;font-family: Arial, Verdana;text-decoration: underline;} .readmorecontent{text-align:right} a.readmore{padding:4px 15px;background:#302610;color:#ffffff;text-decoration:none;text-shadow:0 1px 0 #ffffff;font-size:12px} a.readmore:hover{background-color:#302610;text-shadow:0 1px 0 #302610;color:#ffffff} .jump-link {text-align: right;} .jump-link a {padding: 4px 15px;background: #b33519;color: #fff;text-decoration: none;text-shadow: 0 1px 0 #601302;} .jump-link a:hover {background-color: #af2001;} .post-header{font-size: 11px;padding: 1px 4px;font-family: Arial, Verdana;color: #5b5b5b;} .post-header img {border: none;vertical-align: middle;margin:2px;} .post-body{text-align: justify;line-height: 20px;padding-top: 8px;font-family: Arial, Verdana;font-size: 14px;color: #474747;} blockquote {overflow: hidden;padding-left: 9px;font-style: italic;color: #666;border-left: 3px solid #ffffff;} .post img {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; padding: 5px;background: #ffffff; border-top: 1px solid #969696;border-left: 1px solid #969696; -moz-box-shadow: 2px 2px 4px #ffffff; -webkit-box-shadow:2px 2px 4px #696969;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=120,strength=4)"; .post-footer { font-size: 11px;padding: 2px 4px;font-family: Arial, Verdana;color: #474747;}} .comment-link {margin-left:.6em; } .post img { padding:4px; } .post blockquote { margin:1em 20px;} .post blockquote p { margin:.75em 0; } #comments h4 { margin:1em 0;font-weight: bold; } #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; } #comments-block .comment-body p { margin:0 0 .75em; } #blog-pager-newer-link { float: left;} #blog-pager-older-link {float: right; } #blog-pager { text-align: center;} .feed-links {clear: both;line-height: 2.5em;} /* SIDEBAR(S) */ .sidebaradbox {margin-top: 5px; text-align:center;} .ad125 {margin: 6px;} .sidebar {margin: 0 10px 10px 10px; color: #fceacf;font-size: 13px;} .sidebar a {text-decoration: none;color: #fceacf;} .sidebar a:hover {text-decoration: underline;color:#f99401;} #search { border: 1px solid #5c5036;height: 30px;padding: 0;background: #4f432a;text-align: right;} #search input {border: 0;background: none;color: #e9d9b7;} #s {width: 206px;padding: 4px;margin:3px 0 0 0;background: none;} #topsearch {margin-top: 16px; } #topsearch #s { width: 224px; } .rssbox {background: #dcdbd9;border: 1px solid #a3a19f;padding: 10px;margin: 10px 0 0 0;} .rssbox:hover { border-color: #c88b06;} .rssbox a {color: #555;text-transform: uppercase;font-size: 14px;font-weight: bold;text-decoration: none;} .rssbox a:hover {color: #333; text-decoration: underline;} .twitterbox {background: #dcdbd9;border: 1px solid #a3a19f;padding: 10px;margin: 10px 0 0 0;} .twitterbox:hover {border-color: #c88b06;} .twitterbox a {color: #333;text-transform: uppercase;font-size: 14px;font-weight: bold;text-decoration: none;} .twitterbox a:hover {color: #555; text-decoration: underline;} /* Social icons */ .addthis_toolbox { padding: 15px 0 0px 0;text-align: center;} .addthis_toolbox .custom_images a{ width: 32px; height: 32px; margin: 0 2px 0 2px; padding: 0;} .addthis_toolbox .custom_images a:hover img{ opacity: 1;} .addthis_toolbox .custom_images a img{ opacity: 0.85;} .sidebarvideo {} .sidebar h2 {margin: 10px 0 0 0;padding: 6px 0 6px 10px;background: url(http://4.bp.blogspot.com/_yPlAAAH9bEo/TAeCJTyB5LI/AAAAAAAACLE/o8VCtYpoQAM/s1600/tab_backgr.png);background-repeat: repeat-x;background-position: top;font-size: 16px;font-family: Arial, Helvetica, Sans-serif;font-weight: bold;text-transform: uppercase;text-shadow: 0 1px 0 #a66b14;color: #fff;} .sidebar ul {list-style-type: none;margin: 0px 0px 10px 0px;padding: 0px;} .sidebar ul li {list-style-type: none;margin: 0px 0px 5px 0px;padding: 0px;} .sidebar ul ul {list-style-type: none;margin: 0px;padding: 0px;} .sidebar ul li {padding: 4px 0px 4px 18px;margin: 0px;background: url(http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeCRFJZSdI/AAAAAAAACLM/Jdzx0nhPNC0/s1600/bullet.gif) no-repeat top left;border-bottom: 1px solid #5e533b;} .sidebar ul li ul li {background: url(http://3.bp.blogspot.com/_yPlAAAH9bEo/TAeCRFJZSdI/AAAAAAAACLM/Jdzx0nhPNC0/s1600/bullet.gif) no-repeat top left;padding: 4px 0px 6px 18px;margin: 2px 0;border-bottom: 1px solid #5e533b;} /* FOOTER */ #footer {background: #2e2511;padding: 22px;text-align: center;color: #fff;font-size: 13px;} #footer a {color: #fff;} #footer a:hover {text-decoration: none;} #footer2 {color: #8f7e5a;font-size: 11px;text-align: center;padding: 10px;} #footer2 a {color: #8f7e5a;text-decoration: none;}
