- CSS TASARIM15

CSS TASARIM15

TASARIMIN ÜSTÜNE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="wrapper">
<div id="header">
  <div id="top">
    <div class="topleft"><a href="#" title="Register">Registrarse</a> · <a href="#" title="Login">Iniciar Secion</a></div>
    
    <div class="topright"><span class="top-rss"><a href="#">Suscribase a nuestro feed RSS</a></span></div>
    
  </div>
  
  <div id="head"> <a id="logo" href="#"></a>
    <div class="ad468x60">
      <a href="#"><img src="http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/468x60.gif" alt="Advertisement"/></a>    </div>
  </div>
  
  <div id="menu">

<ul>
      <li><a href="#">Inicio</a></li>

</li>
</ul>

</ul>

TASARIMIN ALTINA

</div>

 
<div class="col3">
<div class="ad300x250">
  <a href="#"><img src="http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/300x250.gif" alt="Publicidad"/></a>  <span>Publicidad</span> </div>
<div class="right-block">
  <h2>Subscription</h2>
  <div class="box"> <img class="feed" src="http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/feed.png"> Suscribase y haga historias 0w0
    <div class="clear"></div>
    <p>
    <form id="feedform" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogohblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
      <input class="feed-input" name="feed" id="input" value="animefiles@live.com..." onfocus="if (this.value == 'animefiles@live.com') {this.value = '';}" onblur="if (this.value == '') {this.value = 'animefiles@live.com...';}">
      <input type="hidden" value="blogohblog" name="uri"/>
      <input type="hidden" name="loc" value="en_US"/>
      <input class="feed-submit" type="submit" value="Sign up">
    </form>
    </p>
  </div>
</div>

<div class="right-block">
<h2>Tag Cloud</h2>
<div class="box">
  <ul>
<a href='#' class='tag-link-14' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-29' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-31' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-4' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Anime Files</a>
<a href='#' class='tag-link-34' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-16' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-15' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Anime Files</a>
<a href='#' class='tag-link-11' title='3 topics' rel="tag" style='font-size: 10.8pt;'>Anime Files</a>
<a href='#' class='tag-link-6' title='6 topics' rel="tag" style='font-size: 15pt;'>Anime Files</a>
<a href='#' class='tag-link-10' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Anime Files</a>
<a href='#' class='tag-link-22' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-26' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-9' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Anime Files</a>
<a href='#' class='tag-link-27' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-18' title='4 topics' rel="tag" style='font-size: 12.2pt;'>Anime Files</a>
<a href='#' class='tag-link-3' title='11 topics' rel="tag" style='font-size: 22pt;'>Anime Files</a>
<a href='#' class='tag-link-24' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Anime Files</a>
<a href='#' class='tag-link-7' title='5 topics' rel="tag" style='font-size: 13.6pt;'>Anime Files</a>
<a href='#' class='tag-link-12' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-17' title='3 topics' rel="tag" style='font-size: 10.8pt;'>Anime Files</a>
<a href='#' class='tag-link-30' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-19' title='2 topics' rel="tag" style='font-size: 9.4pt;'>Tourism</a>
<a href='#' class='tag-link-23' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-32' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-28' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-33' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-8' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-25' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-13' title='3 topics' rel="tag" style='font-size: 10.8pt;'>Anime Files</a>
<a href='#' class='tag-link-21' title='1 topic' rel="tag" style='font-size: 8pt;'>Anime Files</a>
<a href='#' class='tag-link-7' title='5 topics' rel="tag" style='font-size: 13.6pt;'>Anime Files</a>

</ul>
</div>

</div> 

</div>

 
<div class="clear"></div>
<div id="pages-bottom">
  <ul>
    <li><a href="#">Inicio</a></li>
    <li><a href="#">Rss</a></li>
    <li><a href="#">Commentarios</a></li>
    <li class="btt"><a href="#">Hacia Arriba</a></li>
  </ul>
</div>

<div id="footer"> © 2009 <a href="#">Tinynews</a> by <a href="http://www.ztheme.com/">ZTHEME</a>. Adaptado por <a href="#">Anime Files</a> para PaginaWebGratis.es. </div>

</div>

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;}

body {
background-color:#CFCFCF;
   font: 12px Geneva, Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}
