- CSS PARLAK TASARIM,EN GÜZEL CSS TASARIMLAR

CSS PARLAK TASARIM,EN GÜZEL CSS TASARIMLAR

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" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Live Demo Theme  </title>
 
<link rel="stylesheet" href="http://www.isoftwarereviews.com/theme-demo/wp-content/themes/glossy-light/style.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://www.isoftwarereviews.com/theme-demo/wp-content/themes/glossy-light/style.css" media="screen" title="style" />
<link rel="alternate" type="application/rss+xml" title="Live Demo Theme RSS Feed" href="http://www.isoftwarereviews.com/theme-demo/feed/" />
<link rel="pingback" href="http://www.isoftwarereviews.com/theme-demo/xmlrpc.php" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.isoftwarereviews.com/theme-demo/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.isoftwarereviews.com/theme-demo/wp-includes/wlwmanifest.xml" />

<body>
<div id="header-bg">
<div id="top-header">
<div id="header">
<div id="headerimg">
<div id="title"><a href="http://www.isoftwarereviews.com/theme-demo/">Live Demo Theme</a></div>

<div class="description">Just another WordPress weblog <form method="get" id="searchform" action="http://www.isoftwarereviews.com/theme-demo/">
<div><input type="text" value="Type and hit enter to search" name="s" id="s" onfocus="if (this.value == 'Type and hit enter to search') {this.value = ''; this.style.color='#333';}" onblur="if (this.value == '') {this.value = 'Type and hit enter to search'; this.style.color='#b0b0b0';}" />
<input type="hidden" id="searchsubmit" value="Search" />
</div>
</form>
</div>
</div>

<div id="menu"><a href="http://www.isoftwarereviews.com/theme-demo/feed/" title="Subscribe To RSS!" class="rss">RSS<span></span></a></div>
<ul id="nav"><li class="current_page_item"><a href="http://www.isoftwarereviews.com/theme-demo" title="Home">Home</a></li><li class="page_item page-item-11"><a href="http://www.isoftwarereviews.com/theme-demo/my-portfolio/" title="My Portfolio">My Portfolio</a></li>
<li class="page_item page-item-2"><a href="http://www.isoftwarereviews.com/theme-demo/about/" title="About Me">About Me</a></li>
<li class="page_item page-item-9"><a href="http://www.isoftwarereviews.com/theme-demo/contact-me/" title="Contact Me">Contact Me</a></li>

<li class="page_item page-item-14"><a href="http://www.isoftwarereviews.com/theme-demo/resources/" title="Resources">Resources</a></li>
</ul>
</div>
<div id="footer-bottom">
<div id="footer-bg">
<div id="page">
<hr />
   <div id="content" class="narrowcolumn">

TASARIMIN ALTINA

<div class="post" id="post-7">   
                 <div><h1 class="posttitle" style="border-bottom: 1px dotted #CECECE; padding-bottom: 7px;"><a href="http://www.isoftwarereviews.com/theme-demo/post-with-image-and-list-styles/" rel="bookmark" title="Permanent Link to Post with Image and List Styles">Post with Image and List Styles</a></h1> <div class="postdata"><span class="category"><a href="http://www.isoftwarereviews.com/theme-demo/category/list-style/" title="View all posts in List Style" rel="category tag">List Style</a></span> <span class="comments"><a href="http://www.isoftwarereviews.com/theme-demo/post-with-image-and-list-styles/#comments" title="Comment on Post with Image and List Styles">1 Comment »</a></span></div>

</div>
<br/>
            <div class="entry" style="border-bottom: 1px solid #CECECE;">
               <h2>Sample Image</h2>
