/* CSS Document */

div#navBlogsContainer #navBlogs #navBlogsHoriz #blog a {
	background-position:0 -24px;
	color:#3297B9;
}	

div#mainTitleBlog{
	padding:0px;

height:307px;
}
div#mainTitleBlog .outer{
	background-color:#3297B9;
	display:block;
	height:258px;
	position:relative;
	width:994px;
}
div#mainTitleBlog .left{
float:left;
width:672px;
}
div#mainTitleBlog .right{
float:right;
padding:20px 25px 0 15px;
width:275px;
}
div#mainTitleBlog .right img{

padding:0px 0px 0px 15px;

}
div#mainTitleBlog .outer .botRight{
background-image:url(/content/s2/blog/bg/header-botRight.jpg);
background-repeat:no-repeat;
background-position:bottom right;
width:3px;
height:3px;
position:absolute;
bottom:0px;
right:0px;
}

div#mainTitleBlog .outer .topRight{
background-image:url(/content/s2/blog/bg/header-topRight.jpg);
background-repeat:no-repeat;
background-position:top right;
width:3px;
height:3px;
position:absolute;
top:0px;
right:0px;
}



div.bordered {
	border-bottom:1px solid #3297B9;
	padding:0px;
	width:auto !important;
}
div#mainBody{
	padding-top:25px;
font-size:11px;
}
div#mainBody.bordered {
	border-bottom:0px solid #3297B9;
	padding:20px 0px 0px 0px ;
	width:auto !important;
}




