/*
Theme Name:     Banking Technology
Description:    Child theme Banking Tech
Author:         Farhad Baboo | Daniel Homer
Template:       telecoms.com
Version:        0.1
*/

@import "typography.css";
* {
	margin:0;
	padding:0;
	outline:0 none;
}

img[usemap] {
	border: 0 none;
	outline: 0 none;
}

area, map,
fieldset, form {
	border: 0 none;
	outline: 0 none;
}

.clear{
	clear:both;
	height:0;
	width:1px;
	line-height:0;
	overflow:hidden;
	visibility:hidden
}

#headerBanner {
	display:table;
	position:absolute;
	right:10px;
	top: 10px;
	height: 90px;
	width: 700px;
	overflow:hidden;
}

#headerBannerInner {
	width: 700px;
	display: table-cell;
	vertical-align:middle;
}

.headerBanner {
	float: right;
	width: auto;
}

/* This clear won't work with IE, fortunately a bug with IE6/7 renders it the way I want. */
#sidebar:after {
	content:'&nbsp;';
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
	visibility:hidden;
}

.alignright {
	float:right;
	width:auto;
	margin:0.2em 0 0.2em 20px;
	clear:right
}

.alignleft {
	width:auto;
	float:left;
	margin:0.2em 20px 0.2em 0;
	clear:left
}

.aligncenter {
	display: block;
	margin: 1em auto;
	clear:both;
	text-align: center;
}

body {
	background-color: #666;
	color: #fff;
	margin-bottom:40px;
}

#container {
	color: #fff;
	width:960px;
	background-color: #fff;
	color: #fff;
	margin:10px auto 0;
	padding-bottom: 10px;
	overflow:hidden;
	position:relative; /* IE7 Page zoom fix */
}
#leaderboard {
	background-color: #CCD6EB;
	min-height: 28px;
	width: 960px;
}
#leaderboard{
	padding-bottom: 10px;
}

#header {
	height: 90px;
	padding: 10px;
	position:relative;
	color: #fff;
	background-color:#fff;
	width: 940px;
}
#todaysDate{
	position: absolute;
	top: -26px;
	right: 16px;
	color:#222;
}
#siteTitle {
	margin: 0 0 0 10px;
}

#documentBody {
	padding: 10px;
	margin: 0 10px;
	width: 920px;
	background-color: #fff;
	color: #333;
}
#content {
	width:610px;
	display:inline;
	float:left;
	clear:left;
}
		#content #leftCol {
			float:left;
			width: 300px;
		}
		#content #rightCol {
			margin-left: 310px;
			width: 300px;
		}
		#breadcrumb {
			margin: 0.5em 0 1.4em;
		}
		#sidebar {
			width: 300px;
			margin-left:620px;
			/*overflow:hidden;*/
		}
#footer {
	margin-top:1px;
	clear:both;
	padding: 20px 10px 10px;
	width: 900px;
}
#footL{
	width: 780px;
	float: left;
	padding-top: 22px;;
}

#footR {
	width: 100px;
	margin-left: 800px;
}

/* Dotted borders */

.dotT,
.postMeta,
.postBody,
.box .post,
#relatedPosts .relatedPost,
#footer,
#respond,
#footerNav li.root {
	border-top: dotted 1px #ccc;
}

#footerNav .nav > li {
	border-top: dotted 1px #ccc;
}

.dotB,
.postFooter {
	border-bottom: 1px dotted #ccc;
}

.postBody {
	margin-bottom: 10px;
	padding-top: 20px;
}

.postBody p.firstChild {font-weight: bold}
.postBody > p:first-child {font-weight: bold}

.searchInput {
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 8pt;
	padding: 5px 5px 0 5px;
	height: 19px;
	width: 160px;
	margin-right: 0.5em;
}

/* advert in the search page */
#searchAd {
	margin-bottom:10px;
}

#navigationBarSearch {
	height: 26px;
	width: 220px;
	position: absolute;
	right: 7px;
	top: 7px;
}

#navigationBarSearch .searchSubmit {
	position: absolute;
	right: 0;
	top:0;
}

#navigationBarSearch .searchInput {
	border: 0 none;
	position:absolute;
	top:1px;
	right:34px;
}
.postBody .searchForm {
	margin-top: 2em;
}
.socialBookmarks {
	list-style-type: none;
	padding: 1em 0;
}

