/*-------------------------------------------------------------------
 * CONFETTI.CSS: Style sheet for my (ie Reks') personal homepage :-)
 *               Inspired by the confetti css menu in Bert Bos's
 *               CSS examples:
 *               http://www.w3.org/Style/Examples/007/maps.html
 *
 * Written: 17th March, 2007
 * Last   : 17th March, 2007
 * Author : Reks <reks_AT_iiap.res_._in>
 *-------------------------------------------------------------------*/
/* Include the common style statements first :-) */
@import "common.css";

/* Redefine some of the defaults.. */
a {text-decoration: none; font-weight: bold}
a:visited {font-style: italic}
h1 {font-weight: bold; margin: 0; padding: 0;
    font-size: 80px; color: #444; width: 100%; border: 0px;
    text-align: center; margin-top: 250px; white-space: nowrap}
h5 {font-size: 20px}
/* a span inside a link in a div: Very Special */
span.desc {font-size: 12px; font-weight: normal; margin: 0;
           font-style: italic; padding: 0; width: 100px; color: #888}
span.desc:before {content: "\00BB\0020\0020"}
div a:link span {display: none}
div a:visited span {display: none}
div a:hover span {display: block; color: #fff}

/* Page specific definitions */
.hide {display: none}
#work, #soft, #pub, #links, #contact, #pic,
#personal, #cv, #tagline, #profile, #apod
{position: absolute; white-space: nowrap; text-indent: 0}
#soft, #links, #pub, #pic, #profile {clear: both; float: right}
#work {top:100px; left: 230px; font-size: 50px}
#work a:link {color: #3f3}
#work a:visited {color: #3f3}
#soft {top:130px; right: 150px; font-size: 40px}
#soft a:link {color: #f60}
#soft a:visited {color: #f60}
#pub {top:420px; right: 450px; font-size: 30px}
#pub a:link {color: #666}
#pub a:visited {color: #666}
#links {top:370px; right: 100px; font-size: 40px}
#links a:link {color: #39f}
#links a:visited {color: #39f}
#contact {top:220px; left: 450px; font-size: 20px}
#contact a:link {color: #ff0}
#contact a:visited {color: #ff0}
#personal {top: 400px; left: 100px; font-size: 30px}
#personal a {color: #00f}
#personal a:visited {color: #00f}
#tagline {top: 0px; right: 10px; color: #222; font-size: 20px;
          font-weight: bold}
#profile {top: 30px; right: 10px; padding: 5px 10px;
          border: 1px #444 solid; background: #222; font-size: 90%}
#profile ul {list-style-type: square; margin: 0}
#profile li {font-style: italic; font-size: 110%; color: #999}
#profile h5 {font-size: 115%; display: block; margin: 0}
#pic {top:30px}
#apod {bottom: 20px; left: 5px; width: 150px; height: 120px;
       text-align: center; font-size: 85%; color: #999}
#apod img {border: 2px #999 ridge}
/*-------------------------------------------------------------------*/