/*  
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:14px; text-align: center;}

p {padding: 8px 0 8px 0; line-height: 18px;}
li {line-height: 18px; margin: 0 0 0 30px;}
ul {list-style: disc; padding: 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;}

.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: 82px;}
.crushr {background: #fff; width: 146px; 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; font-style: italic;}
.categories ul {list-style: none; margin: 0 0 15px 0;}
.categories ul li {margin: 0 0 0 -12px; color: #136376;}

.categorycontent {padding: 0 0 10px 10px; }
.categorycontent p {padding-top: 10px; padding-right: 5px; margin: 0;}
table.categories {margin-top: 43px; width: 237px;}

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; }