body {
        margin: 20px;
        padding: 0;
        background: #D4D4D4 url(images/img1.gif);
        font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
        color: #000000;
}

h1, h2, h3, h4, h5, h6, form {
        margin: 0;
        padding: 0;
}

a {
        background: url(images/img10.gif) repeat-x left bottom;
        text-decoration: none;
        color: #0030ff;
}

a:hover {
        background-image: none;
}




#tagcloud {
        width: 720px;
        height: 235px;
        margin: 0 auto;
        padding: 20px;
        background: transparent
}

#tagcloud a:hover {
        background: url(images/img10.gif) repeat-x left bottom;
        text-decoration: none;
        color: #0030ff;
}

#tagcloud a {
        background-image: none;
}




.content ul {
        margin-top: 0;
}

/* Teal Notes */

.tealnotes {
}

/* Yellow Notes */

.yellownotes {
        margin-bottom: 20px;
        background: #fef500 url(images/img2.gif) no-repeat left bottom;
}

.yellownotes .heading {
        height: 50px;
        padding: 10px;
        background: url(images/img3.gif) repeat-x left center;
}

.yellownotes .content {
        padding: 0 20px 60px 20px;
}

/* Orange Notes */

.orangenotes {
        margin-bottom: 20px;
        background: #fef500 url(images/img6.gif) no-repeat left bottom;
}

.orangenotes .heading {
        height: 50px;
        padding: 10px;
        background: url(images/img7.gif) repeat-x left center;
}

.orangenotes .content {
        padding: 0 20px 60px 20px;
}

/* Green Notes */

.greennotes {
        margin-bottom: 20px;
        background: #9ded00 url(images/img4.gif) no-repeat left bottom;
}

.greennotes .heading {
        height: 50px;
        padding: 10px;
        background: url(images/img5.gif) repeat-x left center;
}

.greennotes .content {
        padding: 0 20px 60px 20px;
}

/* Header */

#header {
        width: 720px;
        height: 100px;
        margin: 0 auto;
        padding: 20px;
        background: #00d9e9 url(images/img8.gif) no-repeat left bottom;
}

#header h1, #header h2 {
        float: left;
        margin: 0;
        padding: 0;
}

#header a {
        background: none;
}

/* Pages */

#pages {
        width: 560px;
        margin: -50px auto 50px auto;
        padding-left: 200px;
}

#pages h2 {
        float: left;
        margin: 0;
        padding: 0;
        font-size: 1em;
}

#pages ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#pages li {
        display: inline;
        padding-left: 1em;
}

#pages a {
}

/* Content */

#content {
        width: 760px;
        margin: 0 auto;
}

/* Posts */

#posts {
        float: left;
        width: 490px;
}

.post {
        margin-bottom: 20px;
        background: #ffbf00 url(images/img9.gif) repeat-x left top;
}

.post2 {
        margin-bottom: 20px;
        background: #ffbf00 url(images/img9_2.gif) repeat-x left top;
}

.title {
        padding: 5px 20px;
}

.posted {
        padding: 0 0 0 20px;
        font-size: small;
}

.story {
        padding: 20px;
}

.meta {
        height: 60px;
        padding: 40px 0 0 0;
        background: url(images/img8.gif) no-repeat left bottom;
}

.meta p {
        margin: 0;
        padding: 0 20px 0 0;
        text-align: right;
}

.meta2 {
        height: 60px;
        padding: 40px 0 0 0;
        background: url(images/img8_2.gif) no-repeat left bottom;
}

.meta2 p {
        margin: 0;
        padding: 0 20px 0 0;
        text-align: right;
}

/* Search */

#search {
        float: right;
        width: 250px;
}

#search .content {
        padding-bottom: 100px;
}

/* Archives */

#archives {
        clear: right;
        float: right;
        width: 250px;
}

/* Categories */

#categories {
        clear: right;
        float: right;
        width: 250px;
}

/* Blogroll */

#blogroll {
        clear: right;
        float: right;
        width: 250px;
}

/* Footer */

#footer {
        clear: both;
        text-align: center;
}