body {	background: #fff;
	padding: 0px;
	margin: 0px;
	color: #000;
	font: 84% Arial, Helvetica, sans-serif;}

/* *****The top of your Page - change background to alter the colour*** */
div.pageHeader {
	background: #7587AB;
        width: 755px;
	padding: 1ex;
	margin: 0 1px 1ex 1px;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

/* *****Title at the top of your Page - change background to alter the colour*** */
h1#pageTitle {
	color: #ffffff;
	font-size: 270%;
	font-weight: bold;
	margin: 0;
	padding: 0;}

/* *****Sub-title near the top of your Page - change background to alter the colour*** */
.pageSubTitle {
	color: #fff;
	letter-spacing: 4px;
	text-align: center;
	vertical-align: middle;
	border: 0px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	font: 109% Arial, Helvetica, sans-serif;
}


/* Your Links*/
a {	        color: #6478A0;}
a:visited {	color: #6478A0;}
a:hover {	color: #9CB6EA;}

.h2link {	color: #5B75A9;
	margin: 0;
        text-decoration: none;}


/* Your Headings*/
h2 {	color: #5B75A9;
	font-size: 180%;
	margin: 0;}
h3 {	color: #5B75A9;
	font-size: 120%;
        margin 2px;}
h4 {	color: #5B75A9;
	font-size: 110%;}

/* The page bottom of the page (footer)*/
div#pageFooter {
	clear: both;
	background-color: #fff;
	width: 755px;
	margin: 0 auto;
	padding: 0 0 1ex 0;
}
p.baseline {
	border-top: 1px solid #ddd;
	text-align: center;
	font-size: 74%;
	color: #999;
	padding: 1ex;
	margin: 0;
}
hr {	height: 0;
	border: 0;
	border-top: 1px solid #78a;
}

div#wrapper {
	background: #ffffff;
	width: 755px;
	margin: 0 auto;
	padding: 0;
}

/*=content*/
div#contentWrapper {
	width: 755px;
	background-image: url(/eportfolio/Images/other/white_square.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	background-color: #FFFFFF;
}


p.postNav {
    text-align:center;
}

.alert {
    color:red;
    font-size: 110%;
}


ul#bloglist {
	background-color: #fff;
	border-bottom: 1px solid #000;
	margin: 0 1px;
	padding: 0;
	list-style-type:none;
	padding: .5ex 0;
}
ul#bloglist li {
	border-right: 1px solid #000;
	display: inline;
	padding: .5ex 1em;
}



div.stats{
	float: right;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
}

/* Styles for main area (left) */
h2 {
	margin: 1ex;
	border-bottom: 1px solid #78a;
}

/* Styles for posts */
.bPosts {
	float: left;
	width: 542px;
	overflow: hidden;
	/* background: #090;*/
}
.bPost, .bPostpublished
{
	clear: both;
	margin: 0 2.5ex;
	padding: 0;
	border-bottom: 1px solid #ddd;
	/* border: 1px solid #78a; */
}
.bSmallHead {
	font-size: 80%;
	color: #999;
	margin: 2ex 0 1ex 0;
}
.bTitle {
	color: #78a;
	margin: 1ex 0;
}
.bText {
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSmallPrint
{
	clear: both;
	color: #999;
	font-size: 80%;
	margin: 1ex 0 2ex 0;
}

input.bComment, 
textarea.bComment
{
	background-color: #eee;
	border: 1px solid #ccc;
	width: 97%;
	padding: 2px;
	margin: 0ex;
}
select.bComment		/* Used by the profile form */
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;
}


/* Styles for stats */
div.statbloc
{
	float: left;
	width: 44%;
	margin: 0 0 2ex 1.5ex; 
	border: 1px solid #78a;
}
div.statbloc h3
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	text-align: center;
	background: #78a;
	padding: 1ex;
}

input.submit,
input.reset {
	background-color: #ddd;
	color: #78a;
	border: 1px solid #000;
	font-weight: bold;
	padding: 1px;
}

input.submit:hover {
	color: #000;
	text-decoration: underline;
}

/* Styles for sidebar (right) */
.BlogSideBar {
	width: 198px;	
	float: right;
	overflow: hidden;
	/* background: #900; */
}
.bSideItem {
	margin: 2ex;
	padding: 0 0 2ex 0;
	border-bottom: 1px solid #ddd;
}
.bSideItem ul {
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-type:square;
}
.bSideItem ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSideItem form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.dimmed
{
	color: #aaa;
	font-size: 84%;
}

.commentclass1 {
	background-color: #EAEDF2;  /*#f2f2f2; */
	border-bottom: 1px solid #ddd;
}

.commentclass2 {
	background-color: #FFF1E3; /*#fffff2; */
	border-bottom: 1px solid #ddd;
}

/* ****************social bookmarks *****************************************  */
.socialbookmark {
border:1px solid #878787;
clear:both;
margin:15px 0pt 0pt;
padding:3px;
position:relative;
}
.socialbookmark p {
margin:0pt;
padding:0pt;
}
.socialbookmark p a {
padding:3px 5px 0pt 0pt;
position:absolute;
right:0px;
top:0px;
}
.socialbookmark h3 {
font-size:0.88em;
font-weight:normal;
margin:0pt 5px 0pt 3px;
padding:0pt 3px 0pt 0pt;
}
.socialbookmark ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:6px 0pt 4px;
padding:0pt;
text-align:center;
}
.socialbookmark ul li {
display:inline;
padding:0pt 4px 6px 0pt;
text-align:center;
}
.socialbookmark ul li.delicious {
background:transparent url(delicious.gif) no-repeat scroll 0pt;
}
.socialbookmark ul li.digg {
background:transparent url(digg.gif) no-repeat scroll 0pt;
}
.socialbookmark ul li.reddit {
background:transparent url(reddit.gif) no-repeat scroll 0pt;
padding:0pt 0pt 0pt 2px;
}
.socialbookmark ul li.facebook {
background:transparent url(facebook.gif) no-repeat scroll 0pt;
}
.socialbookmark ul li.stumbleupon {
background:transparent url(stumbleupon.gif) no-repeat scroll 0pt;
}
.socialbookmark ul li a {
margin:0pt 3px 0pt 0px;
padding:0pt 0pt 0pt 18px;
}

/* ****************social bookmarks *****************************************  */