/* CSS Document */

#page.blog #header .center {
 /*margin-top: -18px;*/
}

#page.blog .leftcol {
 width: 590px;
 float: left;
 margin: 18px 0px 0px 30px;
}

#page.blog #sidebar {
 width: 178px;
 float: left;
 margin: 28px 0px 0px 72px;
}

#page.blog #sidebar #searchform {
 width: 178px;
 float: left;
 height: 96px;
 background: transparent url(../images/bg_search.gif) top left no-repeat;
}

#page.blog #sidebar #searchsubmit {
 border: 0px;
 cursor: pointer;
 padding: 2px;
 font-size: 10px;
 text-indent: -9999px;
 width: 60px;
 height: 15px;
 margin: 45px 0px 0px 10px;
 background: transparent url(../images/bg_blog_search.gif) top left no-repeat;
}

#page.blog #sidebar #searchform .screen-reader-text {
 display: none;
}

#page.blog .pagenav {
 width: 178px;
 float: left;
 margin: 30px 0px 0px 0px;
 display: none;
}

#page.blog #sidebar #searchform input#s {
 width: 80px;
 height: 14px;
 float: left;
 padding: 0px;
 border: 1px dotted #FF3300;
 background: #E2E6B4;
 font-size: 11px;
 margin: 45px 0px 0px 12px;
}

#page.blog #sidebar .top {
 float: left;
 height: 27px;
 width: 176px;
 margin-top: 16px;
 background: transparent url(../images/blog_stuff.gif) top center no-repeat;
}

#page.blog #sidebar .top#links {
 background: transparent url(../images/links.gif) top center no-repeat;
}

#page.blog #sidebar .bottom {
 float: left;
 height: 27px;
 width: 176px;
 margin-top: 0px;
 background: transparent url(../images/bg_bottom.gif) top center no-repeat;
}

#page.blog #sidebar .bottom#bottomlinks {
 background: transparent url(../images/bg_bottom_links.gif) top center no-repeat;
}

#page.blog #sidebar .blogmenu {
 float: left;
 width: 166px;
 padding: 7px 0px 0px 10px;
 margin-bottom: 0px;
 background: transparent url(../images/bg_blogmenu.gif) top center repeat-y;
}

#page.blog #sidebar ul li {
 list-style-type: none;
 float: left;
 width: 166px;
}

#page.blog #sidebar .blogmenu h2 {
 color: #FF3300;
 font-size: 12px;
}

#page.blog .leftcol small,
#page.blog .leftcol h2,
#page.blog .leftcol p {
 margin: 0px 0px 0px 8px;
}

#page.blog .leftcol h2 {
 font-size: 13px;
 width: 610px;
 float: left;
 color:#003300;
 margin-bottom: 8px;
 display: none;
}

#page.blog .leftcol small {
 display: visible;
 font-size: 11px;
 font-weight: bold;
 height: 20px;
 width: 610px;
 color:#2B2625;
 float: left;
}

#page.blog .entry p img {
 border: 5px solid #B1C183;
 padding: 0px;
 margin-left: -8px;
}

#page.blog .entry p {
 margin: 10px 0px 5px 8px;
 width: 614px;
 float: left;
}

#page.blog p.postmetadata {
 margin: 3px 0px 10px 8px;
 width: 610px;
 font-size: 11px;
 float: left;
 color:#2B2625;
}


/* commments */
#page.blog p.postmetadata small {
 font-weight: normal;
 clear: both;
 width: 600px;
 margin: 0px;
 display: none;
}

#page.blog p.postmetadata a {
 outline: none;
}

#page.blog p.postmetadata a:hover {
 text-decoration: none;
 color:#2B2625;
 outline: none;
}

#page.blog .entry h4 {
 margin: 15px 0px 6px 8px;
 width: 610px;
 float: left;
 /*color:#2B2625;*/ /* grey */
 /*color: #1B361B;*/ /* dark green */
 color: #FF3300;
 font-size: 19px;
 font-weight: 400;
}

#page.blog .leftcol h3 {
 /*display: none;*/
}

#page.blog .leftcol .archive h3 {
 display: none;
}

#page.blog .leftcol .search {
 width: 610px;
 float: left;
 height: 98px;
 padding-top: 10px;
 margin: 12px 0px 0px 0px;
 background: transparent url(../images/bg_search_result.gif) top center no-repeat;
}

#page.blog .leftcol .search h4 {
 display: visible;
 margin: 0px 0px 8px 8px;
 width: 590px;
 float: left;
 color:#2B2625;
 font-size: 13px;
 background: transparent;
}

#page.blog .leftcol .search h3 {
 display: visible;
 margin: 0px 0px 8px 8px;
 width: 610px;
 float: left;
 color:#2B2625;
 font-size: 13px;
}

#page.blog .leftcol .search h3 a {
 color:#2B2625;
}

#page.blog .leftcol .search h3 a:hover {
 color: #FF3300;
 text-decoration: none;
}

#page.blog #sidebar ul li h2{
 color:#2B2625;
 font-size: 12px; 
}

