/* ++ pbhj reset style */
* {margin:0; padding:0; border:0; font-weight:normal; font-style:normal; line-height: 1.3; text-align:left; }
table {border-collapse:collapse; border-spacing:0; }
ol, ul {list-style: none; }
blockquote:before, blockquote:after {content:"";}
/* -- end of reset */

/* ++ font sizing */
body { font:76% "Lucida Sans Unicode", Verdana, Arial, sans-serif;; }
h1, h2, h3, h4, h5, h6, ul, li, p {margin:10px; }
h1, h2, h3, h4, h5, h6 {letter-spacing:0.03em; }
h1 {font-size:2em;}
h2 {font-size:1.7em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}
li {font-size:1.1em; }
p {font-size:1.1em; }
a {font-size:1.1em;}
em {font-style:italic; }
strong {font-size:1.1em; font-weight:bold; }
/* -- end font sizing */


/* ++ layout */
body {  }
.skip {display:none; }
#wrapper, #header { width:972px /* matched to YUI  */; margin:0 auto; }

#header { position: relative; height:174px; }

#container { background-color:#FFF; /* overflow:hidden; /* causing problems with FF, Saf, IE8*/ }
#content { float:left; width:554px; padding:20px; left:190px; }
#menu { float:left; width: 180px;  }
#sideline { float:left; width:180px; }
* html #sideline { display:none; }
/* #menu, #sideline { padding-bottom:10000px; margin-bottom:-10000px; } /* for footer stretch */

#footer { clear: both; padding:10px; width:952px; margin:0 auto; }
/* -- end layout */

/* ++ gloss, ie everything else, should be only site dependent section ========================================================================================================= */

body { background:#D4ECED url(/images/bg-shadow-20090518a.png) repeat-y center 0; }
a:hover { background:#F2C8DC; }

#wrapper { background:white none; color:/* #BC1D72 */ #5A105A; }

#header { background:url(/images/head-20090427c.jpg) 0 0 no-repeat; }
#header h1 { display:block; position:absolute; top:0px; left:0; }
#header h2 { display:block; position:absolute; top:-10px; right:10px; }
#header span { display:none; }
#header fieldset { display:block; position:absolute; top:96px; right:17px; }
#header form #q { width:9em; border-bottom:1px solid #F2C8DC; }
#header form input[type=submit] { background: #F2C8DC; -moz-border-radius:5px; color:#BC1D72; }

#content .highlight { display:block; min-width:7em; width:25%; float:right; background:#BC1D72; padding:0.5em; margin-right:0; color:#FFF; }
#content h1, #content h2 { text-decoration:none; display:block; width:50%; border-bottom:6px #BC1D72 double; padding-right:3em; white-space:nowrap; margin-bottom:1.5em; }
#content h2 { border-bottom:1px #BC1D72 solid; padding-right:1em; }
#content p + h1, #content ul + h1 { margin-top:2em; }
#content * + h2 { margin-top:2em; }
#content h1, #content h2, #content h3 {font-weight:bold; }
#content p.toTop a {text-align:right; display:block; width:100%; font-size:0.8em; }
/* this is mainly for online-privacy page */
#content p > img { float:right; clear:left; margin:5px 0 5px 5px; }
#content img + h2, #content img + h3, #content img + h4, #content img + p {clear:both!important;}

#sectionSelector span {display:none; }
#sectionSelector {width:100%; margin:40px auto; text-align:center;}
#sectionSelector img {float:none; padding:2px; margin:0;}

/*** easy-clearing ***/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}

strong, blockquote { font-size:1.2em; }
blockquote { margin:20px; padding:30px; background:#B9DEE0; }
blockquote > dl { margin-bottom:15px; }
blockquote > dt { margin-left:20px; }


/* for about page */
.bulletList { padding:10px 50px 10px 50px; }
.bulletList li { padding:0 5px; list-style:disc; list-style-position:outside; }

.logoBlock a { margin:10px; }
.logoBlock a img { padding:10px; }

/* for comments page */
#dropinForm fieldset {border:3px #5A105A double; padding: 10px; background:#F2C8DC; margin:0 0 0 10px; }
#dropinForm legend {border:1px #5A105A solid; padding:0.2em; background:#9CA;}
#dropinForm label, #dropinForm input, #dropinForm textarea {display:block; width:30%; float:left; margin-bottom:10px; font-size:1.2em; line-height:1.2em; padding:1px; }
#dropinForm label { text-align:right; padding:0 0.5em 0 0; }
#dropinForm input, #dropinForm textarea {width:60%; color:#333; background:#FFF; border:1px #F2C8DC solid;}
#dropinForm br {clear:left; }
#dropinForm #contactSurnameD, #dropinForm #nowSend {display:none; position:absolute; top:-1600px;}
#dropinForm #submitForm {width:auto; font-weight:bold; background:#9CA; color:#5A105A; border:2px solid #5A105A  }
#dropinForm #submitForm:hover {background:#5A105A; color:#8C9; }

/* for hostel page */
.pictureList a {display:block; width:140px; margin:5px; padding:4px; border:1px #908 solid; text-align:center; white-space:nowrap; float:left; background:#FFF; text-decoration:none; color:inherit; }
.pictureList a img {width:120px; height:120px; padding:0 10px; }
.pictureList br {clear:both;}

/* for links page */
#content table, #content caption {margin:10px;}
#linksTable th { font-style:italic; }
#linksTable tr td {padding:2px; line-height:1.5; overflow:hidden; }
#linksTable tr.tableSection td { font-weight:bold; }
#linksTable tr:hover td {color:#521052; background:#8CCF9C!important; }

/* for poetry page */
.poem img {float:right; }
.poem pre {margin-left:3em; white-space:pre; font:1.32em/1.3 "Apple Chancery", "Lucida Handwriting", fantasy; }
#poemKeep h2 + p, #poemKeep h2 + p + p  {text-align:center; font:1.32em/1.3 "Apple Chancery", "Lucida Handwriting", fantasy;}

#menu {  }
#menu ul { margin:20px 0 0 0; }
#menu li a { margin:0 10px; height:40px; width:160px; }
#menu li a { display:block; color:#bc1e70 /* purple #5A105A */;  border:0; text-align:center; text-decoration:none; font-size:1.8em; font-size-adjust:0.55; font-family:'Lydian Csv BT','Monotype Corsiva','URW Chancery L','Vivaldi','Lucida Handwriting',sans; line-height:40px; white-space:nowrap; background:url(/images/buttons-20090518a-h40px.png) 0 0 no-repeat; }
#menu li a:hover { color:#F2C8DC; background-position:-167px 0; }
#menu li a:active { background-position:-334px 0; }

#menu li a span { display:inline; visibility:hidden; position:absolute; }
#menu li a:hover span { background:#5A105A; color:#FFF; margin:0px 0 0 70px; padding:10px; z-index:200; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; visibility:visible; }

#container > #menu li a:hover span {margin-top:-25px; }
#menu p a {text-align:center; display:block;}

#quick-exit { margin:50px 0 0 10px; padding:5px; display:block; }

#sideline div { margin-top:290px; }
#sideline div, #sideline div p { text-align:right; margin-right:0; }
#sideline > img { z-index:100; position:absolute;/* relative - changed to absolute to pop out of overflow:hidden container */ }

#footer { background:#F2C8DC url(/images/stripes-joy-20090518b2-974.png) center 0 repeat-x; padding-top:60px; }
#footer * { font-size:small; line-height:0.35!important; color:#521052; text-align:right; text-decoration:none; }
#footer p#copyright { font-size:x-small; }
/* -- end gloss */