/*  
Theme Name: Merriment
Theme URI: http://wordpress.org/
Description: Custom template for Merriment Design blog
Version: 1.0
Author: Shane Winegard
Author URI: http://coinz.org/
*/

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Georgia, Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3, h4 {
	font-family: Georgia, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Georgia, Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Georgia, Verdana, Arial, Sans-Serif;
	}

#commentform textarea {width: 475px;}

.commentmetadata {
	font-weight: normal;
	}

small, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #19a127;
	text-decoration: underline;
	}

/* SDW custom */
html, body {background:transparent; background-image: url(http://www.merrimentdesign.com/images/tile.jpg); font-family: Georgia, Verdana, Arial, sans-serif; font-size:12px; text-align: center;}

p {padding: 8px 0 8px 0; line-height: 18px;}
li {line-height: 15px; margin: 0 0 0 30px;}
ul {list-style: disc; padding: 3px 0px 0px 12px;}
a img {border: none;}
td,th {vertical-align: top;}
a {color: #136376; }
h3 {margin: 5px 0 10px 0;}

.head, .foot, .categories, div.crush p, div.crush img, .postheading h2, .postheading a, .postheading p, h2.pagetitle {margin:0; padding:0;}

/* The header and footer */
.head {display:block; height:205px; background:transparent; text-align: left; overflow: hidden;}
.foot {display:block; height:70px; background:transparent; text-align:center;}

/* This bit does all the layout work */
#wrapper {margin:0px auto; padding: 0px; width:1045px; text-align:left; background: transparent;}

#container {position:relative; display:block; background:transparent;  overflow:visible; border-left:220px solid transparent; border-right:266px solid transparent; border-color: transparent transparent transparent transparent;}
#left {float:left; position:relative; width:218px; margin-left:-220px; display:inline;background: transparent;border-color: transparent transparent transparent transparent;}
#right {float:right; position:relative; width:264px; margin-right:-266px; display:inline;background:transparent;border-color: transparent transparent transparent transparent;}
#content {margin: 0 10px 0 10px; padding: 10px 34px 10px 30px; background: #fff; display: block;}

#occasion{float:left; width:115px;}
#ptype{float:right; width:115px;}

.clear {clear:both;height:1px;overflow:hidden;}

.post h2 {font-style: italic; font-size: 16px; line-height: 14px; font-weight: bold; text-transform: capitalize;}
.post h3 {font-size: 11px; text-transform: uppercase; font-weight: normal;}

.share {padding:0; margin:0;vertical-align: bottom;}
div.postheading {width: 475px;}
.postheading {width: 100%; margin-bottom: 10px;}
.postheading:first-child {margin-top: 5px; } 
.postheading td {vertical-align: bottom;}

.categorypostheading {width: 100%; margin-bottom: 10px;}
.categorypostheading td {vertical-align: top;}
.categorypostheading img {padding: 0 10px 0 0;}
.categorypostheading h2 {font-size: 14px;}

h2.pagetitle {font-size: 16px; padding-bottom: 5px;}
.navigation {font-size: 12px; padding: 10px 0 25px 0;}
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {text-align:center;margin-top:0px;margin-bottom:0px;padding:0px;}

.entry {padding-top: 0px;}
.entry p:first-child { padding-top: 0; margin-top: 0; } 
.crushseparator {width: 90%;}

.b-searchform input, #searchform input {font-family: Georgia, Verdana, Arial, sans-serif;}

h2.slogan {position: relative; left: 255px; top: -200px; z-index: 50; font-size: 18px; color: #666; font-style: italic; font-weight: bold; width: 400px;}
img.logo {position: relative; left: 150px; top: -210px; z-index: 50;}
img.alignleft {float:left; margin:0 1em 1em 0;}

.crush, .rad {vertical-align: bottom;}
.crush a {font-style: italic;}
.crushl {width: 50px;} 
.crushr {background: #fff; width: 170px; text-align: center;}
div.crush, .crushr {padding: 10px 0 10px 0;}
td.rad {padding-bottom: 10px;}

.rad {text-align: center; margin: 10px 0 10px 0;}

.categories {background: #99cccc;}
.categories ul {list-style: none; margin: 0 0 10px 0;}  
.categories ul li {margin: 0 0 0 -12px; color: #136376;}

.categorycontent {padding: 0 0 1px 8px; }
.categorycontent p {padding-top: 10px; padding-right: 5px; margin: 0;}
table.categories {margin-top: -3px; width: 252px;}

td.headl {width: 230px;}
td.headr {background: #fff; width: 539px;}

.nav {margin: 16px 30px 14px auto; line-height: 1.5em; font-style: italic;}

div.hr, div.hrsmall, p.hr, p.hrsmall {height: 5px; background: inherit; border-bottom: 1px dotted #10849c;}
div.hrsmall, p.hrsmall {width: 90%; margin:0 3% 0 4%;}
div.contentspacer {margin-top: 20px;}
div.contentspacer:first-child {margin-top: 22px;}

#searchsubmit {font-family: Georgia, Verdana, Arial, sans-serif; font-size:14px;}
p.categorypostmetadata, p.postmetadata {font-size: 11px;}
p.categorypostmetadata {padding: 0;}
.linkcat h2 {font-size: 12px;}
p.hr, p.hrsmall {margin: 0 0 10px 0;}

.b-border {border-bottom: 1px dashed #ccc;}
.b-searchform {margin: 30px 0 30px 0;}

.feed {margin-left: 3px; padding: 0 0 0 5px;}

#subnavcontainer { margin: 0px -3px 10px  0; padding: 10px 5px 10px 5px; background: #9cc; text-align: center; font-style: italic;}

#subnavlist {list-style: none;padding: 0;margin: 0;color: #136376;}

#subnavlist li {display: inline;padding: 0;margin: 0; }

#subnavlist li:before { content: "-  "; }
#subnavlist li:first-child:before { content: ""; }



/*IE workaround*/
/*All IE browsers - less IE7*/
* html #subnavlist li {
margin: 0;
padding: 0 0px 0 10px;
}
/*All IE browsers - less IE7*/
* html #commentform {
height:360px;
}

/*IE7 only*/
html>body #subnavlist li {
*margin: 0;
*padding: 0 0px 0 10px;
}
/*IE7 only*/
html>body #commentform {
*height:360px;
}

#linkwithin_logolink_0 {color: transparent !important;}
#linkwithin_logolink_1 {color: transparent !important;}
#linkwithin_logolink_2 {color: transparent !important;}
#linkwithin_logolink_3 {color: transparent !important;}
#linkwithin_logolink_4 {color: transparent !important;}
#linkwithin_logolink_5 {color: transparent !important;}
#linkwithin_logolink_6 {color: transparent !important;}
#linkwithin_logolink_7 {color: transparent !important;}
#linkwithin_logolink_8 {color: transparent !important;}
#linkwithin_logolink_9 {color: transparent !important;}
#linkwithin_logolink_10 {color: transparent !important;}
.linkwithin_title {font-family: Georgia, Verdana, Arial, Sans-Serif !important;}
.linkwithin_hook {text-align: top !important;}

#heatmap {border: 1px dashed #ccc;}
#heatmap div {padding: 5px; margin: 5px;}
#heatmap h2 {margin: 5px 0 5px 0;}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0px;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0px;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 0px;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 0px;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 0px;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 0px;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 0px;
	color: #000000;
	background-color: #FFFFFF;
}
/*IE workaround*/
/*All IE browsers*/
* html #subnavlist li {border-left: 1px solid black;padding: 0 0.4em 0 0.4em;margin: 0 0.4em 0 -0.4em;}

/*Win IE browsers - hide from Mac IE\*/
* html #subnavlist { height: 1%; }

* html #subnavlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #subnavlist li:first-child { border-left: 0; }


/*ADDED CSS PH*/

/*Social Media Area CSS*/

#total {height:149px;
	width:255px;
	margin-top:43px;}

#top {	background-image:url("http://www.merrimentdesign.com/images/hiya-im-kathy.gif");
	height:30px;
	width:100%;}

#middle {	background-color:#ec7b39;
		height:119px;
		width:100%;}

#pinterest {	background-image:url("http://www.merrimentdesign.com/images/icon-pinterest.png");					
		display:inline;
		height:53px;
		width:42px;
		float:left;
		margin-left:5px;}
			
#twitter {	background-image:url("http://www.merrimentdesign.com/images/icon-twitter.png");
		display:inline;
		height:53px;
		width:60px;
		float:left;
		margin-left:2px;}