#page.blog #sidebar ul li p {
 font-size: 11px;
 line-height: 16px;
 padding: 6px 6px 6px 8px;
 width: 162px;
 margin: 8px 0px 8px 0px;
 border: 1px dotted #FF3300;
 background: #DCE0A3;
 float: left;
 display: none;
}

#page.blog #sidebar ul li a {
 text-decoration: none;
 color:#2B2625;
 outline: none;
}

#page.blog #sidebar ul li a:hover {
 text-decoration: none;
 color:#FF3300;
 outline: none;
}

/* commentlist */

.commentlist {
 font-weight: normal;
 float: left;
 width: 600px;
 margin-left: 10px;
 /*border: 1px solid cyan;*/
}

/* comments */

ol.commentlist li {
 /*border: 1px solid black;*/
 float: left;
 width: 580px;
 border: 1px dashed #FF3300;
 background: #DCE0A3;
 padding: 10px;
 margin: 10px 0px 10px 0px;
 list-style-type: none;
 font-size: 12px;
 font-style: normal;
 position: relative;
}

#page.blog ol.commentlist li .comment-body p {
/* border: 1px solid green;*/
 width: 580px;
 padding: 0px;
 margin: 10px 0px 0px 0px;
}

.fn {
 font-size: 13px;
 font-style: normal;
 font-weight: bold;
}

.commentmetadata {
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 float: left;
 width: 160px;
 text-align: right;
 font-style: normal;
 position:absolute;
 top: 12px;
 left: 425px;
}

.alignright a,
.alignleft a {
 font-size: 11px;
 margin-left: 8px;
 font-weight: bold;
 color:#2B2625;
 margin-top: 10px;
 font-family:Arial, Helvetica, sans-serif;
}

.alignleft a:hover,
.alignright a:hover,
cite a:hover, 
.commentmetadata a:hover {text-decoration: none; color:#FF3300; outline:none;}

#comments {
 float: left;
 margin-left: 10px;
 color:#2B2625;
 color:#FF3300;
 font-size: 13px;
 margin-bottom: 10px;
}

#commentform {
 /*border: 1px solid blue;*/
 float: left;
}

#page.blog #commentform p {
 margin: 0px;
}

#page.blog #commentform p label small {
 margin: 0px;
 width: 350px;
 color: #336633;
 font-size: 13px;
 float: left;
 margin: 8px 0px 8px 0px;
}

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

#respond {
 /*border: 1px solid magenta;*/
 float: left;
 width: 600px;
 margin-left: 10px;
 margin-top: 10px;
}

.leaveacomment {
 width: 580px;
 font-size: 13px;
 float: left;
 color: #336633;
 margin: 9px 0px 14px 0px;
 text-indent: -9999px;
 background: transparent url(../images/leaveacomment.gif) top left no-repeat;
}

#respond input {
 border: 0px;
 width: 285px;
 padding-top: 4px;
 padding-left: 5px;
 padding-right: 10px;
 height: 26px;
 margin-left: 0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 background: #E0E4B2;
 background: transparent url(../images/bg_blog_input.gif) top left no-repeat;
}

#page.blog #respond input.bt_submit {
 border: 0px;
 height: 30px;
 width: 91px;
 float: left;
 margin: 13px 0px 0px -63px;
 background: transparent;
 outline: none;
}

#page.blog .leftcol .leftcol {
 margin: 0px 0px 0px 0px;
}

#page.blog #footer .right {
 margin: 0px 25px 0px 0px;
}

#page.blog p.nocomments {
 display: none;
}

/*Read post */ /*just display:none if you don't want them anymore on the website */

#page.blog .post .entry .readpost a img {
 position: absolute;
 top: 430px; 
 right: 59px;
 z-index: 20000;
 width: 59px;
 height: 28px;
 margin: 0px;
 padding: 0px;
}

#page.blog .post .entry .tweetpost a img {
 position: absolute;
 top: 430px; 
 right: -2px;
 z-index: 20000;
 width: 59px;
 height: 28px;
 margin: 0px;
 padding: 0px;
}


.post {
 float: left;
 position: relative;
 margin-top: 0px;
}

.alignleft, .alignright {
 margin-top: 10px;
 float: left;
}

.searchdiv .alignleft, .searchdiv .alignright {
 margin-top: 10px;
 float: left;
 margin-left: -7px;
}


/* HARD CODED BIT */

/* IMPORTANT: THIS IS AN HARDCODED BIT FOR ALL THE POST TAT ARE LONGER THATN 430PX - BY GIVING THE NAME "ID" OR "CLASS" OF THE POST I CAN CONTROL THE POSITION OF THE RETWEET BUTTON AND READIT BUTTON */
/* to remove the effect just remove the bit of code */

/* post-228 = cocorino and the queens of the sunny souls */

#page.blog .post-228 .entry .readpost a img {
 position: absolute;
 top: 630px; 
 right: 59px;
 z-index: 20000;
 width: 59px;
 height: 28px;
 margin: 0px;
 padding: 0px;
}

#page.blog .post-228 .entry .tweetpost a img {
 position: absolute;
 top: 630px; 
 right: -2px;
 z-index: 20000;
 width: 59px;
 height: 28px;
 margin: 0px;
 padding: 0px;
}