CSS Kodu Nasıl Ayırılır ?

/* 
Theme Name: Stellanova Blue
Theme URI: http://topwpthemes.com/stellanova-blue/
Description: Designed by <a href="http://designed.nu">Design Blog</a> and available FREE at <a href="http://www.zinruss.com/themes/">WordPress Themes Gallery</a>
Author: Design Blog
Author URI: http://designed.nu
© 2008, Design Blog. All rights reserved.
*/

* { margin: 0; padding: 0; }

body {
   background: #0097be url(images/background.jpg) repeat-x top;
   text-align: center;
   margin: 0 auto;
   }
   

/* -------------------
Main Structure
------------------- */
   
#frame {
   width: 980px;
   text-align: left;
   margin: 0 auto;
   background: url(images/framebg.jpg) 0 0 no-repeat;
   }
   
#middle {
   background: url(images/framebg.jpg) 0 0 repeat-y;
   overflow: auto;
   width: 100%;
   }

#content {
   float: left;
   width: 631px;
        padding-left: 0px;
        padding-right: 0px;
        background: #fefefe;
        margin-left: 50px;
   border: 1px solid #b4e4ed;
   }
   
#sidebar {
   float: left;
   width: 230px;
   padding: 0px 0px 10px 12px;
   }
   
/* -------------------
Header
------------------- */

#header {
   height: 110px;
        background: url(images/header.jpg);
        width: 980px;
        height: 288px;
   }
   
.header-title {
   font-family: Tahoma, Verdana, Arial;
   color:#15a1c4;
   font-size:28px;
        font-weight:bold;
   padding:138px 0 0 88px;
   text-align:left;
   }
.header-title a{
   color:#15a1c4;
   text-decoration:none;
   border-bottom:none;
   }
.header-title a:hover{
   color:#15a1c4;
   text-decoration:none;
   border-bottom:none;
   }
.header-description {
        font-family:Tahoma, Arial, Helvetica, sans-serif;
   color:#181818;
   font-size:11px;
   padding:0px 0 0 89px;
   text-align:left;
        font-weight:normal;
   }

.ad468 {
   padding:20px 0 0 89px;
   text-align:left;
   }
   
/* -------------------
Content
------------------- */

#content .post {
   margin: 0 10px 20px 10px;
   }
   
/* general #content definitions */
   
#content h2 {
   color: #181818;
   font: 0.8em Tahoma, Arial, Helvetica, sans-serif;
   margin: 11px 0 8px 0;
        padding: 4px 0px 5px 6px;
        background: url(images/h2-bg.jpg);   
   }

#content h2 a {
   color: #181818;
   text-decoration: none;
   font-weight: bold;
   }

#content h2 a:hover {
   color: #181818;
   text-decoration: none;
   }
   
#content h3 {
   font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   color: #181818;
   font-weight: bold;
        margin-left: 15px;
   }
   
#content h4 {
   font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   color: #181818;
   border-left: 1em solid #a5c1e5;
   padding: 0 0 0 0.5em;
   margin: 1em 0;
   }
   
#content p, #content dl {
   color: #181818;
   font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   }
   
#content p, #content ul, #content ol, #content dl {
   margin: 0 0 0.7em 0;
   }
   
#content li {
   margin: 0 0 0 30px;
   color: #181818;
   font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   }
   
#content dl dt {
   font-weight: bold;
   }
   
#content dl dd {
   margin: 0 0 0.4em 0.5em;
   }
   
#content blockquote {
   margin: 0 0 0 1em;
   border-left: 5px solid #15a1c4;
   padding: 0 0 0 1em;
   color: #181818;
}
   
#content a { color: #15a1c4;   
   font: 1em Tahoma, Arial, Helvetica, sans-serif;
   font-weight: bold;
 }
#content a:hover { color: #15a1c4; }
   
#content .post ul.post-data {   
        border-top: 1px dotted #181818;
   list-style: none;
   font: 0.85em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   padding: 0.1em 0 0.2em 0;
   color: #fefefe;
   margin: 1.3em 0 0 0;
   }

#content .post ul.post-data li {
   color: #181818;
   }
   
#content .post ul.post-data a {
   color: #15a1c4;
        text-decoration: none;
        font-weight:bold;
   }
   
#content .post ul.post-data a:hover {
   color: #15a1c4;
        text-decoration: underline;
        font-weight:bold;
   }

#content .post ul.post-data li.comments {
   float: right;
   margin: 0 0.7em 0 0;
   display: inline;
   font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   }
   
#content .post ul.post-data li.comments a {
   padding: 0 0 0 15px;

   }
   
#content .post ul.post-data li.posted {
   margin: 0 0 0 0.7em;

   }
   
#content .post ul.post-data li.posted a {
   padding: 0 0 0 1px;

   }
   
#content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover {
   background-position: 0 -38px;

   }

.entry {
   margin: 0px 0 0px 0;
   padding: 0px 0 5px 0;
   }

.entry  p {
   margin: 5px 0 5px 0;
   padding: 0;
   }


