0.  CSS Reset  -------------------------  All Theme Files
1.  Basic Setup  -----------------------  All Theme Files
2.  Header Styles  ---------------------  header.php
3.  Navigation Styles  -----------------  header.php
4.  Widget Styles  ---------------------  header.php
5.  Gallery Styles  --------------------  home.php, index.php
6.  Post Styles  -----------------------  single.php, page.php
7.  Images  ----------------------------  single.php, page.php
8.  Post Comment Styles ----------------  comments.php
9.  Footer Styles  ---------------------  footer.php

**********************************************************************************************/


/********************************************************************************************* 

0.  CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
margin: 0 0 5px 0;
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


/*********************************************************************************************

1.  Basic Setup  -----------------------  All Theme Files

*********************************************************************************************/
body {
background: #FFFFFF url(images/bg.jpg) repeat fixed;
width: auto;
height: auto;
font-family: Helvetica, Arial;
font-size: 12px;
line-height: 18px;
color: #525252;
}

a:link, a:visited {
color: #525252;
}

a:hover {
color: #323232;
}

h1 {
font-size: 20px;
}

h2 {
font-size: 10px;
}

h3 {
font-size: 16px;
}

h4 {
font-size: 14px;
}

blockquote {
padding: 0 0 0 15px;
font-style: italic;
border-left: 1px solid #525252;
}

strong {
font-weight: bold;
}

abbr,acronym {
border-bottom: 1px dotted;
cursor: help;
} 

em {font-style: italic;}
ol,ul {margin: 0;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}

th,td {
border: 1px solid;
padding: 8px;
}

th {
font-weight:bold;
text-align:center;
}

caption {
margin-bottom: 8px;
text-align: center;
}

p,fieldset,table {margin-bottom: 20px;}
a:link, a:visited {text-decoration: none;}

:focus {
outline: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

#wrapper {
float: left;
width: 840px;
}


/*********************************************************************************************

2.  Header Styles  ---------------------  header.php

*********************************************************************************************/
#header {
color: #C5C5C5;
width: 275px;
float: left;
}

#logo {
float: left;
margin: -15px 0 -23px -8px;
}

#header h1 {
font-size: 28px;
font-weight: bold;
margin: 35px 0 0 30px;
}

#header a {
background: none;
color: #FFFFFF;
}

#header a:hover {
color: #ffffff;
}

#content {
width: 525px;
float: left;
padding: 15px 0 15px 15px;
}


/*********************************************************************************************

3.  Navigation Styles  -----------------  header.php

*********************************************************************************************/
#navigation {
float: left;
}

#navigation ul {
width: 255px;
font-size: 14px;
padding: 0 0 0px 0;
margin: 5px 0 0px -10px;
}

#navigation ul li {
text-align: right;
padding: 5px 0 0px 15px;
}

#navigation ul ul {
background: none;
margin: 10px 0 -15px -30px;
}

#navigation ul ul li a {
background: url(images/bullet.png) top left no-repeat;
padding: 0 0 0 20px;
}

#navigation ul ul ul li a {
background: url(images/bullet-bullet.png) top left no-repeat;
padding: 0 0 0 38px;
}


/*********************************************************************************************

4.  Widget Styles  ---------------------  header.php

*********************************************************************************************/
#widgets {
float: left;

margin: -5px 0 -23px -8px;
font-size: 11px;
line-height: 15px;
color: #AEAEAE;
}

#widgets a {
color: #EBEBEB;
}

#widgets h3 {
font-size: 14px;
margin: 0 0 2px 0;
color: #EBEBEB;
}

.widget {
float: left;
padding: 0 50px 40px 0;
}

img.sidebar-ad {
float: left;
margin: 0 0 20px 30px;
}


/*********************************************************************************************

5.  Gallery Styles  --------------------  home.php, index.php

*********************************************************************************************/
.thumbnail { 
background: url(images/thumbnail.png) top left no-repeat;
width: 229px;
height: 234px;
float: left;
margin: 0 25px 20px 0;
overflow: hidden;
}

.gallery-item { 
width: 225px;
height: 225px;
float: left;
overflow: hidden; 
position: relative; 
margin: 2px 0 0 2px;
line-height: 15px;
}

.gallery-item img { 
position: absolute; 
top: 0; 
left: 0;
}

.item-caption { 
background: url(images/caption.png) repeat;
float: left; 
position: absolute; 
height: 150px; 
width: 225px;
}

.gallery-item h2 {
font-size: 14px;
margin: 8px 0 6px 8px;
}

.gallery-item p {
margin: 0 0 6px 0;
padding: 0 10px 6px 8px;
}

.gallery-item ul {
margin: 0 0 0 8px;
}

.gallery-item li {
margin: 0;
padding: 0 0 0 20px;
}

li.date {
background: url(images/date.png) left no-repeat;
}

li.preview {
background: url(images/preview.png) left no-repeat;
}

li.comments {
background: url(images/comments.png) left no-repeat;
}


/*********************************************************************************************

6.  Post Styles  -----------------------  single.php, page.php

*********************************************************************************************/
#post-content {
width: 525px;
float: left;
padding: 0 0 20px 0;
}

#page-content {
width: 525px;
float: left;
}

.post, .page {
width: 525px;
float: left;
}

#gallery {
width: 840PX;
}

#paginate {
background: url(images/divider.png) top left repeat-x;
width: 525px;
float: left;
margin: 20px 0 4px 0;
padding: 5px 0 0 0;
}