.addthis_container,
.socialBookmarks li {
	display:inline;
	width:auto;
}

.socialBookmarks a img {
	vertical-align: middle;
	margin-right: 10px;
}

.postFooter .socialBookmarks li {
	margin-right: 15px;
	height: 1.4em;
}

.postMeta .socialBookmarks li {
	margin-left: 15px;
}

.postMeta .socialBookmarks {
	padding:0;
	margin-left:380px;
	width:220px;
	margin-right: 10px;
	text-align:right;
}
.postDate {
	display:inline;
	float:left;
	width:380px;
	line-height:20px;
}

.attachment .postMeta .socialBookmarks  {
}


#respond {
	background-color: #eee;
	padding-bottom:30px;
	margin-top: 20px
}
#respond p input {
	border: solid 1px #ccc;
}
.loggedInAs,
#respond label {
	display:block;
	vertical-align: text-top;
	width: 110px;
	text-align: right;
	display:inline;
	float: left;
	padding-right: 10px;
}

#newCommentTitle {
	background-color: #ddd;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 30px;
}

#commentAndSubmit {
	position: relative;
	width:550px
}

.commentSubmit {
	position: absolute;
	bottom: 0;
	left: 460px;
}

.commentField {
	width: 320px;
	max-width: 320px;
	border:solid 1px #ccc;
}
.singleComment {
	padding: 20px 10px 15px;
	margin-bottom: 5px;
}

#comment {
	height: 120px;
}

#commentForm {
	width: 550px;
	margin-left: 30px;
}

#commentlist {
	clear:both;
}

#commentlist ul.children { padding-left: 20px;}
#commentlist ul.children li .singleComment { border-top: solid 1px #ccc;}

#commentlist li {list-style-type: none;overflow:hidden}

#commentlist li.thread-even {background-color: #eee}
#commentlist li.thread-odd {
	background-color: #fff;
}

.avatar, #commentlist .photo{
	display:inline;
	float:left;
	padding:0.25em;
	margin: 3px 10px 5px 0;
	border:solid 1px #ccc;
	vertical-align:text-top
}

#cancel-comment-reply-link {
	line-height:30px;
	margin-left:120px;
}

li.bypostauthor .avatar {border-color:#F90;border-width:2px;}
.awiwpost li.bypostauthor .avatar {border-color:#F7DCDF;border-width:2px;}


/* In line replies */
#cancel-comment-reply-link:hover {
	color: red;
}

#commentlist #respond {
	background-color:#fff;
	border-top:0 none;
	margin-top:0;
	border:solid 1px #ccc;
	padding:0 10px 45px;
	margin: 0 10px 10px 10px;
	position: relative;
}

#commentlist #newCommentTitle {
	width:100%;
	margin-left:-10px;
	margin-right:-10px;
}


#commentlist .commentSubmit {
	position:absolute;
	margin:0;
	right: 10px;
	left:auto;
	bottom:10px;
}
#commentlist #commentForm,
#commentlist #commentAndSubmit {
	position: static;
	width:auto;
	margin-left:0;
}

#commentlist .loggedInAs,
#commentlist label {
	width:20%;
	padding-right:5%;
}

#commentlist .commentField{
	width:74.4%;
	max-width:74.6%;
}

#commentlist #cancel-comment-reply-link {
	margin:0;
	position:absolute;
	top: 8px;
	right: 8px;
	width:20px;
	height:20px;
	padding-left:20px;
	overflow:hidden;
	background:url(images/cross.gif) no-repeat 20px 0;
	text-indent:30px;
}

#commentlist #cancel-comment-reply-link:hover{
	background-position: 20px -20px
}
.box .post {padding: 1.4em 5px}
.box .firstPost {border: 0 none}
.box .post.alt {background-color:#eee}

.postTitle,
.postTitle a {
	color: #000;
}

.search-gcs .post b {
	color: #f60;
	font-size:120%;
}
#advancedSearch legend {
	display:none;
}

.awiwpost .postTitle,
.awiwpost .postTitle a,
.awiwcat .postTitle,
.awiwcat .postTitle a {
	color: #C71325;
}

.wimaxvision .postTitle,
.wimaxvision .postTitle a {
	color: #A71724
}

.awiwpost #sectionTitle,
.awiwcat #content .boxTitle {
	background-image: none;
	background-color: #C71325;
	overflow:visible;
	height: 85px;
	position: relative;
}
.awiwpost #sectionTitle {
	margin-bottom: 10px;
}