.entry  img {
      padding: 5px;
      border: 1px dotted #181818;
      }


.entry  img.alignleft {
                float: left;
                margin: 3px 3px 1px 0;
                }

.entry  img.alignright {
                 float: right;
                 margin: 0 3px 1px 3px;
                 }
.ads {
      text-align: center;
   }

.spacer {   padding: 0px;
            text-align: right;
            clear: both;
            text-transform: lowercase;
            }
   

/* -------------------
Comments
------------------- */

#content #comments {
   margin: 0 20px 20px 25px;
   }
   
#content #comments .comment {
   margin: 0 0 2em 0;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
   }
   
#content #comments .comment p, #content #comments .comment li, #content #comments .comment a {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
   color: #a6bcd8;   }
#content #comments .comment a:hover {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #15a1c4; }
   
#content #comments .comment p {
   margin: 0 0 0.8em 0;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
   }
   
#content #comments .comment .comment-data p {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
   color: #15a1c4;
   padding: 0 0 0 22px;
   margin: 1.5em 0 0 0;
   }
   
#content #comments .comment .comment-data p a {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #15a1c4; }
#content #comments .comment .comment-data p a:hover { color: #15a1c4; }

#content #comments form {
   color: #15a1c4;
   font: 0.75em/1.6em Arial, Helvetica, sans-serif;
   }

#content #comments form a { color: #15a1c4; }
#content #comments form a:hover { color: #15a1c4; }
   
   
/* -------------------
Sidebar
------------------- */


   
#sidebar h3 {
   color: #181818;
   font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin: 0 0 0px 0;
        padding: 1px 0px 1px 0px;
        background: url(images/sidebar-h3-bg.jpg);
   border-bottom: 1px solid #181818;
   text-align: center;
   }
   
#sidebar p, #sidebar li {
   color: #181818;
   font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;       
   }
   
#sidebar p, #sidebar ul, #sidebar ol {
   margin: 0 0 16px 0;       
   background: #b4e4ed;
   }
   
#sidebar ul { list-style: none; }

#sidebar ul li {
   padding: 2px 0px 1px 0px;
   list-style-type: circle;
   margin-left: 18px;
   }
   

#sidebar a {
   color: #181818;
   text-decoration: none;
        font-weight:bold;
   }
   
#sidebar a:hover {
   color: #181818;
   text-decoration: underline;
        font-weight:bold;
   }
   
.bottom {
        background: url(images/sidebar-bottom.jpg);
        height: 8px;
   }




/* -------------------
Footer
------------------- */

#footer {
   clear: left;
   background: url(images/footer.jpg);
   height: 63px;
        width: 980px;
        margin: 0px auto;
   }
   
#footer #footertext {
   color: #181818;
   font: 0.7em Tahoma, Arial, Helvetica, sans-serif;
   padding: 10px 0 0 0;
   text-align: center;
   }
   
#footer #footertext a {
   color: #181818;
   text-decoration: none;
   }

#footer #footertext a:hover {
   color: #181818;
   text-decoration: none;
   }
   
#footer #searchform {
   padding: 33px 0 0 30px;
   }
   
#footer #searchform .searchfield {
   height: 17px;
   }
   
#footer #searchform .searchbutton {
   height:22px;
   }



.alt
{

   font: 1em Tahoma, Arial, Helvetica, sans-serif;
}

.commentlist {
        background: #fefefe;

}

.commentlist li {
font: 1em Tahoma, Arial, Helvetica, sans-serif;
width: 563px;
padding-bottom: 1em;
padding-top: 1em;   
}


.commentmetadata
{
   font: 11px Tahoma, Arial, Helvetica, sans-serif;

}

.commentlist cite, .commentlist cite a {
   font-weight:bold;
   font-style:normal;
   font-size:1.1em;
   }


.commentlist p
{
font: 16px Tahoma, Arial, Helvetica, sans-serif;   
}

#commentform {
margin: 2em 0;
margin-left:2em;
width: 565px;
}

#commentform textarea {

background: #f0f8fa;
border: 1px solid #b4e4ed;
width: 565px;
}
#commentform textarea:hover {
background: #f0f8fa;
border: 1px solid #b4e4ed;
}
#commentform textarea:focus {
background: #f0f8fa;
border: 1px solid #b4e4ed;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f0f8fa;
border: 1px solid #b4e4ed;
width: 180px;
height: 15px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #f0f8fa;
border: 1px solid #b4e4ed;
width: 180px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #f0f8fa;
border: 1px solid #b4e4ed;
width: 180px;
}
#commentform input{
margin-bottom: 3px;
}

#commentform #submit {
   margin:0;
   float:left;
        background: url(images/submit-button.jpg);
        color: #181818;
   font: 11px Tahoma, Arial, Helvetica, sans-serif;
   border:1px solid #b4e4ed;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 2px;
        margin-bottom: 10px;
        height: 20px;
   }

.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #fefefe;
background-color:#ffffff;
font-size:12px;
color:#181818;
}