img {
   border: 0;
}
a {
   color: #047;
   text-decoration: none;
   outline: none;
}
a:hover {
   color: #c03;
   text-decoration: underline;
}
a:active {
   color: #774b90;
}
a:focus {
   color: #c30;
   text-decoration: none;
}
.clear {
   clear: both;
   font-size: 0;
   line-height: 0;
}
.small-feed {
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/small-feed.png) no-repeat 0 8px;
   padding: 0 5px 10px 10px;
}
.limit-line {
   font-size: 10px;
   margin: 5px 0 0 0;
   font-weight: bold;
   text-transform: uppercase;
}
.limit-line a:link, .limit-line a:hover, .limit-line a:visited {
   color: #999;
}
.limit-line .more {
   padding: 0 6px 0 0;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/arrow1.gif) no-repeat right 2px;
}
.limit-line .comments {
   padding: 0 0 0 5px;
}
.mid-thumbnail img {
   width: 175px;
   height: 175px;
   padding: 1px;
   border: 1px solid #e6e6e6;
}
.small-thumbnail img {
   width: 75px;
   height: 75px;
   padding: 1px;
   border: 1px solid #e6e6e6;
}
.skip {
   clear: both;
   margin: 0;
   padding: 5px;
}
.archive-skip {
   clear: both;
   margin: 2px;
   padding: 2px;
}
/* wrapper */
#wrapper {
   background: #fff url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/bgshadow.png) repeat-y;
   margin: 0 auto;
   padding: 0 8px 0 8px;
   width: 960px;

}
#inner {
   margin: 7px 0 0 0;
   padding: 0;
   background: #fff;
}
/* header */
#header {
   width: 100%;
}
#top {
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/top-bg.gif) repeat-x 50% top;
   font: 12px/200% arial;
   height: 25px
}
.topleft {
   float: left;
   margin-left: 15px;
   line-height: 25px;
   word-spacing: 5px;
}
.topright {
   float: right;
   margin-right: 7px;
   line-height: 25px;
}
.top-rss a {
   padding-right: 25px;
}
.top-rss {
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/small-rss.gif) no-repeat right 2px;
}
#head {
   width: 100%;
   height: 90px;
   margin: 0;
   padding: 0;
   background: #004469;
}
#logo {
   float: left;
   width: 240px;
   height: 45px;
   margin: 33px 0 auto 10px;
   padding: 0;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/logo.png) no-repeat;
}
/* categories menu */
#menu {
   margin: 0;
   padding: 0;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/menu-bg.gif) repeat-x;
   width: 100%;
   height: 28px;
}
#menu ul {
   float: left;
   list-style: none;
   margin: 0 0 0 1px;
   padding: 0;
}
#menu li {
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
}
#menu ul li {
   list-style: none;
   margin: 0 0 0 -1px;
   padding: 0;
   border-right: 1px solid #045;
}
#menu li a, #menu li a:link, #menu li a:visited {
   color: #fff;
   display: block;
   font-size: 13px;
   font-weight: bold;
   margin: 0;
   padding: 6px 12px 6px 12px;
}
#menu li a:hover, #menu li a:active {
   background: #222222 url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/menu-hover.gif) repeat-x;
   color: #FFFFFF;
   display: block;
   text-decoration: none;
   margin: 0;
   padding: 6px 12px 6px 12px;
}
#menu li li a, #menu li li a:link, #menu li li a:visited {
   opacity: .99;
   filter: alpha(opacity=99);
   background: #f6f6f6;
   width: 130px;
   color: #111;
   float: none;
   margin: 0;
   padding: 6px 12px 6px 12px;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
}
#menu li li a:hover, #menu li li a:active {
   background: #CC0000;
   color: #FFFFFF;
   padding: 6px 12px 6px 12px;
}
#menu li ul {
   z-index: 9999;
   position: absolute;
   left: -999em;
   height: auto;
   width: 155px;
   margin: 0;
   padding: 0;
}
#menu li li {
   border:none;
}
#menu li ul a {
   width: 120px;
}
#menu li ul a:hover, #menu li ul a:active {
}
#menu li ul ul {
   margin: -29px 0 0 156px;
   border: none;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
   left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
   left: auto;
}
#menu li:hover, #menu li.sfhover {
   position: static;
}
#menu input {
   font-size: 11px;
}
#menu .search-input {
   float: right;
   height: 12px;
   margin: 5px 0 0 0;
   padding: 2px 2px 2px 6px;
   color: #999;
   border: 1px solid #f0f0f0;
   line-height: 12px;
        width:140px;