#relatedPosts .postTitle,
.box .postTitle {
	font-size: 9pt;
	color: #000;
	font-weight: bold;
	margin-bottom: 0.5em
}

#commentPagination,
.pageNavigationLinks {
	clear:both;
	text-align: center;
	padding: 1.4em 0;
	font-weight:bold;
}
.pageLinks a span,
.pageLinks span,
.page-numbers {
	line-height: 26px;
	border: solid 1px #F90;
	color: #F90;
	height: 26px;
	min-width: 20px;
	padding: 0 3px;
	margin-right: 2px;
	display: inline-block;
	text-align:center;
	text-decoration:none;
}
.pageLinks a:hover span,
.pageLinks a:focus span,
a.page-numbers:focus,
a.page-numbers:hover {
	background-color: #F90;
	color: #F6F6F6;
	text-decoration:none;
}
.pageLinks span,
.current {
	border-color:#999;
	color:#999;
}
.pageLinks a:focus,
.pageLinks a:hover {
	text-decoration:none;
}
.pageLinks {text-align:right;font-weight:bold}
.pageLinks span {
	text-align:center;
}

span.dots,a.prev, a.next {
	border: 0 none;
}

a.prev:focus,
a.next:focus,
a.prev:hover,
a.next:hover {
	background-color:transparent;
	color:#F90;
	text-decoration: underline;
}

.error404 .postTitle {
	margin-bottom: 0;
}

.byLine {
	color:#666;
	margin-bottom:0.4em
}

.thumbnailImage {
	float:left;
	width:auto;
	margin:0.25em 10px 0.25em 0;
}

.excerpt .alignright img,
.thumbnailImage img {
	border: solid 1px #333
}
.postTags {
	text-indent: 20px;
	font-size: 8pt;
	background: url(images/tags.gif) no-repeat 0 0.25em transparent;
	color: #666;
	line-height:2em;
	/*clear:both;*/
}


.postFooter .postTags {
	background-color:#eee;
	background-position: 15px 20px;
	padding: 15px 0 15px 15px;
}

.postAComment {
	line-height: 5em;
	display: block;
	margin-left: 50%;
	text-align: right;
}

.errorLbl,
.errorMessage {color: #c00}
/*.errorMessages {display:block}*/

.searchForm {
	position:relative;
}

.errorMessage {
	position: absolute;
	color: #900;
	background-color: #fff;
	padding: 5px 20px;
	border:solid 1px #990000;
	top: -10px;
	left:15px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.separator {
	border-right: 1px dotted #08f;
	margin: 0 1em;
}

.copyright {
	margin-right: 2em;
	color: #666;
}

.postMeta {
	padding: 15px 0;
}

/* Some IE hacks. All clean and valid. :D */

.ie .clear{margin-bottom:-3px}

.ie6 #headerBannerInner,
.ie7 #headerBannerInner {
	position: absolute;
	top: 50%;
}

.ie6 .headerBanner {
	position: relative;
	top: -50%;
}

.ie7 #headerBannerInner > * {
	position: relative;
	top: -50%;
}

.awiwpost .awiwlogo,
.awiwcat .awiwlogo {
	position: absolute; /* Needs to be positioned to work with IE. */
	top: 0;
	left: 10px;
	z-index: 1;
}
.awiwcat .box  {
	border-color: #C71325;
}

.awiwcat .page-numbers {
	border-color:#C71325;
	color: #C71325;
}

.awiwcat a.page-numbers:hover {
	background-color: #C71325;
	color: #F6F6F6;
}

.awiwcat .current {
	border-color:#999;
	color:#999;
}

.awiwcat a.prev:hover,
.awiwcat a.next:hover {
	color:#C71325;
	background-color:transparent
}

#relatedPosts {
	width: 590px;
	padding: 0 10px;
}

#relatedPosts .relatedPost {
	width: 280px;
	padding: 1.5em 0;
}

#relatedPosts .relatedPost.left  {
	float:left;
	width:280px;
	clear:left;
}
#relatedPosts .relatedPost.right {
	margin-left: 310px
}

/*
	Navigation bar ".over" is assigned by jQuery for ie6 only.
*/

#navigationBar {
	position:relative;
	z-index: 10;
	line-height: 20px;
	width: 920px;
	margin-bottom: 10px;
	height: 40px;
	font-size: 8pt;
}