<p>This is sample image I added to the post:</p>
<p><a href="http://www.freewordpressthemes.me/post-with-image-and-list-styles/"><img class="alignnone" style="border:1px solid #e7e6e6;padding:5px;" title="Beautiful Girl Sample Image" src="http://www.isoftwarereviews.com/theme-demo/wp-content/uploads/2009/01/beautiful-girl.png" alt="Beautiful Girl Sample Image" width="350" height="441" /></a></p>
<h2>List Styles</h2>
<h3>Unordered List</h3>
<ul>
<li>List Item 1</li>

<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<h3>Ordered List</h3>
<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ol>

<br/><div class="postdata"> <span class="minidate">January 28th, 2009 </span>  </div><div class="postdata"></div>

</div><br/><br/>
</div><br/>
      
      <div class="post" id="post-5">   
                 <div><h1 class="posttitle" style="border-bottom: 1px dotted #CECECE; padding-bottom: 7px;"><a href="http://www.isoftwarereviews.com/theme-demo/valid-css-and-valid-xhtml-compliant-with-web-standard/" rel="bookmark" title="Permanent Link to Valid CSS and Valid XHTML - Compliant with Web Standard">Valid CSS and Valid XHTML - Compliant with Web Standard</a></h1> <div class="postdata"><span class="category"><a href="http://www.isoftwarereviews.com/theme-demo/category/css/" title="View all posts in CSS" rel="category tag">CSS</a>,  <a href="http://www.isoftwarereviews.com/theme-demo/category/theme-design/" title="View all posts in Theme Design" rel="category tag">Theme Design</a>,  <a href="http://www.isoftwarereviews.com/theme-demo/category/xhtml/" title="View all posts in XHTML" rel="category tag">XHTML</a></span> <span class="comments"><a href="http://www.isoftwarereviews.com/theme-demo/valid-css-and-valid-xhtml-compliant-with-web-standard/#respond" title="Comment on Valid CSS and Valid XHTML - Compliant with Web Standard">0 Comment »</a></span></div>
</div>
<br/>
            <div class="entry" style="border-bottom: 1px solid #CECECE;">

<p>I always try to make the theme which I have designed (both free and paid) compliant with web standard. You will see icons at right bottom of the theme. What is compliant with web standard mean? It means that the theme has been checked with Validation Service and it got valid CSS and XHTML. When you see Valid CSS and Valid XHTML icons, it shows that the theme is checked and no errors found in CSS and XHTML.</p>
<p>When you have the Valid CSS and XHTML icons on your weblog, it will show to your readers that you have taken the care to create an interoperable web page.</p>
<p>As professional designer, compliant with web standard is important.</p>

<br/><div class="postdata"> <span class="minidate">November 22nd, 2008 </span>  </div><div class="postdata"></div>      
</div><br/><br/>
</div><br/>
      
      <div class="navigation">
         <div id="previous-entries"></div>

</div>

<!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.

<li><h2>Author</h2>

<p>A little something about you, the author. Nothing lengthy, just an overview.</p>

</li>

-->

<li><h2>Categories</h2>

<ul>

<li class="cat-item cat-item-3"><a href="http://www.isoftwarereviews.com/theme-demo/category/css/" title="View all posts filed under CSS">CSS</a>
</li>
   <li class="cat-item cat-item-6"><a href="http://www.isoftwarereviews.com/theme-demo/category/list-style/" title="View all posts filed under List Style">List Style</a>
</li>
   <li class="cat-item cat-item-5"><a href="http://www.isoftwarereviews.com/theme-demo/category/theme-design/" title="View all posts filed under Theme Design">Theme Design</a>

</li>
   <li class="cat-item cat-item-4"><a href="http://www.isoftwarereviews.com/theme-demo/category/xhtml/" title="View all posts filed under XHTML">XHTML</a>
</li>

</ul>

</li>

<li><h2>Archives</h2>

<ul>

<li><a href='http://www.isoftwarereviews.com/theme-demo/2009/01/' title='January 2009'>January 2009</a></li>
   <li><a href='http://www.isoftwarereviews.com/theme-demo/2008/11/' title='November 2008'>November 2008</a></li>

</ul>

