Stylesheet Creation

The style.css will contain all of the elements that style our WordPress template. First though. we will use it to declare the name of our template as well as the author name and link, and description and version. Now remember when creating a WordPress theme, the style.css is one of the two files required to make the theme work, and the other, which we will be creating later, is the index.php.

/*
Theme Name: New WP 3.0
Theme URI: http://www.12345.com
Description: A clean and minimal theme that is completely compatible with WordPress 3.0
Author: Sarib Ali
Author URI: http://abcd.com
Version: 1.0
*/

body{  

    font-family: Arial, Helvetica, Georgia, Sans-serif;

    font-size: 12px;

    background: #d9d9d9;

    color: #000000;

}

a:link, a:visited{

    text-decoration: none;

    color: #000000;

}

a:hover{

    color: #5f5f5f;

}

h1 {

    font-size: 54px;

}

h3 {

    font-size: 24px;

}

#wrapper{

    margin: 0 auto;

    width: 750px;

    text-align: left;

    background: #fff;

    padding: 20px;

     

}

#header{

    width: 750px;

    height: 100px;

}

#blog{

    float: left;

    width: 520px;

    padding: 0 10px 10px 10px;

}

.sidebar{

    float: left;

    width: 200px;

    margin: 0 0 0 10px;

    font-size: 14px;

    list-style: none;

}

#footer{

    clear: both;

    text-align: center;

    height: 50px;

    background: #ccc;

    padding: 10px;

}