#navigationBar .nav {
	text-transform:uppercase;
	width: 690px;
	clear: left;
}

#navigationBar .nav > li > span,
#navigationBar .nav > li > a {
	padding: 0 14px
}
#navigationBar .nav .first-item {
	padding: 0 14px
}

#navigationBar .nav li {
	line-height:40px;
	float:left;
	margin-right:1px;
	position:relative;
	z-index: 10;
	width:auto;

	white-space:nowrap;
	list-style-type:none;
	background-color:transparent;
}
#navigationBar .nav li li a {
	width: 100%;
}
#navigationBar .nav li li {
	position:relative;
	padding:15px 0 0 10px;
	width:130px;
	margin: 0;
	line-height:1.4em;
	overflow:hidden;
	white-space:normal;
}

/* Hide until hover */
#navigationBar .nav li ul {
	display:none
}

#navigationBar .nav li.over ul,
#navigationBar .nav li:hover ul {
	display:block;
	position:absolute;
	left: 0;
	top: 40px;
	z-index:10;
	padding-bottom:15px;
	width:150px;
}
/* Objects higher than level 2 will show as level 2 */
#navigationBar .nav li.over ul ul,
#navigationBar .nav li:hover ul ul {
	position:static;
	padding: 0;
}
#navigationBar .nav li li li {
	padding-left: 0;
}

/* Colours */
#navigationBar,
#navigationBar .nav,
#navigationBar .nav li {
	background-color: #252c63;
	color: #fff;
}
#navigationBar .nav li li {
	background-color: #355498;
	color: #fff;
}

#navigationBar .nav a {
	color:white;
	text-decoration:none;
	display:inline-block;
}

#navigationBar .nav li a:focus,
#navigationBar .nav li a:active,
#navigationBar .nav li a:hover {
	color: #F90;
}

/* Active colour */
.home #navigationBar .nav li.menu-item-home,
#navigationBar .nav li.current-menu-ancestor,
#navigationBar .nav li.item-parent,
#navigationBar .nav li.current_page_item,
#navigationBar .nav li.current-post-ancestor,
#navigationBar .nav li.current-menu-item,
#navigationBar .nav li.current-item,
#navigationBar .nav li.over,
#navigationBar .nav li:hover,
#navigationBar .nav li ul {
	background-color:#355498;
	/*color:#F90;*/
}

/* Footer Navigation */
#footerNav {
	clear: both;
	margin-top: 30px;
	background-color: #fff;
}
#footerNav .nav li {
	list-style-type: none;
	min-height:40px;
	line-height: 40px;
	padding: 0 0 0 10px;
}
#footerNav .nav > li,
#footerNav .nav li.root {
	width: 900px;
	clear: both;
	font-weight:bold;
	text-transform:uppercase;
}
	#footerNav .nav > li > a,
	#footerNav .nav > li > span,
	#footerNav .nav li .first-item {
		width: 150px;
		clear: left;
		float: left;
	}

	#footerNav .nav > li li,
	#footerNav .nav li.root li {
		display: inline;
		font-weight:normal;
		text-transform:none;
	}

	#footerNav .nav > li > ul,
	#footerNav .nav ul.depth-1 {
		background: url(images/rightarrow.gif) no-repeat 0 17px transparent;
		width:700px;
		min-height:40px;
		margin-left: 150px;
	}

	#footerNav .nav > li > ul ul,
	#footerNav .nav  ul.depth-1 ul {
		display:inline; /* Catch any menu items that make it above level 2 */
	}

	#footerNav .nav > li > ul li,
	#footerNav .nav ul.depth-1 li {
		padding-left: 20px;
	}

#footerNav .nav > li,
#footerNav .nav > li a,
#footerNav .nav li.root,
#footerNav .nav li.root a {color:#000;}

#footerNav .nav > li li,
#footerNav .nav > li li a,
#footerNav .nav li.child,
#footerNav .nav li.child a {color:#666;}
/*#footerNav .nav li.current-item a {color:#F90;}*/


#catLinkBack {
	line-height: 5em;
	display: block;
	text-align: right;
	position: relative;
	z-index: 10;
}

/* Widget title */
.boxTitle,
.widgetTitle {
	font-weight: bold;
	white-space:nowrap;
	/*overflow:hidden;*/
	height: 40px;
	text-transform:uppercase;
	padding: 0 14px;
	background-color: #CCD6EB;
	width: 100%;
	position:relative;
	line-height: 40px;
	z-index: 1;
}
.widgetTitle {
	top: -14px;
	margin: 0 -14px;
}
.boxTitle {
	text-indent: 5px;
	padding:0 9px;
	top:-4px;
	margin:0 -9px -4px;
}

