/* phespirit.info stylesheet: start */ /* tag: */ /* foundation styles */ /* NN4 fix - cancels default 10px body margins (cannot set margin-right or margin-bottom) */ body { margin-top : -10px; margin-left : -10px; } /* NN4 fix - reset body margins to zero for non-NN4 */ /*/*/a{} body { margin : 0; } /* */ body { padding : 0; background-color : #ffffff; } body, table, thead, tbody, tr, th, td, ul, ol, dl, dt, dd, p, div, blockquote { text-align : left; vertical-align : top; color : #000000; font-weight : normal; font-family : arial, helvetica, sans-serif; } th { font-weight : bold; } h1, h2, h3, h4, h5, h6 { color : #ff9900; font-weight : bold; font-family : arial, helvetica, sans-serif; } /* NN4 fix - set header margins for non-NN4 */ /*/*/a{} h1, h2, h3, h4, h5, h6 { margin : 20px 0; } /* */ h1 { margin-top : 0; } /* NN4 fix - set paragraph margins for non-NN4 */ /*/*/a{} p { margin-top : 20px; margin-bottom : 20px; } /* */ pre, code { font-family : courier new, monospace; } b, strong { font-weight : bold; } i, em, address { font-style : italic; } img { border-color : #000000; } li { margin-top : 0; margin-bottom: 0; } hr { background-color : #000000; height : 1px; border : 0; color : #000000; } div div hr { vertical-align : middle; } /* NN4 fix - sets non-NN4 horizontal rule width (NN4 decreases width in nested tables) */ /*/*/a{} body hr { width : 100%; } /* */ /* NN4 fix - sets bottom margin for non-NN4 form (NN4 adds styles to pre-set margins) */ /*/*/a{} form { margin-bottom : 15px; } /* */ div.align-c, div.table, td.table-center { text-align : center; } div.align-c table, div.table table, td.table-center table, div.align-c div { margin-left : auto; margin-right : auto; } div.table { margin-top : 15px; margin-bottom : 15px; } div.table-l { text-align : left; margin-top : 15px; margin-bottom : 15px; } /* NN4 text-size styles */ .huge { font-size : x-large; font-weight : normal; } h1, .head-f1, .head-f2, .places-h3 { font-size : medium; font-weight : bold; } .head-nations { font-size : medium; } body, h2, h3, h4, h5, h6, th, td, ul, ol, dl, dt, dd, p, div, blockquote, pre, code, .high-f1, .text-f1, .text-f2, .text-f3 { font-size : small; } .tiny, .tiny-f1, .tiny-f2, .tiny-f3, .align-rtiny, .align-ctiny, .align-cmtiny, .align-jtiny, .align-btiny, .float-rtiny, td.head-navl, td.head-navr, div.body-navtitle-c, div.body-navlink, div.body-navlink-item, td.foot-navl, td.foot-navc, td.foot-navr, .music-now, .pictures-now, .notes-text, .places-menu-date { font-size : x-small; } /* IE4+ text-size styles */ /* IE6+ assumes */ /*/*/a{} body .huge { font-size : xx-large; } body h1, body .head-f1, body .head-f2, body .places-h3 { font-weight: normal; font-size : medium; voice-family : "\"}\""; voice-family : inherit; font-size : large; } body .head-nations { font-size : small; voice-family : "\"}\""; voice-family : inherit; font-size : medium; } body, body h2, body h3, body h4, body h5, body h6, body th, body td, body ul, body ol, body dl, body dt, body dd, body p, body div, body blockquote, body pre, body code, body .high-f1, body .text-f1, body .text-f2, body .text-f3 { font-size : x-small; voice-family : "\"}\""; voice-family : inherit; font-size : small; } body .tiny, body .tiny-f1, body .tiny-f2, body .tiny-f3, body .align-rtiny, body .align-ctiny, body .align-cmtiny, body .align-jtiny, body .align-btiny, body .float-rtiny, body td.head-navl, body td.head-navr, body div.body-navtitle-c, body div.body-navlink, body div.body-navlink-item, body td.foot-navl, body td.foot-navc, body td.foot-navr, body .music-now, body .pictures-now, body .notes-text, body .places-menu-date { font-size : xx-small; voice-family : "\"}\""; voice-family : inherit; font-size : x-small; } /* */ /* OP6 text-size styles */ /*/*/a{} html>body .huge { font-size : x-large; } html>body h1, html>body .head-f1, html>body .head-f2, html>body .places-h3 { font-size : medium; font-weight : normal; } html>body .head-nations { font-size : small; } html>body, html>body h2, html>body h3, html>body h4, html>body h5, html>body h6, html>body th, html>body td, html>body ul, html>body ol, html>body dl, html>body dt, html>body dd, html>body p, html>body div, html>body blockquote, html>body pre, html>body code, html>body .high-f1, html>body .text-f1, html>body .text-f2, html>body .text-f3 { font-size : x-small; } html>body .tiny, html>body .tiny-f1, html>body .tiny-f2, html>body .tiny-f3, html>body .align-rtiny, html>body .align-ctiny, html>body .align-cmtiny, html>body .align-jtiny, html>body .align-btiny, html>body .float-rtiny, html>body td.head-navl, html>body td.head-navr, html>body div.body-navtitle-c, html>body div.body-navlink, html>body div.body-navlink-item, html>body td.foot-navl, html>body td.foot-navc, html>body td.foot-navr, html>body .music-now, html>body .pictures-now, html>body .notes-text, html>body .places-menu-date { font-size : xx-small; } /* */ /* NN6+, FF1+, OP7+ text-size styles */ /*/*/a{} html>head:first-child+body .huge { font-size : xx-large; } html>head:first-child+body h1, html>head:first-child+body .head-f1, html>head:first-child+body .head-f2, html>head:first-child+body .places-h3 { font-size : large; font-weight : normal; } html>head:first-child+body .head-nations { font-size : medium; } html>head:first-child+body, html>head:first-child+body h2, html>head:first-child+body h3, html>head:first-child+body h4, html>head:first-child+body h5, html>head:first-child+body h6, html>head:first-child+body th, html>head:first-child+body td, html>head:first-child+body ul, html>head:first-child+body ol, html>head:first-child+body dl, html>head:first-child+body dt, html>head:first-child+body dd, html>head:first-child+body p, html>head:first-child+body div, html>head:first-child+body blockquote, html>head:first-child+body pre, html>head:first-child+body code, html>head:first-child+body .high-f1, html>head:first-child+body .text-f1, html>head:first-child+body .text-f2, html>head:first-child+body .text-f3 { font-size : small; } html>head:first-child+body .tiny, html>head:first-child+body .tiny-f1, html>head:first-child+body .tiny-f2, html>head:first-child+body .tiny-f3, html>head:first-child+body .align-rtiny, html>head:first-child+body .align-ctiny, html>head:first-child+body .align-cmtiny, html>head:first-child+body .align-jtiny, html>head:first-child+body .align-btiny, html>head:first-child+body .float-rtiny, html>head:first-child+body td.head-navl, html>head:first-child+body td.head-navr, html>head:first-child+body div.body-navtitle-c, html>head:first-child+body div.body-navlink, html>head:first-child+body div.body-navlink-item, html>head:first-child+body td.foot-navl, html>head:first-child+body td.foot-navc, html>head:first-child+body td.foot-navr, html>head:first-child+body .music-now, html>head:first-child+body .pictures-now, html>head:first-child+body .notes-text, html>head:first-child+body .places-menu-date { font-size : x-small; } /* */ /* formatting styles */ /* NN4 fix - initially set 'text-align : justify' classes to 'left' as NN4 has a buggy implementation for 'charset=UTF-8' */ .align-l { text-align : left; } .align-c { text-align : center; } .align-r { text-align : right; } .align-j { text-align : left; } .align-t { vertical-align : top; } .align-m { vertical-align : middle; } .align-b { vertical-align : bottom; } .align-cm { text-align : center; vertical-align : middle; } .align-cb { text-align : center; vertical-align : bottom; } .align-rm { text-align : right; vertical-align : middle; } .align-rb { text-align : right; vertical-align : bottom; } .align-jm { text-align : left; vertical-align : middle; } .align-jb { text-align : left; vertical-align : bottom; } .align-rtiny { text-align : right; } .align-ctiny { text-align : center; } .align-cmtiny { text-align : center; vertical-align : middle; } .align-jtiny { text-align : left; } .align-btiny { vertical-align : bottom; } /* NN4 fix - correctly set 'text-align : justify' for non-NN4 */ /*/*/a{} .align-j, .align-jm, .align-jb, .align-jtiny { text-align : justify; } /* */ .float-l { float : left; } .float-r { float : right; } .float-rtiny { float : right; } .hidden { visibility : hidden; } .visible { visibility : visible; } .block { display : block; } .none { display : none; } .clear { clear : both; } .orange { color : #ff9900; } .grey { color : #999999; } .red { color : #ff0066; } .blue { color : #6600ff; } .black { color : #000000; } .white { color : #ffffff; } .magenta { color : #ff00ff; } .brown { color : #993333; } .steel { color : #009999; } .route-1 { color : #0000ff; } .route-2 { color : #ff0099; } .route-3 { color : #ff9900; } .head-f1 { font-family : arial, helvetica, sans-serif; color : #ff9900; } .high-f1 { font-family : arial, helvetica, sans-serif; color : #ff9900; font-weight : bold; } .text-f1 { font-family : arial, helvetica, sans-serif; color : #ff9900; font-weight : normal; } .tiny-f1 { font-family : arial, helvetica, sans-serif; color : #ff9900; font-weight : normal; } .head-f2 { font-family : arial, helvetica, sans-serif; color : #ffffff; } .text-f2 { font-family : arial, helvetica, sans-serif; color : #ffffff; font-weight : normal; } .tiny-f2 { font-family : arial, helvetica, sans-serif; color : #ffffff; font-weight : normal; } .text-f3 { font-family : arial, helvetica, sans-serif; color : #999999; font-weight : normal; } .tiny-f3 { font-family : arial, helvetica, sans-serif; color : #999999; font-weight : normal; } .courier { font-family : courier new, arial, helvetica, sans-serif; } .tahoma { font-family : tahoma, arial, helvetica, sans-serif; } .tempus { font-family : Tempus Sans ITC, arial, helvetica, sans-serif; } .times { font-family : times, timesNR, Times New Roman, serif; } .back-c1 { background-color : #cccccc; } .back-c1-cm { text-align : center; vertical-align : middle; background-color : #cccccc; } .back-c2 { background-color : #ffffff; } .back-c2-cm { text-align : center; vertical-align : middle; background-color : #ffffff; } .fifty-pc { width : 50%; text-align : center; } .music-now { margin : 8px 0 0 5px; color : #000000; } .pictures-now { margin : 10px 0 15px 0; color : #ff9900; } .dash-box { background-color : #f9f9f9; border : 1px dashed #cccccc; } .notes-box { text-align : center; border : 1px dashed #cccccc; padding : 5px; margin : 0 20px; } .notes-cell { border : 1px dashed #cccccc; } .notes-cell-cm { text-align : center; vertical-align : middle; border : 1px dashed #cccccc; } .notes-text { width : 100%; text-align : left; vertical-align : middle; color : #ff9900; background-color : #ffeedd; } .notes-text-c { width : 100%; text-align : center; vertical-align : middle; color : #ff9900; background-color : #ffeedd; } .notes-link { width : 100%; text-align : left; vertical-align : middle; color : #000000; background-color : #cccccc; } .notes-link-c { width : 100%; text-align : center; vertical-align : middle; color : #000000; background-color : #cccccc; } .hn-nomargin { margin : 0; } h2.places-h2 { margin : 0; font-weight : normal; } h2.places-h2-m { font-weight : normal; } h3.places-h3 { margin-top : 0; } div.places-img { margin : 15px 0; } div.places-txt { float : left; width : 250px; margin : 0 40px 0 0; } img.places-img { margin : 0; } div#places-img hr { clear : both; } .fade div { left : 0; top : 0; position : absolute; display : none; } /* NN4 fix - class to set zero left margin, as applied to NN4 */ ul.links { margin-left : -25px; padding : 0; } ul.ul-nomargin { margin-left : -25px; padding : 0; } ol.ol-nomargin { margin-left : -25px; margin-top : 0; margin-bottom : 0; padding : 10px; } /* NN4 fix - class to set zero left margin, as applied to non-NN4 */ /*/*/a{} ul.links { margin-left : 0; margin-bottom: 30px; } ul.ul-nomargin { margin-left : 16px; } ol.ol-nomargin { margin-left : 30px; padding : 0; } /* */ ul.links { list-style-type : none; } ul.links li { margin-top : 3px; } ol.tiny li { margin-top : 3px; } dl.dt-break dt { margin : 0 0 20px 0; } /* NN4 fix - swap the 20px margin from bottom to the top for non-NN4 */ /*/*/a{} dl.dt-break dt { margin : 20px 0 0 0; } /* */ /* NN4 fix - ensures horizontal rule will avoid floating div */ hr.hr-nn4fix { clear : both; } /* IEn fix - minimises horizontal rule margins on home page */ div.hr-iefix { font-size : xx-small; } /* link styles */ a:link, a:link.delicious { color : #0000ff; text-decoration : underline; } a:visited, a:visited.delicious { color : #0000ff; text-decoration : underline; } a:hover, a:hover.delicious { color : #ffffff; background-color : #ff9900; text-decoration : none; } a:hover img { background-color : #000000; } a.name { text-decoration : none; } a.delicious { background : transparent url(/images/delicious.gif) no-repeat scroll right center; padding-right: 22px; } /* page header styles */ table.head { background-color : #000000; } td.head-banner { background-color : #000000; width : 100%; height : 50px; text-align : left; vertical-align : middle; } td.head-bannerl { background-color : #000000; width : 70%; height : 50px; text-align : left; vertical-align : middle; } td.head-bannerr { background-color : #000000; width : 30%; height : 50px; text-align : right; vertical-align : middle; } td.head-nav { background-color : #cccccc; width : 100%; height : 25px; text-align : left; vertical-align : middle; } td.head-navl { background-color : #cccccc; width : 68%; text-align : left; vertical-align : middle; } td.head-navr { background-color : #cccccc; width : 32%; text-align : right; vertical-align : middle; } /* page body styles */ table.body-table { margin-top : 16px; } table.body-nav, td.body-nav { background-color : #f9f9f9; border : 1px dashed #cccccc; } div.body-navtitle { margin : 10px 10px 0 5px; color : #999999; font-weight : bold; } div.body-navtitle-c { margin : 10px 10px 0 5px; color : #999999; text-align : center; text-transform : uppercase; } div.body-navtitle-c a { text-transform : uppercase; } div.body-navhead { margin : 10px 10px 0 5px; color : #999999; } div.body-navlink, div.body-navlink-block { margin : 3px 10px 0 10px; } div.body-navlink-block { width : 90px; border-bottom : 1px solid #f9f9f9; } div.body-navlink-item { float : left; margin : 3px 3px 0 0; } div.body-navfoot { width : 138px; } td.body-main { background-color : #ffffff; padding-top : 8px; } /* page footer navigation styles */ table.foot-nav { background-color : #cccccc; } td.foot-navl { background-color : #cccccc; width : 50%; height : 25px; padding : 0 5px; text-align : left; vertical-align : middle; } td.foot-navc { background-color : #cccccc; height : 25px; padding : 0 5px; text-align : center; vertical-align : middle; } td.foot-navr { background-color : #cccccc; width : 50%; height : 25px; padding : 0 5px; text-align : right; vertical-align : middle; } /* search engine styles */ /* NN4 fix - input styles to take precedence over HTML attributes hard-coded for NN4 */ /*/*/a{} input.search-go { width : 30px; height : 24px; vertical-align: middle; } input.search-box { width : 126px; height : 16px; margin : 0; padding : 2px; vertical-align: middle; border-width : 1px; border-style : solid; border-color : #000000; } /* */ /* OPERA fix - apply the following styles to OPERA and NN6+ */ /*/*/a{} html>body input.search-box { border-width : 0; } /* */ /* OPERA fix recovery - reset the styles for NN6+ */ /*/*/a{} html>head:first-child+body input.search-box { border-width : 1px; } /* */ /* infobox styles */ /* NN4 fix - infobox styles, as applied to NN4 */ div.infobox { float : right; width : 402px; padding : 6px; background-color : #f9f9f9; border : 1px dashed #cccccc; } span.infono { color : #ffffff; background-color : #ff9900; } /* NN4 fix - infobox styles, as applied to non-NN4, with fixed height set for IE4+ */ /*/*/a{} div.infobox { width : 380px; height : 380px; margin-bottom : 20px; padding : 10px; } span.infono { border : 1px solid #000000; padding : 0 2px; } /* */ /* NN6+, FF1+, OP6+ - fix to allow self-adjusting height */ /*/*/a{} html>body div.infobox { min-height : 380px; height : auto; } /* */ /* places menu styles */ .places-menu-set { margin : 15px 0; } .places-menu-date { float : right; width : 150px; text-align : right; } .places-menu-icon { float : left; width : 70px; } .places-menu-links { margin-left : 80px; width : 50%; } /* nations styles */ .nations-img-border { border : 1px solid #cccccc; } .nations-info-box { background-color : #f9f9f9; border : 1px dashed #cccccc; width : 90%; margin : 0; padding : 10px; } .nations-info-label { float : left; width : 150px; font-weight : bold; } .nations-info-fact { float : left; } .nations-info-div { clear : both; padding : 0; margin : 0; height : 10px; } /* phespirit.info stylesheet: end */