/* CSS For http://www.csuchico.edu/ballroom/ */ /* By Justin Stimatze, based on work by Matt Bower. */ /* Other sources cited in context. /* April, 2005. */ /* Set up pre-reqs. */ html,body { margin : 0; padding : 0; } /* - Standard colors & font. */ body { color : black; background-color : white; font-family : "Garamond", "Book Antiqua", "New York", "Times New Roman", "Times", serif; text-align : center; min-width : 100%; font-size : 95%; /* Shameless global scale hack. Adjusted for 800x600 */ } /* Logo Bar */ #logo { font-size : 2em; /* Affects all other ems calculations */ font-weight : bold; text-transform : uppercase; color : #900; letter-spacing : 0.5em; padding: 0; padding-left: 0.5em; /* Adjust for odd letter-spacing + centering */ width : 25em; margin-left : auto; margin-right : auto; height : 10em; max-height : 10em; line-height : 10em; /* Same for vertical center. */ background-color : white; background-image : url(../images/bdclogo.jpg); background-position : center center; background-repeat : no-repeat; text-align : center; white-space: nowrap; } #univ { font-size : 1.25em; font-style : italic; color : #900; letter-spacing : .4em; width : 40em; /* Match parent width for centering. */ margin-left : auto; margin-right : auto; margin-top : -2.5em; margin-bottom : 2em; text-align : center; white-space: nowrap; } /* Menu bar */ /* A horizontal list did not work, so we are using a series of divs. */ #menu, #menu div, #menu img, #menu span, #menu a { padding : 0; margin : 0; } #menu { width : 44em; /* Eyeballed */ height : 30px; background-color : #700; background-image : url(../images/menu.png); background-repeat : repeat-x; margin-left : auto; margin-right : auto; } #menu div { float : left; font-size : 15px; /* Located here to not override scaled em system above. */ font-family : Arial, Verdana, sans-serif; text-align : center; white-space : nowrap; width : 16.6%; /* Shameless hack. 100/6. */ height : 30px; max-height : 30px; line-height : 30px; } #menu img { margin-left : 5px; margin-right : 5px; height : 30px; width : 3px; position : relative; top : 0px; } #menu img { vertical-align : middle; /* Needed for IE */ } html>body #menu img { vertical-align : top; /* Needed for FF */ } #menu span { /* Needed for IE */ height : 30px; max-height : 30px; line-height : 30px; } #menu a:link, #menu a:visited { color : #fffff0; /* Ivory white is easier on the eyes. */ text-decoration : none; } /* Content */ #contents { width: 44em; /* Matches above */ text-align : justify; border : 2px dotted #900; /* Dark Faded Red */ border-bottom: 0; margin-left : auto; margin-right : auto; margin-top : 0.5em; margin-bottom : 1.5em; padding : 0em; } /* Avoid using a boxmodel hack to fix IE. */ #contents #contentPadding { margin : 0; padding : 2em; } #contents h1, #contents h2, #contents h3 { color : #900; } #contents h1 { margin : 0; padding : 0; } #contents h3 { padding-top : 1em; /* Fixes IE */ } #contents a { color : #900; text-decoration : none; border-bottom : 1px dotted #900; } #contents ul { list-style-type : none; } #contents dt { padding : 0.5em; } #contents li { margin-top : 0.5em; } #contents a img { border : 0; } #footer { font-size : 0.8em; font-style : italic; text-align : center; margin-left : auto; margin-right : auto; padding-bottom : 2em; } .clearall { clear : both; } /* Onion skinned drop shadows. */ /* http://www.alistapart.com/articles/onionskin/ */ .wrap1, .wrap2, .wrap3 { display : inline-table; /* \*/display : block;/**/ } .wrap0gal { float : left; width : 110px; height : 110px; margin : 5px; } .wrap1 { float : left; background-image : url(../images/shadow.gif); background-position : right bottom; background-repeat : no-repeat; } .wrap1menu { width : 44.3em; /* Eyeballed */ text-align : left; background-image : url(../images/shadow.gif); background-position : right bottom; background-repeat : no-repeat; margin-left : auto; margin-right : auto; } .wrap2 { background-image : url(../images/corner_bl.gif); background-position : left bottom; background-repeat : no-repeat; } .wrap3 { padding : 0 4px 4px 0; background-image : url(../images/corner_tr.gif); background-position : right top; background-repeat : no-repeat; } .wrap3menu { padding : 0 4px 4px 0; background-image : url(../images/corner_tr.gif); background-position : right top; background-repeat : no-repeat; } .wrap3 img { display : block; } /* Allow insert of Picasa embeded albums on remember page */ table { display:block; float:left; } .albums a { border-bottom:0px; } .albums { display:block; float:left; clear:both; width:100%; margin-bottom:35px; }