/*  
Theme Name: e360 Blog
Theme URI: http://english360.com/blog/
Description: The all new e360 blog template
Version: 2
Author: Shaun Andrews
Author URI: http://www.shaunandrews.com
*/

@import url("/stylesheets/whitespace-reset.css");

body {
	color: #252525;
	font-size: 14px;
	font-family: Helvetica, Arial, Sans-serif; }

/*#header {
	position: relative;
	width: 780px;
	margin: 0 auto;
	padding: 50px 0 0 0; }
	#header #login {
		position: absolute;
		top: 10px;
		right: 0;
		font-size: 12px;
		color: #666666;
		font-style: italic;
		padding: 5px;
		background: #F1F1F1; }
		#header #login a {
			color: #666666;
			padding: 0 0 0 25px;
			background: transparent url("/images/icon_login.gif") no-repeat 8px 1px;
			text-decoration: underline;
			font-style: normal; }
		#header #login a:hover {
			color: #000000;
			background-image: url("/images/icon_login-hover.gif"); }
	#header a#logo {
		display: block;
		margin: 0 auto;
		height: 100px;
		width: 206px;
		text-indent: -5000px;
		background: transparent url("/images/logo.gif") no-repeat 0 0; }
	#header ul#nav {
		width: 520px;
		height: 50px;
		padding: 35px 0 0 0;
		margin: 0 auto; }
		#header ul#nav li {
			float: left;
			padding: 0 25px;
			font-size: 16px;
			font-weight: bold; }
			#header ul#nav li a {
				font-weight: normal;
				color: #666666;
				text-decoration: underline; }
			#header ul#nav li a:hover {
				color: #FF8826; }*/

#focus {
	background: #FF7300 url("/images/bg_focus.gif") repeat-x 0 0;
	border-bottom: 1px solid #D96200; }
	#focus div.inner {
		width: 780px;
		padding: 30px 0 20px 0;
		margin: 0 auto;
		background: transparent url("/images/bg_focus-inner.gif") no-repeat 100% 5px; }
	#focus h1 { }
	#focus h1#hdr_home {
		height: 106px;
		width: 770px;
		text-indent: -5000px;
		background: transparent url("/images/hdr_home.gif") no-repeat 0 0; }
	#focus h1#hdr_preview {
		height: 29px;
		width: 577px;
		margin: 0 auto;
		text-indent: -5000px;
		background: transparent url("/images/hdr_preview.gif") no-repeat 0 0; }
	#focus h1#hdr_team {
		height: 29px;
		width: 369px;
		margin: 0 auto;
		text-indent: -5000px;
		background: transparent url("/images/hdr_our-team.gif") no-repeat 0 0; }
	#focus h1#hdr_blog {
		height: 29px;
		width: 128px;
		margin: 0 auto;
		background: transparent url("/images/hdr_blog.gif") no-repeat 0 0; }
		#focus h1#hdr_blog a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -5000px; }
	#focus h1#hdr_contact {
		height: 29px;
		width: 179px;
		margin: 0 auto;
		text-indent: -5000px;
		background: transparent url("/images/hdr_contact.gif") no-repeat 0 0; }

#core-values {
	float: left;
	width: 100%;
	background: transparent url("/images/bg_core-values-top.gif") repeat-x 0 0; }
	#core-values div.inner {
		float: left;
		width: 100%;
		padding: 0 0 20px 0;
		background: transparent url("/images/bg_core-values-bottom.gif") repeat-x 0 100%; }
	#core-values #values {
		width: 780px;
		margin: 0 auto; }
		#core-values #values div {
			width: 240px;
			padding: 114px 5px 0 5px;
			float: left;
			text-align: center; }
		#core-values #values div#collaboration {
			background: transparent url("/images/bg_collaboration.jpg") no-repeat 50% 0; }
		#core-values #values div#personalisation {
			padding-left: 15px;
			padding-right: 15px;
			background: transparent url("/images/bg_personalised.jpg") no-repeat 50% 0; }
		#core-values #values div#performance-based {
			background: transparent url("/images/bg_performance-based.jpg") no-repeat 50% 0; }

	#core-values h3 {
		font-size: 16px;
		margin: 0 0 10px 0; }
	#core-values p {
		font-size: 12px;
		line-height: 130%;
		padding: 0 5px; }

#main {
	padding: 20px 0 30px 0;
	clear: both;
	width: 550px;
	margin: 0 auto; }
	#main h2 {
		font-size: 22px;
		font-weight: normal;
		margin: 0 0 10px 0;
		padding: 15px 0 0 0; }
	#main p {
		font-size: 14px;
		line-height: 160%;
		margin: 0 0 15px 0; }
		#main p a {
			color: #FF7300;
			text-decoration: underline; }
		#main p a:hover { text-decoration: none; }
	#main ul {
		margin: 0 0 25px 0; }
		#main ul li {
			padding: 5px 0 5px 35px;
			background: transparent url("/images/blt_mark.gif") no-repeat 15px 6px; }

	#main #contact-info {
		width: 400px;
		padding: 20px;
		margin: 0 auto 40px auto;
		background: #F2F2F2; }
		#main #contact-info p {
			margin: 0;
			padding: 0 0 0 25px;
			line-height: 130%; }
			#main #contact-info p a {
				color: #FF7300;
				text-decoration: underline; }
			#main #contact-info p a:hover {
				text-decoration: none; }
		#main #contact-info p#phone { background: transparent url("/images/icon_phone.gif") no-repeat 0 2px; }
		#main #contact-info p#email { background: transparent url("/images/icon_email.gif") no-repeat 0 2px; margin-top: 15px; margin-bottom: 15px; }
		#main #contact-info p#mailing { background: transparent url("/images/icon_mailing.gif") no-repeat 0 2px; }