.boxTitle a,
.widgetTitle a {
	color:#000;
}
#leadBlock .widgetTitle {margin-top: 20px}

.rsswidget img {position:absolute;right:10px;top:12px;}
#leftCol .firstWidget .rsswidget img {
	right: -300px
}
.magazinePostTitleBottom .rsswidget img,
.commentPost .rsswidget img {position:static;margin-right:0.5em}

#content .boxTitle,
#content .widgetTitle {
	background: url(images/archivetitlegradient.gif) repeat-x top left #b2bcd0;
	color: #333;
}
#content .widgetTitle a {color:#fff}
.hometemplate #leadBlock .firstWidget .widgetTitle,
.wimaxvision #content #leftCol .firstWidget .widgetTitle,
.sectiontemplate #content #leftCol .firstWidget .widgetTitle {
	top:-50px;
	margin: 0 -14px -40px;
}
.widget_category_display.commentPost .widgetTitle {
	top: -10px;
	left: 4px;
	padding: 0 10px;
}
.wimaxvision #content #rightCol .firstWidget .widgetTitle,
.sectiontemplate #content #rightCol .firstWidget .widgetTitle {
	display: none;
}

#content .magazinePostTitleBottom .widgetTitle,
#content .singlePostTitleBottom .widgetTitle{
	top: 14px;
	background: none #333;
}

/* widget/box body */
.box,
.widget {
	border: solid 4px #CCD6EB;
	margin-bottom: 10px;
	position: relative;
	background-color: #fff;
	min-width: 0; /* Another hack for IE7 */
}
.widget{padding: 10px}
.box { padding:0 5px; border-color:#B2BCD0;background-color:#f6f6f6;}

#content .widget {
	border-color: #b2bcd0;
	background: url(images/widgetgradient.gif) repeat-x top left #f6f6f6;
}

#content .commentPost {
	border: none 0;
	background: none #ddd;
	min-width: 0; /* Without this IE7 behaves a little odd*/
}

.wimaxvision #content .firstWidget,
.sectiontemplate #content .firstWidget  {
	background: none #F6F6F6!important;
	border-top: 0 none
}

.wimaxvision #rightCol .firstWidget,
.sectiontemplate #rightCol .firstWidget {
	padding-left: 20px;
	left: -14px;
	margin-right:-14px;
	border-left: 0 none;
	z-index: 1;
	width:280px;
	border-right: solid 4px #B2BCD0;
	border-bottom: solid 4px #B2BCD0;
}

/* Widget inner styling */
.widgetPost.dotT {
	padding-top: 10px;
	margin-top: 10px;
}

.widgetPost .postTitle {
	color: #000;
	font-size: 9pt;
	margin-bottom: 1em;
	display:block;
}

.authImg {
	padding:0;
	float:right;
	position:relative;
	top: -35px;
	margin:0 0 -30px 10px;
	border:solid 4px #fff;
	z-index: 1;
	width:auto;
}

#content .magazinePostTitleBottom,
#content .singlePostTitleBottom {border-color: #333}

#content .magazinePostTitleBottom .intermediate {
	float: right;
	width:auto;
	margin-bottom: -35px;
	position:relative;
	z-index: 10;
	margin-left:5px;

}

#content .magazinePostTitleBottom .widgetPost {width: 150px; min-height:85px}

#sidebar .leftSplitWidget {width: 142px}
#sidebar .rightSplitWidget {
	float:right;
	clear:right;
	width: 96px;
}
#sidebar .belowSplit {clear: right}

.advertWidget {
	overflow: hidden;
	margin-bottom: 10px;
	text-align:center;
}
#leaderboard .advertWidget {text-align:left}
#headerBannerInner .advertWidget {text-align:right}
.advertRS {width: 120px !important}
.advertLS {width: 170px !important}

.widgetRecentComments {
	margin-bottom: 10px;
	background: url(images/recentcomments.gif) no-repeat top left #f0f0f0;
	padding:35px 10px 40px;
}
#sidebar .widgetRecentComments {
	clear:right;
}
.recentCommentTitle {
		text-transform:uppercase;
		font-weight:bold;
		display:block;
		margin-bottom: 1em;
}
.comExc {
	margin-top: 1em;
	padding: 1em 0 0 0;
}

