/*
Theme Name: DEMO Blog 2012
Theme URI: http://blog.demo.com
Author: Taylor Design
Author URI: http://www.taylordesign.com/
Description: This is the 2012 theme for the DEMO Blog. Designed and coded by the team at Taylor Design.
Version: 1.0
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* DEMO Blog Styles */
body {
	background: #fff;
	color: #666;
	font: normal 14px/21px Arial, Helvetica, sans-serif;
}

p,
ul {
	padding: 0 0 15px;
}

a {
	color: #666;
}
	a:hover {
		color: #D3065E;
	}

.alignleft {
	float: left;
}
	img.alignleft {
		margin: 3px 10px 3px 0;
	}
.alignright {
	float: right;
}
	img.alignright {
		margin: 3px 0 3px 10px;
	}

.header {
	height: 350px;
	background: url(images/top_photos.jpg) repeat-x center bottom #fff;
	margin: 0 0 40px;
}
	.headerContent {
		width: 960px;
		position: relative;
		height: 300px;
		margin: 0 auto;
	}
		.logo {
			position: absolute;
			top: 95px;
			left: 0;
		}
.content {
	width: 960px;
	margin: 0 auto;
}
	.left {
		width: 560px;
		float: left;
	}
		.search h1 {
			font: 400 32px/15px "museo-sans", sans-serif;
			padding: 0 0 40px;
		}
		.post {
			width: 100%;
			position: relative;
			border-top: 2px dotted #ccc;
			padding: 20px 0 45px;
		}
			.post h1 {
				font: 600 22px/24px "skolar", serif;
				color: #008ECC;
				padding: 0 0 7px;
			}
				.post h1 a {
					color: #008ECC;
					text-decoration: none;
				}
					.post h1 a:hover {
						color: #D3065E;
					}
			.post h2 {
				font: 700 12px/15px "museo-sans", sans-serif;
				color: #008ECC;
				text-transform: uppercase;
				padding: 0 0 2px;
			}
			.post h3 {
				font: 700 12px/15px "museo-sans", sans-serif;
				text-transform: uppercase;
				padding: 0 0 2px;
			}
			.post h4 {
				font: 700 12px/15px "museo-sans", sans-serif;
				text-transform: uppercase;
				color: #999;
			}
				.post h4.category {
					font: 700 12px/15px "museo-sans", sans-serif;
					text-transform: uppercase;
					letter-spacing: 1px;
					color: #999;
					background: #fff;
					position: absolute;
					padding: 0 5px 0 0;
					top: -8px;
				}
					.post h4.category a {
						color: #999;
						text-decoration: none;
					}
						.post h4.category a:hover {
							color: #D3065E;
						}
			.post h5 {
				font: bold 12px/15px Arial, Helvetica, sans-serif;
				padding: 0 0 2px;
			}
			.author {
				font: italic 10px/13px Arial, Helvetica, sans-serif;
				color: #999;
			}
			.photo {
				padding: 0 0 15px;
				position: relative;
			}
			.post iframe {
				width: 100%;
				max-width: 100%;
			}
				div.date {
					display: block;
					position: absolute;
					top: 50%;
					left: -29px;
					margin-top: -44px;
					z-index: 50;
					color: #fff;
					font: 700 18px/18px "skolar", serif;
					font-style: italic;
					background: #000;
					padding: 20px 5px 19px;
					-webkit-border-radius: 50px;
					border-radius: 50px;
				}
					.date span {
						padding: 2px 3px 2px 4px;
					}
						.date span.month {
							border-right: 2px dotted gold;
						}
				.post img {
					-webkit-border-radius: 15px;
					border-radius: 15px;
					max-width: 560px;
					height: auto;
				}
				.post a.mr_social_sharing_popup_link img {
					-webkit-border-radius: 0;
					border-radius: 0;
				}
			a.more {
				color: #f36c2c;
				text-decoration: none;
				font: 700 12px/15px "skolar", serif;
				font-style: italic;
			}
				a.more:hover {
					color: #D3065E;
				}
	.rightPg {
		float: right;
	}
	.leftPg {
		float: left;
	}
	.right {
		width: 320px;
		float: right;
	}
		.widget {
			width: 291px;
			background: #e7e9e9;
			padding: 31px 15px 0;
			margin: 0 0 30px;
			position: relative;
			overflow: hidden;
		}
		.description {
			font: 700 20px/24px "skolar", serif;
			color: #ccc;
			font-style: italic;
			letter-spacing: 1px;
			background: #fff;
			padding: 0;
			width: 100%;
		}
			.description p {
				padding: 0;
			}
		.newsletter {
			padding-top: 15px;
		}
			.widget h4 {
				font: 700 18px/23px "skolar", serif;
				font-style: italic;
				color: #f36c2c;
			}
			.widget h5 {
				position: absolute;
				top: 0;
				left: 15px;
				padding: 0 10px 7px;
				background: #fff;
				font: 900 13px/15px "museo-sans", sans-serif;
				text-transform: uppercase;
				color: #0086c0;
				-webkit-border-radius: 0 0 15px 15px;
				border-radius: 0 0 15px 15px;
			}
			ul.btns {
				padding: 0 0 8px;
			}
				ul.btns li {
					display: block;
					width: 100%;
					margin: 0 0 8px;
				}
					ul.btns li a {
						display: block;
						width: 100%;
						text-align: center;
						padding: 6px 0 5px;
						color: #fff;
						font: 600 18px/23px "skolar", serif;
						font-style: italic;
						background: #0086c0;
						text-decoration: none;
						-webkit-border-radius: 15px;
    					border-radius: 15px;
					}
					ul.btns li.live_feed a {
						background: #D3065E;
						padding: 7px 0 4px;
					}
						ul.btns li a:hover {
							background: #fff;
							color: #0086c0;
						}
						ul.btns li.live_feed a:hover {
							color: #D3065E;
						}
			ul.rightNav {
				border-top: 2px dotted #ccc;
				margin: 0 0 15px;
			}
				ul.rightNav li {
					border-bottom: 2px dotted #ccc;
				}
					ul.rightNav li a {
						font: 900 13px/16px "museo-sans", sans-serif;
						text-transform: uppercase;
						text-decoration: none;
						color: #0086c0;
						display: block;
						padding: 9px 0 8px;
					}
						ul.rightNav li a:hover {
							color: #D3065E;
						}
					ul.rightNav li.hasChildren a {
						background: url(images/icon_opened_closed.gif) no-repeat right 6px;
					}
					ul.rightNav li.hasChildren a.open {
						background-position: right -74px;
					}
				ul.rightNav ul {
					display: none;
					padding: 0 0 5px;
				}
					ul.rightNav ul li {
						border: none;
						background: url(images/bullet.gif) no-repeat 1px 8px;
						padding: 0 0 5px 10px;
					}
						ul.rightNav ul li a {
							font: normal 11px/15px "museo-sans", sans-serif;
							padding: 0;
							background: none !important;
							display: inline-block;
						}
			input.searchField {
				background: #f7f8f8;
				border: none;
				padding: 3px 20px 3px 5px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				margin: 0 0 15px;
				width: 92%;
				outline: none;
			}
			input.searchBtn {
				position: absolute;
				right: 20px;
				top: 35px;
				background: url(images/icon_search.gif) no-repeat;
				width: 9px;
				height: 11px;
				display: block;
				border: none;
				text-indent: -999999px;
			}
			ul.social {
				float: left;
				width: 100%;
				padding: 5px 0;
			}
				ul.social li {
					float: left;
					width: 33%;
					margin: 0 0 10px;
				}
					ul.social li a {
						display: block;
						font: 700 11px/13px "museo-sans", sans-serif;
						text-transform: uppercase;
						letter-spacing: 1px;
						text-decoration: none;
						background: url(images/icon_facebook.gif) no-repeat left top;
						padding: 4px 0 4px 23px;
					}
						ul.social li.linkedin a {
							background: url(images/icon_linkedin.gif) no-repeat;
						}
						ul.social li.rss a {
							background: url(images/icon_rss.gif) no-repeat;
						}
						ul.social li.twitter a {
							background: url(images/icon_twitter.gif) no-repeat;
						}
						ul.social li.flickr a {
							background: url(images/icon_flickr.gif) no-repeat;
						}
						ul.social li.follow a {
							background: url(images/icon_follow.gif) no-repeat;
						}
.footer {
	margin: 30px 0;
	clear: both;
}
	.footerContent {
		width: 960px;
		margin: 0 auto;
		font-size: 11px;
	}