/*
Theme Name: CleanBlog
Theme URI: http://www.themeforest.com
Description: CleanBlog is a simple & sleek WordPress theme. Enjoy!
Version: 1.0
Author: Justin Scheetz
Author URI: http://www.scheetzdesigns.com/
Tags: blue, green, sleek, simple, clean, smooth, sharp
*/
/* All color changes are right here! ------------------------------- */
/* ----------------------------------------------------------------- */
body { background:#0d2349 url('images/body_bg.gif') repeat-x }
#content { background:#EFE7DC url('images/main_content_bg.gif') }
a { color:#4668A3 }
a:hover { color:#555 }
#header h1 span { color:#777 } /* tagline color */
.search-area .textbox, #searchform .textbox { /* SEARCH TEXTBOX */
color:#555; /* text color */
border:1px solid #6C87B6; /* border color */
background:#FFF } /* background color */
#nav ul li a { /* NAVIGATION */
color:#d6faa7; /* text color */
border-right:1px solid #388f01 } /* link seperator color (the little line) */
#nav ul li a:hover {
background:#7DB63D; /* hover background color */
color:#ffffff } /* text hover color */
#nav li:hover ul,
#nav li.over ul { background:#7DB63D } /* dropdown rollover background color */
#nav ul ul li a:hover { background:#93CB55 } /* dropdown link rollover color */
.widecolumn { background:#EFE7DC } /* Should be same as above */
.post .date { color:#555 } /* Date number color */
.post .date .top { color:#fff } /* Date month color */
.post h2 { border-bottom:1px solid #CFBFA8 } /* Post bottom border color */
.post h2 a { color:#409308 } /* Post title link color */
.post h2 a:hover { color:#555 } /* Post title link hover color */
.full h2 { color:#19376D } /* Post page - title color */
.full .postmetadata {
background:#F7F4ED; /* Meta data background color */
border-top:1px solid #DFD2C0 } /* Meta data top border color */
h2.pagetitle {
background:#F7F4ED; /* Page - title background color */
border-bottom:2px solid #19376D; /* Page - title border color */
color:#19376D } /* Page - title text color */
blockquote p { bcolor:#5B5143 } /* Blockquote text color */
h3 { color:#19376D } /* H3 title text color */
ul.commentlist li {
background:#f6f2ed url('images/comment_bg.gif') no-repeat } /* Comment background color */
ul.commentlist .rightside { border-left:1px solid #cbbba3 } /* Comment line seperator color */
#sidebar h2 { color:#19376D } /* Sidebar title color */
#sidebar p { color:#555 } /* Sidebar text color */
#footer {
border-top:5px solid #56A01C; /* Footer border colors */
border-right:1px solid #56A01C;
border-left:1px solid #56A01C;
background:#2D5B02 } /* Footer background color */
#footer p { color:#FFF } /* Footer text color */
#footer a { color: #C8E7A9 } /* Footer link color */
#footer a:hover { color: #FFF } /* Footer link hover color */
/* ----------------------------------------------------------------- */
/* END COLOR CHANGES ----------------------------------------------- */
/* Main Styles ----------------------------------------------------- */
/* ----------------------------------------------------------------- */
body {
font-family:Arial, Helvetica, sans-serif;
margin:0; padding:0 }
a:active, a:focus { outline:none }
.clear { clear:both; font-size:1px; display:block }
#content {
width:840px;
margin:20px auto 0 auto }
a { text-decoration:underline }
a:hover { text-decoration:none }
/* Header ---------------------------------------------------------- */
/* ----------------------------------------------------------------- */
#header {
width:840px;
height:111px;
position:relative;
background:url('images/header_bg.jpg') no-repeat }
#header h1 {
position:absolute;
top:20px;
left:20px;
width:331px;
height:49px;
margin:0; padding:0;
font-size:1px }
#header h1 a {
display:block;
with:331px;
height:49px;
text-indent:-2000px;
background:url('images/logo.gif') no-repeat }
#header h1 span {
font-size:16px;
font-weight:normal;
position:absolute;
bottom:-22px;
left:0 }
#header .search-area {
display:block;
margin:0; padding:0;
width:400px;
text-align:right;
position:absolute;
right:20px;
top:64px }
.search-area p, #searchform p {
margin:0; padding:0;
display:inline }
.search-area form, #searchform form {
margin:0; padding:0 }
.search-area .textbox, #searchform .textbox {
padding:5px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif }
.search-area .button, #searchform .button {
border:none;
padding:0; margin:0;
background:url('images/button_search.gif') no-repeat;
width:30px;
height:26px }
/* Navigation ------------------------------------------------------ */
/* ----------------------------------------------------------------- */
#nav {
width:840px;
height:42px;
background:url('images/nav_bg.gif') no-repeat;
margin:0; padding:0 }
#nav ul {
list-style:none;
margin:0; padding:0;
width:800px;
height:42px }
#nav ul li {
position:relative;
display:block;
float:left;
height:42px;
margin:0;
padding:0 }
#nav ul li a {
text-decoration:none;
display:block;
padding:13px 20px 13px 20px;
font-size:14px;
font-weight:bold }
#nav ul li a:hover { text-decoration:none }
#nav ul ul {
display: none;
width:200px;
height:auto;
position:absolute;
top:42px;
left:0 }
#nav li > ul {
top: auto;
left: auto }
#nav li:hover ul, #nav li.over ul { z-index:2000px; display: block; width:200px; height:auto; top:42px; left:0 }
#nav ul ul li {
height:auto;
display:block;
float:none;
margin:0; padding:0 }
#nav ul ul li a {
font-size:12px;
height:auto;
padding:8px 10px;
border:none }
/* Main Content ---------------------------------------------------- */
/* ----------------------------------------------------------------- */
#main-content {
width:800px;
margin:0; padding:20px }
.narrowcolumn { width:579px !important; float:left; }
.post { clear:both; margin:0; padding:0 }
.post .date {
display:block;
float:left;
position:relative;
width:46px;
height:28px;
padding:20px 0 0 0;
font-size:22px;
font-weight:bold;
text-align:center;
background:url('images/date_bg.gif') no-repeat;
margin:4px 10px 0 0 }
.post .date .top {
font-size:11px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
display:block;
width:46px;
position:absolute;
top:1px; left:0 }
.post h2 {
width:523px;
float:right;
font-size:22px;
font-weight:normal;
margin:0 0 7px 0;
padding:0 0 5px 0 }
.post h2 a { text-decoration:none }
.post h2 a:hover { text-decoration:none }
.entry { clear:both; }
.entry p { line-height:21px; font-size:14px; margin:0 0 25px 0 }
.full h2 {
font-weight:bold;
border:none !important;
margin:0 0 15px 0 !important;
padding:0 !important;
width:auto !important;
float:none !important }
.post .postmetadata {
float:left;
width:523px;
font-size:12px;
font-style:italic;
padding:0;
margin:0 0 15px 0 }
.full .postmetadata {
float:none;
width:auto;
line-height:18px;
font-size:12px;
font-style:italic;
padding:10px;
margin:0 0 15px 0 }
.post .postmetadata .category {
display:block;
width:323px;
float:left; }
.post .postmetadata .comments {
display:block;
width:200px;
text-align:right;
float:right; }
h2.pagetitle {
margin:0 0 20px 0;
padding:3px 10px 3px 10px;
font-size:22px;
font-weight:bold;
letter-spacing:-1px }
.navigation { width:100%; font-size:12px; margin:0 }
.navigation .alignleft { display:block; float:left; width:49% }
.navigation .alignright { display:block; float:right; width:49%; text-align:right }
blockquote {
display:block;
padding:0 60px 0 60px;
margin:0;
background:url('images/quotes_left.gif') 30px 0 no-repeat }
blockquote p {
margin:0;
padding:0;
font-style:italic;
background:url('images/quotes_right.gif') bottom right no-repeat }
h3 {
font-size:16px;
font-weight:bold }
ul.commentlist {
list-style:none;
width:742px;
margin:0;
padding:0 }
ul.commentlist li {
display:block;
width:742px;
margin:0 0 15px 0 }
ul.commentlist li div {
display:block;
padding:15px 15px 15px 26px;
margin:0;
width:701px;
background:url('images/comment_bottom.gif') bottom no-repeat }
ul.commentlist .leftside { display:block; width:211px; float:left }
ul.commentlist .rightside { display:block; width:489px; float:right }
ul.commentlist img { float:left; margin:0 10px 0 0 }
ul.commentlist cite { font-size:16px; font-weight:bold; font-style:normal; position:relative; top:-2px }
ul.commentlist small { font-size:11px; font-weight:normal; font-style:italic; display:block }
ul.commentlist p { margin:0; padding:0 0 0 15px; line-height:20px; font-size:12px }
#commentform { margin:0; padding:0 }
#commentform p { margin:0 0 15px 0; padding:0 }
#commentform .textarea {
width:600px }
/* Sidebar --------------------------------------------------------- */
/* ----------------------------------------------------------------- */
#sidebar {
font-size:14px;
line-height:20px;
float:left;
width:180px; padding:20px }
#sidebar ul {
list-style:none;
margin:0; padding:0 }
#sidebar h2 {
padding:0;
margin:0 0 10px 0;
font-size:16px }
#sidebar p {
padding:0;
margin:0 0 10px 0 }
#sidebar .archives li {
margin:0 0 4px 0;
display:block;
height:18px;
padding:0 0 0 20px;
background:url('images/cal_icon.gif') 0 4px no-repeat }
#sidebar .categories ul li {
margin:0 0 4px 0;
display:block;
height:18px;
padding:0 0 0 20px;
background:url('images/folder_icon.gif') 0 4px no-repeat }
/* Footer ---------------------------------------------------------- */
/* ----------------------------------------------------------------- */
#footer {
width:798px;
margin:0 auto;
display:block;
padding:20px }
#footer p { padding:0; margin:0; font-size:12px; line-height:20px }