font-family:Arial;
}
#menu .search-submit {
   float: right;
   height: 18px;
   margin: 5px 7px 0 3px;
   padding: 1px 1px 3px 1px;
   border: none;
   background: url(images/go.gif) repeat-x;
font-family:Arial;
}
#leftcol {
   float: left;
   margin: 0;
   padding: 0;
}
/* content */
#content {
   width: 610px;
   margin: 7px 0 10px 7px;
   padding: 10px;
   border: solid 1px #e6e6e6;
}
#content h2 {
   font-size: 18px;
   margin: 0;
}
#content .postmeta p {
}
#content .postmeta {
   width: 594px;
   margin: 0 0 20px 0;
   padding: 5px 10px 5px 10px;
   background: #f8f8f8;
   line-height: 18px;
   text-transform: uppercase;
   font-size: 11px;
   border: 1px solid #e6e6e6;
}
#content .postheader {
   margin: 0;
   padding: 5px 0 4px 0;
   border-bottom: 1px solid #ccc;
}
#content h3 {
   margin: 0;
}
#content .tag {
   margin: 0;
   padding: 3px 0 3px 20px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/tag.gif) no-repeat left 1px;
}
/* entry */
.entry {
   margin: 0;
   padding: 10px 0 10px 0;
}
.entry p {
   margin: 0 0 19px 0;
   padding: 0;
}
.entry img {
   margin: 0;
   padding: 2px;
   border: 1px solid #E1E1E1;
}
.entry input {
   padding: 3px;
   border: 1px solid #67afe6;
   margin: 5px;
}
.entry label {
   font-weight: bold;
   margin: 5px;
}
.entry #submit {
   padding: 4px;
}
/* entry Lists */
.entry ul li {
   padding: 0;
   margin: 0;
   font-weight: bold;
   color: #555;
}
.entry ul li a {
   font-weight: normal;
   color: #555;
}
.entry ul li ul li {
   padding: 0;
   margin: 0;
}
.entry ol li {
   list-style: decimal;
   padding: 0;
   margin: 0;
   background: none;
}
/* entry headings */
.entry h1 {
   font-size: 18px;
   font-weight: normal;
   color: #333;
   border-bottom: 3px solid #E1E1E1;
   padding-bottom: 3px;
   margin: 5px 0 3px 0;
}
.entry h2 {
   font-size: 16px;
   font-weight: normal;
   color: #333;
   padding-bottom: 3px;
   margin: 5px 0 3px 0;
   height: auto;
   text-indent: 0;
}
.entry h3 {
   font-size: 13px;
   font-weight: bold;
   color: #444;
   padding-bottom: 3px;
   text-indent: 0;
   margin: 5px 0 3px 0;
}
.entry h4 {
   font-size: 13px;
   font-weight: bold;
   margin: 0;
   line-height: 16px;
   height: auto;
   padding: 5px 0 5px 0;
   color: #555;
   text-indent: 0;
}
.entry h5 {
   font-size: 13px;
   font-weight: bold;
   margin: 0;
   line-height: 16px;
   height: auto;
   padding: 5px 0 5px 0;
   color: #555;
   text-indent: 0;
}
.entry h6 {
   font-size: 12px;
   font-weight: bold;
   margin: 0;
   line-height: 16px;
   height: auto;
   padding: 5px 0 5px 0;
   color: #555;
   text-indent: 0;
}
/* entry image*/
img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   padding: 0;
}
img.alignnone {
   margin: 0 0 10px 0px;
   padding: 0px;
   display: inline;
}
img.alignright {
   margin: 0 0 10px 10px;
   padding: 0;
   display: inline;
}
img.alignleft {
   padding: 0px;
   margin: 0 10px 10px 0;
   display: inline;
}
.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}
.alignright {
   float: right;
   margin: 0 0 10px 10px;
}
.alignleft {
   float: left;
   margin: 0px 10px 10px 0px;
}
/* blockquote */
blockquote {
   margin: 10px 0 10px 10px;
   padding: 10px;
   border-left: 6px solid #e6e6e6;
   border-right: 1px solid #e6e6e6;
   border-top: 1px solid #e6e6e6;
   border-bottom: 1px solid #e6e6e6;
   background: #f8f8f8;
}
blockquote cite {
   display: block;
   margin: 5px;
   padding: 10px;
   border-left: 6px solid #e6e6e6;
   border-right: 1px solid #e6e6e6;
   border-top: 1px solid #e6e6e6;
   border-bottom: 1px solid #e6e6e6;
   background: #fff;
}
/* homepage columns */
.col1 {
   float: left;
   width: 435px;
   margin: 0;
   padding: 0;
}
.col2 {
   float: left;
   width: 209px;
   margin: 0;
   padding: 0;
}
.col3 {
   float: right;
   width: 307px;
   margin: 0;
   padding: 0;
}
/* advertisment block */
.ad300x250 {
   width: 300px;
   height: 260px;
   margin: 7px 0 10px 0;
   padding: 0;
}
.ad468x60 {
   float: right;
   width: 468px;
   height: 60px;
   margin: 15px 25px 15px 10px;
   padding: 0;
}
.ad300x250 span, .ad468x60 span {
   float: right;
   font-size: 10px;
   text-transform: uppercase;
   color: #ccc;
}
/* left block */
.left-block {
   margin: 7px 0 0 7px;
   padding: 0 0 5px 0;
}
.left-block h2 {
   height: 32px;
   margin: 0;
   padding: 0 10px 5px 10px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/left-h2-bg.gif) repeat-x;
   border-top: 1px solid #afbdc6;
   line-height: 32px;
}
.left-block h2 b {
   float: left;
   font: 18px/32px verdana;
   cursor: pointer;
   color: #c00;
}
.left-block h2 span {
   float: right;
}
.left-block h2 span a {
   margin-left: 10px;
   font: 11px arial;
   color: #333;
}
.left-block h2 span a img {
   vertical-align: middle;
}
.left-block .headline h3 {
   margin: 0;
   padding: 0 0 5px 0;
   font-size: 1.5em;
   font-weight: bold;
}
.left-block .excerpt h4 {
   margin: 0;
   padding: 8px 0 5px 0;
   font-size: 1.2em;
   font-weight: bold;
   line-height: 14px;
}
.left-block .list h4 {
   margin: 0;
   padding: 0 0 0 2px;
   font-size: .9em;
   font-weight: bold;
}
.left-block .list {
   display: block;
   padding: 5px 0 0 0;
}
.left-block .box {
   margin: 5px 0 5px 0;
}
.left-block .box h4 {
   margin: 0;
   padding: 0;
   font-size: 12px;
   line-height: 14px;
}
.left-block .box .h4-right {
   float: left;
   margin: 0 7px 0 0;
   padding: 2px 10px 0 5px;
   width: 110px;
   height: 77px;
   background: #f8f8f8;
}
.underline {
   clear: both;
   margin: 0;
   padding: 3px 0 5px 0;
   border-bottom: 1px dotted #ddd;
}
.left {
   float: left;
}
.right {
   float: left;
   width: 230px;
   margin: 0;
   padding: 0 0 0 8px;
}
.archive-right {
   float: left;
   width: 520px;
   margin: 0;
   padding: 0 0 0 8px;
}
.list-right {
   float: left;
   width: 335px;
   margin: 0;
   padding: 0 0 0 8px;
}
/* middle block */
.mid-block {
   margin: 7px 0 7px 7px;
   padding: 0 0 10px 0;
   border: 1px solid #afbdc6;
}
.mid-block h2 {
   border-bottom: 1px solid #afbdc6;
   height: 31px;
   background: #f1f5f8;
   margin: 0;
}
.mid-block h2 span {
   float: left;
   height: 31px;
   display: inline-block;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/mid-h2-bg.gif) no-repeat right top;
   font: bold 14px/31px arial;
   color: #fff;
}
.mid-block h2 span a {
   padding: 0 30px 0 10px;
   font: bold 14px/31px arial;
   color: #fff;
}
.mid-block h2 span a:hover {
   padding: 0 30px 0 10px;
   font: bold 14px/31px arial;
   color: #fff;
   text-decoration: none;
}
.mid-block h4 {
   margin: 0 0 0 5px;
   padding: 0 0 5px 0;
   font-size: 12px;
   line-height: 14px;
}
.mid-block .box {
   margin: 0 5px 0 5px;
   padding: 7px 2px 7px 2px;
   border-bottom: 1px dotted #ddd;
   clear: both;
}
.mid-block .box h3 {
   font-size: 1.2em;
}
.mid-block ul {
   margin: 2px;
   padding: 0 5px 5px 5px;
}
.mid-block ul li {
   padding: 5px 0 5px 16px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/arrow2.gif) no-repeat 0 6px;
   font: 12px/120% arial;
   list-style-type: none;
   border-bottom: 1px dotted #ddd;
}
.mid-block .box .h4-right {
   float: left;
   width: 105px;
}
/* right block */
.right-block {
   margin: 0 7px 7px 0;
   padding: 0;
   background: #fff;
   border:1px #e6e6e6 solid;
}
.right-block h2 {
   height: 32px;
   margin: 0;
   padding: 0 10px 0 10px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/right-h2-bg.gif) repeat-x;
   font: bold 14px/32px arial;
   color: #000;
}
.right-block h2 a {
   color: #c00;
}
.right-block .box {
   margin: 5px 7px 5px 0;
   padding: 0 0 10px 7px;
}
.right-block ul {
   margin: 0;
   padding: 0;
}
.right-block ul li {
   padding: 5px 0 5px 16px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/arrow2.gif) no-repeat 0 6px;
   font: 12px/120% arial;
   list-style-type: none;
   border-bottom: 1px dotted #ddd;
}
.right-block ul li:hover {
}
.right-block h6 {
   margin: 0;
   padding: 0 10px 0 10px;
   border-top: 1px #f5f5f5 solid;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/more-bg.gif) repeat-x 50% bottom;
   text-align: right;
}
.right-block h6 a {
   font: 11px/20px arial;
   color: #c00;
}
.right-block .feed {
   float: right;
   width: 32px;
   height: 32px;
   margin: 0;
   padding: 0 0 5px 5px;
}
.right-block .feed-input {
   width: 150px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/email.gif) no-repeat 5px 3px;
   padding: 3px 3px 3px 25px;
   color: #999;