#facebook {	background-image:url("http://www.merrimentdesign.com/images/icon-facebook.png");
		display:inline;
		height:53px;
		width:51px;
		float:left;
		margin-left:2px;}

#rss {	background-image:url("http://www.merrimentdesign.com/images/icon-rss.png");
	display:inline;
	height:53px;
	width:51px;
	float:left;
	margin-left:0px;
	margin-right:-5px;}

#youtube {	background-image:url("http://www.merrimentdesign.com/images/icon-youtube.png");
		display:inline;
		height:53px;
		width:37px;
		float:left;
		margin-left:4px;}

#youtube p {	width:45px;
		position:relative;
		left:-8px;}

#rss p {	position:relative;
		left:-3px;}

.mid p {	font:Georgia, "Times New Roman", Times, serif;
		text-align:center;
		position:relative;
		bottom:-40px;
		font-size:11px;
		letter-spacing:0px;}

.mid a {	color:#FFF;
		text-decoration:none;
		display:block;
		height:105%;
		width:100%;}

.mid a:hover {	color:#f7511f;
		text-decoration:underline;}

#divider {	background:#FFF;
		height:1px;
		width:229px;
		margin:27px 13px 0px 13px;
		display:inline-block;}

html>body #divider {	position:static;
			margin:30px 13px 0px 13px;}

