- SİYAH GENİŞ MENÜLÜ TASARIM,CSS

SİYAH GENİŞ MENÜLÜ TASARIM,CSS

" ANIME " (Por KateKo.es.tl)

TASARIMIN ÜSTÜNE

<title>Kateko</title> <link  type='text/css' rel='stylesheet'  href='http://www.blogger.com/static/v1/widgets/3761248391-widget_css_bundle.css'  />  <link rel="stylesheet" type="text/css"  href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=821343966345510071&zx=1eb7b313-a238-4e85-b051-9bd397289ded"/>  <style type="text/css">#navbar-iframe { display:block }  </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'>  <span id='skiplinks' style='display:none;'>  <a href='#main' _fcksavedurl='#main'>skip to main </a> |        <a href='#sidebar' _fcksavedurl='#sidebar'>skip to  sidebar</a> </span> <div class='span-24'  id='pagemenuwrap'>   <div class='span-22'>  <div id='pagemenucontainer'> <ul id='pagemenu'> <div  class='crosscol section' id='crosscol'><div class='widget  PageList' id='PageList1'> <div class='widget-content'>  <ul> <li class='selected'><a  href='http://katekoweb.blogspot.com/'  _fcksavedurl='http://katekoweb.blogspot.com/'>Página  principal</a></li> <li class='selected'><a  href='http://katekoweb.blogspot.com/'  _fcksavedurl='http://katekoweb.blogspot.com/'>Página  principal</a></li> <li class='selected'><a  href='http://katekoweb.blogspot.com/'  _fcksavedurl='http://katekoweb.blogspot.com/'>Página  principal</a></li> <li class='selected'><a  href='http://katekoweb.blogspot.com/'  _fcksavedurl='http://katekoweb.blogspot.com/'>Página  principal</a></li> </ul> <div  class='clear'></div> </div> </div></div>  </ul> </div> </div>  <div  class='span-2 feedtwitter last' style='margin-top: 5px;  text-align:right;'>  <a href='RSS-LINK-HERE'  _fcksavedurl='RSS-LINK-HERE'> <img  src='http://lh5.ggpht.com/_V-IXTBBt1Bg/S9-s7dO0d-I/AAAAAAAABrk/QUovAMGqDMg/rss.png'   _fcksavedurl='http://lh5.ggpht.com/_V-IXTBBt1Bg/S9-s7dO0d-I/AAAAAAAABrk/QUovAMGqDMg/rss.png'  style='margin:0 4px 0 0px;'/></a>   <a href='TWITTER-LINK-HERE'  _fcksavedurl='TWITTER-LINK-HERE' title='Follow me on Twitter!'>  <img  src='http://lh4.ggpht.com/_V-IXTBBt1Bg/S9-s7vIGVGI/AAAAAAAABro/5NXKlB8xrO0/twitter.png'   _fcksavedurl='http://lh4.ggpht.com/_V-IXTBBt1Bg/S9-s7vIGVGI/AAAAAAAABro/5NXKlB8xrO0/twitter.png'  style='margin:0 4px 0 0;' title='Follow me on Twitter!'/></a>   </div>  </div>   <div class='span-24' id='header'> <div class='span-12'>  <div class='blogname section' id='blogname'><div class='widget  Header' id='Header1'> <div id='header-inner'  style='background-image:  url("http://1.bp.blogspot.com/_KyLszidIueo/TIPNvz5QywI/AAAAAAAAAAM/sxnWACMjnjk/S1600-R/1.png");  background-position: left; width: 950px; min-height: 100px;_height:  100px;background-repeat: no-repeat; '> <div class='titlewrapper'  style='background: transparent'> <h1 class='title'  style='background: transparent; border-width: 0px'> </h1>  </div> <h2></h2> </div> </div></div>  </div>  </div>   <div class='span-24'> <div class='navcontainer'>  <div class='mainmenu2 section' id='mainmenu2'></div>  </div> </div>   <div class='span-24' id='contentwrap'>  <div class='span-16'> <div id='content'>  <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'> <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 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> </ul> </div> </div>  </div>   <div class='span-24'> <div id='footer'>          Copyright Tu Web Aquí | <a href='http://kateko.es.tl/'  _fcksavedurl='http://kateko.es.tl/'><strong>Plantilla Adaptada  por KATEKO.ES.TL</strong></a>   </div> <div  id='footer2'><a href='http://www.kateko.es.tl/'  _fcksavedurl='http://www.kateko.es.tl/'><strong>Plantilla  Adaptada por KATEKO.ES.TL</strong></a></div>  </div>  </div> </div>  </body> </html>

