@import "cuhwc2.css";

@media "print" { BODY { font-size: 8pt; } }

/*
   Use thicker borders for the diary panes.
*/
DL.diary
{
  border: medium outset;
}

/*
   Present links as buttons.
*/
:link, :visited
{
  text-decoration: none;
  line-height: 175%;            /* normal + 6px */
  padding: 1px;
  border: 2px outset;
}

:link    { background: #eea; color: black; border-color: #ee8; }
:visited { background: #ffd; color: black; border-color: #ffa; }

:link:hover, :visited:hover
{
  padding: 0px;
  border-width: 3px;
}

/* 
   Correct link colours on pastel backgrounds
*/
DIV.trips DL :link     { background: #aae; color: #004; border-color: #88b; }
DIV.trips DL :visited  { background: #ccf; color: #004; border-color: #aac; }
DIV.social DL :link    { background: #dd8; color: #220; border-color: #dd6; }
DIV.social DL :visited { background: #ffa; color: #220; border-color: #ff8; }
DIV.weekly DL :link    { background: #eaa; color: #400; border-color: #e88; }
DIV.weekly DL :visited { background: #fdd; color: #400; border-color: #faa; }

TABLE.calendar DIV.trips :link      { background: #88e; color: #004; border-color: #88b; }
TABLE.calendar DIV.trips :visited   { background: #88e; color: #004; border-color: #aac; }
TABLE.calendar DIV.social :link     { background: #ee8; color: #550; border-color: #dd6; }
TABLE.calendar DIV.social :visited  { background: #ee8; color: #550; border-color: #ff8; }
TABLE.calendar P.weekly :link       { background: #d88; color: #500; border-color: #d88; }
TABLE.calendar P.weekly :visited    { background: #d88; color: #500; border-color: #faa; }
/*
   Undo the calendar's underlining of links (see cuhwc2.css).
*/
TABLE.calendar :link,
TABLE.calendar :visited { text-decoration: none; }


/*
   Present floating image links as buttons - we'll disable the
   containing anchor element's decoration next.
*/
:link IMG    { border-color: #ff0; }
:visited IMG { border-color: #ff8; }

:link IMG,
:visited IMG { border: 2px outset; margin: 1px; padding: 0; }

:link:hover IMG,
:visited:hover IMG { border-width: 3px; margin: 0px; padding: 0; }


/*
   Special case for links containing only a floating image (otherwise
   we get an empty border where the image would have been were it
   in-line). I'm not sure that UAs should border an anchor left vacant
   by floating its content - if you think they shouldn't, then
   consider this a gross hack.
*/
.img-link,       P.navigation A,
.img-link:hover, P.navigation A:hover
{
  background: transparent;
  border: none;
  padding: 0;
  line-height: normal;
}

/* Change picture cell size to accommodate big-bordered links. */
DIV.pic P { width: 156px; }
DIV.pic P.thumb { height: 160px; }
DIV.pic P.caption { height: 4em; }
DIV.pic IMG { margin: 1px; border-width: 2px; }


/* note boxes */
DIV.outbox-right { float: right; }
DIV.outbox-left { float: left; }
DIV.outbox-right, DIV.outbox-left { max-width: 30%; margin: 1em; padding: 1em; border: thin solid; }
DIV.outbox-right H2, DIV.outbox-left H2 { text-align: center; text-decoration: none; }
DIV.outbox-right HR, DIV.outbox-left HR { display: none; }
DIV.important { float: left; margin-top: 1em; margin-bottom: 1em; }


/* Hide "T-shirts" in extreme mode */
DIV#t-shirts { display: none; }

/* Rounded corners for anchors on mozilla */
:link, :visited { -moz-border-radius: 0.75em; }
div.notice {
  padding: 5px;
  margin: 5px;
  background-color: #FFCCD7;
  border: 1px solid red;
}