</li>

<li><h2>Recent Posts</h2>

<ul>
               <li class="sidebarrecentpost"><a href="http://www.isoftwarereviews.com/theme-demo/post-with-image-and-list-styles/" rel="bookmark" title="Permanent Link to Post with Image and List Styles">Post with Image and List Styles</a></li>

<li class="sidebarrecentpost"><a href="http://www.isoftwarereviews.com/theme-demo/valid-css-and-valid-xhtml-compliant-with-web-standard/" rel="bookmark" title="Permanent Link to Valid CSS and Valid XHTML - Compliant with Web Standard">Valid CSS and Valid XHTML - Compliant with Web Standard</a></li>

</ul></li>
                     
                    <li><h2>Blogroll</h2>

<ul>
               <li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>

</ul></li>

</ul>

</div>

<div id="footer">
<div class="categorytitle">Categories</div>

<div id="scategory">
<ul>
   <li class="cat-item cat-item-3"><a href="http://www.isoftwarereviews.com/theme-demo/category/css/" title="View all posts filed under CSS">CSS</a>
</li>
   <li class="cat-item cat-item-6"><a href="http://www.isoftwarereviews.com/theme-demo/category/list-style/" title="View all posts filed under List Style">List Style</a>
</li>
   <li class="cat-item cat-item-5"><a href="http://www.isoftwarereviews.com/theme-demo/category/theme-design/" title="View all posts filed under Theme Design">Theme Design</a>
</li>
   <li class="cat-item cat-item-4"><a href="http://www.isoftwarereviews.com/theme-demo/category/xhtml/" title="View all posts filed under XHTML">XHTML</a>

</li>
</ul>
</div>
<div class="about-me">About Me</div>
<div class="about-me-text">
  <p><a href="http://www.isoftwarereviews.com/theme-demo/about/"><img alt="" src="http://www.isoftwarereviews.com/theme-demo/wp-content/themes/glossy-light/images/your-photo.jpg"/></a>Write about yourseft, This is just a sample: Welcome to iSoftwareReviews where you can find reviews, ratings, comparisons about variety of computer software programs. </p>
  <p>Hi, my name ChanDara and I am a software programmer, web design and development, graphics designer, software trainer, software consultant. And I have worked in IT for more than... <a href="http://www.isoftwarereviews.com/theme-demo/about/">Read more</a></p>
</div>
</div>
<div class="footercr">
<span class="copyright">Copyright © 2009 Live Demo Theme All Rights Reserved Adaptacion by <b>mmstt.es.tl</b></span>

<span class="xhtml"><a href="http://validator.w3.org/check?uri=http://www.isoftwarereviews.com/theme-demo" title="This page validates as XHTML 1.0 Transitional">XHTML</a></span>
<span class="css"><a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.isoftwarereviews.com/theme-demo&usermedium=all" title="This document validates as CSS level 2.1">CSS</a></span>
<span class="credits"><a href="http://www.isoftwarereviews.com/wp-theme/" target="_blank">WP THEME</a> by <a href="http://www.isoftwarereviews.com" target="_blank">I SOFTWARE REVIEWS</a></span></div>

</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3359013-4");
pageTracker._trackPageview();
</script>
</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;}

/* 
Adaptacion by mmstt.es.tl

Author URI: http://www.isoftwarereviews.com/
*/

/* Begin Typography & Colors */
body {
   font-size: 62.5%; /* Resets 1em to 10px */
   font-family: Helvetica, Arial, Sans-Serif;
   background: #070a0a url('http://i42.tinypic.com/vi31h4.jpg') repeat-y center;
   color: #333;
   text-align:left;
   }

ul li{
   list-style: url('http://i39.tinypic.com/33uzfax.gif');
   }

#footer-bottom {
   background: url('http://i43.tinypic.com/14y4x0k.jpg') repeat-x bottom;
   }

