/* Reset
---------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td {margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{color:#494949;font-size:100%;font-weight:normal;text-rendering:optimizeLegibility}
abbr,acronym{border:0}
a{outline:none}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
body,input,textarea,select{font-family:Verdana,"Helvetica Neue",Helvetica,Verdana}
.alt-font,.alt-font *,.heading{font-family:Arial,Helvetica,Tahoma,Verdana !important}
p{margin:0 0 12px}
p,p *{line-height:1.35em}
h4{font-size:14px;fnt-weight:bold;margin:0 0 12px}

/* ===================================================================================== */


/* Hyperlinks
---------------------------------------------------------------------------------------- */
a,a:visited{color:#663333;text-decoration:none}
a:hover,a:visited:hover{color:#990033;text-decoration:underline !important}
a.white,a.white:visited{color:#fff;text-decoration:none}
a.white:hover,a.white:visited:hover{text-decoration:underline !important}
a.grey,a.grey:visited{color:#666;text-decoration:none}
a.grey:hover,a.grey:visited:hover{text-decoration:underline !important}
a.arrow-bubble,a.arrow-bubble:visited{padding:0 0 3px 18px;background:url(../images/arrow-bubble.gif) 0 1px no-repeat;color:#996666;text-decoration:none}
a.arrow-bubble:hover,a.arrow-bubble:visited:hover{color:#663333;text-decoration:underline !important}
a.blue-arrow,a.blue-arrow:visited{padding:0 0 3px 18px;background:url(../images/issue_arrow.gif) 0 1px no-repeat;color:#006699;text-decoration:none}
a.blue-arrow:hover,a.blue-arrow:visited:hover{color:#006699;text-decoration:underline !important}
.ie7 a.arrow-bubble{height:15px;float:left}



/* Form
---------------------------------------------------------------------------------------- */
input.textfield,select,textarea{padding:5px;font-size:100%;border:solid 1px #ccc}
input.submit{padding:3px 12px;background:#ffcc00;border:solid 1px #666;color:#666;text-transform:uppercase;font-weight:bold}


/* Structure
---------------------------------------------------------------------------------------- */
html,body{width:100%;height:100%}
html {-webkit-font-smoothing:antialiased}
body{margin:0;color:#000;font-size:12px;text-align:center}
#wrapper{width:970px;margin:0 auto;text-align:left;position:relative}

/* Header
---------------------------------------------------------------------------------------- */
header{width:970px;float:left}
header h1,header h2{background-repeat:no-repeat;font-size:10%}
header h1 a,header h2 a{text-indent:-9999px;float:left}
header h1{background-image:url(../images/header-l.gif);float:left}
header h1 a{width:494px;height:119px}
header h2{padding-right:24px;background-color:#bdcee7;background-image:url(../images/header-r.gif);float:right}
header h2 a{width:331px;height:119px}

/* Navigation: Primary
---------------------------------------------------------------------------------------- */
#primary{width:946px;padding:5px 0 5px 24px;background:#999;border-bottom:solid 4px #ccc;color:#fff;float:left}
#primary ul{float:left}
#primary ul li{margin:0 0 0 48px;text-transform:uppercase;font-size:13px;font-weight:bold;float:left}
#primary ul li a.selected{text-decoration:underline !important}
#primary div.right{width:220px;padding:1px 0 0 0;font-size:10px}
#primary div.right div.left{padding:1px 20px 1px 10px;background:url(../images/rss.png) right no-repeat}

/* Body
---------------------------------------------------------------------------------------- */
#content{width:938px;margin:8px 0 24px;padding:15px 15px 0 15px;border:solid 1px #ccc;float:left}
#left-column{width:220px;margin:0 15px 0 0;float:left}
#middle-column{width:498px;float:left}
div.page{background:url(../images/line_bg.gif) 476px 0 repeat-y}
div.page #left-column{width:455px;margin-right:25px}
div.page #middle-column{width:250px}
div.page #left-column p,div.page #middle-column p,div.box,div.box2{margin:0 0 16px}
div.page #left-column ul,,div.page #middle-column ul{margin:0 0 12px 37px;list-style:disc}
div.page #middle-column ol,div.page #left-column ol{margin:0 0 12px 37px;list-style:lower-alpha}
div.page #middle-column li,div.page #left-column li{padding:0 0 6px}
div.box,div.box2{padding:12px;border:solid 1px #ccc}
div.box2{background:#fdfbfc;border-color:#bb9999}
div.adv-search{background:url(../images/line_bg.gif) 230px 0 repeat-y}
div.adv-search #left-column{width:205px;margin-right:27px}
div.search{background:url(../images/line_bg.gif) 244px 0 repeat-y}
div.small-search{background:url(../images/line_bg.gif) 224px 0 repeat-y}
div.search #left-column{margin-right:25px}
div.small-search #left-column{width:200px}
div.search #middle-column{width:508px}
div.magazine #left-column{width:485px;margin-right:25px}
div.magazine #middle-column{width:220px}

/* Search Box
---------------------------------------------------------------------------------------- */
#search-left{width:194px;margin:0 0 6px;padding:12px;background:#efefef;border:solid 1px #ccc;float:left}
div.small-search #search-left{width:185px;padding:6px;font-size:11px}
#search-left h3{color:#a18481}
div.small-search #search-left h3{font-size:14px}
#search-left input.textfield{width:182px}
div.small-search #search-left input.textfield{width:175px;padding:1px 4px;}
div.small-search #search-left input.submit{padding:2px;font-size:12px}
#search-left p.right{padding:6px 0 0}
#search-left p.right a.grey{padding:0 0 0 16px;background:url(../images/arrow-grey.gif) 0 4px no-repeat}
#search-adv{width:100%;padding:0 0 6px;float:left}

/* Poem of the week
---------------------------------------------------------------------------------------- */
#poem-left{width:194px;margin:0 0 18px;padding:12px;background:#edf3ff;border:solid 1px #ccc;float:left}
#poem-left q{padding:0 0 12px;font-size:17px;font-family:Georgia,Serif !important;display:block}
#poem-left p.author{width:100%;margin:0 0 16px;text-align:right;color:#666}
#poem-left p.no-margin{color:#999;font-size:11px;text-align:center}

/* Explore the archive
---------------------------------------------------------------------------------------- */
#explore-left{width:194px;padding:12px 12px 4px;background:#fdfbfc;border:solid 1px #ccc;float:left}
#explore-left-wrapper{width:194px;overflow:hidden;position:relative}
#explore-slide{width:9999px;left:0;top:0;position:relative}
#explore-left-wrapper ul{float:left}
#explore-left-wrapper ul li{width:194px;float:left}
#explore-nav{width:100%;padding:4px 0 0;font-size:11px;float:left}

/* Magazine List
---------------------------------------------------------------------------------------- */
#magazine-list{width:164px;padding:12px 12px 8px 12px;background:#fdfbfc;border:solid 1px #ccc;float:right}
#magazine-list ul li{padding:0 0 6px 12px;background:url(../images/red_bullet.gif) 0 6px no-repeat}

/* Home
---------------------------------------------------------------------------------------- */
div.home-spotlight{width:472px;margin:0 0 12px;padding:12px 12px 4px;border:solid 1px #ccc;float:left}
div.home-spotlight img{margin:4px 8px 8px 0;float:left}
ul.home-features{width:100%;float:left}
ul.home-features li{width:211px;margin:0 0 14px 0;padding:12px 12px 4px;background:#efefef;border:solid 1px #ccc;font-size:11px;float:left}

/* Contact the Library
---------------------------------------------------------------------------------------- */
div.form{width:425px;padding:0 0 6px;float:left}
div.form-label{width:150px;padding:6px 0 0;float:left}
div.form-field,div.checkbox{width:260px;float:right}
div.form-field input.textfield,div.form-field textarea{width:248px}
div.form-field textarea{height:100px}
div.checkbox p{width:240px;font-size:11px;color:#999;float:right}
div.errors{width:399px;margin:0 0 12px;padding:12px;background:#fff9f9;border:solid 1px #cc0000;font-weight:bold;color:#cc0000;float:left}
div.errors ul{list-style:disc;margin-left:17px}
div.errors ul li{padding:0 !important}

/* Advanced Search
---------------------------------------------------------------------------------------- */
div.adv{width:468px;margin:0 0 18px;padding:0 0 18px;border-bottom:solid 1px #ccc;float:left}
div.adv-num{width:58px;padding:4px 0 0;font-family:Georgia,Serif;font-size:38px;color:#bbb;float:left}
div.adv-field{width:210px;float:left}
div.adv-field input.textfield{width:160px}
div.adv-field select{width:170px}
div.adv-field p{margin:0 0 2px;font-weight:bold}
div.adv-note{width:200px;font-size:11px;color:#999;float:right}
div.adv-note strong{color:#000}
div.adv-note p{margin:0 0 2px}
div.adv-note label{width:85px;padding:6px 0 0;float:left}
div.adv-note input.textfield{width:50px}

/* Search Results
---------------------------------------------------------------------------------------- */
div.search-result{width:488px;margin:0 0 12px;padding:0 0 12px;border-bottom:solid 1px #ccc;float:left}
div.search-num{width:40px;float:left}
div.search-text{width:443px;float:right}
span.issue{color:#006699 !important}

/* Magazines
---------------------------------------------------------------------------------------- */
div.magazine-issues{width:218px;margin:0 0 12px;padding:12px 0 6px;background:#efefef;border:solid 1px #ccc;float:left}
div.magazine-issues h3{margin:0 0 6px 12px;font-size:15px !important}
div.magazine-issues ul li{padding:8px 12px;border-bottom:solid 1px #ccc}
div.magazine-issues ul li:last-child{border:0}
#magazine-navigation{width:100%;margin:0 0 24px;float:left}
#magazine-navigation ul li{width:100%;padding:4px 0;border-bottom:solid 1px #ccc;float:left}
div.magazine-poem{width:508px;padding:0 0 6px;float:left}
div.poem-author{width:180px;float:left}
div.poem-title{width:266px;float:right}
div.magazine-paging{width:482px;margin:0 0 24px;padding:12px;background:#fdfbfc;border:solid 1px #ccc;float:left}
div.magazine-paging-previous{width:148px;float:left}
div.magazine-paging-contents{width:200px;text-align:center;float:left}
div.magazine-paging-next{width:100px;text-align:right;float:right}
div.magazine-footnotes{width:100%;padding:12px 0;border-top:solid 1px #ccc;float:left}

/* Footer
---------------------------------------------------------------------------------------- */
#footer-logos{width:100%;padding-top:64px;background:#fff;float:left}
#footer-logos ul li{height:60px;padding:0 12px 6px 12px;border-right:solid 1px #ccc;float:left}
#arts-council a,#poetry-50 a,#southbank a,#gps a,#arts a{height:52px;background-repeat:no-repeat;font-size:1px;text-indent:-9999px;display:block}
#arts-council a{width:98px;height:58px;background-image:url(../images/foot-lott.gif)}
#arts a{width:198px;height:58px;background-image:url(../images/foot-arts.gif)}
#poetry-50{padding-right:8px !important;border:0 !important}
#poetry-50 a{width:139px;height:36px;margin-top:10px;background-image:url(../images/foot-poetrylibrary2.gif)}
#southbank a{width:137px;height:36px;margin-top:10px;background-image:url(../images/foot-southbank2.gif)}
#gps a{width:97px;height:36px;margin-top:9px;background-image:url(../images/foot-gps.gif)}
#text-links{border:0 !important}
#text-links p{margin:0 0 4px;font-size:10px;color:#999}

blockquote{margin-left:30px}

/* ===================================================================================== */


/* Helpers
---------------------------------------------------------------------------------------- */
.strong{font-weight:bold !Important}
.italic{font-style:italic !Important}
.normal{font-weight:normal !Important}
.left{float:left !important}
.right{float:right !important}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}
.no-border{border:0 !important}
.no-bg{background:none !important}
.no-underline{text-decoration:none !important}
.no-wrap{white-space:nowrap !important}
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.valign-middle *{vertical-align:middle !important}
.width-100{width:100%}
.relative{position:relative !important}
.absolute{position:absolute !important}
.hidden{font-size:1%;text-indent:-9999px;display:none;visibility: hidden;float:left}
.clear-left{clear:left !important}
.clear-right{clear:right !important}
.line13,.line13 *{line-height:1.3em !important}
.line14,.line14 *{line-height:1.4em !important}
.line15,.line15 *{line-height:1.5em !important}
.line16,.line16 *{line-height:1.6em !important}
.line17,.line17 *{line-height:1.7em !important}
.line18,.line18 *{line-height:1.8em !important}
.superline,.superline *{line-height:1.6em !important}
.heading{margin:0 0 10px;color:#999;font-size:17px;font-weight:bold}
.scarlet{color:#990033}