- 2 KOLONLU CSS TASARIM

2 KOLONLU CSS TASARIM

" STUDENO " (Por KateKo.es.tl)

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=aef02038-41c5-409d-828e-ef0060328b95"/>  <style type="text/css">#navbar-iframe { display:block }  </style> <script  src='https://sites.google.com/site/bestbloggertheme/premium-service/jquery.js'  type='text/javascript'></script> <script  src='https://sites.google.com/site/bestbloggertheme/premium-service/Slider.js'  type='text/javascript'></script> <script  type='text/javascript'> $(document).ready(function() { $('#s3slider').s3Slider({ timeOut: 4000 }); }); </script>        <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 id='pagemenucontainer'> <ul  id='pagemenu'>  <li class='current_page_item'><a  href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu</a></li> <li  class='page_item page-item-64'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu1</a></li> <li class='page_item  page-item-64'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu1</a></li> <li class='page_item  page-item-64'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu1</a></li> <li class='page_item  page-item-64'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu1</a></li> <li class='page_item  page-item-64'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu1</a></li> </ul>  </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='Best Blogger  Templates' class='logoimg'  src='http://4.bp.blogspot.com/_MkGBVwDEF84/TG0eNVQHgvI/AAAAAAAAEuU/orY-CdN7NL4/s1600/logo.png'   _fcksavedurl='http://4.bp.blogspot.com/_MkGBVwDEF84/TG0eNVQHgvI/AAAAAAAAEuU/orY-CdN7NL4/s1600/logo.png'  title='Best Blogger Templates'/></a> </div> <div  class='span-12 last' style='padding-top: 0px; text-align:right;'>  <a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'><img alt=''  src='https://img.webme.com/pic/k/kateko/mcmistico2.jpg'  _fcksavedurl='https://img.webme.com/pic/k/kateko/mcmistico2.jpg'  style='border: 0;'/></a> </div> </div> <div  class='span-24'> <div id='navcontainer'> <ul id='nav'>   <li class='current-cat'><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li>  <li'><a  href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li>  <li'><a  href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li>  <li'><a  href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li>  <li'><a  href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li>  <li'><a  href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li>  <li'><a  href='http://kateko.es.tl/' _fcksavedurl='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'  title=''>Menu2</a></li>  <li'><a  href='http://kateko.es.tl/' _fcksavedurl='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-5'>  <div class='sidebar sidebar-left'><ul> <div  class='section' id='sidebar1'><div class='widget LinkList'  id='LinkList2'> <h2>Menu3</h2>  <div  class='widget-content'> <ul> <li><a  href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu3</a></li>  <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu3</a></li>  <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu3</a></li>  <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu3</a></li>  </ul> <div class='clear'></div> </div>  </div> <div class='widget LinkList' id='LinkList2'>  <h2>Menu4</h2>  <div class='widget-content'>  <ul> <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu4</a></li>  <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu4</a></li>  <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu4</a></li>  <li><a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'>Menu4</a></li>  </ul> <div class='clear'></div> </div>  </div> </div>  </ul> </div> </div>  <div class='span-14'> <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-5 last'> <div class='sidebar sidebar-right'>   <div 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://3.bp.blogspot.com/_MkGBVwDEF84/TG0VIIzX2iI/AAAAAAAAEuM/kEmMIIlsJVg/s1600/search.gif'  style='border:0; vertical-align: top;' type='image'/> </form>  </div> </div> <div class='sidebaradbox'> <div  class='socialboxes'> <a href='/feeds/posts/default/'  _fcksavedurl='/feeds/posts/default/'><img alt='RSS Feed'  src='http://4.bp.blogspot.com/_MkGBVwDEF84/TG0UIyUxYrI/AAAAAAAAEt8/F2ym-ZoZsro/s1600/rss.png'   _fcksavedurl='http://4.bp.blogspot.com/_MkGBVwDEF84/TG0UIyUxYrI/AAAAAAAAEt8/F2ym-ZoZsro/s1600/rss.png'  style='vertical-align:middle; margin-right: 5px;' title='RSS  Feed'/></a><a href='/feeds/posts/default/'  _fcksavedurl='/feeds/posts/default/'>Subscribe</a> </div>  <div class='socialboxes'> <a href='http://twitter.com/Name'  _fcksavedurl='http://twitter.com/Name'><img alt='Follow me!'  src='http://1.bp.blogspot.com/_MkGBVwDEF84/TG0Udlgr6dI/AAAAAAAAEuE/wjKo1--s154/s1600/twitter.png'   _fcksavedurl='http://1.bp.blogspot.com/_MkGBVwDEF84/TG0Udlgr6dI/AAAAAAAAEuE/wjKo1--s154/s1600/twitter.png'  style='vertical-align:middle; margin-right: 5px;' title='Follow  me!'/></a><a href='http://twitter.com/Name'  _fcksavedurl='http://twitter.com/Name'>Follow me!</a>  </div> <ul> <div class='section' id='sidebar2'><div  class='widget LinkList' id='LinkList3'> <h2>Menu5</h2>  <div class='widget-content'> <ul> <li><a  href='http://kateko.es.tl'  _fcksavedurl='http://kateko.es.tl'>Menu5</a></li>  <li><a href='http://kateko.es.tl'  _fcksavedurl='http://kateko.es.tl'>Menu5</a></li>  <li><a href='http://kateko.es.tl'  _fcksavedurl='http://kateko.es.tl'>Menu5</a></li>  <li><a href='http://kateko.es.tl'  _fcksavedurl='http://kateko.es.tl'>Menu5</a></li>  </ul> <div class='clear'></div> </div>  </div> <div class='widget LinkList' id='LinkList3'>  <h2>Menu6</h2> <div class='widget-content'> <ul>  <li><a href='http://kateko.es.tl'  _fcksavedurl='http://kateko.es.tl'>Menu6</a></li>  <li><a href='http://kateko.es.tl'  _fcksavedurl='http://kateko.es.tl'>Menu6</a></li>  <li><a href='http://kateko.es.tl'  _fcksavedurl='http://kateko.es.tl'>Menu6</a></li>  <li><a href='http://kateko.es.tl'  _fcksavedurl='http://kateko.es.tl'>Menu6</a></li>  </ul> <div class='clear'></div> </div>  </div> </div> </div> </ul> </div>  </div>  </div>   <div class='span-24'>  <div  id='footer'> Copyright © Tu Web Aquí. Todos los Derechos Reservados.  </div> <div id='footer2'><a  href='http://www.kateko.es.tl/'  _fcksavedurl='http://www.kateko.es.tl/'><strong>Plantilla por  KATEKO.ES.TL</strong></a></div> </div>   </div>  </div>   </body> </html>