#top-header{
   background: url('http://i42.tinypic.com/2rdhgso.jpg') no-repeat top center;
   }

#header-bg{
   background: url('http://i44.tinypic.com/s151cy.png') repeat-x;
   }

#footer-bg{
   background: url('http://i42.tinypic.com/2a9blw4.jpg') no-repeat bottom center;
   }

#header {
   background:none;
   }
   
#page {
   background: none;
   text-align: left;
   }

#content {
   font-size: 13px;
   }

.narrowcolumn .postmetadata {
   text-align: center;
   }
.entry {
   font-family: Helvetica, Arial, Sans-Serif;
   padding: 10px 0px 5px;
   clear: both;
   font-size: 13px;
   line-height: 1.6em;
   }

.entry ul li {
   line-height: 1.5em;
   font-size: 12px;
   }

.alt {
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #ddd;
   }

small {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 0.9em;
   line-height: 1.5em;
   }

.pagetitle  {
   font-size: 1.8em;
   text-align: left;
   font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
   font-weight: bold;
   color: #dc3400;
   }

.posttitle  {
   font-size: 1.1em;
   text-align: left;
   font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
   font-weight: bold;
   color: #dc3400;
    }

.posttitle a {
   font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
   font-weight: bold;
   color: #dc3400;
   text-decoration: none;
   }

.posttitle a:hover {
   font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
   font-weight: bold;
   color: #356569;
   text-decoration: none;
   }

h1, h1 a {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 1.5em;
   text-align: left;
   font-weight: bold;
   color: #333;
   }

h1 a:hover{
   color: #ff6c00;
   text-decoration: none;
   }
   
#title {
   font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
   font-weight: bold;
   font-size: 2.8em;
   text-align: left;
   padding:130px 0 0 40px;
   }

#title a{
   color: #ccc;
   text-decoration: none;
   }

#headerimg .description {
   font-size: 1.2em;
   text-align: left;
   padding-left:40px;
   text-decoration: none;
   color: #ccc;
   }

h2 {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 1.3em;
   }

h3{
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 1.1em;
   }

h4{
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 1em;
   font-weight: bold;
   }

h5{
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 0.9em;
   font-weight: bold;
   }

h6{
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 0.9em;
   font-weight: bold;
   }

#sidebar h2 {
   font-size: 1.2em;
   }
#sidebar h2, #wp-calendar caption, cite {
   text-decoration: none;
   }

.entry p a:visited {
   color: #b85b5a;
   }

.commentlist li, #commentform input, #commentform textarea {
   font: 12px Arial, Helvetica, Sans-Serif;
   clear: both;
   }

.commentlist cite, .commentlist cite a {
   font-weight: bold;
   font-style: normal;
   font-size: 13px;
   width: 160px;
   }

.commentlist p {
   font-weight: normal;
   line-height: 1.5em;
   text-transform: none;
   margin-left: 180px;
   }

#commentform p {
   font-family: Arial, Helvetica, Sans-Serif;
   }

.commentmetadata a, .commentmetadata a:hover{
   font-weight: normal;
   color: #999;
   }

#sidebar {
   font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
   }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
   color: #777;
   }

code {
   font: 1.1em 'Courier New', Courier, Fixed;
   }

acronym, abbr, span.caps {
   font-size: 0.9em;
   letter-spacing: .07em;
   }

a {
   color: #0066CC;
   text-decoration: none;
   outline:none;
   }

a:hover {
   color: #0066FF;
   text-decoration: underline;
   }

#wp-calendar #prev a, #wp-calendar #next a {
   font-size: 9pt;
   }

#wp-calendar a {
   text-decoration: none;
   }

#wp-calendar caption {
   font:120%/100% Arial, Helvetica, sans-serif;
   text-align: center;
   text-transform:uppercase;
   }

#wp-calendar th {
   font-style: normal;
   text-transform: capitalize;
   }

.post {
   clear:both;
   padding-top: 15px;
   }