h2.post-title {
background: #2aada7;
float: left;
padding: 6px 10px 7px 10px;
margin: 0 0 10px 0;
text-transform: uppercase;
color: #FFFFFF;
}

h2.post-title:hover {
background: #4b5658;
}

h2.post-title a {
color: #FFFFFF;
}

.categories {
width: 525px;
float: left;
margin: 0 0 40px 0;
}

.categories-twitter {
margin: -20px 0 40px 0;
}

.categories a {
background: #FFFFFF;
padding: 3px 8px 3px 8px;
font-size: 11px;
color: #777777;
margin: 0 2px 0 0;
}

.categories a:hover {
background: #EAF4F9;
}

.full-image {
float: left;
margin: 0 0 0px 0;
text-align: center;
}

.full-image img {
margin: 0px 0 0px 0;
padding: 0;
}

.post-date {
position: absolute;
margin: -32px 0 0 20px;
color: #999999;
}

.the-content {
width: 525px;
float: left;
margin: 0 0 20px 0;
}

.the-content ul {
margin: 0 0 15px 0;
}

.the-content ul li {

padding: 0 0 0 15px;
}

.the-content ol {
margin: 0 0 15px 15px;
}

.noting-here {
margin: 0;
padding: 0;
}

.twitter-share-button {
float: right;
}


/*********************************************************************************************

7.  Images  ----------------------------  single.php, page.php

*********************************************************************************************/
.the-content img {
margin: 0;
height: auto;
max-width: 525px;
width: auto;
}

.the-content .alignleft,
.the-content img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}

.the-content .alignright,
.the-content img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}

.the-content .aligncenter,
.the-content img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

.the-content img.alignleft,
.the-content img.alignright,
.the-content img.aligncenter {
margin-bottom: 12px;
}

.the-content .wp-caption {
background: url(images/divider.png) repeat;
line-height: 18px;
margin-bottom: 20px;
padding: 4px;
text-align: center;
}

.the-content .wp-caption img {
margin: 5px 5px 0;
}

.the-content .wp-caption p.wp-caption-text {
color: #999999;
font-size: 12px;
margin: 5px;
}

.the-content .wp-smiley {
margin: 0;
}

.the-content .gallery {
margin: 0 auto 18px;
}

.the-content .gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}

.the-content .gallery img {
border: 2px solid #cfcfcf;
}

.the-content .gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}

.the-content .gallery dl {
margin: 0;
}

.the-content .gallery img {
border: 10px solid #f1f1f1;
}

.the-content .gallery br+br {
display: none;
}

.the-content .attachment img { /* single attachment images should be centered */
display: block;
margin: 0 auto;
}


/*********************************************************************************************

8.  Post Comment Styles ----------------  comments.php

*********************************************************************************************/
#comments-meta {
background: url(images/divider.png) top left repeat-x;
width: 525px;
float: left;
}

#comments {
background: url(images/divider.png) top left repeat-x;
width: 525px;
float: left;
}

#comments-meta p {
margin: 0;
padding: 5px 0 5px 0;
}

#comments ol {
margin: 0 0 20px 0;
}

#comments ol li {
list-style: none;
}

ol.commentlist li {
background: url(images/comment.png) top left no-repeat;
padding: 10px 0 0 32px;
margin: 20px 0 20px 0;
}

ol.commentlist li.alt {
background: url(images/comment.png) top left no-repeat;
padding: 10px 0 0 32px;
margin: 20px 0 20px 0;
}

ol.commentlist li ul.children { 
list-style: none; 
text-indent: 0; 
}

ol.commentlist li ul.children li {
background: url(images/comment.png) top left no-repeat;
padding: 10px 0 0 32px;
margin: 20px 0 20px 0;
}

ol.commentlist li ul.children li.alt {
background: url(images/comment.png) top left no-repeat;
padding: 10px 0 0 32px;
margin: 20px 0 20px 0;
}

.comment-meta {
font-size: 11px;
margin: 0 0 12px 0;
}

span.says {
display: none;
}

.comment-author {
font-size: 14px;
}

.avatar {
background: url(images/divider.png) repeat;
float: right;
margin: -8px 0 20px 20px;
padding: 8px;
}

div.reply {
font-size: 11px;
}

div.reply a {
background: url(images/comments.png) left no-repeat;
padding: 0 0 0 18px;
}

.cancel-comment-reply a {
display: none;
}

#respond {
width: 100%;
padding: 20px 0 34px 0;
}

#author, #email, #url, #comment {
background: #FFFFFF url(images/fields.jpg) top left repeat-x;
border: none;
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 6px 4px 6px 4px;
}

#author, #email, #url {
width: 200px;
margin: 0 10px 0 0;
}

#comment {
width: 98%;
max-width: 525px;
}

input#submit {
border: none;
background: #4b5658;
float: left;
margin: 0 0 20px 0;
padding: 5px 10px 6px 10px;
text-transform: uppercase;
cursor: pointer;
color: #FFFFFF;
}

input#submit:hover {
background: #2aada7;
}


/*********************************************************************************************

9.  Footer Styles  ---------------------  footer.php

*********************************************************************************************/
#footer {
width: 525px;
float: left;
padding: 40px 0 40px 0;
}

#footer a {
background: #EBEBEB;
}

#footer a:hover {
background: #DBDBDB;
}

#footer h3 {
font-size: 14px;
}

#footer p {
margin: 0;
padding: 0;
}