div#mainBody .content{
	width:716px;
	float:left;
}
div#mainBody .content .row{
	clear:both;
	display:table;
	padding-bottom:20px;
	width:716px
}
div.row .blogger{
	float:left;
	width:150px;
	text-align:center;
	padding-top:20px;
}
div.row .theblog{
	float:right;
	width:562px;
}
div.row  .theblog .blogLeftCorner{
	float:left;
	width:13px;
	height:23px;
	padding-top:12px;
	background-image:url(http://home.base01.co.uk/content/s2/blog/bg/commentBlueArrow.jpg);
	background-repeat:no-repeat;
	background-position:0px 12px;
}
div.row  .theblog .inner{
	float:right;
	width:509px;
	padding:20px;
	background-color:#f5f5f5;
}
div.row  .theblog .inner a{
	color:#cc0066;
}

div.row  .theblog .footer{
  clear:both;
	border-top:1px solid #3297b9;
	width:509px;
	height:20px;
	float:right;
	padding:5px 20px 5px 20px;
	background-color:#f5f5f5;
	text-align:right;
}
div.row  .theblog .footer a{
	text-decoration:none;
}
div.row  .theblog .footer .image{
	float:right;
	padding:2px 5px 0px 10px;
}

div.row  .theblog .footer span{
	float:right;
}
div.row  .theblog .topImage{
	width:509px;
	text-align:center;
}


.commentsTitle{
	width:549px;
	float:right;
	clear:both;
	color:#3297B9;	
	line-height:22px;
	padding:0px 0px 20px 0px;
}
div.row .comment{
	float:right;
	width:562px;
}
div.row .comment .blogLeftCorner{
	float:left;
	width:13px;
	height:73px;
	padding-top:62px;
	background-repeat:no-repeat;
	background-position:0px 62px;
}
div.row .comment .topImage{
	width:509px;
	text-align:center;
}
div.row .comment .inner{
	float:right;
	width:509px;
	padding:20px;
}
div.row .comment.blue .inner{	background-color:#3297B9;	color:#FFFFFF;	}
div.row .comment.grey .inner{	background-color:#f5f5f5;	min-height:130px;}
div.row .comment.blue .blogLeftCorner{	background-image:url(http://home.base01.co.uk/content/s2/blog/bg/commentBlueArrow.jpg);	}
div.row .comment.grey .blogLeftCorner{	background-image:url(http://home.base01.co.uk/content/s2/blog/bg/commentGreyArrow.jpg);	}
div.row .comment.grey .dateAdded{ color:#3297b9;}





div.row .reply{
	float:right;
	width:562px;
	position:relative;
}
div.row .replyText{
	padding:20px 0px 20px 0px ;
}
div.row .reply .blogLeftCorner{
	
	width:15px;
	height:25px;
	top:62px;
	right:550px;
	background-image:url(http://home.base01.co.uk/content/s2/blog/bg/replyArrow.jpg);	
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:absolute;
}
div.row .reply .topImage{
	width:509px;
	text-align:center;
}
div.row .reply .inner{
	float:right;
	width:509px;
	padding:0px 20px 20px 20px;
	background-color:#FFFFFF;	
	border:1px solid #e3e0e0;
}	
div.row .reply .headingBlueBg{
	background-color:#FFFFFF;
	border:0px;
	width:400px;
	padding:0px;
	margin:0px;
}	
div.headingBlueBg {
	min-height:21px;
	padding:13px 20px 10px 20px;
	width:509px;
	background-color:#3297b9;
	float:left;
}
div.headingBlueBg a {
  color:#FFFFFF;
	text-decoration:none;
}
/*=========================*/
/* CUFON RELATED CSS */
div.headingBlueBg {	
	min-height:21px;
}
div.headingBlueBg h1, h1.cufon-h1{
	color:#ffffff;
	font-size:21px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	width:500px;
}

div.sohoStandard21px h2, h2.cufon-h2{
	color:#3297B9;
	font-size:21px;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
div.sohoStandard14px{
	color:#3297B9;
	font-size:14px;
	font-weight:normal;
	padding:0px;
	margin:0px;	
  clear:both;
	width:200px;
	height:20px;
	float:left;
	text-align:right;
	padding-right:10px;

}
.sohoStandard12px{
	color:#d9d9df;
	font-size:12px;
	font-weight:normal;
	padding:0px;
	margin:0px;	
	float:left;
}
.sohoStandard12px a{
	color:#d9d9df;
	font-size:12px;
	font-weight:normal;
	padding:0px;
	margin:0px;	
	text-decoration:none;
}
.sohoStandard12pxBold .sohoStandard12px a{
	color:#d9d9df;
	font-size:12px;
	font-weight:normal;
	padding:0px;
	margin:0px;	
	text-decoration:none;
}
.sohoStandard12pxBold a{
	color:#d9d9df;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px;	
	text-decoration:none;
}
.sohoStandard12pxBold{
	color:#d9d9df;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px;	
	float:left;
}

.sohoStandard10pxBold a.linkhover:hover{
	color: #3279b9;
}
.sohoStandard10pxBold a:hover{
	color: #3279b9;
}
.sohoStandard10pxBold a{
	color:#878686;
	font-size:10px;
	font-weight:bold;
	padding:0px;
	margin:0px;	
	float:left;
}
.sohoStandard10pxBold .selected a{
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	padding:0px;
	margin:0px;	
	float:left;
}
.sohoStandard10pxBold .title {
	color:#3297b9;
	font-size:10px;
	font-weight:bold;
	padding:0px;
	margin:0px;	
	float:left;
}

/*
A.cufon-link {
	color: #A5A5A5;
	text-transform: uppercase;
	text-decoration: none;
}
A.cufon-link:hover {
	color: #3297B9;
}
DIV#topBanner A.cufon-link {
	color: #FFFFFF;
}
DIV#topBanner A.cufon-link:hover {
	color: #3297B9;
}
A.cufon-arrow-link {
	font-size: .8em;
	color: #A5A5A5;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 11px;
	background-image: url(/content/template_images/icons/link_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: inline-block;
}
A.cufon-arrow-link:hover {
	color: #3297B9;
}

*/



/* end CUFON RELATED CSS */
/*============================*/

/*==================== rightSideCol =====*/
div#mainBody .rightSideBar{
	width:244px;
	float:right;
/*	border:1px solid red;*/
}
div.rightSideBar .rightSideRow{
	border-bottom:1px solid #3297B9;
	clear:both;
	float:right;
	height:40px;
	padding:0px 0px 20px 0px;
	width:244px;
}
div.rightSideBar .sohoStandard14px{
	text-align:left;
	widows:200px;
}
div.rightSideRow.paddingTop10px{ padding-top:10px;}
div.rightSideBar .rightSideRow2Head{
	clear:both;
	float:right;       
	padding:20px 0px 0px 0px;
	width:244px;
}
div.rightSideBar .rightSideRow2{
	clear:both;
	float:right;
	background-color:#EBEBEB;
	padding:10px 20px 20px 20px;
	width:204px;
	font-size:12px;
	line-height:16px;
}
div.rightSideBar .rightSideRow2 a{
	text-decoration:none;
}
	div.rightSideBar .rightSideRow2 a:hover{
	color:#3297b9;
}
/*==================== rightSideCol /=====*/

/*======================= form ===============*/
FORM label{
	clear:both;
	width:100px;
	height:20px;
	float:left;
	text-align:right;
	padding-right:10px;
	color:#3297b9;
}

FORM input{
	background-color:#f5f5f5;
	width:380px;
	height:10px;
	border:0px;
	float:left;
	line-height:20px;
	padding:5px;
}
FORM textarea{
		width:380px;
	height:80px;
	background-color:#f5f5f5;
	border:0px;
	padding:5px;
}
FORM .submit{
	width:54px;
	height:13px;
	float:right;
	padding-left:3px;
	background-color:#FFFFFF;
}
FORM .searchInput{
	background-color:#ebebeb;
	width:206px;
	height:10px;
	border:0px;
	float:left;
	line-height:20px;
	padding:5px;
}
FORM .search{
	width:27px;
	height:21px;
	float:left;
	padding:0px;
	margin:0px;
	border:0px;
}
SELECT{
	background-color:#ebebeb;
	width:244px;
	height:20px;
	border:0px;
	float:left;
	line-height:20px;	
}
SELECT option{
	border:0px;
	height:20px;
	line-height:20px;	
}


.paddingRight10px{ padding-right:10px;}
.paddingBot10px{ padding-bottom:10px;}
.right{float:right;}

.clear {
	clear:both;
	font-size:0;
	line-height:0;
	margin:0;
	overflow:hidden;
	padding:0;
}
.clear5px{
	clear:both;
	height:5px;
	width:5px;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
}

div.rightSideBar .rightSideRow.paddingTop10px {
	clear:both;
}

div#topBannerInclude{

height:78px;
}

ul#categoryNav {
	height:30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	float:left;
	padding:20px 0 0;
}
ul#categoryNav li{
	padding:10px  5px 10px 5px;
	float:left;
}
ul#categoryNav li a{
	text-decoration:none;
}
ul#categoryNav li.selected{
	background-color:#3297b9;
	color:#ffffff;
}
ul#categoryNav span{
	float:left;
}

#mainTitleBlog .rss{
	float:right;
	height:25px;
	padding-top:25px;
}
#mainTitleBlog .rss a{
	text-decoration:none;
}
#mainTitleBlog .rss .RSSText{
float:left; padding:5px 5px 0px 0px;
}