.post h2 a{
   color:#356569;
   }

.post h2 a:hover{
   color:#dc3400;
   text-decoration:none;
   }

.footercr{
   padding-bottom:39px;
   margin-right:15px;
   clear:both;
   }
.copyright{
   float:left;
   color:#92a591;
   font-size:11px;
   margin-left:20px;
   }
.xhtml, .css{
   margin-left:8px;
   float:right;
   }
.xhtml a{
   background:url(http://i40.tinypic.com/2dgkjvd.gif) no-repeat left center;
   padding:5px 0 5px 18px;
   color:#ef2983;
   text-decoration:none;
   }
.xhtml a:hover, .css a:hover{
   color:#92a591;
   text-decoration:underline;
   }
.css a{
   background:url(http://i43.tinypic.com/dqgpvp.gif) no-repeat left center;
   padding:5px 0 5px 18px;
   color:#71da51;
   text-decoration:none;
   }

.credits{
   margin-left:8px;
   float:right;
   color:#CCC;
   }
   
.credits  a{
   color:#00ccff;
   text-decoration:underline;
   }

.credits  a:hover{
   color:#92a591;
   text-decoration:underline;
   }

#menu{
   list-style:none;
   position:relative;
   }
   
#menu span{
   display:none;
   position:absolute;
   }
   
#menu a{
   display:block;
   text-indent:-900%;
   position:absolute;
   }
   
#menu a:hover{
   background-position:left bottom;
   }
   
#menu a:hover span{
   display:block;
   }
   
#menu .rss{
   width:120px;height:35px;
   background:url('http://i39.tinypic.com/10dvzb8.png') no-repeat;
   left:792px;
   top:-50px;
   }

/* End Typography & Colors */

/* Begin Structure */
body {
   margin: 0 0 0 0;
   }

#page {
   margin: 0px auto;
   width: 930px;
   }

#header {
   height: 230px;
   margin: 0px auto;
   width: 930px;
   }

#headerimg {
   margin: 0px auto;
   width: 930px;
   height:230px;
   }

.pagecolumn {
   float: left;
   padding: 25px 0 20px 40px;
   margin: 0px 0 0;
   width: 535px;
   }

.narrowcolumn {
   float: left;
   padding: 15px 0 20px 40px;
   margin: 0px 0 0;
   width: 535px;
   }

.narrowcolumn .postmetadata {
   padding-top: 5px;
   }

.postmetadata {
   clear: left;
   }

#footer{
   height:290px;
   width:930px;
   clear:both;
   }

.categorytitle{
   font-family:Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight:bold;
   color:#7ea604;
   width:540px;
   text-align:left;
   margin-left:35px;
   border-bottom:1px solid #999;
   }
#scategory{
   float:left;
   width:600px;
   margin-left:-5px;
   }
#scategory ul li{
   list-style: none;
   float:left;
   width:170px;
   font-size:12px;
   line-height:1.4em;
   margin-right:10px;
   }
#scategory a{
   padding:5px;
   display:block;
   color:#CCC;
   border-bottom:1px dotted #091011;
   text-decoration:none;
   }
   
#scategory a:hover{
   color:#FFF;
   background:#091011;
   }

.about-me{
   margin-top:-15px;
   float:right;
   text-align:left;
   width:270px;
   font:bold 14px Arial;
   color:#d4d4d4;
   padding-bottom:10px;
   border-bottom:1px solid #999;
   margin-right:23px;
   }
.about-me-text{
   margin-right:23px;
   width:270px;
   height:200px;
   padding-top:15px;
   font-size:12px;
   color:#a0a0a0;
   float:right;
   text-align:left;
   }
.about-me-text img{
   float:left;
   margin:2px 10px 2px 0;
   border:1px solid #333;
   padding:3px;
   }

.about-me-text a{
   text-decoration:underline;
   font-weight:bold;
   }