.comExc .link {
	display: inline;
	float:right;
	width:28px;
	height:28px;
	margin: 0 5px;
}

/* Scroll widget */
.scroller {
	overflow:hidden;
	height:280px;
	position:relative;
}
.scrollPost {
	height:268px;
	width:280px;
	display:none;
	position:absolute;
	overflow:hidden;
	top:10px;
	left:-300px;
	background-color: #f6f6f6;
}
.rightButton,
.leftButton {
	position:absolute;
	display:none; /* Hide the buttons until the JS kicks in */
	width: 28px;
	height: 28px;
	cursor: pointer;
	z-index:3;
}
.leftButton  {background: url(images/slideleft.gif) no-repeat right top #ccc}
.rightButton {background: url(images/slideright.gif) no-repeat left top #ccc}
.scroller .leftButton	{top: 240px;left:0;}
.scroller .rightButton	{top: 240px;right:0}

.scroller .itemTitle {
	display:block;
	text-align:center;
	padding:16px 35px;
	margin: 10px 0;
}
.scroller .itemTitle a {color: #000}
.scroller .currentItem {
	display:block;
	left:0;
}
.sliderContent {height:210px; overflow:hidden}

/* Home page square block above twin columns. */

#leadBlock .newsItemList .colL {
	float:left;
	width: 272px;
}
#leadBlock .newsItemList .colR {
	margin-left: 302px;
	padding-top: 269px;
}
.ie6 #leadBlock .newsItemList .colR {
	padding-top: 279px;
}

#leadBlock .widget {
	clear:both;
	border: 0 none;
	background: none transparent;
	margin: 0;
}

#leadBlock {
	position: relative;
	border: solid 4px #999999;
	border-top: none;
	margin-bottom: 10px;
	background-color: #f6f6f6;
	padding-bottom: 10px;
}

#leadBlock .newsPostSlider {
	position:absolute;
	top:0;
	right:0;
	width: 280px;
	margin-top:0;
}
#sectionLogo {margin-bottom: 10px;}

.intercativeMap {
	width: 250px;
	height: 128px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin:0 auto 10px;
	background:url(images/map/globe.gif) no-repeat left top transparent;
}

.intercativeMap img{
	border: 0 none;
}
.intercativeMap .highlightImages img {
	position:absolute;
	display:none;
	z-index: 1;
	cursor:pointer;
}

.wp-polls-loading {
	display: none;
	text-align: center;
	height: 16px;
	line-height: 16px;
	position:absolute;
	top: 100px;
	right:40px;
	padding:10px;
	background-color: #fff;
}
.wp-polls .pollbar {
	margin: 1px;
	height: 10px;
	background-color:#F90;
}
.widget_polls_telecoms ul {list-style-type:none;margin-left:0;}
.wp-polls .Buttons {width:100%}
ul.wp-polls-ul {
	padding-bottom: 10px;
	margin: 0 0 10px 0;
	list-style-type: none;
	border-bottom: dotted 1px #ccc;
}
.wp-polls-archive ul.wp-polls-ul {
	border-bottom: 0 none;
}

ul.wp-polls-ul li {
	padding: 0.5em 0;
	line-height: 1.4em;
}

.wp-polls-ans {
	border-bottom: dotted 1px #ccc;
	margin-bottom: 1em;

}

.widget_tag_cloud a {
	line-height: 1.2em;
	vertical-align: middle
}

.excerpt {min-height: 80px}

.magazine .post {
	border: solid 4px #333;
	padding: 10px;
	margin-bottom: 10px;
	background: #F6F6F6 url(images/widgetgradient.gif) repeat-x scroll left top;
}

.magazine .post .alignright img{
	margin: 5px 5px -35px 0;
	position:relative;
	z-index: 3;
}

.magazine .left {
	float:left;
	clear:left;
	width:272px;
}
.magazine .right {
	width:272px;
	margin-left: 310px
}
.magazine .right .alignright,
.magazine .left .alignright { margin-left: 10px}

.magazine .postTitle {
	font-size: 9pt;
	font-weight:bold;
}

.releaseDate {
	background-color: #333;
	color: #fff;
	clear:right;
	display:block;
	padding: 14px;
	width: 100%;

	position: relative;
	top: 14px;
	margin: -14px -14px 0;
}