#tail {	width:255px;
	margin:0px auto 2px auto;}

#tail p {	color:#FFF;
		font:Georgia, "Times New Roman", Times, serif;
		text-align:center;
		font-size:11px;
		letter-spacing:0px;}

#tail a {	color:#FFF;
		font:Georgia, "Times New Roman", Times, serif;
		text-decoration:none;}

#tail a:hover {	color:#f7511f;
		text-decoration:underline;}

.clearfix {	clear:both;}


/*Footer CSS*/
#foot {	margin: 10px auto;
	padding: 10px;
	height:472px;
	width:1045px;}

#footer {	width:100%;
		height:100%;}

#orange-top-strip {	height:6px;
			width:100%;
			background-color:#f7511f;
			z-index:-1;}

#orange-top-right {	height:27px;
			width:278px;
			background-image:url("http://www.merrimentdesign.com/images/how-very-nice.gif");
			position:relative;
			top:0px;
			float:right;}

#blue-box {	width:100%;
		height:412px;
		background-color:#99cccc;
		position:relative;
		z-index:0;
		overflow:hidden;}

#right-form-box {	width:278px;
			height:375px;
			background-color:#ec7b39;
			float:right;
			z-index:1;
			position:relative;}
					
#form-paragraph {	width:208px;
			height:94px;
			float:right;
			font:Georgia, "Times New Roman", Times, serif;
			color:#FFF;
			font-size:11px;
			padding:10px;}
					
#form-paragraph p {	margin:auto 0px;
			line-height:13px;
			width:204px;
			padding:0px;}

#form-paragraph a {	text-decoration:none;
			color:#FFF;}

#form-paragraph a:hover {	color:#f7511f;
				text-decoration:underline;}

#form-box-pic {	width:86px;
		height:90px;
		background-image:url("http://www.merrimentdesign.com/images/small-footer-pic.gif");
		position:relative;
		left:-36px;
		top:12px}
				
#small-divider1 {	width:250px;
			height:1px;
			background-color:#FFF;
			margin:20px auto 0px auto;}

#footer-mid {	width:244px;
		height:80px;
		margin:0px auto 0px auto;}

#pinterest2 {	background-image:url("http://www.merrimentdesign.com/images/icon-pinterest.png");					
		display:inline;
		height:53px;
		width:42px;
		float:left;}

#small-divider2 {	width:250px;
			height:1px;
			background-color:#FFF;
			margin:0px auto 0px auto;}

input.submit {	width:102px;
		height:16px;
		background-color:#ec7b39;}
	
#subscribe-button p {	margin:0px;
			padding:0px;}

#subscribe-button a {	display:block;
			text-decoration:none;}

#subscribe-button a:hover {	color:#f7511f;
				text-decoration:underline;}
					
.form-Text {	color:#FFF;
		font:Georgia, "Times New Roman", Times, serif;
		font-size:11px;
		font-weight:800;
		text-align:center;}

#left-content-box {	width:767px;
			height:406px;
			position:absolute;}

.category_container {	margin:0px 0px 0px 10px;
			padding:10px auto;
			background:transparent;
			text-align:left;
			font-style:normal;
			float:left;
			list-style:none;
			color:#136376;
			display:block;}

.category_container p {	padding-left:12px;
			padding-bottom:0px;
			color:#FFF;
			font-weight:bold;}

.post_cats li {	display:block;
		padding:0;
		margin:0px 0px -2px 0px;
		font-size:11px;}
					
#blue-divider {	height:1px;
		width:430px;
		background-color:#FFF;
		margin:0px 0px 0px 20px;
		position:absolute;
		top:240px;}

#popular-posts {	position:absolute;
			top:242px;
			width:100%;
			padding:12px;
			margin-bottom:-10px;}

#popular-posts p {	padding-left:10px;
			padding-top:0px;
			padding-bottom:3px;
			color:#FFF;
			font-weight:bold;}

#popular_posts_list li {	display:block;
				padding-bottom:5px;
				padding-left:10px;
				margin:0px;
				font-size:11px;}
					
#flowers-1 {	width:312px;
		height:198px;
		background-image:url("http://www.merrimentdesign.com/images/footer-flowers-1.png");
		position:absolute;
		bottom:0px;
		right:278px;				
		z-index:-1;}

#flowers-2 {	width:276px;
		height:31px;
		background-image:url("http://www.merrimentdesign.com/images/footer-flowers-2.png");
		position:absolute;
		bottom:0px;
		right:2px;				
		z-index:-1;}

#copyright-box {	height:50px;
			width:1045px;
			background-color:#ff6b37;
			font:Georgia, "Times New Roman", Times, serif;
			color:#FFF;
			font-size:11px;
			letter-spacing:0px;}
					
#copyright-box p {	display:block;
			float:left;
			margin:7px 0px 7px 10px;
			padding:0px;}

.clearfix	{	clear:both;}