#nav{
   position:relative;
   height:35px;
   margin:-173px 0 0 15px;
   padding:0px;
   overflow:hidden;
   }

#nav li{
   float:left;
   list-style:none;
   }

#nav li.back{
   position:absolute;
   background:url("http://i40.tinypic.com/1491kb4.png") repeat-x;
   height:35px;
   z-index:8;
   }

#nav li a{
   font:bold 11px Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   color:#595a37;
   top:11px;
   display:block;
   float:left;
   height:35px;
   position:relative;
   overflow:hidden;
   padding:0px 15px 0px 15px;
   text-decoration:none;
   z-index:10;
   }

#nav .current_page_item a, #nav .current_page_item a:visited, #nav .page_item a:hover{
   color:#fff;
   }
#nav .page_item a{
   color:#333;
   }

/* End Structure */

/*   Begin Headers */
h1 {
   padding-top: 5px;
   margin: 0;
   }

h2 {
   margin: 30px 0 0;
   }

h2.pagetitle {
   margin-top: 30px;
   text-align: center;
   }

#sidebar h2 {
   margin: 5px 0 0;
   padding: 0;
   }

/* End Headers */

/* Begin Images */
p img {
   padding:0;
   max-width: 100%;
   }

/*   Using 'class="alignright"' on an image will (who would've

thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
   align="center", being much more futureproof (and valid) */

img.centered, .aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
   }

img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
   }

.alignright {
   float: right;
   }

.alignleft {
   float: left;
   }

/* End Images */

/* Begin Lists

Special stylized non-IE bullets
   Do not work in Internet Explorer, which merely default to normal bullets. */

.postmetadata ul, .postmetadata li {
   display: inline;
   list-style-type: none;
   list-style-image: none;
   }

#sidebar ul, #sidebar ul ol {
   margin: 0;
   padding: 0;
   }

#sidebar ul li {
   list-style-type: none;
   list-style-image: none;
   margin-bottom: 15px;
   }

#sidebar ul p, #sidebar ul select {
   margin: 5px 0 8px;
   }

#sidebar ul ul, #sidebar ul ol {
   margin: 5px 0 0 10px;
   }

#sidebar ul ul ul, #sidebar ul ol {
   margin: 0 0 0 10px;
   }

#sidebar ul ol li {
   list-style: decimal outside;
   }

#sidebar ul ul li, #sidebar ul ol li {
   margin: 3px 0 0;
   padding: 0;
   }
/* End Entry Lists */

/* Begin Form Elements */
#searchform {
   text-align: center;
   margin: -70px 0 0 560px;
   height: 43px;
   }

#searchform #s {
   border:1px solid #203346;
   width: 265px;
   height: 20px;
   background: #fff;
   padding:4px 5px 0 5px;
   margin: 7px 2px;
   font-weight: normal;
   color:#b0b0b0;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
   text-align:center;
   }

select {
   width: 130px;
   }

#commentform input {
   width: 170px;
   padding: 2px;
   margin: 5px 5px 1px 0;
   }

#commentform textarea {
   width: 99%;
   padding: 2px;
   }

#commentform #submit {
   margin:0 -2px 50px 0;
   background: url('http://i42.tinypic.com/2wfnzh0.gif') no-repeat;
   font: bold 12px Arial, Helvetica, sans-serif;
   color: #fff;
   border: none;
   float:right;
   width: 143px;
   height: 27px;
   cursor: pointer;
   }
/* End Form Elements */

/* Begin Comments*/
.alt {
   margin: 0 0 0 0px;
   padding: 10px 10px 10px 10px;
   }
.commentlist {
   margin: 0 0 0 0px;
   padding: 0px;
   text-align: justify;
   list-style: none;
   }

.commentlist li{
   margin: 0;
   padding: 10px 10px 10px 10px;
   }

#commentform p {
   margin: 5px 0;
   }

.nocomments {
   text-align: center;
   margin: 0;
   padding: 0;
   }

