/***************************************************************
Style Sheet for eSpeakers.com

Copyright 2007 by eSpeakers.com, All Rights Reserved
***************************************************************/



/***************************************************************
Default Blob Styles
***************************************************************/
.blobImage {
	margin-bottom:12px;
	text-align:center;
}
.blobImage h2 {
	font-size:130%;
	text-align:center;
	color:#fff;
}

/*--------------- Left Navigation Style --------------------*/
.blobStyle1 {
	margin-bottom:12px;
}

.blobStyle1 .topLeft {background:url('/images-layout/green-column-top-left.gif') top left no-repeat;}
.blobStyle1 .topRight {height:25px; background:url('/images-layout/green-column-top-right.gif') top right no-repeat;}

.green .blobStyle1 .topLeft {background:url('/images-layout/green-column-top-left.gif') top left no-repeat;}
.green .blobStyle1 .topRight {background:url('/images-layout/green-column-top-right.gif') top right no-repeat;}

.blue .blobStyle1 .topLeft {background:url('/images-layout/blue-column-top-left.gif') top left no-repeat;}
.blue .blobStyle1 .topRight {background:url('/images-layout/blue-column-top-right.gif') top right no-repeat;}

.orange .blobStyle1 .topLeft {background:url('/images-layout/orange-column-top-left.gif') top left no-repeat;}
.orange .blobStyle1 .topRight {background:url('/images-layout/orange-column-top-right.gif') top right no-repeat;}


.blobStyle1 .topRight h2 {
	margin:0;
	padding:5px 0 0 12px;
	text-align:left;
	text-transform:uppercase;
	font-size:100%;
	font-weight:bold;
	color:#fff;
}

.blobStyle1 .blobBody, .blobStyle1 .blobBodyShort {
	border:solid #cacacc;
	border-width:0 1px;
	padding:15px 0;
	background:url('/images-layout/blob-style-1-body-bg.gif') top left repeat-x;
}
.blobStyle1 .blobBodyShort {
	background:url('/images-layout/blob-style-1-body-bg-short.gif') top left repeat-x;
}

.blobStyle1 .bottomLeft {
	background:url('/images-layout/gray-line-bottom-left.gif') top left no-repeat;
}
.blobStyle1 .bottomRight {
	height:4px;
	background:url('/images-layout/gray-line-bottom-right.gif') top right no-repeat;
}



/***************************************************************
Custom Blob Styles
***************************************************************/
.callToAction {
	padding-bottom:6px;
}
.callToAction .actions {
	height:29px;
}
.callToAction img {
	display:inline;
	float:left;
	margin-right:10px;
}
.callToAction p {
	margin-bottom:0px;
}

.blobBanner {
	position:relative;	
	width:960px;
	height:100px;
	padding:10px 0 0 0;
}
.blobBanner h2 {
	position:absolute;
	display:inline;
	bottom:20px;
	left:10px;
	
	padding:0;
	margin:0;
	
	font-style:normal;
	font-size:215%;
	font-weight:bold;
	color:#000;
}
.blobBanner h2.detail {
	bottom:50px;
	left:360px;
	font-size:160%;
}
.blobBanner img {
	display:inline;
	float:right;
	padding-bottom:10px;
}
.blobBanner img.detail {
	display:inline;
	float:left;
	margin-left:5px;
	padding-bottom:0;
}

.green .blobBanner h2 {color:#a9d372; /*color:#a9d372;*/}
.blue .blobBanner h2 {color:#3d61ad; /*color:#3d61ad;*/}
.orange .blobBanner h2 {color:#ffaf27; /*color:#ffaf27;*/}

.blobStyle2{
	margin:0 10px 0 0;
	margin-bottom:5px;
	border:solid #cacacc;
	border-width:0 1px;
}
.blobStyle2 .topLeft {
	margin:0 -1px;
	background:url('/images-layout/gray-line-top-left.gif') top left no-repeat;
}
.blobStyle2 .topRight {
	background:url('/images-layout/gray-line-top-right.gif') top right no-repeat;
}
.blobStyle2 .topRight h2 {
	margin:0;
	padding:.5em;
	text-align:left;
	font-size:120%;
	font-weight:bold;
	color:#7ab733;
}
.green .blobStyle2 .topRight h2 {color:#7ab733;}
.blue .blobStyle2 .topRight h2 {color:#3d61ad;}
.orange .blobStyle2 .topRight h2 {color:#ffaf27;}

.blobStyle2 .blobBody {
	padding:5px;
}

.blobStyle2 .blobBody h2 {
	display:inline;
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-size:89%;
	color:#5a5a5c;
}
.blobStyle2 .blobBody img {
	display:inline;
	float:left;
	margin-right:5px;
}
.blobStyle2 .blobBody p {
	color:#6e6f71;
}


.blobStyle2 .bottomLeft {
	margin:0 -1px;
	font-size:0px;
	background:url('/images-layout/gray-line-bottom-left.gif') top left no-repeat;
}
.blobStyle2 .bottomRight {
	height:4px;
	background:url('/images-layout/gray-line-bottom-right.gif') top right no-repeat;
}