#main.preview {
	width: 740px; }
	#main.preview p.preview-nav {
		text-align: center;
		font-size: 14px;
		color: #333333;
		font-weight: bold; }
		#main.preview p.preview-nav a {
			font-weight: normal;
			text-decoration: underline;
			color: #666666; }
		#main.preview p.preview-nav a:hover {
			color: #333333; }
	#main.preview div.screen {
		background: #333333;
		padding: 20px;
		color: #FFFFFF;
		margin: 0 0 30px 0; }
		#main.preview div.screen img { }
		#main.preview div.screen h2 {
			font-size: 16px;
			font-weight: normal;
			margin: 0 0 10px 0; }
		#main.preview div.screen p {
			font-size: 12px;
			line-height: 120%;
			margin: 0; }
			#main.preview div.screen p a { }
			#main.preview div.screen p a:hover { }

#main.team {
	width: 625px; }
	#main.team p {
		margin: 0 0 30px 0; }
	#main.team div.person {
		padding: 0 0 30px 75px;
		position: relative; }
		#main.team div.person img {
			position: absolute;
			top: 0;
			left: 0; }
		#main.team div.person h4 {
			font-size: 12px;
			color: #666666;
			margin: 0;
			padding: 0 0 2px 0;
			font-weight: normal; }
		#main.team div.person h2 {
			margin: 0 0 5px 0;
			padding: 0;
			font-size: 22px;
			font-weight: normal; }
		#main.team div.person p {
			margin: 0 0 15px 0; }
			#main.team div.person p a {
				color: #FF7300;
				text-decoration: underline; }
			#main.team div.person p a:hover {
				text-decoration: none; }

#main.blog {
	width: 880px; 
	margin-top:25px; }
