/*
Theme Name: Natalie MacLean
Theme URI: http://www.nataliemaclean.com/blog
Description: WordPress theme for Natalie MacLean
Version: 1.0
Author: John Wiseman, Blogging Squared
Tags: Blogging Squared, brolly, wordpress

*/
@import url('css/screen.css');

#topbar-blog {
	width: auto;
	font-size:85% !important;
}

#sfb {
	float: left;
}
.fb_iframe_widget {
	height: 20px;
	float: left;
}
.fb_iframe_widget span {
	margin-right: 7px; /* 8px */
	padding-top: 3px;
}

.twitter-share-button {
	padding-top: 3px;
	float: left;
	width: 90px !important;
}

ul.tabs li > span {
float: left;
font: normal 16px/100% "AllerBold", "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: capitalize;
text-align: left;
background: #ffffff;
color: #88155E;
display: block;
padding: 15px 24px;
text-decoration: none;
border: 1px solid #ddd;
border-bottom: 0px;
height: 18px;
background: -moz-linear-gradient(top, #ffffff 50%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #ffffff 50%,#dddddd 100%);
background: -o-linear-gradient(top, #ffffff 50%,#dddddd 100%);
background: -ms-linear-gradient(top, #ffffff 50%,#dddddd 100%);
background: linear-gradient(top, #ffffff 50%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
-webkit-box-shadow: inset 0px 0px 4px 0px #ddd;
-moz-box-shadow: inset 0px 0px 4px 0px #ddd;
box-shadow: inset 0px 0px 4px 0px #ddd;
margin-right: 2px;
position: relative;
top: 1px;
outline: 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
z-index: 999;
}

.blog-thumbs-container {
	margin: 20px 0px;
}
.blog-thumbs:after {
	content: '';
	display: block;
	clear: both;
}
.blog-thumb {
	float: left;
	margin-left: 70px;
	height: 241px;
	width: 174px;
	position: relative;
	-webkit-box-shadow: 0px 0px 12px 2px #ccc;
	   -moz-box-shadow: 0px 0px 12px 2px #ccc;
	        box-shadow: 0px 0px 12px 2px #ccc;
	-webkit-border-radius: 24px;
	   -moz-border-radius: 24px;
	        border-radius: 24px;
	overflow: hidden;
}
.blog-thumb span {
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		box-sizing: border-box;
	width: 100%;
}
.blog-thumb .blog-imgc {
	width: 1000px;
	margin-left: -413px;
	text-align: center;
}
.blog-thumb .blogt-detail {
	position: absolute;
	bottom: 0px;
	background: #000;
	padding: 10px;
	padding-bottom: 15px;
	opacity: 0.8;
}
.blog-thumb .blogt-title {
	font-weight: bold;
	font-size: 13px;
	color: #B404AE;
}
.blog-thumb .blogt-blurb {
	color: #fff;
}
.blog-thumb img {
	width: auto !important;
	height: 241px !important;
	display: inline-block;
}
.blog-thumbs .blog-thumb:first-child {
	margin-left: 0px;
}

#sidebar-r {
	overflow: hidden;
}

.goto_wv {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

#content-center h2 {
	font-family: georgia, serif;
	font-size: 22px;
	color: #892585;
	font-weight: bold;
}

/*.showmore {
	margin-top: 15px;
	margin-bottom: 15px;
}*/

.widget_archive,
.widget_execphp {
	padding: 10px 10px 0px !important;
}

.widget_archive .widget-title,
.widget_execphp .widget-title {
	text-transform: capitalize;
	font-weight: bold;
}

.customCats {
	margin-left: 10px;
	display: block;
}
.customCats a {
	line-height: 225%;
	font-size: 90%;
	text-decoration: none;
	font-weight: normal;
}
.customCats #currentCat a {
	font-weight: bold;
}
.customCats #currentCat:before {
	content: '\2192';
	float: left;
	padding-right: 5px;
	display: block;
	margin-top: 2px;
}
.customCats.bottom {
	margin-top: 20px;
}

.tablepress th {
	background-color: #ebebeb !important;
}

#sidebar-l {
	z-index: 100;
}

#sb_border img {
	border: 0;
}
.post {
	margin-bottom: 25px;
}

.wp_wine {
	border: none !important;
}

#paint {
	/*width: 100%;*/
	margin-top: 10px;
}
#paint_bottle img {
	width: 141px; /* 188 */
	height: 146px; /* 194 */
}
#paint_spill img {
	width: 116px; /* 155 */
	height: 162px; /* 216 */
	position: absolute;
	margin-top: 150px;
	margin-left: 80px;
	z-index: -10;
}

.foot {
	bacground-color: #89155E !important;
}

.inside_panel_top,
.inside_panel_bottom
{
	height: 4px;
}
#sb_border .inside_panel_top
{
	background: url(images/sidebar_top2.png) no-repeat;
	z-index: 100;
}
#sb_border .inside_panel_between
{
	background: url(images/sidebar_middle2.png) repeat-y;
	z-index: 100;
}
#sb_border .inside_panel_bottom
{
	background: url(images/sidebar_bottom2.png) no-repeat;
	height: 17px;
	z-index: 100;
}
.post .inside_panel_top
{
	background: url(images/post_top2.png) no-repeat;
}
.post .inside_panel_between
{
	background: url(images/post_middle2.png) repeat-y;
}
.post .inside_panel_bottom
{
	margin-left: -22px; /* -36 */
	background: url(images/post_bottom4.png) no-repeat;
	height: 46px; /* 48 */
	width: 536px; /* 556 */
}
.post .inside_panel_bottom2
{
	margin-left: -21px; /* -34 */
	background: url(images/post_bottom4-1.png) no-repeat;
	height: 42px;
	width: 527px;
}
#sb_border .inside_panel_top,
#sb_border .inside_panel_between,
#sb_border .inside_panel_bottom {
	margin: 0;
	padding: 0;
}

.tooltips {
	/*overflow: hidden;*/
}

.tooltips a {
	position: relative;
	z-index: 24;
	width: 100%;
	display: inline-block;
	margin: 0px;
	/*color: #313131;
	font-size: 12px;
	text-decoration: none;
	border: none;
	padding: 0 20px 0 10px;
	background: url("http://www.nataliemaclean.com/blogdev/wp-content/uploads/2013/02/help.png") right center no-repeat;
	_background: url("http://www.nataliemaclean.com/blogdev/wp-content/uploads/2013/02/ie_help.gif") right center no-repeat;*/
}
	.tooltips a:hover {
		z-index:25;
	}
	.tooltips a span {
		position:absolute;
		width: auto;
		left: 10px;
		top: 25px;
		text-align:left;
		color: #ffffff;
		font-size:11px;
		line-height:16px;
		background: rgba(0,0,0,0.9); 
		background: #000000; 
		border: 1px solid #000000;
		text-shadow:none;
		padding: 7px 10px 7px 10px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		display:block;
		/* Hiding the tooltip */
		visibility:hidden;
		opacity: 0;
		/* Removing transition when the mouse leaves the tooltip - Fixing a display issue */
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		-ms-transition: all 0s ease;
		transition: all 0s ease;
	}
		.tooltips a:hover span {
			/* CSS3 Transition */
			-webkit-transition: all 0.4s ease;
			-moz-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
			transition: all 0.4s ease;
			/* Showing the tooltip */
			visibility:visible;
			opacity: 1;
		}