/*------------------------------------*\
| Poetry X Metropolis Theme            |
| Updated: 24 May 2005                 |
\*------------------------------------*/

/* General */
h1,h2,h3,h4,h5{font-family:georgia,garamond,bookman,"times new roman",serif;}
a:link{color:#000;text-decoration:underline;}
a:visited{color:#666;text-decoration:underline;}
a:hover{text-decoration:none;color:#00F;}
a.perma{float:left;display:block;width:10px;height:12px;margin:1px 4px 0 0;background:url(../images/icons/article.gif) no-repeat;border:0;text-indent:-10000px;text-decoration:none;}
pre{overflow:auto;font:1em/1.3em georgia,garamond,bookman,"times new roman",serif;}
hr{height:0;border:none;border-top:#000 1px solid;}

/* Header */
#siteNav{position:absolute;top:1em;right:1em;text-align:right;color:#CCC;font-size:medium;}
#siteNav a{color:#FFF;font-size:small;}
#header{position:relative;left:8px;float:left;width:759px;height:8em;background:#CCC url(../images/themes/metropolis/headerBG.jpg) no-repeat left 0;}
#logo{position:relative;z-index:100;top:20px;left:5px;background:url(../images/themes/metropolis/poetryXLogo.gif) no-repeat;cursor:pointer;width:167px;height:41px;text-indent:-10000px;}
#search{position:absolute;z-index:500;top:3em;right:1.5em;}
#search fieldset{margin:0;padding:0;border:0;}
html>body #search fieldset{margin:0;padding:0;border:0;background:transparent;}
#nav{position:absolute;z-index:1000;bottom:0;left:0;width:100%;color:#EEE;background:#999;filter:alpha(opacity=70);opacity:0.7;font-size:large;}
#nav ul{position:relative;margin:0;padding:0;}
#nav li{float:left;display:inline;list-style-type:none;}
#nav ul a{float:left;color:#FFF;padding:.25em 1em;text-decoration:none;font-weight:bold;font-size:large;}
#nav ul a:hover{color:#FFF;background:#333;text-decoration:none;}
#nav ul a.hl,#nav ul a.hl:hover{color:#FFF;background:#333;text-decoration:none;}
#myNav{float:right;position:relative;padding:.5em 1em 0;font-size:small;}
#myNav a{color:#FFF;}
#banner{position:relative;left:8px;width:760px;padding:0 0 .25em 0;color:#FFF;background:#000;text-align:center;}

/* Contents */
body{background:#CCC url(../images/themes/metropolis/halftone.gif) repeat;font:medium trebuchet,"trebuchet ms",verdana,helvetica,arial,sans-serif;} /* Sets the base font and size */
#wrap{position:relative;width:775px;margin:0 auto;background:url(../images/themes/metropolis/bg.gif) repeat-y center center;}
#contents{clear:both;width:760px;margin:0;padding:0;line-height:125%;}
#sectionHeader{position:relative;width:759px;left:8px;color:#FFF;padding:0;background:url(../images/themes/metropolis/headerBG.jpg) no-repeat left -8.5em;}
#sectionHeader h1{width:750px;background:#333 url(../images/themes/metropolis/trim.gif) repeat-x left top;padding:10px 0 0 9px;font:bold x-large tahoma,sans-serif;filter:alpha(opacity=80);opacity:0.8;}
#sectionHeader h2{width:750px;background:#333 url(../images/themes/metropolis/trim.gif) repeat-x left bottom;padding:2px 0 10px 9px;font:small trebuchet,"trebuchet ms",verdana,helvetica,arial,sans-serif;filter:alpha(opacity=80);opacity:0.8;}
#sectionHeader a{color:#333;}
#breadCrumbs{margin:.25em 1em;padding:0 0 .25em 0;font-size:small;}
#breadCrumbs.articlesBC{padding:.5em 1em 1.5em;}
#mainPane{float:right;width:560px;}
#mainPane h2,#mainPane h3,#mainPane h4,#mainPane h5{margin:0;padding-bottom:.25em;}

/* Latest Update */
#topNewsWrap{float:left;width:100%;}
#topNewsWrap h2{margin:1em 1em 0;}
#topNews{position:relative;padding:.5em 2em 1em 1em;}
#topNewsItem{width:90%;margin:0 auto;max-width:40em;}
#topNews h3,#topNews h3 a{margin:5px 0 0;color:#444;line-height:1em;text-decoration:none;font-size:xx-large;}
#topNews h3{border-bottom:#CCC 1px solid;}
#topNewsDate{margin-top:.5em;padding:0;color:#999;font-size:small;}
#topNewsBody{padding:1% 0;}
#topNewsBody img{float:left;margin:.5em 1em .5em 0;padding:.25em;background:#FFF;border:#333 1px outset;}
#topNewsLink{margin:10px 5px;text-align:right;}

/* More Updates */
#newsSubWrap{width:85%;margin:2em auto 1em;}
#newsSubWrap h2{border-bottom:#CCC 1px solid;font-size:large;}
#newsSub{padding:0 1em .5em;}
#newsSub h3,#newsSub h3 a{color:#333;font-size:large;text-decoration:none;}
#newsSub h4,#newsSub h4 a{color:#333;font-size:medium;text-decoration:none;}
#newsSub #adMedRect{margin:1em auto 2em;padding:0;width:400px;border:none;}
#newsSub hr{margin:0 0 1em;height:0;border-top:#CCC 1px solid;}
.newsItem{margin:.5em 0;padding:0 0 1em;}
.newsItemAbstract{padding:1% 0;font-size:small;}
.newsItemAbstract img{float:left;margin:.25em .5em .25em 0;padding:.25em;background:#FFF;border:#333 1px outset;}
.newsItemDate{padding-right:1em;color:#999;font-size:small;}
.newsItemLink{margin-left:1em;padding-left:1em;border-left:#CCC 1px solid;text-decoration:none;}

/* Newly Added */
#sub{width:98%;margin:2em auto;}
#navSubWrap{width:100%;}
#navSubWrap h2{margin:1em 1em 0;color:#333;font-size:large;}
#navSub{padding:.5em 1em;font-size:small;}
#newlyAdded{width:90%;margin:0 auto 3em;}
#naPoets,#naArticles,#naDiscuss{float:left;width:40%;margin:0 1em;}
#navSub ul{margin:.5em 0;padding:0;}
#navSub li{position:relative;list-style:none;background:url(../images/themes/metropolis/bullet.gif) no-repeat 0 .6em;padding-left:1.25em;font-size:small;line-height:150%;}
#navSub h3{padding:.5em 0 0 0;color:#666;font-size:large;}
.more{margin:0 1em 1em 0;text-align:right;}

/* Poetry X Destinations */
#moreNav{clear:both;width:99%;margin:2em auto;padding:2em 0;}
#moreNav h2{width:85%;margin:3%;color:#333;border-bottom:#333 1px solid;font-size:x-large;}
.moreNavBox{float:left;width:30%;margin-left:3%;margin-bottom:2em;}
.moreNavBox ul{margin:0;padding:0 0 0 .5em;}
.moreNavBox li{list-style:none;background:url(../images/themes/metropolis/bullet.gif) no-repeat 0 .6em;padding-left:1.25em;font-size:small;line-height:150%;}
.moreNavBox h3{font-weight:bold;font-size:small;}

/* Side Bar */
#sideBarWrap{float:left;width:200px;}
#sideBarWrap h2{margin:1em 1em 0;}
#sideBar{color:#333;padding:5px 5px 15px 15px;font-size:small;}
#sideBar hr{margin:1em 0 0 0;padding:0;height:0;border:0;text-indent:-10000px;} /* border:0; to hide from Mozilla, text-indent:-10000px; to hide from IE */
#sideBar h3,#sideBar h3 a{padding:.5em 0 0 0;color:#333;text-decoration:none;font-weight:bold;font-size:medium;}
#sideBar h4,#sideBar h4 a{font-size:small;}
#sideBar p{margin:.5em 0 1em;padding:0;line-height:150%;}
#sideBar ul{margin:.5em 0 0 .5em;padding:0;}
#sideBar li{position:relative;list-style:none;background:url(../images/themes/metropolis/bullet.gif) no-repeat 0 .6em;padding-left:1em;}
#sideBar label{font:x-small helvetica,arial,verdana,sans-serif;}
#sideBar #badges{margin-top:1em;}
#sideBar dt{font-weight:bold;}
#sideBar dd{margin:0;padding:1em .5em;}

/* Site Pages */
#site{width:80%;max-width:37em;margin:2% 5%;padding:.5em 1em 2em;line-height:150%;}
#site h2,#site h3,#site h4{margin:.5em 0 0;font-weight:bold;}
#site h2{font-size:xx-large;}
#site h3{color:#333;font-size:x-large;}
#site h4{font-size:large;}

/* Poetry */
#poetry{padding:.5em 1em 1.5em;}
#poetry h2{margin:1em 0;font-size:2em;}
#poetry h3{margin:1em 0 0 0;color:#666;font-size:1.5em;}
#poetry ul{margin:1em 0 0 2em;padding:0;}
#poetry li{position:relative;padding:0 0 .25em 1em;list-style:none;background:url(../images/themes/metropolis/bullet.gif) no-repeat 0 .5em;}
#browseByPoet,#browseByPoem,#browseByOther{float:left;position:relative;width:30%;height:50%;margin:0 auto;padding:0 1%;}
#browseByPoet h3,#browseByPoem h3,#browseByOther h3{width:100%;height:253px;cursor:pointer;text-indent:-10000px;}
#browseByPoet h3{background:url(../images/themes/metropolis/browsePoets.jpg) no-repeat;}
#browseByPoem h3{background:url(../images/themes/metropolis/browsePoems.jpg) no-repeat;}
#browseByOther h3{background:url(../images/themes/metropolis/browseOther.jpg) no-repeat;}
#browseByPoet ul.browseBy,#browseByPoem ul.browseBy,#browseByOther ul.browseBy{margin-left:1em;}
#morePopPoets{clear:both;margin:1em;padding:1em 0;max-width:40em;}
#morePopPoets a{white-space:nowrap;}
.prevNext{width:98%;height:1.5em;clear:both;margin:.5em 1em 1.5em 0;padding:.25em 0;border-top:#CCC 1px solid;border-bottom:#CCC 1px solid;font-size:small;}
.prevPoem{float:left;}
.nextPoem{float:right;}
#poem{clear:both;padding:0 0 3% 5%;line-height:150%;}
#poemText{padding:0 2em 0 .5em;}
h3#poemTitle{color:#666;line-height:1em;font-size:2em;}
h4#poet,h4#poet a{padding-left:2em;padding-top:.25em;color:#999;text-decoration:none;font:bold 1em/125% verdana,arial,helvetica,tahoma,sans-serif;}
h4#poet a:hover{color:#00F;}
#cp{margin:3em 2em;}
#citeHead{padding:1em 0 0 0;font-weight:bold;}
#citation{margin:0 .5em 2em;background:#DEF;border:#CCC 1px solid;}
#citation h4{font-size:100%;font-weight:bold;}
#top50{width:98%;margin-top:1em;}
#browseSideBar{padding-top:1em;border-top:#BCE 1px solid;}
#bioImage{float:right;width:102px;margin:5px 0px 5px 10px;}
#bioImage img{border:#000 1px solid;}
#submitPoemForm{width:80%;max-width:40em;margin:1% 1% 5% 10%;}
#submitPoemForm label{display:block;}
#submitPoemForm p{margin:0;padding:0 0 2em 0;font-size:small;}

/* Poem Comments */
#commentForm{margin:1em 0 2em;}
#commentForm fieldset{width:30em;}
#commentForm label{font-weight:bold;}

/* Tags */
#tagsForm{float:left;width:98%;margin:1em 0 2em;padding:1%;border:#AAA 1px solid;background:#CCC;}
#tagsForm form{width:60%;float:left;}
#tagsDesc{width:35%;float:left;margin:0 0 0 5%;font-size:small;}

/* Poetry Xtras */
.xtras{position:relative;float:left;margin:2%;width:85%;background:#ACF;color:#000;}
.xtrasText{padding:.5em 1em;line-height:150%;}
.xtrasAuthor{position:absolute;right:5em;bottom:2em;font-size:large;font-weight:bold;}
.xtrasLeftQuote{float:left;text-align:center;padding:.5em .25em 0;background:#00A;color:#FFF;border-right:#FFF 5px solid;border-bottom:#FFF 5px solid;font:bold 350% Georgia,Times,'Times New Roman',serif;line-height:50%;}
.xtrasRightQuote{float:right;text-align:center;padding:.5em .25em 0;background:#00A;color:#FFF;border-left:#FFF 5px solid;border-top:#FFF 5px solid;font:bold 350% Georgia,Times,'Times New Roman',serif;line-height:50%;}
#xtrasLink{margin:40px 0 0;}
#xtrasLink p{font-weight:bold;padding-left:15px;}
#xtrasLink img{vertical-align:middle;}

/* Articles */
#article{width:80%;max-width:37em;margin:2% 5%;padding:.5em 1em 2em;line-height:150%;}
#article h2,#article h3,#article h4{color:#666;}
#article h2{font-size:2em;}
#article h3{font-size:1.5em;line-height:1.5em;}
#article h4{font-size:1em;margin:.5em 0;}
#articleText{}
#articleImage{float:left;padding:0 1em 1em 0;}
#seriesMenu{margin-top:1em;}
#articleDate{font-size:small;}
.coverImage{float:left;clear:both;margin-right:1em;}
p.initial{padding-top:1em;}
p.initial:first-letter{float:left;position:relative;margin-top:-.33em;color:#666;font-weight:bold;font-size:3em;line-height:300%;}
.details{text-align:left;font:small/125% arial,helvetica,verdana,sans-serif;}
.articlebar{float:right;width:16em;margin:.5em 0 1em 1em;padding:.5em;border:#09C 1px solid;color:#00C;background:#CCC;font-size:small;}
.articlebarTitle{text-align:left;font-weight:bold;margin:2px;}
ul.articleList li{list-style-image:url(../images/icons/article.gif);}
#article blockquote{clear:both;background-color:#CCC;border:#999 1px solid;margin:1% 0 1% 2%;padding:1em;}
.char{float:left;display:compact;clear:both;}
.dialogue{margin-left:5.5em;}
.subject{border-bottom:solid 1px #000;padding:2px;margin-right:5px;text-align:left;color:#333;background-color:inherit;font-weight:bold;}
.talkbackdate{color:#00F;background-color:inherit;font-style:italic;margin:2px 0px;}
.talkback{padding:2px 0px;}
.bibliography{margin-left:2em;text-indent:-1.5em;}

/* Contests */
#contests{width:90%;max-width:37em;margin:2% 5%;padding:.5em 1em 2em;line-height:150%;}
#contests h2,#contests h3,#contests h4{margin:.5em 0;font-weight:bold;}
#contests h2{font-size:xx-large;}
#contests h3{color:#333;font-size:x-large;}
#contests h4{font-size:large;}
#contests hr{margin:.5em;padding:.5em;}
#contests ul{margin:1em 0 0 2em;padding:0;}
#contests li{position:relative;padding:0 0 .25em 1em;list-style:none;background:url(../images/themes/metropolis/bullet.gif) no-repeat 0 .5em;}

/* Themes */
.theme{width:98%;margin:1em auto 2em;padding:2em 0;}
.themeImg{float:left;padding:0 1em .5em 0;}

/* My Poetry X */
#my{height:100%;padding:.5em 1em 5em;}
#my h3{font-size:3em;padding:.5em 0;}
#my h4{font-size:2em;font-weight:bold;font-family:trebuchet,helvetica,arial,verdana,tahoma,sans-serif;}
#my ul{margin:1em 0 1em .5em;padding:0;}
#my li{position:relative;padding:0 0 .25em 1em;list-style:none;background:url(../images/themes/metropolis/bullet.gif) no-repeat 0 .5em;}
#introBox{float:left;clear:both;width:100%;margin:2% 0;}
#infoBox,#shillBox{margin:0 0 1em 0;padding:.5em;background:#FFC;border:#C99 1px solid;font:2em/125% trebuchet,helvetica,arial,verdana,tahoma,sans-serif;}
#infoBox{float:left;width:62%;}
#shillBox{width:85%;}
#suggestNext{float:right;width:30%;padding:.5em;}
#accountBox{float:left;clear:both;width:100%;margin:4% 0;}
#accountOptions{float:left;width:40%;margin-left:5%;}
#myPoemLists,#myAccountFunctions{margin:0 0 2em;}
#myPoemLists ul,#myAccountFunctions ul{width:198px;margin:0;padding:1em 0;background:#DEF;border:#09C 1px solid;}
#myPoemLists ul li,#myAccountFunctions ul li{margin:0 .5em;}
#myPoemLists h4,#myAccountFunctions h4{height:40px;margin:0;padding:0;text-indent:-10000px;}
#myPoemLists h4{background:url(../images/themes/classic/myPoemLists.gif) no-repeat;}
#myAccountFunctions h4{background:url(../images/themes/classic/myAccountFunctions.gif) no-repeat;}
#upgrade{float:right;width:200px;padding:0 2% 0 0;}
#loginForm{float:left;width:18em;}
#loginForm p{text-align:center;}
#changePassForm{clear:both;width:21em;}
#signUp{float:left;width:200px;margin:0 1em 0 5em;}
#registrationErrors{padding:1em 2em;color:#FFC;background:#C00;border:#FFC 1px solid;}
#registrationErrors ul{margin:0;padding:1em;}
#registrationErrors li{margin:0;padding:1em;background:none;}
#listManagement{margin:1em .5em 2em;font-size:large;}
#editingMenu{margin:.5em 0 1em 0;}
#renameLists{margin:1em 0;}
#listName{font-size:1.25em;font-weight:bold;}
#listChecks{float:left;clear:both;width:85%;margin:1em 0;padding:.5em .5em 1em;background:#EEF;border:#BCE 1px solid;}
#listChecks .row{padding:.5em 0;}
#listChecks input{float:left;margin:0 1em 0 0;}
#listChecks label{float:left;}
#listDesc{clear:both;margin:1em 0;}
#shareInfo{width:75%;margin:1em 0;padding:1em;border-top:#000 1px solid;}
#listDescription{width:35em;margin:4% 5%;padding:1em;background:#DEF;border:#CCC 1px solid;}

/* My Poetry X Upgrade */
#miniSub{width:18em;margin:1em auto;padding:.5em;color:#FFF;background:#090 url(../images/themes/classic/buttonBG.gif) repeat-x;text-align:center;}
#miniSubPrice{font-size:small;}
#subDetails{float:left;width:21em;margin:2em auto;padding:1em;border:#0C0 1px solid;background:#9F9;}
#subPrice{float:right;padding:1em;}
#subDetails form{float:left;margin:1em .5em;}

/* Tables */
tr:hover{background:#FFF;}
td{padding:.25em .5em;}
.row1{background:#AAA;}
.row2{background:#CCC;}
.tableHead,.tableNum,.tableHead:hover,.tableNum:hover{background:#999;color:#333;font-weight:bold;}

/* Forms */
form{display:inline;}
.row{clear:both;padding:.5em;}
.label{float:left;width:100px;line-height:100%;text-align:right;font-size:x-small;}
.forminput{float:right;width:250px;text-align:left;}
.instructions {float:right;width:150px;text-align:left;font-size:x-small;}
fieldset{margin:1em 0 0 0;padding:.5em .25em .75em;border:#666 1px solid;}
html>body fieldset{background:#AAA;} /* Add background colour for browsers that work properly */
legend{padding:0 .5em;border:#666 1px solid;color:#333;background:#CCC;line-height:1.25em;}
input{background:#CCC url(../images/themes/metropolis/inputBG.gif) repeat-x;border:#666 1px solid;padding:1px;font:x-small verdana,helvetica,arial,sans-serif;}
textarea,select{background:#CCC url(../images/themes/metropolis/textareaBG.gif) repeat-x;border:#666 1px solid;padding:1px 2px;font:x-small verdana,helvetica,arial,sans-serif;}
.submitImage{border:0;background:none;}
.feedbackForm{width:375px;padding:1em;background:#CCC;color:#000;border:#666 1px solid;font-weight:bold;}
.clicky,.clickyAnti,.zoom_button{font-weight:bold;padding:0 2px;border-top:#999 1px solid;border-right:#000 1px solid;border-bottom:#000 1px solid;border-left:#999 1px solid;}
.clicky:active,.clickyAnti:active,.zoom_button:active{border-top:1px solid #000;border-right:#999 1px solid;border-bottom:#999 1px solid;border-left:#000 1px solid;} /* Reverse the borders for non-IE browsers so that the button looks "pushed" */
.clicky,.zoom_button{background:#666;color:#FFF}
.clickyAnti{background:#F00;color:#FFF;}
.error{color:#F00;font-weight:bold;}

/* Footer */
#footer{position:relative;left:8px;width:729px;clear:both;padding:25px 15px;background:#CCC url(../images/themes/metropolis/trim.gif) repeat-x left top;}