/* 
   Client CSS
	 -----------------------------------------------------------------------
   Customise your copy of Ocean Mist 2.0... 
	 
	 This stylesheet contains all the styles which you can safely change without risking breaking your site's layout.
	 I've tried to comment on every line so that you can easily tell what you need to edit...
*/

/* Main background colour */
/* body, .leftCorner, .rightCorner {background-color: #9bc3d5;} */

/* Header colour */
#header .dot {background-color: #4b5559;}

/* Side column & Footer background colour */
/* #container, #footer, #footer .dot, .or span {background-color: #e6eef8;} */

/* Main column colour */
#mainCol {background-color: #fff;}

/* Default Text colour */
body, .author span {color: #34444c;}

/* Links */
a, a:visited {color: #0066cc;}
/*a:hover {color: #c40000;}*/ /* Rollovers */

/* Stripes above & below the main image */
#photo, #nav ul li a {border-color: #67939B;}

/* Main Page Navigation */
#nav li a {background-color: #526a74; color: #fff;} /* Tabs & dropdowns */
#nav li a:hover {background-color: #5c7d86;} /* Tabs & dropdowns rolover colour */

/* Side column headings */
#subCol h2 {background-color: #cadfed; color: #32474B;}

/* Main column titles eg. Latest Posts or Comments */
.title {background: #CADFED url('../images/headingSidecol.png') no-repeat scroll left bottom; color: #4B5D67;}
/*.title {background-color: #E2EBF8; color: #4B5D67;}*/

/* single pixel line between posts */
.post + .post {border-top: 1px solid #cad6e1;}

/* "or" between browse & search fields */ 
.or {border-color: #cad6e1; color: #a9b8c0;}

/* Date boxes */
.date {color: #75868f;} /* Day */
.d2 {background-color: #E2EBF8;} /* Month */
.d3 {background-color: #cadfed;} /* Year */

/* Footer */
#footer p {color: #687983;} /* footer text */
#footer a, #footer a:visited {color: #34444c;} /* footer links */
#footer a:hover {color: #c40000;} /* footer links rollovers */

/* Move the "previous arrow" to the right side of the title but to the left of the "next arrow" */
.float_right{
    float: right;
}

#content #mainCol .home_wrapper a img{
    margin: 0px;
    padding: 0px;
}

#content #mainCol .home_wrapper{
    display:inline;
    left:-20px;
    position:relative;
    float: left;    
}

#content #mainCol .next_previous_links{
    float: right;    
}        


.sociable ul li{
    margin-left: 5px;
}

.ya_related_posts{

}

.widget_sp_image-image-div{
    text-align: center;
}

#content .widget_sp_image-image-div a img{
    margin: 0px;
    padding: 0px;
    border: none;
}

.widget_sp_image-description{
    text-align: center;
}

.aligncenter{
    margin-left: auto;
    margin-right: auto;
}

#bottom_gray_bar{
    height: 15px;
    background-color: #EEEEEE;
    width: 95.9%;
    left: 24px;
    position: relative;
}

/* Below is a CSS Hack for Safari and Chrome. It prevents the title bar from extending too far down with a padding of 9px for other browsers. - Timothy Haroutunian (timothy@integrastrategic.com) - 5/26/10 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .title.shorter{
        padding-bottom: 4px;
    }
    .title{
        padding-bottom: 8px;
    }    
}
/* Above is a CSS Hack for Safari and Chrome. It prevents the title bar from extending too far down with a padding of 9px for other browsers. - Timothy Haroutunian (timothy@integrastrategic.com) - 5/26/10 */