/* 
   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, #header .dot {background-color: #4b5559;}

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

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

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

/* Links */
a, a:visited {color: #7f1d1d;}
a:hover {color: #c40000;} /* Rollovers */

/* Stripes above & below the main image */
#header, #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-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: #ffffff;} /* footer text */
#footer a, #footer a:visited {color: #ffffff;} /* footer links */
#footer a:hover {text-decoration: underline;} /* footer links rollovers */














/* Footer */

#connect *, #connect, #connect h3, #foot-cloud h3, #connect ul li a, .facebook-link a, .twitter-link a, .friend-link a, 
.flickr-link a, .linkedin-link a, .youtube-link a, .lastfm-link a, #foot-cloud, #foot-cloud a, #foot-menu, #foot-menu, #foot-menu a
#foot-nav, #foot-nav li, .footerlinks, .footerlinks a, .footerlinks a:hover, .allrights {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
line-height:normal;
}

#connect {
	float: left;
	width: 155px;
	margin-right: 20px;
	padding: 25px 25px 25px 25px;
}
#connect h3, #foot-cloud h3 {
 padding-bottom: 30px;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 text-shadow: #252525 0 2px 0;
}
#connect ul, #connect ul li {
    list-style:none;	
}

#connect ul li a {
	display: block;
	padding: 0 0 10px 50px;
	line-height: 36px;
	font-size: 12px;
    list-style:none;	
	color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
        font-family: Arial, helvetica, "sans serif";
}
.facebook-link a {
	background-image: url(../images/facebook.gif);
}
.twitter-link a {
	background-image: url(../images/twitter.gif);
}
.friend-link a {
	background-image: url(../images/friendfeed.gif);
}
.flickr-link a {
	background-image: url(../images/flickr.gif);
}
.linkedin-link a {
	background-image: url(../images/linkedin.gif);
}
.youtube-link a {
	background-image: url(../images/youtube.gif);
}
.lastfm-link a {
	background-image: url(../images/lastfm.gif);
}

#foot-cloud {
	float: left;
	width: 425px;
	padding: 25px 25px 25px 25px;
	line-height:normal;
	color: #ccc;
}
#foot-cloud ul, #foot-cloud li, #foot-cloud li a {
	padding: 0px;
    list-style:none;	
	color: #ccc;
}

#foot-menu {
	float: right;
	padding: 25px 25px 25px 25px;
}
#foot-menu, #foot-menu a {
	text-align: right;
	font-size: 11px;
	color: #ccc;
    font-family: Arial, helvetica, "sans serif";
	color: #ccc;
}
#foot-nav {
	padding: 10px 0 60px;
	line-height:normal;
	color: #ccc;
}
#foot-nav li, #foot-nav li a {
	padding-bottom: 13px;
    list-style:none;	
	color: #ccc;
}

.footerlinks {
	color: #ccc;
	font-size: 11px;
	padding: 25px 25px 25px 25px;
        font-family: Arial, helvetica, "sans serif";
}

.footerlinks a {
	color: #ccc;
        font-family: Arial, helvetica, "sans serif";
}

.footerlinks a:hover{
	color: #ccc;
}

.allrights {
	margin: 0px 0px 0px 0px;
	float: left;
        font-family: Arial, helvetica, "sans serif";
}

.credit {
	margin: 0px 0px 0px 0px;
	text-align: right;
	float: right;
        font-family: Arial, helvetica, "sans serif";
}