.ie6 .magazine .right {margin-left: 307px}

.postBody dl.gallery-item {
	margin-left:0;
	padding-left: 0;
}
.gallery {
	width: 100%;
}
.gallery-item {
	float: left;
	margin-top: 1em;
	text-align: center;
}

.gallery img {
	border: 2px solid #EEE;
}
.gallery-caption {
	margin-left: 0;
}

.opinionAuth {
	float:left;
	border: solid 4px #fff;
	margin-right: 10px;
}

.opinioncat .postTags {
	float:left;
}

.authorBio {
	height:auto;
	padding:10px 0;
	margin-bottom: 10px;
	color:#666666;
}
.authorBio .photo{
	float:left;
	margin:-5px 10px -5px 0;
}
.authorName {
	display:block;
	margin-bottom: 5px;
}

#wp-calendar {
	width: 100%;
	text-align:center;
}
form .label,
.postBody form .textfield label {
	float:left;
	clear:left;
	margin-right: 1.5em;
	width: 180px;
	text-align:right;
}
.postBody form .checkbox {padding-left:200px}
.postBody form .formrow {width: auto;margin-bottom: 0.5em;clear:left}

.postBody form {
	position:relative;
	padding: 20px 1em 1em;
	border-top: solid 40px #ddd;
	background-color: #eee;
	color: #000;
}
/* Firefox has a bug that means I can't position a legend without the additional span. */
.postBody form fieldset legend span {
	white-space:nowrap;
	position:absolute;
	top: -40px;
	line-height:40px;
	text-transform:uppercase;
	font-weight:bold;
	color: #000;
	background-color:#ddd;
}

.formrow select,
.formrow textarea,
.formrow input{
	margin-right:0.5em;
}
.widget-newsletter .email,
.textfield textarea,
.textfield select,
.textfield input {
	border:solid 1px #ccc;
	background-color:#fff;
	color:#000;
	padding: 0.2em;
}

.widget-newsletter {background-color: #eee;overflow:hidden;}
.widget-newsletter .email {
	height: 18px;
	width:225px;
}
.postsBlock {
	clear:left
}
#categorySwitch {
	height: 4.4em;
	background: url(images/tabback.gif) repeat-x top left #DBDBDB;
	width:600px;
	margin:0 -4px;
	border-top:1px solid #F6F6F6;
	list-style-type:none;
}
#categorySwitch li {
	border-right:1px solid #F6F6F6;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
}
#categorySwitch a {
	color:#000;
	display:block;
	padding: 1.5em 1em;
}
#categorySwitch a:focus {text-decoration:none;}

#categorySwitch li.currentTab {
	background:none #f6f6f6;
}
#categorySwitch li.currentTab a { cursor:default}
#categorySwitch li.currentTab a:hover { text-decoration:none}

#sectionTitle {
	background: url(images/archivetitlegradient.gif) repeat-x top left #999;
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	font-weight: bold;
	color: #fff;
}

.videoBox {
	width:610px;
	height:390px;
	text-align:center;
}

.tagCloudReplacement {
	text-align:center;
}
#latestVideos {
	background: url(images/videogradient.gif) repeat-x bottom left #fff;
}

#latestVideos .content{
	position:relative;
	height: 340px;
	overflow:hidden;
	background: url(images/videoshadow.gif) no-repeat 100px 165px transparent;
}
#latestVideos .video {
	position:absolute;
	top:0;
	left:0;
}

#latestVideos .image {
	width:240px;
	height:140px;
	border: solid 3px #000;
	background-color: #000; /* As IE wants to move the image by 1px up or down I'll fake a border with padding and a background colour.*/
	position: absolute;
	left:173px;
	top:30px;
	z-index:2;
}

#latestVideos .image img {
	width:100%;
	height:100%;
}

#latestVideos .postTitle {
	position:absolute;
	left: 96px;
	top:214px;
	width: 400px;
	text-align:center;
	font-size: 12pt;
	white-space:nowrap;
	letter-spacing: -0.1px;
	z-index: 1;
}
#latestVideos .descript {
	position:absolute;
	left:66px;
	top: 250px;
	width: 460px;
	z-index: 1;
}
	#latestVideos .postTags {
		font-size: 9pt;
	}

.rssscroller{
	width: 272px;
	height: 120px;
}

#latestVideos .reflect{
	-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(0.85, transparent), to(rgba(0,0,0,0.2)));
}