.stframe {
z-index:9999;
}
.stbutton.stico_default{display:none;}
#share img{padding:0px 5px 0px 10px;}
.height25px{
width:250px;
float:left;
}
#mainTitleBlogList .sohoStandard12px{
line-height:12px;
height:12px;
}
#mainTitleBlogList .sohoStandard12pxBold{
line-height:12px;
}

.sohoStandard12pxBold span{height:12px; padding:6px 0px 6px 0px;}
.sohoStandard12px span{height:12px; padding:6px 0px 6px 0px;}
.sohoStandard12px{clear:both;}

a.link-share {
background-image:url(/content/template_images/icons/share.png);
background-position:10px 2px;
background-repeat:no-repeat;
padding-left:23px;
}



/*

ul#mainTitleBlogList{
	background-image:url(/content/s2/blog/bg/blogListArrow.jpg);
	background-position:left;
	background-repeat:repeat-y;
	color:#D9D9DF;
	display:table;
	list-style-type:none;
	height:152px;
width:255px;
margin:0;
padding:0px 0px 0px 15px;
	
}
ul#mainTitleBlogList li{
	height:50px;
	line-height:23px;
	width:255px;
}
ul#mainTitleBlogList .line{
	border-bottom:1px solid #b7dbe7;
}
*/



ul#mainTitleBlogList{
	display:table;
	list-style-type:none;
	height:205px;
width:275px;
margin:0;
padding:0px 0px 0px 0px;
	
}
ul#mainTitleBlogList li{
	line-height:0px;
	width:275px;
}
ul#mainTitleBlogList li.now{	height:50px;	width:273px;}
ul#mainTitleBlogList li.now a{ background-image:url(/content/s2/blog/txt/nowOff.jpg); color:#3397B9; width:273px; height:50px;  display:block;}
ul#mainTitleBlogList li.now a:hover{ background-image:url(/content/s2/blog/txt/nowOver.jpg); }
ul#mainTitleBlogList li.now span{ font-size:0px; line-height:0; color:#3397B9; width:273px; height:50px; display:block;}

ul#mainTitleBlogList li.beyond{	height:50px;	width:273px;}
ul#mainTitleBlogList li.beyond a{	background-image:url(/content/s2/blog/txt/beyondOff.jpg); color:#3397B9; width:273px; height:50px; display:block;}
ul#mainTitleBlogList li.beyond a:hover{	background-image:url(/content/s2/blog/txt/beyondOver.jpg);}
ul#mainTitleBlogList li.beyond span{ font-size:0px; line-height:0; color:#3397B9; width:273px; height:50px; display:block;}

ul#mainTitleBlogList li.search{	height:55px;	width:273px;}
ul#mainTitleBlogList li.search a{ background-image:url(/content/s2/blog/txt/searchOff.jpg); color:#3397B9; width:273px; height:55px; display:block;}
ul#mainTitleBlogList li.search a:hover{	background-image:url(/content/s2/blog/txt/searchOver.jpg); }
ul#mainTitleBlogList li.search span{ font-size:0px; line-height:0; color:#3397B9; width:273px; height:55px; display:block; }

ul#mainTitleBlogList li.technique {	height:50px;	width:273px;}
ul#mainTitleBlogList li.technique a{ background-image:url(/content/s2/blog/txt/techniqueOn.jpg); color:#3397B9; width:273px; height:50px; display:block; }
ul#mainTitleBlogList li.technique span{ font-size:0px; line-height:0; color:#3397B9; width:273px; height:50px; display:block;}