@charset "utf-8";
/* css document */

body { background: url("../images/default-tile.jpg"); height: 100%; }

body.wood { background: url("../images/wood-tile.jpg")}
body.journal { background: url("../images/blog-tile.jpg"); }

div#holder {background: url("../images/Top-bg.jpg") repeat-x; margin-top:0px; padding-top:0px; display: block; position: relative; border-top: 1px solid #d7ccb0;}

div#wrapper { width:1020px; margin:90px auto 80px auto; background:url("../images/bg_wrapper.png") 0 0 repeat-y; }

div#header { width:100%; height:150px; top:-30px; background:url("../images/bg_header.png") 0 0 no-repeat; }
div#header span.jester { display:block; width:345px; height:220px; margin:0; padding:0; position:absolute; left:-40px; top:-50px; background:url("../images/logo_jester.png") 0 0 no-repeat;  }
div#header a.logo { text-indent:-999px; overflow:hidden; display:block; width:165px; height:82px; background:url("../images/logo_main.gif") 0 0 no-repeat; float:right; margin-top:88px;  }

ul.nav { margin:0; padding:0; width:490px; height:110px; position:absolute; top:31px; left:325px; }
ul.nav li { display:block; list-style:none; margin:0; padding:0; width:162px; height:100%; float:left; }
ul.nav li strong { font-size:16px; font-family:"poppi laudatio medium condensed","arial black","arial",sans-serif; }
ul.nav li ul { margin:10px 0 0 0; padding:0; width:100%; height:auto; position:relative; top:0; left:0; }
ul.nav li li { display:block; list-style:none; margin:0; padding:0; width:100%; height:auto; float:none; clear:both; }
ul.nav li li a { text-decoration:none; display:block; margin:0 0 2px 0; padding:0; color:#000; font-size:14px; float:left; }
ul.nav li li a:hover { color:#C63; }
ul.nav li li.active a { color:#C63; }
ul.nav li#topnav-7 {width: 180px; margin-left: 25px;}
ul.nav li#topnav-6 {width: 100px;}

div.bookmark { width:167px; height:160px; position:absolute; top:-12px; right:25px; background:url("../images/bg_bookmark.png") 0 0 no-repeat; }
div.bookmark a { display:block; width:97px; margin:55px 0 0 30px; padding:0; text-align:center; font-weight:bold; color:#FCDE2D; text-decoration:none; text-shadow:#000 2px 2px 1px;
 font-family:"poppi laudatio medium condensed","arial black","arial",sans-serif; }
div.bookmark a:hover { color:#FF5; }

div#windows { z-index:999; }

div#content { width:965px; margin:auto; padding:0; background:url("../images/bg_content_mid.gif") #FFF 0 0 repeat-y; margin-top: -5px; }
div#content div.border-T { padding-top:20px; background:url("../images/bg_content_top.gif") 0 0 no-repeat; }
div#content div.border-B { padding-bottom:20px; background:url("../images/bg_content_bot.gif") 0 100% no-repeat; }
div#content div.padding { width:900px; margin:auto; padding:10px 0; }

div#topnav { width:100%; height:40px; margin-bottom:30px; background:url("../images/border_double.gif") 0 100% repeat-x; }
div#topnav p.breadcrums { display:block; width:auto; height:20px; margin:0; padding:0; line-height:normal; margin-bottom:20px; float:left; }
div#topnav p.breadcrums a { display:inline; margin:0; padding:0; line-height:20px; font-size:11px; color:#888; text-decoration:none; }
div#topnav p.breadcrums a:hover { text-decoration:underline; }
div#topnav p.breadcrums span { display:inline; margin:0 5px; padding:0; line-height:20px; font-size:11px; color:#888; }

div#topnav span.links { float:right; }
div#topnav span.links a { display:inline; margin:0 5px; font-size:10px; text-decoration:none; line-height:20px; font-weight:bold; }
div#topnav span.links a:hover { text-decoration:underline; }

div#leftnav { width:238px; float:left;  background: url("../images/navbg.jpg") repeat-y -5px 0px; margin-top:-20px;}
div#leftnav div.top { width:239px; display: block;  height: 29px;background: url("../images/topnav.jpg") repeat-y -5px 0px}
div#leftnav div.bot { width:239px; display: block;  height: 26px;background: url("../images/navfooter.jpg") repeat-y -5px 0px}

div#leftnav ul { padding:0px; margin:0; padding-left: 5px; padding-right: 5px; margin-bottom: 30px;}
div#leftnav h5 { padding-left: 30px;}
div#leftnav ul li { display:block; list-style:none; margin:0 0 0px 0; padding:0; padding-top:10px; padding-bottom: 10px;}
div#leftnav ul li a {  padding-left: 30px!important; display: block; font-size: 14px}

div#leftnav ul li { border-top: 1px solid #fff }
div#leftnav ul li { border-bottom: 1px solid #85898a }
div#leftnav ul li ul { background: #fff }
div#leftnav ul li.active {background: #fff}
div#leftnav ul li.hasnochildren {background: none!important}
div#leftnav ul li:last { border-bottom: none!important;  }
div#leftnav ul li:first { border-top: none!important; border-bottom: 1px solid #000 }

div#leftnav ul li ul { display:none; margin:10px 0 0 0px; padding:0;}
/*div#leftnav ul li#activity_1 ul { display:block; margin:10px 0 0 0px; padding:0; }*/
div#leftnav ul li ul li { margin:0 0 1px 0; border: none; padding-top:4px; padding-bottom: 4px; padding-left: 20px; padding-right: 15px;}

div#leftnav ul li a { text-decoration:none; display:block; margin:0; padding:0; font-size:12px; color:#34211C; }
div#leftnav ul li a:hover { color:#C63; font-weight:bold; }
div#leftnav ul li.active a { color:#C63; font-weight:bold; }

div#leftnav ul li.active ul { display:block; }
div#leftnav ul li.open ul { display:block; }
div#leftnav ul li.active ul li a { color:#34211C; font-weight:normal; }

div#leftnav ul li ul li a { font-style:italic; }
div#leftnav ul li ul li a:hover { color:#C63; font-weight:bold; }
div#leftnav ul li ul li.active a { color:#C63; font-weight:bold; }

div#body { width:410px; float:left; min-height:400px; padding-left:30px; }
div#body.full { width:auto; float:none; padding:0; }
div#body.noRcol { width:631px; }

div#related { width:195px; padding:0 0 0 26px; float:left; }
div#related.full { padding-top:0; }

div#footer { width:100%; height:120px; bottom:-30px; background:url("../images/bg_footer.png") 0 100% no-repeat; }
div#footer div.links { margin-bottom:10px; text-align:center; }
div#footer div.links a { display:inline; text-decoration:none; margin:0; padding:0; color:#2F1D19; font-size:12px; }
div#footer div.links a:hover { text-decoration:underline; }
div#footer div.links span.pipe { display:inline; margin:0 5px; padding:0; color:#2F1D19; font-size:12px; }
div#footer p { padding:0 180px; text-align:center; font-size:11px; width: 700px!important; margin: 0 auto; }

form.form { width:755px; }
form.form p.heading { top:8px; width:150px; }
form.form input.text { width:543px; border:1px solid #888; background:#FFF; padding:5px; margin:0 0 15px 0; }
form.form label { margin-bottom:5px; }
form.form label span {display: block; width: 400px}

#newlayout { margin-top: 10px; padding-top: 68px; width: 610px;  background: url("../images/navbg/jpg1.jpg") no-repeat;}
#tileBGAct { width: 610px;  background: url("../images/expandActBox.jpg") repeat-y;}
#tileBGAct { width: 610px;  background: url("../images/expandActBox.jpg") repeat-y;}
#footerCont {width: 610px; height: 106px; background: url("../images/expandActFooter.jpg") -1px 0px repeat-y;display: block; position: relative; }

form.form textarea#poemcontent { width:570px; min-height:320px; border: none; background: normal; padding:5px; margin:0 0 15px 20px;}
form.form div.buttonholder { width:100%; height:50px; }

a#writeOrEdit {display: block;  width: 200px; height: 60px; position: absolute; top:0px; left:0px; }
a#writeOrEdit span {display: block; text-indent: -9999px;}

a#previewAndPrint {display: block;  width: 193px; height: 60px; position: absolute; top:0px; left:205px; }
a#previewAndPrint span {display: block; text-indent: -9999px;}

a#emailSubmit {display: block; width: 200px; height: 60px; position: absolute; top:0px; left:404px; }
a#emailSubmit span {display: block; text-indent: -9999px;}

#prevPoem { width:570px; min-height:320px;  border: none; background: normal; padding:5px; margin:0 0 15px 20px; overflow:auto; }
#sendPoem { width:570px;  min-height:660px;border: none; background: normal; padding:5px; margin:0 0 15px 20px; overflow:auto; }
#nographics * {text-indent: 0px!important; background: none!important;  height: auto!important; width: auto!important; text-decoration: none!important; color: #585e5f!important}

#nographics {margin-bottom: 50px; margin-top: 20px;}
#nographics a { padding-right: 10px; line-height: 12px!important;}
#nographics a span { line-height: 12px!important;}
#nographics a#writeOrEdit {width: auto!important; left: 20px; border-right: 1px solid #585e5f}
#nographics a#previewAndPrint {width: auto!important; left: 109px; border-right: 1px solid #585e5f}
#nographics a#emailSubmit {width: auto!important; left: 225px;}

div#formcontainer { width:515px;  padding:20px 20px 10px 20px; margin:15px 0; margin-left: 0px; }
div#formcontainer fieldset { display:block; margin:10px 0; padding:10px; border:1px solid #AAA; color:#000; }
div#formcontainer fieldset fieldset { margin:0; padding:0; border:none; }
div#formcontainer fieldset fieldset p.block input { top:8px; }
div#formcontainer fieldset.noborder { margin:0; padding:0; border:none; }

p.checkbox { height:12px; padding-top:2px; }
p.checkbox input { float:left; padding:0; margin:0 5px 0 0; }
p.checkbox label { float:left; padding:0; margin:0 15px 0 0; line-height:normal; top:-2px; }

fieldset.wide { display:block; margin:0 0 10px 0; padding:0; border:none; }
fieldset.wide p.checkbox span { display:block; margin-bottom:5px; }

p.block { margin:0; height:30px; line-height:30px; }
p.block label { float:left; width:100px; display:block; height:30px; line-height:30px; }
p.block input { float:left; margin:0; position:relative; top:4px; }
p.block span { float:left; padding:0 10px; line-height:28px; }
p.block span.bump { position:relative; left:-8px; }

.button_orange { background:#C63; border:none; color:#FFF; padding:3px 6px; margin:0; }
.button_orange:hover { cursor:pointer; background:#E85; }
.button_grey { background:#AAA; border:none; color:#FFF; padding:3px 6px; margin:0; }
.button_grey:hover { cursor:pointer; background:#BBB; }

ol.nomargin { margin:5px 0 10px 30px; padding:0; }
ol.nomargin li { margin:0 0 0 15px; padding:0; list-style:disc; }

div.msg_body { padding-left:20px; }
div.printout { width:543px; overflow:hidden; }

div#chalkboard { width:290px; height:315px; background:url("../images/newblackboard.png") 0 0 no-repeat; margin:-45px 0 5px 10px; }
div#chalkboard div#flashwrapper { display:block; position:relative; overflow:hidden; width:200px; height:120px; margin:0; padding:0; top:137px; left:44px; }

div.fourslabs { width:917px;  margin:0 0 10px -10px;  margin-bottom: 20px; position: relative;}
div.fourslabs .four-top {display: block; width: 917px; height: 18px; background: url("../images/acttop.jpg") no-repeat;}
div.fourslabs .four-mid {display: block; width: 917px;   background: url("../images/acttile.jpg") 2px 0px repeat-y;}
div.fourslabs .four-bot {display: block; width: 917px; height: 12px; background: url("../images/actlower.jpg") -2px 0px no-repeat;}
.four-line {display: block; position: absolute;  width: 909px; height: 9px; background: url("../images/acthorline.jpg") 0px 0px no-repeat; z-index:99; top: 56px; left: 4px;}
.introtext {width: 870px; margin: 0 auto; }
.introtext h1 { line-height: 25px;}

div.fourslabs div.slab { width:200px;  padding:10px 0 0 20px; float:left; }
div.fourslabs div.slab h5 {margin-bottom: 20px;}
div.fourslabs div.slab strong { display:block; font-size:12px; line-height:16px; color:#CC6633; }
div.fourslabs div.slab p { display:block; font-size:12px; line-height:16px; color:#333; margin:0 0 8px 0; }
div.fourslabs div.slab p strong { display:inline; }
div.fourslabs div.slab p a { display:inline; font-size:9px; line-height:14px; color:#333; }
div.fourslabs div.slab p a:hover { background:#F1ECE0; }

div.threecol { width:100%; }
div.threecol div.col-L { width:33%; float:left; }
div.threecol div.col-M { width:34%; float:left; }
div.threecol div.col-R { width:33%; float:left; }
div.threecol div.inner { width:auto; z-index:1; }
div.threecol div.col-L div.inner { padding:10px 10px 10px 0; }
div.threecol div.col-M div.inner { padding:10px; }
div.threecol div.col-R div.inner { padding:10px 0 10px 10px; }
div.inner h3 {margin-bottom: 0px; padding-bottom:0px;}

#error { display:none; padding:10px; margin:0 0 20px 0; border:1px dotted #800; background:#FEE; }
#error h3 { color:#800; margin:0 0 5px 0; font-size:15px; }
#error ul { margin:0; padding:0; }
#error ul li { list-style:disc; margin:0 0 0 15px; padding:0; color:#800; }

form input.error { border-color:#800 !important; background:#FEE !important; color:#800 !important; }
form textarea.error { border-color:#800 !important; background:#FEE !important; color:#800 !important; }
form select.error { border-color:#800 !important; background:#FEE !important; color:#800 !important; }
form label.error { color:#800 !important; font-weight:bold !important; }
form span.error { color:#800 !important; font-weight:bold !important; }

div#signupnews { display:none; cursor:move; width:318px; height:340px; padding:20px; position:absolute; top:0; right:0; background:#FBF8F5; border:1px solid #AAA; z-index:99;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
/*
filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=true,ShadowOpacity=0.8);
*/}
div#signupnews.loading { height:150px; background:url("../../../abendago/images/loading.gif") #FBF8F5 50% 50% no-repeat; }
div#signupnews.loaded { height:80px; }
div#signupnews iframe { width:100%; height:100%; margin:0; padding:0; background:#FBF8F5; border:none; }
div#signupnews button.close { display:block; width:25px; height:auto; line-height:normal; padding:0; text-align:center; background:none; border:none; font-family:"arial black"; font-size:14px; font-weight:bold; position:absolute; top:5px; right:5px; z-index:1; cursor:pointer; }

div#signupnews_iframe { width:auto; height:auto; display:block; margin:0; padding:0; background:#FBF8F5; }
div#signupnews_iframe form { width:auto; height:auto; display:block; margin:0; padding:0; }
div#signupnews_iframe form input.text { width:170px; cursor:text; }
div#signupnews_iframe form input.submit { color:#CC6633; border:none; cursor:pointer; background:none; margin:0; padding:0; font-weight:bold; font-size:11px; float:right; }
div#signupnews_iframe form label { padding:5px 0 15px 15px; font-size:11px; line-height:normal; }
div#signupnews_iframe em { font-size:10px; line-height:13px; }
div#signupnews_iframe p.success { color:#666746 !important; font-weight:bold; font-size:14px; font-family:"georgia"; line-height:normal; margin:0; }
div#signupnews_iframe p.error { color:#A92020 !important; font-weight:bold; font-size:14px; font-family:"georgia"; line-height:normal; margin:0; }



div#commentbox { display:none; cursor:move; width:318px; height:428px; padding:20px; position:absolute; top:0; right:0; background:#FBF8F5; border:1px solid #AAA; z-index:99;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
/*
filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=true,ShadowOpacity=0.8);
*/}
div#commentbox.loading { height:150px; background:url("../../../abendago/images/loading.gif") #FBF8F5 50% 50% no-repeat; }
div#commentbox.loaded { height:80px; }
div#commentbox iframe { width:100%; height:100%; margin:0; padding:0; background:#FBF8F5; border:none; }
div#commentbox button.close { display:block; width:25px; height:auto; line-height:normal; padding:0; text-align:center; background:none; border:none; font-family:"arial black"; font-size:14px; font-weight:bold; position:absolute; top:5px; right:5px; z-index:1; cursor:pointer; }

div#commentbox_iframe { width:auto; height:auto; display:block; margin:0; padding:0; background:#FBF8F5; }
div#commentbox_iframe form { width:auto; display:block; margin:0; padding:0; }
div#commentbox_iframe form input.text { width:170px; cursor:text; }
div#commentbox_iframe form textarea { width:270px; cursor:text; }
div#commentbox_iframe form input.submit { color:#CC6633; border:none; cursor:pointer; background:none; margin:0; padding:0; font-weight:bold; font-size:11px; float:right; }
div#commentbox_iframe form label { padding:5px 0 15px 15px; font-size:11px; line-height:normal; }
div#commentbox_iframe em { font-size:10px; line-height:13px; }
div#commentbox_iframe p.success { color:#666746 !important; font-weight:bold; font-size:14px; font-family:"georgia"; line-height:normal; margin:0; }
div#commentbox_iframe p.error { color:#A92020 !important; font-weight:bold; font-size:14px; font-family:"georgia"; line-height:normal; margin:0; }


div#recaptcha_widget_div { width:318px; height:129px; overflow:hidden; }


div.sitemap ul { margin:0; padding:0; }
div.sitemap ul li { margin:0 0 0 15px; padding:0; }

div.books { width:740px; height:auto; margin:40px auto 0 auto; background:url("../images/border_double.gif") 0 0 repeat-x; padding:60px 80px 0 80px; }
div.books div.book { width:195px; height:auto; padding-left:125px; margin-bottom:60px; }
div.books div.book span.thumbnail { width:110px; height:auto; position:absolute; left:0; top:0; }
div.books div.book span.thumbnail img { width:100%; height:auto; }
div.books div.book strong.title { display:block; font-size:13px; color:#333; line-height:17px; margin-bottom:4px; }
div.books div.book strong.price { display:block; float:left; margin-right:10px; }
div.books div.book div.description { width:auto; height:auto; overflow:auto; margin-bottom:4px; }
div.books div.book div.description * { font-size:12px; color:#333; line-height:14px; }
div.books div.book a.readsample { display:block; margin-bottom:12px; }
div.books div.book a.addcart { display:block; float:left; width:80px; text-align:center; font-weight:bold; font-size:11px; color:#878585; background:#F1F1F1; margin:-3px 0 0 0; padding:4px; text-decoration:none; }
div.books div.book a.addcart:hover { background:#CC6633; color:#FFF; }

div.books form#books { display:block; width:100%; height:auto; min-height:100%; padding-bottom:40px; }
div.books form#books input.submit { background:#CC6633; color:#FFF; padding:3px 6px; margin:0; border:1px solid #D7D7D7; font-weight:bold; float:right; }
div.books form#books span.hrule-double { position:relative; left:-80px; margin:0 0 30px 0; }

div.samplepoem { display:none; width:200px; padding:20px; overflow:hidden; position:absolute; top:0; left:0; background:#FBF8F5; border:1px solid #AAA; z-index:99; }
div.samplepoem button.close { display:block; cursor:pointer; width:25px; height:auto; line-height:normal; padding:0; text-align:center; background:none; border:none; font-family:"arial black"; font-size:14px; font-weight:bold; position:absolute; top:5px; right:5px; z-index:1; }
div.samplepoem, div.samplepoem * { cursor:move; }

strong.larger { font-size:16px; }
span.warning { display:block; color:#F00; text-align:right; padding:0; margin:0; height:30px; line-height:30px; }
em.blogtagline { display:block; position:relative; top:-15px; margin-bottom:10px; }
blockquote { padding:10px 40px; color:#999; font-size:16px; }
table td { padding:10px; vertical-align:top; }
label.underline { border-bottom:1px solid; padding-bottom:2px; }
span.red { color:red; font-size:20px; font-weight:bold; margin:0; padding:0; }
span.hrule { clear:both; display:block; width:900px; height:15px; margin:10px auto 20px auto; background:url("../images/bg_hrule.gif") 0 0 no-repeat; }
span.hrule-double { clear:both; display:block; width:900px; height:4px; margin:10px auto 20px auto; background:url("../images/border_double.gif") 0 0 repeat-x; }
#home.hrule {margin:0px; padding:0px; position: absolute; top: -7px; left:10px; z-index:99; width: 943px; height: 28px; background:url("../images/tophr.jpg") 0 0 no-repeat;}
/* remove the stupid addthis link footer */
div#at16pf { display:none !important; }


/* poem blue activity buttons */
.instructionBtns a {display: block; float: left; margin-right: 15px;}
.instructionBtns a#readInstructions {width: 175px; height: 43px; background: url("../images/actbuttons.jpg") no-repeat; display: block; text-indent: -9999px}
.instructionBtns a#readSamplePoem {width: 175px; height: 43px; background: url("../images/actbuttons.jpg") no-repeat -205px 0px; display: block;  text-indent: -9999px}
.instructionBtns a#downloadAct {width: 175px; height: 43px; background: url("../images/actbuttons.jpg") no-repeat -405px 0px; display: block;  text-indent: -9999px}

/* hearfromyou */
.hide {display: none;}
.show {display: block;}
#hearfromyou { position: absolute; width: 277px; height: 209px; background: url("../images/getintouch.jpg") no-repeat; right: 200px; margin-top: 282px}
#hearfromyou p {padding: 20px 10px 10px 20px; line-height: 25px}
#hearfromyou p strong {font-size: 14px;}
#hearfromyou form {margin-left: 30px;}
#hearfromyou form label {display: block; float: left; width: 50px;}
#hearfromyou form input.field {display: block; height: 18px; width: 160px;}
#hearfromyou form a.submitbtn {display: block; margin-left: 105px;}

#poemFooter {display: block; position: absolute; top: 15px; left: 40px; width: 550px; height: 70px;}
#poemFooter h5 {margin-bottom: 0px; padding-bottom: 0px; font-size: 16px}
#poemFooter p {font-size: 12px;}

span.orange,span.orange * { color: #CC6633; text-transform: uppercase; text-decoration: none;}

.bubble {
display: none; position: absolute; z-index:99; min-width: 400px; max-width: 400px; padding: 13px; padding-top: 30px;
border: 3px solid #c2dfe1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 1%, #e7eeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e7eeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 1%,#e7eeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 1%,#e7eeee 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 1%,#e7eeee 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7eeee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 1%,#e7eeee 100%); /* W3C */}

.bubble * {font-size: 12px!important}

#poemInstructions { top: 30px; left: 50px;}
#samplePoem { top: 30px; left: 50px;}
a#closeSamplePoem {display: block; position: absolute; top: 20px; right: 10px; width: 11px; height: 11px; background: url("../images/x.gif") no-repeat;}
a#closePoemInstructions {display: block; position: absolute; top: 20px; right: 10px; width: 11px; height: 11px; background: url("../images/x.gif") no-repeat;}


#successMsg img { display: block; position: absolute; top: 0px; left: 24px;}
#successMsg .msg {display: block; margin-left: 200px; margin-top: 50px;}
#successMsg .msg p {font-size: 14px!important;}

a.authorpopup {display: block; margin-left: 17px;}

#videoplayer {display: none; width: 100%; min-height: 100%; position: absolute; top:0px; left:0px; z-index: 99; background: url("/themes/pongo/images/modalbg.png");}

#videoplayer #vid {display: block; float: right; margin-top:150px; margin-right: 100px;}
#videoplayer #desc {display: block; float: left; margin-top:150px; margin-left: 90px; width: 230px;}
#videoplayer #desc h3 {color: #cc6633}
#videoplayer #desc h2 {color: #cc6633}
#videoplayer #desc h1 {color: #cc6633}
#videoplayer #desc p {color: #fff}
#videoplayer #desc a {color: #fff}

#videoplayer #popup {display: block; width: 960px; height: 617px; background: url("/themes/pongo/images/pongovideopopup.jpg") no-repeat; z-index: 99; margin: 0 auto; border: 8px solid #dddbd1; margin-top: 238px}
#videoplayer a#closeBtn {display: block; position: absolute; top: 10px; right: 10px; width: 50px; height: 50px;}


#poemofweek {display: none; width: 100%; min-height: 100%; position: absolute; top:0px; left:0px; z-index: 99; background: url("/themes/pongo/images/modalbg.png");}
#poemofweek #popup {display: block; width: 350px; background: #f6f4e7; z-index: 99; margin: 0 auto; margin-top: 200px; padding: 20px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: #ccbeb1}
#poemofweek a#closeBtn {display: block; position: absolute; top: 8px; right: 8px; width: 17px; height: 17px;}

#questions .question {margin-bottom: 20px;}
#questions .question span {display: block; float: left; margin-right: 20px;}
#questions .question span input {display: inline; }