/* This imports the Base Weblog CSS from TypePad, which defines core styles */

@import url(/.shared/themes/common/base-weblog.css);

/* RESET */
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;}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}
/* Clearfix */
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf { zoom:1;}
strong{font-weight: 700;}
em, i {font-style: italic;}
.light{font-weight: 100;}
*:focus {outline: none;}
ol {padding-left:2em;list-style-type:decimal;}



/* basic page element styling */

.entry {overflow: visible; }

body {
	background-color: #F0BF12;
	font-family: 'Mercury SSm A', 'Mercury SSm B'; font-weight: 400; font-style: normal; 
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Didot 06 A', 'Didot 06 B'; font-weight: 700; font-style: normal

}

.description h1.moredrink {
       font-style: italic; text-align:center; font-size: 1.8em;
}

a {
	color: #084A8A;
        text-decoration: none;
}

a:hover {
	color: #52826D;
        text-decoration: underline;
}


/* page layout basics */

#container {
	/*width: 942px;*/
        width: 1100px;
}

.description {
        padding: 0 20px;
	width: 1100px;
        min-height: 260px;
        margin: 0 auto 50px;
        text-align: left;
        }
.description p {
        font-size: .9em;
        line-height: 1.3em;
        margin-bottom: .9em;
        }

.description h1 {
	font-size: large;
        margin-bottom: 10px;
	}

.description figure {
        float: left;
        margin: 0 30px 15px 0;
        }
.description figure img,
.sidebar #coverimage {
        display: block;
        box-shadow: 8px 8px 6px rgba(0,0,0,0.3);
        margin-bottom: 16px;
        }
.description figcaption {
        text-align: center;
        padding-bottom: 10px;
        }
.nav {
        margin-top: 40px;
}
.description .nav li {
        float: left;
        display: block;
        margin-right: 1.5em;
        font-size: 1em;
        }
.description .nav a {
        display: block;
        padding-bottom: .5em;
        font-weight: normal;
        }
.description .nav a:visited {
	color: #084A8A;
        }
.description .nav a.this,
.description .nav a.this:hover,
.description .nav a.this:visited {
        color: #084A8A;
        cursor: default;
        border-bottom: 1px solid #084A8A;
        }

#center {
	position: relative;
	padding-right: 20px;
        padding-left: 20px;
	width: 1100px;
        margin: 0 auto 60px;
        text-align: left;
        clear: both;
	}

.content {
        float: left;
	padding: 30px;
	background-color: #F0BF12;
	width: 1100px;
	}



/* banner styling */

#banner {
	text-align: center;
	padding: 30px 0;
        max-width: 1040px;
        min-width: 640px;
        margin: 0 auto;
	}

#banner a {
        color: #000;
	text-decoration: none;
	}

#banner h1 {
	font-size: x-large;
	font-weight: bold;
	}


#right {
        float: left;
	width: 200px;
        padding-left: 20px;
	}

.content p {
	font-size: .9375em;
  	line-height: 1.5em;
	text-align: left;
	margin-bottom: 1em;
	}
.content p.small {
        font-size: .875em;
        color: #787878;
        }
.content blockquote {
	font-size: .9375em;
	line-height: 1.5em;
        margin: 0 0 1em 2em;
	}
.content blockquote p,
.content blockquote li {
        font-size: 1em;
        }
.content li {
	line-height: 1.5em;
        font-size: .9375em;
        margin-bottom: .5em;
	}
.content li li {
        font-size: 1em;
}
.content ul {
        margin-left: 1.25em;
        margin-bottom: 1em;
        list-style-type: square;
        }
.content h2 {
	font-size: 1.5em;
	text-align: left;
	font-weight: 200;
	margin-bottom: 1em;
	}

.content h3 {
	font-size: 1.5em;
	font-weight: 200;
	margin-bottom: 1em;
	}
.content h3 a {
        color: #000;
        text-decoration: none;
        }
.content h3 a:hover {
        color: #000;
        text-decoration: underline;
        }
.content h3.entry-header {
        font-size: 1.75em;
        font-style: italic;
        color: #000;
}
.content p.posted {
	font-size: .75em;
	border-top: 1px solid #efefef;
	text-align: left;
	margin-bottom: 2em;
	line-height: normal;
	padding: 8px 0 24px;
	}