#blog #main { width: 880px; }
	#main.blog #sidebar {
		width: 220px;
		float: left;
		text-align: right; }
		#main.blog #sidebar a#btn_home b,
		#main.blog #sidebar a#btn_rss b,
		#main.blog #sidebar a#btn_twitter b,
		#main.blog #sidebar a#btn_archives b { display: none; }
		#main.blog #sidebar a#btn_home {
			height: 30px;
			width: 72px;
			float: right;
			margin: 0 0 10px 0;
			display: block;
			background: transparent url("/images/btn_home.gif") no-repeat 0 0; }
		#main.blog #sidebar a#btn_rss {
			height: 30px;
			width: 109px;
			clear: both;
			float: right;
			margin: 0 0 10px 0;
			display: block;
			background: transparent url("/images/btn_subscribe.gif") no-repeat 0 0; }
		#main.blog #sidebar a#btn_twitter {
			height: 30px;
			width: 77px;
			clear: both;
			float: right;
			margin: 0 0 10px 0;
			display: block;
			background: transparent url("/images/btn_follow.gif") no-repeat 0 0; }
		#main.blog #sidebar a#btn_archives {
			height: 30px;
			width: 90px;
			clear: both;
			float: right;
			margin: 0 0 22px 0;
			display: block;
			background: transparent url("/images/btn_archives.gif") no-repeat 0 0; }
		#main.blog #sidebar h3 {
			margin: 0 0 10px 0;
			clear: both; }
		#main.blog #sidebar h3#twitter-links img{
			vertical-align: -3px; }
		#main.blog #sidebar ul {
			margin: 0 0 25px 0;
			font-size: 12px;
			color: #666666; }
			#main.blog #sidebar ul li {
				background: none;
				padding: 0;
				margin: 0 0 7px 0; }
				#main.blog #sidebar ul li a {
					color: #666666;
					text-decoration: underline; }
				#main.blog #sidebar ul li a:hover {
					color: #000000; }

	#main.blog #blog-content {
		width: 620px;
		float: right; }
		#main.blog #blog-content #page-nav {
			width: 520px;
			float: left;
			height: 50px;
			clear: both;
			font-size: 11px; }
			#main.blog #blog-content #page-nav div.right {
				float: right; }
			#main.blog #blog-content #page-nav div.left {
				float: left; }
			#main.blog #blog-content #page-nav a {
				display: block;
				padding: 10px;
				background: #FF7300;
				border: 1px solid #FFFFFF;
				color: #FFFFFF; }
			#main.blog #blog-content #page-nav a:hover {
				text-decoration: none;
				color: #FF7300;
				background: #FFFFFF;
				border: 1px solid #FF7300; }
		#main.blog #blog-content div.post {
			padding: 0 0 20px 0;
			margin-right: 30px; }
			#main.blog #blog-content div.post img {
				max-width: 100%; }
			#main.blog #blog-content div.post h4 {
				font-size: 11px;
				font-weight: bold;
				color: #999999;
				padding: 0;
				margin: 0; }
			#main.blog #blog-content div.post h2 {
				font-size: 22px;
				color: #252525;
				font-weight: normal;
				padding: 0;
				margin: 0 0 6px 0; }
				#main.blog #blog-content div.post h2 a { color: #252525; line-height:25px;}
				#main.blog #blog-content div.post h2 a:hover {
					color: #999999;
					text-decoration: underline; }
			#main.blog #blog-content div.post p { }
			#main.blog #blog-content div.post div.media {
				padding: 25px 0;
				text-align: center; }
				#main.blog #blog-content div.post div.media img { }
			#main.blog #blog-content div.post p.meta {
				padding: 3px;
				margin: 0 0 20px 0;
				font-size: 11px;
				clear: both;
				border-bottom: 1px solid #CCCCCC; }
				#main.blog #blog-content div.post p.meta a {
					color: #666666;
					text-decoration: underline; }
				#main.blog #blog-content div.post p.meta a:hover {
					color: #000000; }
			#main.blog #blog-content div.post blockquote {
				padding: 0 20px;
				font-size: 11px;
				font-style: italic;
				font-family: Georgia, Serif;
				border-left: 3px solid #909090; }

			#main.blog #blog-content ul#archives-month { }
				#main.blog #blog-content ul#archives-month li {
					background: none;
					float: left;
					width: 140px;
					color: #666666;
					padding: 5px 0;
					margin: 0 10px 0 20px;
					list-style-type: square; }
					#main.blog #blog-content ul#archives-month li a {
						color: #666666;
						text-decoration: underline; }
					#main.blog #blog-content ul#archives-month li a:hover {
						text-decoration: none; }

		#main.blog #blog-content #comments { }
			#main.blog #blog-content #comments h2 {
				margin: 0 0 25px 0; }
			#main.blog #blog-content #comments ol {
				margin: 0 0 50px 0; }
				#main.blog #blog-content #comments ol li {
					border-bottom: 1px solid #CCCCCC;
					margin: 0 0 15px 0;
					font-size: 13px; }
					#main.blog #blog-content #comments ol li p {
						font-size: 13px; }
						#main.blog #blog-content #comments ol li p a {
							color: #FF7300;
							text-decoration: underline; }
						#main.blog #blog-content #comments ol li p a:hover {
							text-decoration: none; }
					#main.blog #blog-content #comments ol li div.byline {
						padding: 0 0 5px 0;
						font-size: 11px;
						color: #999999;
						clear: both; }
						#main.blog #blog-content #comments ol li div.byline a {
							color: #FF7300;
							text-decoration: underline; }
						#main.blog #blog-content #comments ol li div.byline a:hover {
							text-decoration: none; }
			#main.blog #blog-content #comments fieldset {
				border: none;
				float: left;
				width: 100%;
				padding: 0 0 15px 0; }
				#main.blog #blog-content #comments fieldset label {
					width: 100px;
					padding: 5px 10px 0 0;
					text-align: right;
					float: left;
					font-size: 12px; }
				#main.blog #blog-content #comments fieldset input {
					font-size: 14px;
					padding: 2px; }
				#main.blog #blog-content #comments fieldset textarea {
					width: 300px;
					height: 100px;
					font-size: 12px;
					font-family: Helvetica, Arial, Sans-serif; }
			#main.blog #blog-content #comments fieldset.action { }
				#main.blog #blog-content #comments fieldset.action input {
					position: relative;
					left: 110px; }

fieldset#signup {
	border: none;
	padding: 15px;
	background: transparent url("/images/bg_signup.gif") repeat-x 0 0; }
	fieldset#signup input#form_name,
	fieldset#signup input#form_email {
		font-size: 22px;
		font-family: Georgia, Serif;
		font-style: italic;
		padding: 5px;
		display: block;
		width: 500px;
		color: #333333;
		margin: 0 0 10px 0; }
	fieldset#signup label#form_pilot {
		display: block;
		padding: 0 0 10px 0; }
		fieldset#signup label#form_pilot input { }
	fieldset#signup label#form_optin {
		display: block;
		padding: 0 0 15px 0; }
		fieldset#signup label#form_optin input { }
	fieldset#signup input#form_submit { }

/*#footer {
	clear: both;
	width: 930px;
	margin: 0 auto 30px auto;
	padding: 15px;
	border-top: 2px solid #DCDDDF; }
	#footer p {
		font-size: 12px;
		padding: 10px 0;
		color: #666666; }
		#footer p a {
			color: #6081A1;
			text-decoration: none; }
		#footer p a:hover {
			text-decoration: underline; }
			*/
		
#page-blog #content{ float: left; padding:0 35px 0 36px;}
		
li{ list-style: none; }

.e360-author-info img{ 
	border: 3px solid #AFC9CC; 
	float: left; 
	margin-right: 8px;
	margin-bottom: 6px;}
.e360-author-info h4{
	line-height: 13px; 
	padding-top: 3px;}