/* layout
----------------------------------------------- */

#container {
 max-width:50em;
 margin:auto;
 padding: 1em 1em 1em 15em; 
 position:relative;
 }

#content {
 padding:1ex;
 }

#sidebar {
 width:12em;
 position:absolute;
 top:7em;
 left:1em;
 clear:both;
 padding:1ex;
 margin:0;
 z-index:10;
 }

#content, #sidebar {
 min-height:35em;
 }

#foot {
 height:5em;
 clear:both;
 }

/* base styles
----------------------------------------------- */
html, body {
 font-family: Helvetica, Helv, "MS Sans Serif", sans-serif; 
 font-size:100%;
 margin:0;
 padding:0;
 background: #edc;
 background:rgba(34,17,0,1);
 }

body>div {
 max-width:1500px;
 height:100%;
 margin:auto;
 background: url('/ui/duntelchaigbg.jpg') no-repeat top left fixed;
 }

#container {
 color: #210;
 background:transparent url(/ui/transwhite.png);
 background:rgba(255,255,255,0.4) none;
 } 
#content, #sidebar {
 background:transparent url(/ui/transwhite.png);
 background:rgba(255,255,255,0.5) none;
} 

hr {
 clear:both;
 color:#963;
 background-color:#642;
 border:0;
 width:60%;
 height:1px;
 -webkit-box-shadow:1px 1px 3px #210;
 -moz-box-shadow:1px 1px 3px #210;
 box-shadow:1px 1px 3px #210;
 }
hr.sep {
 width:0;
 margin:0 auto 2em;
}
hr.sep:before {
 content:"\2042";
 }

ins {
 text-decoration:none;
 border-bottom: 1px dashed #642;
 }
blockquote {
 margin:1ex;
 padding: 0 0 0 1ex;
 border-left: 3ex solid rgba(0,0,0,0.1);
 }
blockquote:before {
 font-size:4em;
 content:"\201C";
 margin:-10pt 0 0 -1ex;
 position:absolute;
 color:#CCC;
 text-shadow:1px 2px 3px #420;
 }
q:before { content: "\201C"; color:#555; }
q:after { content:  "\201D"; color:#555; }

/* link styles
----------------------------------------------- */

a:link {
 color:#960;
 text-decoration:underline;
 padding: 0 1px;
}
a:visited {
 color:#862;
 text-decoration:none;
 }
a:hover  {
 color:#000;
 text-decoration:none;
 background-color:rgba(255,255,255,0.3);
 text-shadow:1px 1px 3px #420;
 }
a:active {
 color:#FF0;
 }

a img {
 border:0
 }

/* other styles
----------------------------------------------- */

hgroup h1 {
 margin:0;
 font: 3em IncisedBlackWideNormal, cursive;
 letter-spacing:-2pt;
 text-shadow:2px 3px 3px #420;
 -webkit-text-fill-color: #630;
 -webkit-text-stroke: 1px black;
 }
hgroup h1 a:link, hgroup h1 a:visited {
 color:black;
 text-decoration:none;
 }

#site-slogan {
 color: #642;
 font: italic 0.9em/1em inherit;
 margin: 0 0 1em 2em;
 }

#content h1, h2, h3, h4 {
 color:#000;
 text-shadow:1px 1px 3px #642;
 }
#content h2 a {
 vertical-align:super;
 }
#content h2 a.lnk {
 color:#420;
 vertical-align: baseline;
 }

#content p {
 line-height:1.5em;
 }
p.c, .c p {
 text-align:center
 }
p.fl {
 float:left;
 margin:0 1ex 1ex 0;
 }
p.fr {
 float:right;
 margin:0 0 1ex 1ex;
 }
.twocol {
 float:left;
 width:46%;
 margin:0 2%;
 }

#content .meta {
 background: rgba(0,0,0,0.1);
 margin:1ex; 
 padding:1ex;
 font-size:0.9em;
 font-variant: small-caps;
 text-transform:capitalize
 }

article .body > p:first-child:first-letter {
 float:left;
 display:block;
 font: 2.2em IncisedBlackWideNormal;
 margin: 0 2pt 0 -2pt;
 padding: 0;
 line-height:0.8;
}

article img, article object {
 background:#000;
 padding:1px;
 border:2px solid #eee;
 -webkit-box-shadow:2px 2px 3px #210;
 -moz-box-shadow:2px 2px 3px #210;
 box-shadow:2px 2px 3px #210;
 }



code, .code {
 color:#040;
 background:rgba(0,0,0,0.1);
 }
.code code {
 background:transparent;
 }
.code {
 padding:0 1ex 1ex;
 overflow:auto;
 border:1px solid rgba(0,100,0,0.3);
 }

.recipespage li  {
 margin-bottom:1ex;
 }
.recipespage li p {
 margin:0;
 }

.taglist {
 text-transform: capitalize;
 font: normal small-caps 100%/150% inherit;
 color:#777;
 padding:1ex;
 -webkit-column-width: 11em;
 -moz-column-width: 12em;
 column-width: 12em;
 }

#sidebar ul {
 margin:1ex;
 padding: 0;
 list-style-type:none;
 font-weight:bold;
}
#sidebar ul li a{
 display:block;
 padding:2pt;
 }
#sidebar ul li i{
 padding:2pt;
 position:relative;
 top:1ex;
 }



#sidebar input {
 width:99%;
 }

#sidebar a img {
 vertical-align:text-top;
 border:0;
 }


.zemContactForm {
 margin:0 1em 3em;
 }


#commentform {
 border:0
 }
#commentform th{
 text-align:right;
 }

#comment ol, #comment ul {
 padding:0;
 margin:0; 
 }
#comment ol>li, #comment ul>li {
 list-style:none;
 counter-increment:cl;
 margin:0;
 padding:0 1ex 1em 4em;
 }
#comment ol>li:before {
 font:2em IncisedBlackWideNormal, cursive;
 content:counter(cl, lower-roman);
 margin:1.3em 0 0 -1.9em;
 position:absolute;
 }
#comment ol li:nth-child(odd) {
 background:rgba(0,0,0,0.05);
 }
#comment ol li:nth-child(even) {
 background:rgba(255,255,255,0.2);
 }
#comment li h4 {
 text-shadow:none;
 }