.content .pullquote {
        float: right;
        margin: 20px 0 20px 20px;
        background: #e1e8f2;
        background: -moz-linear-gradient(left, #e1e8f2 0%, #fefefe 50%, #e1e8f2 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e1e8f2), color-stop(50%,#fefefe), color-stop(100%,#e1e8f2));
        background: -webkit-linear-gradient(left, #e1e8f2 0%,#fefefe 50%,#e1e8f2 100%);
        background: -o-linear-gradient(left, #e1e8f2 0%,#fefefe 50%,#e1e8f2 100%);
        background: -ms-linear-gradient(left, #e1e8f2 0%,#fefefe 50%,#e1e8f2 100%);
        background: linear-gradient(to right, #e1e8f2 0%,#fefefe 50%,#e1e8f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e8f2', endColorstr='#fefefe',GradientType=1 );
        width: 200px;
        padding: 20px;
        font-size: 1.125em;
        line-height: 1.5em;
        color: #563b5e;
        }
.content .pullquote .small {
        font-size: .75em;
        line-height: 1em;
        }
.content .pullquoteTop {
        width: 200px;
        height: 20px;
        margin-bottom: 20px;
        background: transparent url("https://www.artoftheshim.com/aside_top.png") 0 0 no-repeat;
        }
.content .pullquoteBtm {
        width: 200px;
        height: 20px;
        margin-top: 20px;
        background: transparent url("https://www.artoftheshim.com/aside_btm.png") 0 0 no-repeat;
        }




#partyhat {
        width: 100%;
        height: 300px;
        padding-top: 50px;
        background: url('https://www.artoftheshim.com/partyhat.png') bottom right no-repeat;
        }




.photo {
	text-align: center;
	margin-bottom: 20px;
	}

.link-note {
	font-size: small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-size: small;
	line-height: 150%;
	text-align: left;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}
.thesmallprint {
        text-align: left;
        }
.thesmallprint p {
	font-size: .75em;
	line-height: 1.5em;
	color: #787878;
        margin: 2em 0 0;
	}

/* Hides from IE-mac \*/
* html .extended {height: 1%;}
/* End hide from IE-mac */

.extended p {
        text-align: left;
        }

.extended img {
        float: left;
        margin: 5px;
        }

/* NEW STUFF */
a.unlined {
        text-decoration: none;
        }
.content iframe {
        display: block;
        margin: 1em auto;
        }
.comment-data,
#comments-signin {
        font-size: .875em;
        }
.comment-data p {
        font-size: 1em;
        }
.comment-avatar {
        border: none;
        padding: 0;
        }
.comment-avatar img {
        margin: 0;
        }
.q_a p strong {
        display: block;
        font-size: 1.25em;
        padding-top: 1.5em;
        }
.q_a p:first-child strong {
        padding-top: 0;
        }
td {
        padding: 10px;
        font-size: .9125em;
        vertical-align: middle;
        }
a.button {
        display: block;
        margin-top: 10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
	font-weight: 400;
	font-size: 1em;
	text-align: center;
	padding: .75em 1em;
	border-radius: 8px;
	color: #404040;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
	border: 1px solid #d8d8d8;
	background: #dedede;
	background: -moz-linear-gradient(top, #efefef 0%, #ccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ccc));
	background: -webkit-linear-gradient(top, #efefef 0%,#ccc 100%);
	background: -o-linear-gradient(top, #efefef 0%,#ccc 100%);
	background: -ms-linear-gradient(top, #efefef 0%,#ccc 100%);
	background: linear-gradient(top, #efefef 0%,#ccc 100%);
        text-decoration: none;
}
a.button:hover {
	border: 1px solid #ccc;
	background: #ccc;
	background: -moz-linear-gradient(top, #ccc 0%, #999 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#999));
	background: -webkit-linear-gradient(top, #ccc 0%,#999 100%);
	background: -o-linear-gradient(top, #ccc 0%,#999 100%);
	background: -ms-linear-gradient(top, #ccc 0%,#999 100%);
	background: linear-gradient(top, #ccc 0%,#999 100%);
        color: #000;
        }
#tpc_thread .comment {
        padding: 0 0 2em!important;
        }
/* ph=1 */