font-family:Arial;
}
.right-block input {
   background: #fff;
   border: 1px solid #ccc;
   margin: 0 2px 0 0;
font-family:Arial;
}
.right-block .feed-input:focus {
   border: 1px solid #191919;
}
.right-block .feed-submit {
   width: 60px;
   margin: 0;
   color: #006699;
   padding: 2px;
   border: 1px solid #ccc;
   background-color: #ecf3f8;
font-family:Arial;
}
/* comments box */
.comments-box {
   zoom: 1;
}
.comments-box img {
   vertical-align: middle;
}
.comments-box h3 {
   color: #333;
   font-size: 1.4em;
   letter-spacing: 0;
   margin: 0;
   padding: 0 0 5px 0;
   border-bottom: 3px solid #ebf3f6;
}
#respond {
   background: #fff;
   margin: 20px 0 0 0;
   padding: 5px;
}
#respond p {
   color: #777;
   line-height: 1.4em;
   margin: 10px 0 0 0;
}
.cancel-comment-reply {
   padding: 5px 0 0 0;
}
.text {
   border-top: 1px solid #ddd;
   border-left: 1px solid #ddd;
   border-right: 1px solid #eee;
   border-bottom: 1px solid #eee;
   padding: 2px;
   color: #777;
   width: 200px;
}
/* framework for comments */
ol.commentlist a:link {
   text-decoration: none;
}
ol.commentlist li div.vcard cite.fn a.url:hover {
   text-decoration: none;
}
ol.commentlist {
   margin: 10px 5px 0 5px;
   padding: 0;
   background: #fff;
}
ol.commentlist li {
   margin: 10px 0 10px 0;
   padding: 10px;
   list-style-type: none;
   border-bottom: 1px dotted #ccc;
}
ol.commentlist li.alt {
}
ol.commentlist li.bypostauthor p {
}
ol.commentlist li.byuser {
}
ol.commentlist li.comment-author-admin {
}
ol.commentlist li.comment {
}
ol.commentlist li div.comment-author {
}
ol.commentlist li div.vcard {
}
ol.commentlist li div.vcard cite.fn {
   font-style: normal;
   font-weight: bold;
}
ol.commentlist li div.vcard cite.fn a.url {
   color: #047;
}
ol.commentlist li div.vcard img.avatar {
   float: right;
}
ol.commentlist li div.vcard img.avatar-32 {
   padding: 2px;
   background: #fff;
   border: 1px solid #ddd;
}
ol.commentlist li div.vcard img.photo {
   padding: 2px;
   background: #fff;
   border: 1px solid #ddd;
}
ol.commentlist li div.vcard span.says {
   color: #888;
}
ol.commentlist li div.commentmetadata {
}
ol.commentlist li div.comment-meta {
   margin: 3px 0 0 0;
   font-size: 0.9em;
}
ol.commentlist li div.comment-meta a {
   color: #aaa;
   text-decoration:none;
}
ol.commentlist li p {
   margin: 15px 0 0 0;
   line-height: 1.4em;
}
ol.commentlist li ul {
}
ol.commentlist li div.reply {
   padding-top: 10px;
}
ol.commentlist li div.reply a {
   color: #047;
}
ol.commentlist li div.reply a:hover {
   color: #c03 !important;
   text-decoration: none;
}
ol.commentlist li ul.children {
}
ol.commentlist li ul.children li {
   margin: 5px 0 0 0;
   background: #fff;
   border: 1px solid #e9e9e9;
}
ol.commentlist li ul.children li li.alt {
   background: #eee;
}
ol.commentlist li ul.children li.bypostauthor {
}
ol.commentlist li ul.children li.byuser {
}
ol.commentlist li ul.children li.comment {
}
ol.commentlist li ul.children li.comment-author-admin {
}
ol.commentlist li ul.children li.depth-2 {
}
ol.commentlist li ul.children li.depth-3 {
}
ol.commentlist li ul.children li.depth-4 {
}
ol.commentlist li ul.children li.depth-5 {
}
ol.commentlist li ul.children li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li.odd {
}
ol.commentlist li.parent {
}
ol.commentlist li.pingback {
}
ol.commentlist li.thread-alt {
}
ol.commentlist li.thread-even {
}
ol.commentlist li.thread-odd {
}
/* comment form */
#commentform {
   margin-top: 5px;
}
#commentform input {
   width: 210px;
   margin: 5px 5px 1px 0;
   padding: 5px;
   border: 1px solid #ccc;
}
#commentform input:focus {
   border: 1px solid #191919;
}
#commentform .author {
   padding: 3px 3px 3px 25px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/user.gif) no-repeat 5px 3px;
   color: #666;
}
#commentform .email {
   padding: 3px 3px 3px 25px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/email.gif) no-repeat 5px 3px;
   color: #666;
}
#commentform .url {
   padding: 3px 3px 3px 25px;
   background: url(http://www.ztheme.com/demo/tinynews/wp-content/themes/tinynews/images/link.gif) no-repeat 5px 3px;
   color: #666;
}
#commentform textarea {
   width: 75%;
   height: 100px;
   padding: 2px;
   border: 1px solid #ccc;
}
#commentform textarea:focus {
   border: 1px solid #191919;
}
#commentform .submit {
   margin: 0;
   padding: 4px;
   color: #006699;
   font-weight: bold;
   border: 1px solid #999999;
   background: #ecf3f8;
   width: 155px;
}
#commentform .submit :hover {
   background: #333;
   border: 1px solid #191919;
   text-decoration: underline;
   color: #fff;
}
/* navigation */
.navigation {
   margin: 5px 10px 5px 10px;
   padding: 5px;
}
.navigation .previous {
   float: left;
   margin: 0;
   padding: 0;
}
.navigation .next {
   float: right;
   margin: 0;
   padding: 0;
}
/* footer */
#pages-bottom {
   clear: both;
   margin-top: 10px;
   background: #004469;
}
#pages-bottom a:link, #pages-bottom a:hover, #pages-bottom a:visited, #footer a:link, #footer a:hover, #footer a:visited {
   color: #f0f0f0;
}
#pages-bottom li a {
   margin: 3px 0 3px 0;
   padding: 5px;
}
#pages-bottom .btt {
   float: right;
   padding: 0 5px 0 0;
}
#pages-bottom ul {
   height: 20px;
   margin: 0 5px 0 5px;
   padding: 5px 0 5px 0;
   border-bottom: 1px #999 dotted;
}
#pages-bottom ul li {
   float: left;
   margin: 0;
   padding: 0 3px 0 3px;
   list-style-type: none;
   font-size: 11px;
   line-height: 20px;
}
#pages-bottom ul li ul {
   display: none;
}
#footer {
   padding: 10px 0 10px 0;
   text-align: center;
   font-size: 11px;
   background: #004469;
   color: #f0f0f0;
   clear: both;
}