CSS-BÖLÜMÜNE

table {margin-left:auto;margin-right:auto;}    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;}   /*  ----------------------------------------------- pLANTILLA POR  KATEKO.ES.TL ----------------------------------------------- */ /* Use  this with templates/template-twocol.html */ #navbar-iframe{ height:0px;  visibility:hidden; display:none; }  /* 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:#000;font-family:"Helvetica Neue",  Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6  {font-weight:normal;} 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%;} /* LAYOUT */ body {  background:  url(http://2.bp.blogspot.com/_Z8F7gBEfQSU/TBh1pGI7wNI/AAAAAAAACdE/SkiZpA3oJzY/s1600/background.jpg);  } #wrapper { background:  url(http://4.bp.blogspot.com/_Z8F7gBEfQSU/TBh1pijb-QI/AAAAAAAACdU/sf0e1GwX3Aw/s1600/background-image.jpg)  center top no-repeat; } #container { } #contentwrap { background:  url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/TBh1qVsjJjI/AAAAAAAACdk/ohZAZQwojiI/s1600/contentwrap.png)  top left repeat-y; } a { color: #fff; } a:hover { color: #fc2323; } /*  HEADER */ #header { height: 112px; } #header h1 { margin-bottom: 0px  !important; padding: 24px 0 0 0; font-weight: normal; font-family:  Arial, Helvetica, Sans-serif; font-weight: bold; text-transform:  uppercase; font-size: 48px; } #header h1 a, #header h1 a:visited {  color: #d80707; text-decoration: none; } #header h2 { color: #868686;  font-size: 14px; line-height: 14px; font-family: Arial, Helvetica,  Sans-serif; } .logoimg { margin: 24px 0 0 0; } .feedtwitter {  margin-top: 8px !important; text-align: right; } /* NAVIGATION MENUS */  #pagemenuwrap { height: 40px; margin-top: 25px; background:  url(http://4.bp.blogspot.com/_Z8F7gBEfQSU/TBh1n5TycII/AAAAAAAACck/O2syGUTEslk/s1600/pagenav-background.png)  left top repeat-x; border-top: 1px solid #433c3c; border-bottom: 1px  solid #433c3c; } #pagemenucontainer { height: auto; padding: 6px 0 6px  8px; } #pagemenu { height: auto; } #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: #c6c6c6; display: block; margin: 0 6px 0 0; padding:  9px 16px; text-decoration: none; font-weight: bold; text-transform:  uppercase; font-size: 11px; font-family: Arial, Helvetica, sans-serif;  -moz-border-radius: 3px; -khtml-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; } #pagemenu li a:hover,  #pagemenu li a:active{ color: #fff; display: block; text-decoration:  none; background:  url(http://4.bp.blogspot.com/_Z8F7gBEfQSU/TBh1oOABgEI/AAAAAAAACcs/YKPdKxVonDE/s1600/pagenav-hover.png)  top left repeat-x; } #pagemenu li.selected a { color: #fff; display:  block; text-decoration: none; background:  url(http://4.bp.blogspot.com/_Z8F7gBEfQSU/TBh1oOABgEI/AAAAAAAACcs/YKPdKxVonDE/s1600/pagenav-hover.png)  top left repeat-x; } .navcontainer { height: auto; background:  url(http://1.bp.blogspot.com/_Z8F7gBEfQSU/TBh1nJAax5I/AAAAAAAACcU/26Xcuecyu6s/s1600/nav-background.png)  top left repeat-x; border-top: 1px solid #3e3a3a; border-bottom: 1px  solid #3e3a3a; padding: 6px 0 6px 8px; margin-bottom: 15px; } #nav {  height: 32px; } #nav, #nav ul { padding: 0; margin: 0; list-style: none;  line-height: 1; } #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: #c7c7c7; display:  block; margin: 0px 6px 0px 0; padding: 11px 14px; text-decoration: none;  font-size: 12px; font-weight: bold; text-transform: uppercase;  font-family: Arial, Helvetica, Sans-serif; text-shadow: 0 1px 0 #111;  -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius:  5px; border-radius: 5px; } #nav li a:hover, #nav li a:active { color:  #fff; display: block; text-decoration: none; background:  url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/TBh1nrdKJXI/AAAAAAAACcc/Zm9KfxWLnxw/s1600/nav-background-hover.png)  top left repeat-x; } #nav  li.current-cat a { color:#fff; background:  url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/TBh1nrdKJXI/AAAAAAAACcc/Zm9KfxWLnxw/s1600/nav-background-hover.png)  top left repeat-x; } #nav li:hover, #nav li.sfhover { position: static;  } /* CONTENT */ #content { padding: 15px 5px 15px 15px; color: #919191;  } pre { overflow: auto; width: 470px; } .post { padding-bottom: 5px;  margin-bottom: 20px; border-bottom: 1px solid #3e3a3a; } .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:  #dbdbdb; } .title a { text-decoration: none; color: #dbdbdb; } .title  a:hover { text-decoration: none; color: #f60a0a; } .pagetitle {  margin-bottom: 20px; line-height: 22px; font-family: Arial, Verdana;  text-decoration: underline; } .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: 18px;  font-family: Arial, Verdana; font-size: 14px; color: #919191; }  .readmorecontent { padding-top: 20px; } a.comments { margin: 0px 5px 0px  0px; } .navigation { padding: 10px 0; } blockquote { overflow: hidden;  padding-left: 9px; font-style: italic; color: #666; border-left: 3px  solid #CADAE7; } img.wp-smiley { max-height: 12px; margin: 0; padding:  0; border: none; } .aligncenter, div.aligncenter { display: block;  margin-left: auto; margin-right: auto; } .alignleft { float: left; }  .alignright { float: right; } .wp-caption { border: 1px solid #ddd;  text-align: center; background-color: #f3f3f3; padding-top: 4px; margin:  10px; /* optional rounded corners for browsers that support it */  -moz-border-radius: 3px; -khtml-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img {  margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text {  font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /*  wp-pagenavi */ .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi  a:active { font-size: 15px !important; padding:  4px 8px !important;  color: #656565 !important; background:none !important; border: 0  !important; } .wp-pagenavi a:hover { border: 0 !important; color: #fff  !important; background:#980505 !important; border: 0 !important; }  .wp-pagenavi span.pages { font-size: 15px !important; padding:  4px 8px  !important; color: #656565 !important; background: none !important;  border: 0 !important; } .wp-pagenavi span.current { font-size: 15px  !important; padding:  4px 8px !important; font-weight: bold; color: #fff  !important; background:#980505 !important; border: 0 !important; }  .wp-pagenavi span.extend { font-size: 15px !important; padding:  4px 8px  !important; background:transparent !important; color: #656565  !important; background: none !important; border: 0 !important; } /*  SIDEBAR(S) */ .sidebaradbox { margin-top: 10px; text-align:center; }  .ad125 { margin: 6px; } .sidebar { margin: 0 10px 10px 10px; font-size:  13px; color: #b0b0b0; } .sidebar a { text-decoration: none; color:  #b0b0b0; } .sidebar a:hover { text-decoration: underline; color:#fff; }  #search { border: 1px solid #312e2e; height: 28px; padding: 0;  background: #201f20; text-align: right; margin-top: 15px; } #search  input { border: 0; background: none; color: #ddd; } #s { width: 240px;  padding: 4px; margin:2px 0 0 0; background: none; } #topsearch #search {  margin: 4px 0 0 0; padding-right: 4px; } #topsearch #s { width: 228px; }  .sidebar h2 { margin: 10px 0 0 0; padding: 8px 0 8px 12px; text-align:  left; background:  url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/TBh1oTe3d4I/AAAAAAAACc0/Zw6Q98RTefI/s1600/sidebar_hd_bakcgr.png)  left top repeat-x; font-size: 14px; line-height: 14px; color: #fff;  font-family: Arial, Helvetica, Sans-serif; font-weight: bold;  text-transform: uppercase; text-shadow: 0 1px 0 #000; } .sidebar ul {  list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; }  .sidebar .widget-content { list-style-type: none; margin: 5px 0px 5px  0px; padding: 0px; } .sidebar ul ul { list-style-type: none; margin:  0px; padding: 0px; } .sidebar ul li { background:  url(http://4.bp.blogspot.com/_Z8F7gBEfQSU/TBh1qL21w4I/AAAAAAAACdc/ZKncrl4YPn4/s1600/bullet.png)  4px 11px no-repeat; padding: 6px 0px 6px 14px; margin: 0; } /* FOOTER  */ #footer { background:  url(http://2.bp.blogspot.com/_Z8F7gBEfQSU/TBh1m01IrDI/AAAAAAAACcM/nMEge1zHgf0/s1600/footer-background.png);  padding: 22px; text-align: center; color: #fff; font-size: 13px;  border-top: 1px solid #3e3a3a; border-bottom: 1px solid #3e3a3a;  margin-top: 10px; } #footer a { color: #fff; } #footer a:hover {  text-decoration: none; } #footer2 { color: #656565; font-size: 11px;  text-align: center; padding: 10px; } #footer2 a { color: #656565;  text-decoration: none; } /* COMMENTS */ #comments h3 { margin-bottom:  10px; } ol.commentlist .avatar-image-container{ position:relative;  float: left; margin: 0; padding: 0 2px 0px 0; border:none; }  .commentlist .avatar-image-container img {  background:url(http://1.bp.blogspot.com/_Z8F7gBEfQSU/TBh20fztq7I/AAAAAAAACds/FrZ0POteIMs/s1600/avatar.png);  width:32px; height:32px; } .alt { margin: 0; padding: 10px; }  .commentlist { padding: 0; text-align: justify; } .commentlist li {  margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }  .commentlist li ul li { margin-right: -5px; margin-left: 10px; }  .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; }  #commentform p { margin: 5px 0; } .nocomments { text-align: center;  margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; }  /* Blogger Template Optimization */ .post_date { background:  url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/TBh1mojiqOI/AAAAAAAACcE/bTo7dwvveOo/s1600/date.png)  left top no-repeat; padding: 0 0 0 20px; } .post_author { background:  url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/TBh1oq0eenI/AAAAAAAACc8/HceZ5S450ZM/s1600/user.png)  left top no-repeat; padding: 0 0 0 20px; } .post-footer { padding-top:  10px; } .reactions-label-cell { line-height: 1.7em; } p.comment-footer {  padding: 15px 0 15px 0px; } .comment-form{ margin:25px 0px 0px 0px;  max-width:630px !important; width:630px !important; }  h4#comment-post-message { padding:0 0 15px 0px; margin:0 0 10px 0px;  line-height:1; font-family:"Helvetica Neue",Arial,"Lucida  Grande",sans-serif; font-size:1.5em; } h4.backlinks{ padding:0 0 15px  0px; margin:0 0 10px 0px; line-height:1; font-family:"Helvetica  Neue",Arial,"Lucida Grande",sans-serif; font-size:1.5em; }  a.comment-link { } a.comment-link:hover { } #blog-pager{ text-align:  center; padding: 0px 0 35px 0; } .feed-links{ } .feed-links a:hover{ }  .feed-link{ } .feed-link a:hover{ } #backlinks-container{ }