#page
{
	background-color: #999;
}

#page_top h1 a
{
    color: #fff;
}

#page_top h1 a:hover
{
    text-decoration: none;
    color: #fff;
}

.ccolumn h1
{
    font-size: 26px;
    margin-bottom: 10px;
}

#blog .ccolumn h2
{
	margin-top: 40px;
}

/*
  Matches a .node class immediately followed by a .item-list class.
  In our case, it's the first node in the blog index page
  */
#blog .item-list + .node
{
	position: relative;
	top: -25px;
}

#blog .node h3
{
    font-size: 14px;
    margin-top: 25px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.node_read_more
{
    display: none;
}

#blog
{
    background-color: white;
}

#blog .content {
    margin-top: 20px;
}

#blog .content a {
/*     border-bottom: 1px solid #999; */
}

#blog a {
    color: #333;
}

#blog a:hover
{
    text-decoration: none;
}

#blog code {
    font-family: Monaco, monospace;
    font-size: 11px;
}

#blog pre {
    padding: 7px;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    width: 100%;
    overflow-x: auto; overflow-y: auto;
}

#blog pre code {
    font-size: 10px;
}

#blog_top
{
    background: transparent url(../images/blog_stripe.png) repeat-x top;
    height: 80px;
}

#blog .ccolumn
{
    float: none;
    margin: 0 auto;
    width: 550px;
    border: 0;
    padding-bottom: 50px;
}

/* #blog .node:first-child h2 */
/* { */
/* 	border: 1px solid red; */
/* 	margin-top: 0; */
/* } */

#blog .links
{
    clear: both;
    text-align: right;
}

#blog .node
{
/*     margin-bottom: 40px; */
    line-height: 1.4em;
/* 	background-color: #ddd; */
/* 	border-bottom: 1px solid #ccc; */
/* 	padding-bottom: 20px; */
}

#blog .terms
{
    font-weight: bold;
}

#blog .box
{
    margin: 40px 0;
}

#blog #comments .box {
    margin: 40px 0 0 -25px;
}

#blog .box h2
{
    font-size: 14px;
}

#blog ul.tips
{
    list-style: none;
    clear: both;
    margin: 10px 0;
    width: 500px;
    padding: 10px 10px 5px;
    border: 1px dotted #ccc;
    background-color: #f0f0f0;
}

#blog .form-item
{
    margin: 15px 10px 0 0;
}

#blog .form-item label
{
    display: block;
    margin-bottom: 5px;
}

#blog .form-item .description
{
    margin-top: 5px;
}

#blog textarea
{
    width: 518px;
}

#blog .thumbnails img
{
    margin-right: 6px;
    margin-bottom: 2px;
    padding: 3px;
    border: 1px solid #ccc;
}

#blog .thumbnails a
{
    border: 0;
}

#blog h2.comments {
    font-size: 14px;
}

#blog #comment_form .preview .comment
{
    margin-top: 0;
    margin-bottom: 50px;
}

#blog #comment_form .comment
{
    margin-top: 60px;
}

#blog #comment_form p
{
    display: none;
    margin-bottom: 30px;
}

#blog div.links
{
    clear: both;
    float: left;
    margin: 0;
    padding-top: 5px;
    border-top: 1px dotted #eee;
}

#blog ul.links li
{
    padding: 0;
    font-weight: bold;
    display: inline;
}

#blog .feed-icon
{
	display: none;
}

#blog #comments
{
    margin: 20px auto 0px;
}

#blog .comment
{
    line-height: 1.3em;
}

#blog a.comment_comments,
#blog a.comment_add
{
    background: transparent url(../images/comment_icon_w.png) no-repeat left top;
    padding-left: 18px;
}

#blog #comments .comment
{
    padding: 15px 15px 5px;
    border-left: 6px solid #eee;
    border-top: 1px solid #ddd;
}

#blog #comments .comment.staff,
#blog #comments .comment.odd.staff
{
    border-left: 6px solid #aaa;
}

#blog .comment .username
{
    font-size: 14px;
}

#blog .comment .links
{
    display: inline;
    font-size: 11px;
    margin: 0;
}

#blog .comment .links a
{
    font-weight: normal;
}

#blog .comment ul.links
{
    margin: 0;
    padding: 0;
}

#blog .comment li
{
    margin: 0 3px;
}

#blog #comments .comment.odd,
#blog #comment_form .comment
{
    background-color: #f9f9f9;
}

#footer.narrow
{
    width: 100%;
}

#footer.narrow #copyright
{
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}