.bizdir_directory-shortcode,
.bizdir_addform-shortcode {
	margin-bottom: 1em;
}

.bizdir_directory-shortcode hr,
.bizdir_addform-shortcode hr {
	display: none;
}

.bizdir_addform-shortcode table,
.bizdir_directory-shortcode table{
	margin-bottom:0;
}

.bizdir_addform-shortcode form,
.bizdir_directory-shortcode form {
	border-top:0 none;
	background-color:#ddd;
	padding: 10px;
	line-height: 2em;
	width: 590px
}

.bizdir_addform-shortcode form {
	background-color: #eee;
}

.bizdir_directory-shortcode form b {
	float: left;
	width: 250px;
	text-align:right;
	padding-right: 10px;
	line-height: 2em;
}

.bizdir_directory-shortcode input {
	margin-right: 10px;
}

.bizdir_directory-shortcode table#bizdir_directory {
	width:610px;
}

table#bizdir_directory td {
	padding:10px;
	background-color:#eee;
	border-bottom: solid 1px #ddd;
	width:590px;
	max-width: 590px;
}

table#bizdir_directory tr.alternate td {
	background-color:#ddd
}

.bizdir_notes_grey {
	display:none
}

table#bizdir_directory tr:nth-child(even) td {
	background-color:#ddd
}

.bizdir_notes,
.bizdir_addform-shortcode small {
	font-weight:bold;
}

div#bizdir_directory {
	width:100% !important;
	overflow:hidden;
}
.twinColScroller .scrollPost {
	width: 582px;
}

/*** JOBS BOARD ***/

#content.jobs-board, #content.jobs-board .postMeta{
	width: 100%;
}

#content.jobs-board .postMeta{
	padding: 15px 0px 30px 0px;
}

#content.jobs-board .postMeta .socialBookmarks{
	float: right;
	margin-left: 0px;
}

#content.jobs-board .postBody{
	padding-top: 10px;
}

.postBody form#jb-form{
	background-color: #fff;
	border-top: none;
	padding: 0px 0px 10px 0px;
}

.jb-search{
	width: 29.5%;
	margin-right: 0.75%;
	float: left;
} 

.jb-search label{
	font-weight: bold;
}

.jb-search input, .jb-search select{
	margin-top: 5px;
	padding-left: 5%;
	padding-right: 5%;
	height: 43px; 
	vertical-align: middle;
	background-color: #ecebe1;
	border: none;
}

.jb-search input{ 
	width: 90%;
}
.jb-search select{ 
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.jb-submit{
	float: left;
	width: 9%;
	margin-top: 21px;
}

#jb-submit{
	width: 100%;
	height: 43px;
	font-size: 16px;
}

.jb-count{
	float: left;
	color: #999;
	font-style: italic;
	width:200px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.jb-clear{
	clear: both;
}

#jb-powered{
	margin-bottom: 10px;
}

#jb-powered td, #jb-powered td{
	vertical-align: middle;
}

.jb-table{
	background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.jb-table td.title, .jb-table td.title{ width: 346px !important; }
.jb-table td.company, .jb-table td.company{ width: 129px !important; }
.jb-table td.sector, .jb-table td.sector{ width: 98px !important; }
.jb-table td.subsector, .jb-table td.subsector{ width: 121px !important; }
.jb-table td.location, .jb-table td.location{ width: 115px !important; }
.jb-table td.sector, .jb-table td.sector{ width: 62px !important; }


.jb-row:hover{
	background-color: #eeeeee !important;
}

.jb-row.even td{
	background-color: #f9f9f9;
}

.jb-head th{
	padding: 0px 10px 5px 10px;
	border-bottom: 1px solid #313131;
	text-align: left;
}

.jb-row td{
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
	padding: 10px;
	text-align: left;
}

.jb-row td a{
	display:block;
	color: #252c63;
}

.jb-single .job-title{
	font-weight: bold;
	width: 150px;
	display: inline-block;
	margin-bottom: 10px;
}

.jb-single .job-detail{
	margin-bottom: 5px;
}

.jb-noresults{
	margin: 20px 0px;
	text-align: center;
	font-weight: bold;
}

.jb-pagination{
	text-align: center;
}

.jb-apply{
	display: block;
	background-color: #f90; 
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	padding: 10px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.jb-apply:hover, .jb-apply:focus{
	text-decoration: none;
	color: #fff;
}