CSS-BÖLÜMÜNE

#pre_header {display: none;} #post_header  {display: none;} #header_container {display: none;}  lli.nav_element{display: none;} li.nav_element a{display: none;}  h1#title{display: none;} h2#title span {display: none;} #title {display:  none;} #nav_container {display:none;}   table  {margin-left:auto;margin-right:auto;}   /*  ----------------------------------------------- Plantilla por  KATEKO.ES.TL  ----------------------------------------------------------------------  */ /* reset.css */ 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;}  body {line-height:1.5;} caption, th, td  {text-align:left;font-weight:normal;} blockquote:before,  blockquote:after, q:before, q:after {content:"";} blockquote, q  {quotes:"" "";} img {max-width: 100%; /* not working in IE6*/} a img  {max-width: 100%; /* not working in IE6*/ border:none;} /*  typography.css */ 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:#38332d;} 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;} 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 */ 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 */ .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;} /*  -----------------------------------------------------------------------  Blueprint CSS Framework 0.8 http://blueprintcss.org * Copyright (c)  2007-Present. See LICENSE for more info. * See README for instructions  on how to use Blueprint. * For credits and origins, see AUTHORS. * This  is a compressed file. See the sources in the 'src' directory.  -----------------------------------------------------------------------  */ /* print.css */ body {line-height:1.5;font-family:"Helvetica Neue",  Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}  .container {background:none;} hr  {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em  0;padding:0;border:none;} hr.space {background:#fff;color:#fff;} h1, h2,  h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande",  sans-serif;} code {font:.9em "Courier New", Monaco, Courier, monospace;}  img {margin:1.5em 1.5em 1.5em 0; max-width: 100%; /* not working in  IE6*/} a img {border:none; max-width: 100%; /* not working in IE6*/} p  img.top {margin-top:0;} blockquote  {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;} .small  {font-size:.9em;} .large {font-size:1.1em;} .quiet {color:#999;} .hide  {display:none;} a:link, a:visited  {background:transparent;font-weight:700;text-decoration:underline;}  a:link:after, a:visited:after {font-size:90%;} /* Based partially on  Matthew Carroll's keyboard accessible flavor of Suckerfish * Dropdowns  by Patrick Griffiths and Dan Webb. *  http://carroll.org.uk/sandbox/suckerfish/bones2.html */ /* ----[ LINKS  ]----*/ /* all menu links */ #nav a, #subMenusContainer a  {text-decoration:none;display:block;} /* Just main menu links --[for  non-javascript users this applies to submenu links as well]*/ #nav a  {margin:0;float:left;background: none;padding:10px 15px; color:  #fff;font-weight: bold;text-transform: uppercase;font-size: 12px;  text-shadow: 0 1px 0 #000;} /* Just sub menu links */ #subMenusContainer  a, #nav li li a {color: #fff;font-size: 12px;text-align:left;  background-color:#333333;padding:5px 20px;} /* All menu links on hover  or focus */ #nav li a:hover, #nav li a:focus, #nav  a.mainMenuParentBtnFocused{background:  url(../images/nav-background-hover.png) top left repeat-x; text-shadow: 0  1px 0 #000;color:#fff;} /* sub menu links on hover or focus */  #subMenusContainer a:hover, #subMenusContainer a:focus,  #subMenusContainer a.subMenuParentBtnFocused {background-color:  #3f3f3f;color:#fff;} /* Parent Sub Menu Links ---[javascript users  only]*/ .subMenuParentBtn { background: url(../img/arrow_right.gif)  right center no-repeat; } /* Parent Sub Menu Links on hover or focus  ---[javascript users only]*/ .subMenuParentBtnFocused { background:  url(../img/arrow_right_over.gif) right center no-repeat; } /* Parent  Main Menu Links ---[javascript users only]*/ .mainMenuParentBtn {  /*background: url(../img/arrow_down.gif) right center no-repeat;*/ } /*  Parent Main Menu Links on hover or focus ---[javascript users only]*/  .mainMenuParentBtnFocused { /*background:  url(../img/arrow_down_over.gif) right center no-repeat;*/ } /* ----[ OLs  ULs, LIs, and DIVs ]----*/ /* Submenu Outer Wrapper - each submenu is  inside a div with this class - javascript users only */ .smOW  {display:none;position: absolute; overflow:hidden; /*the 2px left &  right padding lets you have a 1px border on the ul or ol inside since  overflow is set to hidden*/padding:0 2px;margin:0 0 0 -2px;} /* All ULs  and OLs */ #nav, #nav ul, #nav ol, #subMenusContainer ul,  #subMenusContainer ol {padding: 0; margin: 0;list-style:  none;line-height: 1em;} /* All submenu OLs and ULs */ #nav ol, #nav ul,  #subMenusContainer ul, #subMenusContainer ol { /*border around submenu  goes here*/     background: none;left:0;} /* List items in main menu  --[for non-javascript users this applies to submenus as well]  */ #nav  li {/*great place to use a background image as a divider*/  background-image:url(../img/mainnav-sep.gif);background-repeat:no-repeat;  background-position: 100% 5px;cursor: pointer; float: left;margin: 0  2px 0 0; padding: 0 2px 0 0;height: 44px;display: inline;}  #subMenusContainer li {list-style: none;} /* main menu ul or ol elment  */ #nav {width: 950px;margin: 0 auto;clear: both; overflow:  hidden;font-size: 12px;display: block;} #nav .children{display: none;}  #subMenusContainer {display:block;position:absolute;  top:0;left:0;width:100%;height:0; overflow:visible;z-index:1000000000;}  #subMenusContainer li, #nav li{margin-bottom:-0.99em;}  #subMenusContainer li a{position:relative;} /* LAYOUT */ body  {background: #1d1c1c  url(http://2.bp.blogspot.com/_MkGBVwDEF84/TG0JUGYac2I/AAAAAAAAEtM/kyKqnV9mdXM/s1600/background.png)  top left repeat-x;} #wrapper {} #container {} #contentwrap {background:  url(http://4.bp.blogspot.com/_MkGBVwDEF84/TG0JexxVg7I/AAAAAAAAEtU/LuTIacQseGo/s1600/contentwrap-background.png)  top left repeat-y;} a {color: #769005; text-decoration: none;} a:hover  {color: #000;text-decoration: underline;} /* HEADER */ #header {height:  110px;} #header h1 {margin-bottom: 0px !important; padding: 20px 0 0  0;font-weight: normal;font-family: Arial, Helvetica, Sans-serif;  font-weight: bold;font-size: 44px;} #header h1 a, #header h1 a:visited  {color: #f6f8ed;text-decoration: none;} #header h2 {color:  #f6f8ed;font-size: 14px;font-family: Arial, Helvetica, Sans-serif;}  .logoimg {margin: 20px 0 0 0;} /* NAVIGATION MENUS */ #pagemenucontainer  {height: 28px;float: right;margin-top: 13px;background: #97b606;  padding: 0 10px;} #pagemenu {height: 28px;float: right;} #pagemenu,  #pagemenu ul { padding: 0;margin: 0;list-style: none;line-height: 1;}  #pagemenu {} #pagemenu ul {float: left;list-style: none;margin: 0px 0px  0px 0px;padding: 0px} #pagemenu li {float: left;list-style: none;margin:  0px;padding: 0;} #pagemenu ul li {list-style: none;margin: 0px;padding:  0;} #pagemenu li a, #pagemenu li a:link {color: #fff;display: block;  margin: 0 3px;padding: 8px 14px;text-decoration: none;text-transform:  uppercase; font-size: 11px;font-weight: bold;font-family: Arial,  Helvetica, sans-serif;} #pagemenu li a:hover, #pagemenu li  a:active{color: #566b04;display: block; text-decoration: none;  background: #b5dc16;} #pagemenu  li.current_page_item a {color:#566b04;  background: #b5dc16;} #pagemenu li:hover, #pagemenu li.sfhover {  position: static;} #navcontainer {height: 32px;display: block;overflow:  hidden; background:  url(http://2.bp.blogspot.com/_MkGBVwDEF84/TG0JnHvu64I/AAAAAAAAEtc/KrsoQokYlUs/s1600/nav-background.png)  left top repeat-x; margin-bottom: 10px;} #navcontainer .current-cat a  {background:  url(http://3.bp.blogspot.com/_MkGBVwDEF84/TG0Jsv1tsXI/AAAAAAAAEtk/G9nO6TVoEn8/s1600/nav-background-hover.png)  top left repeat-x; text-shadow: 0 1px 0 #000;color:#fff;} /* CONTENT */  #main-wrapper {padding: 15px 5px 15px 15px; color: #504d4d;} .main  .widget {  margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog {   border-bottom-width: 0;} .postwrap {    padding: 15px 5px 15px  15px;color: #878787;} .post {padding-bottom: 5px;margin-bottom:  20px;border-bottom: 1px solid #ddd;} .post p {margin-bottom: 10px;}  .title {margin: 0 0 8px 0;padding: 0px;line-height: 28px;font-size:  22px;font-family: Arial, Helvetica, Sans-serif;font-weight:  bold;text-transform: uppercase;color: #555554;} .title a  {text-decoration: none;color: #555554;} .title a:hover {text-decoration:  none;color: #0b0b0a;} .pagetitle {margin-bottom: 20px;line-height:  22px;font-family: Arial, Verdana;text-decoration: none;} .postdate  {font-size: 12px;font-family: Arial, Helvetica, Sans-serif;color: #666;}  .postmeta {font-size: 11px;padding: 2px 4px;font-family: Arial,  Verdana;} .postdate img, .postmeta img {border: none;vertical-align:  middle;margin:2px;} .entry {text-align: justify;line-height:  20px;padding-top: 8px;font-family: Arial, Verdana;font-size: 14px;}  .navigation {padding: 10px 0;} blockquote {overflow:  hidden;padding-left: 9px;font-style: italic;color: #666;border-left: 3px  solid #CADAE7;} .post img {max-width: 500px;} img.wp-smiley  {max-height: 12px;margin: 0;padding: 0;border: none;} .aligncenter,  div.aligncenter {display: block;margin-left: auto;margin-right: auto;}  .readmorecontent {text-align: right;} a.readmore {padding: 4px  15px;text-decoration: none;font-size: 12px; background: #615f5f; color:  #fff;} a.readmore:hover {background: #7a9505;color: #fff;} .alignleft {  float: left;} .alignright {float: right;} .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;} .data  {font-size:10px;font-family:Tahoma, century  gothic,Arial,Verdana,Helvitica,sans-serif;padding:4px 5px 4px 0px;  color:#ca680b;text-transform: uppercase; margin:5px 5px;background:  url(http://lh5.ggpht.com/_0ncb0g2iwsc/TEhEUiSG1UI/AAAAAAAAAok/JrTt0ACIO6c/s1600/sidebar_line.png)  left bottom repeat-x;padding: 6px 0px 6px 4px;margin: 0;}  .author{color:#000;padding:2px 5px 2px 20px;margin-left:10px;  background:url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/TAniSqdFl-I/AAAAAAAABo4/Io_dANqrho4/s1600/user.png)  no-repeat;} .clock{color:#000;padding:2px 5px 2px 20px;margin-left:5px;   background:url(http://4.bp.blogspot.com/_Z8F7gBEfQSU/TAniULLojyI/AAAAAAAABpo/QfHAwSbw5YA/s1600/clock.png)  no-repeat;} .comm{color:#000;padding:2px 5px 2px 20px;margin-left:5px;  background:url(http://4.bp.blogspot.com/_Z8F7gBEfQSU/TAniS3E5wVI/AAAAAAAABpA/LwlUEpz7jQc/s1600/balloon.png)  no-repeat;} .comm a:link, .comm a:visited {color:#000;  text-decoration:none;    } .comm a:hover{color:#656565;text-shadow:1px  1px 1px #ccc;} .lable{color:#000;padding:2px 5px 2px  20px;margin-left:5px;  background:url(http://2.bp.blogspot.com/_MkGBVwDEF84/TGpuUt1vxTI/AAAAAAAAEpU/cQMOIs9AD3I/s1600/folder.gif)  no-repeat;} .lable a:link, .lable a:visited {color:#000;  text-decoration:none;    } .lable a:hover{color:#656565;text-shadow:1px  1px 1px #ccc;} .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 #CADAE7;} .post img  {max-width: 680px;} .post-footer {    font-size: 11px;padding: 2px  4px;font-family: Arial, Verdana;color: #474747;}} .comment-link  {margin-left:.6em; } .post img { border:1px dotted #666; padding:4px; }  blockquote { overflow: hidden;padding-left: 9px;font-style:  italic;color: #666;border-left: 3px solid #CADAE7;} #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;  } .deleted-comment { font-style:italic;color:gray;  } #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: 10px;} .sidebar {margin: 0 0  10px 0;color: #b5b2b2;} .sidebar-right {margin: 0 10px 0 0;}  .sidebar-left { margin: 0 0 0 10px} .sidebar a {text-decoration:  none;color: #b5b2b2;} .sidebar a:hover {text-decoration:  underline;color:#fff;} #search { border: 0; height: 30px; padding: 0;  background: #404040; text-align: right;  border: 1px solid #535353;}  #search input {border: 0;background: none;color: #ccc8c8;} #s {width:  140px;padding: 4px;margin:3px 0 0 0; background: none;} #topsearch      #s {width: 140px;  } #topsearch #search { margin: 15px 0 0 0;}  .socialboxes {background: #5b5757;border: 1px solid #7f7c7c;padding:  10px; margin: 10px 0 0 0;} .socialboxes:hover { border: 1px solid  #c5c5c5; } .socialboxes a {color: #b3b3b3;text-transform:  uppercase;font-size: 12px; font-weight: bold;text-decoration:  none;font-family: Arial, Helvetica, Sans-serif;} .socialboxes a:hover  {color: #eeeeee; text-decoration: underline;} .sidebar h2 {margin: 10px 0  4px 0;padding: 6px 0 8px 0;background:  url(http://1.bp.blogspot.com/_MkGBVwDEF84/TG0KT15CJXI/AAAAAAAAEt0/x89ZsCaXXBM/s1600/sidebar-tab.png)  left bottom repeat-x; font-size: 15px;line-height: 15px;font-family:  Arial, Helvetica, Sans-serif; font-weight: bold;text-transform:  uppercase;color: #8dab05;text-shadow: 0 1px 0 #000;} .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: 0;} .sidebar  ul li ul li, .sidebar ul li  {padding: 6px 0px 6px 14px;margin:  0;background:  url(http://2.bp.blogspot.com/_MkGBVwDEF84/TG0KJ8PvuPI/AAAAAAAAEts/UpXB9Gb6WU0/s1600/bullet.png)  4px 12px no-repeat;} .sidebar ul li ul li:hover, .sidebar ul li  li:hover {  background-color: #484646;} /* FOOTER */ #footer  {background: #95b406;border-top: 1px solid #caff00;border-bottom: 1px  solid #caff00;padding: 20px;text-align: center;color: #ffffff;font-size:  13px; margin-top: 10px;} #footer a {color: #ffffff;} #footer a:hover  {text-decoration: none; color: #ffffff;} #footer2 {color:  #b5b5b5;font-size: 11px;text-align: center;padding: 10px;} #footer2 a  {color: #b5b5b5;text-decoration: none;} /* COMMENTS */ .commenttitle {  background-image:url(http://4.bp.blogspot.com/_MkGBVwDEF84/TGprdkqdQ7I/AAAAAAAAEo8/UAMargjAJak/s1600/commentstitle.gif);  background-repeat:no-repeat; width:401px;height:32px;margin-left:-17px;  padding-left:20px;padding-top:9px;  font-size:15px;margin-top:30px;margin-bottom:5px;color:#fff;}  .comment-container{width:500px;overflow: hidden;margin: 0px; padding:  0px;background-color:#ffffff;border:1px solid  #cccccc;margin-bottom:10px; border:1px solid #dddddd;    }  .comment-left, .comment-left-admin{float: left;clear: left; width:  72px;text-align: center;color: #444444;font-size: 11px; overflow:  hidden;background-color:#ffffff;padding:10px;padding-top:15px;}  .comment-right {float: left;clear: right;width: 300px;overflow:  hidden;padding-left:10px;background-color:#fff;padding-top:15px;}  .admincomment {border-left:4px solid #82a5bd;} .admincomment .avatar  {padding: 3px;background: #fff;border: 1px solid #cccccc;margin: 0px 0px  5px 0px;} .avatar-image-container {} .avatar-image-container img {  background:  url(http://1.bp.blogspot.com/_MkGBVwDEF84/TGprrgSSeCI/AAAAAAAAEpE/-J0SiS_L498/s1600/avatar.png)  no-repeat; height:64px;width:64px;} .comment-header{width:  428px;margin: 0px 0px 10px 0px;font-weight: bold; font-style:  italic;color: #666;font-size: 1.167em;} .comment-header a:link,  .comment-header a:visited{font-style: normal;color: #194D72;  text-decoration:none} .comment-header a:hover{color: #555;}  .comment-header .comment-number{font-weight: bold;font-style:  italic;color: #333;font-size: 1.167em;} .comment-content{text-align:  justify;line-height: 1.834em;font-size: 11px;} .comment-content  p{padding: 2px;} .comment-content a,.comment-content  a:visited,.comment-content a:link { color:#1e6575 } .comment-content h1,  .comment-content h2, .comment-content h3, .comment-content h4,  .comment-content h5, .comment-content h6{color: #666;font-weight:  bold;font-size: 1.25em; padding: 0px 0px 15px 0px;} .comment-content  blockquote{padding: 10px 10px 0px 10px;margin: 0px 0px 15px 0px;  background: #EEE;font-style: italic;font-size: 12px; font-family:  "Arial", sans-serif;color: #777;} .comment-content ul, .comment-content  ol{padding: 10px 10px 10px 30px;background: #f9f9f9; font-weight:  bold;margin: 0px 0px 15px 0px;color: #777;} .comment-content  ul{list-style-image: none;list-style-type: disc;} .comment-left  img{padding: 3px;background: #CDC8B1;border: 1px solid #CCC; margin: 0px  0px 5px 0px;} .comment-textarea, .textarea{padding:5px;border:1px solid  #dddddd;background-color:#ffffff;} .comment-textarea {    width:  450px;} .comment-textarea:focus,.textarea:focus {border:1px solid  #dddddd;} .comment-input {width: 300px;padding:5px;overflow:  hidden;border:1px solid #dddddd; background-color:#fff;}  .comment-input:focus {    border:1px solid #dddddd;} .commentsform_title  {background:#eeeeee;padding:5px; border:1px solid #dddddd;width:50px;  float:left;color:#222222;font-size:11px;} .comment-button {  font-size:12px;  font-family:verdana;font-weight:bold;background-color:#777777;  text-align:center;border:1px solid #777777;color:#fff;  padding:15px;padding-top:5px;padding-bottom:5px;-moz-border-radius:  5px;} /* threaded comment*/ .comment-childs {margin:5px !important;  padding:5px !important;padding-left:15px  !important;background-color:#efefef !important;border:1px dotted #cccccc  !important;font-size:11px !important;} .comment-childs cite {  margin-right:10px; } .commentmetadata { font-size:11px  !important;  color:#999999 } /*comments area*/ .replyjump  {font-size:11px;float:right;background-color:#777777;  padding:5px;margin:-10px;} .replyjump a,.replyjump a:link,.replyjump  a:visited { color:#fff } .replyjump a:hover { border-bottom:1px solid  #cccccc } .below-post {}