/* End Comments */

/* Begin Mini Icons */

.postdata {
   font-size: 12px;
   color: #999999;
   padding: 5px 0 5px 0;
   line-height: 1.3em;
   }

.postdata a, .postdata a:visited {
   color: #999999;
   text-decoration: none;
   }

.postdata a:hover {
   color: #06c;
   text-decoration: none;
   }

.postdata .category{
   background: url('http://i43.tinypic.com/2iuuwep.gif') no-repeat;
   padding-left: 18px;
   float: left;
   }

.postdata .comments{
   background: url('http://i39.tinypic.com/mmwt2b.gif') no-repeat;
   padding-left: 18px;
   float: right;
   }

.postdata .add-comment{
   background: url('http://i44.tinypic.com/302awt3.gif') no-repeat;
   padding-left: 18px;
   float: right;
   }

.postdata .minidate{
   background: url('http://i42.tinypic.com/2v3q6hy.gif') no-repeat;
   padding-left: 18px;
   float: left;
   }
/* End Mini Icons */

/* Begin Sidebar */
#sidebar{
   font-family: Arial;
   padding: 20px 0 10px 0;
   width: 270px;
   float: left;
   overflow: hidden;
   margin-left: 60px;
   }

#sidebar form {
   margin: 0;
   }

#sidebar h2 {
   height: 19px;
   padding: 4px 5px 4px 5px;
   font:125%/100% Arial, Helvetica, sans-serif;
   color: #000;
   text-align: left;
    border-bottom: 1px solid #999;
   text-transform:uppercase;
   }

#sidebar ul ul{
   padding: 5px;
   margin: 0px;
   text-align:left;
   }

#sidebar ul li ul li{
   padding: 5px 0 5px 0px;
   border-bottom: 1px dotted #e1e3e3;
   font-size: 12px;
   }

#sidebar .sidebarrecentpost{
   padding: 5px 0px 5px 0px;
   border-bottom: 1px dotted #e1e3e3;
   font-size: 12px;
   }
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
   empty-cells: show;
   margin: 10px auto 0;
   width: 175px;
   border: 1px solid #999999;
   }

#wp-calendar #next a {
   padding-right: 10px;
   text-align: right;
   }

#wp-calendar #prev a {
   padding-left: 10px;
   text-align: left;
   }

#wp-calendar a {
   display: block;
   }

#wp-calendar caption {
   text-align: center;
   width: 100%;
   }

#wp-calendar td {
   padding: 3px 0;
   text-align: center;
   }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
   background-color: #fff;
   }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
   cursor: help;
   }
acronym, abbr {
   border-bottom: 1px dashed #999;
   }

blockquote {
   margin: 15px 30px 0 10px;
   padding-left: 20px;
   border-left: 5px solid #ddd;
   }

blockquote cite {
   margin: 5px 0 0;
   display: block;
   }

.center {
   text-align: center;
   }

hr {
   display: none;
   }

a img {
   border: none;
   }

.navigation {
   display: block;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 60px;
   }

#previous-entries a{
   background: url('http://i44.tinypic.com/etw7c2.gif') no-repeat;
   padding-left: 18px;
   float: left;
   }

#next-entries a{
   background: url('http://i39.tinypic.com/20ibnq.gif') no-repeat right;
   padding-right: 18px;
   float: right;
   }

pre {
   border:1px #ddd dotted;
   background:#f7f7f7;
   padding:0 15px 0 10px;
   font-family: "Consolas", "Lucida Console", "Courier New", monospace;
   float:left;
   margin-bottom: 15px;
   overflow: auto;
   width: 520px;
   }
/* End Various Tags & Classes*/

/* Gravatars Style*/
   .gravs {
   margin-top:20px;
   }
   .avatar {
   float:left;
   margin-right:5px;
   margin-bottom:5px;
   padding:3px;
   border:1px solid #999;
   }

/* End Gravatars Style*/