/******** CSS for Staxton Singers ********/ /******** Trevor Jordan 2009/2010 ********/ /* BODY ********/ body{ text-align : center; background-color : cornsilk; font-family : Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 100%; color : #6E4A26; /* was black changed june 2010 */ line-height : 120%; /* was 130% changed june 2010 */ behavior: url(csshover.htc);/* aligns window in centre of screen, sets IE behavior */ } /* WRAPPER ********/ #wrapper{ width : 75%; /* was 100% - changed June 2010 */ margin : 0 auto; text-align : left; color : #6E4A26; /* was black changed june 2010 */ border : 0; /* was 800px width: NB margin:0 auto; centres the div */ } /* MAINCONTENT ********/ #maincontent { float : right; width : 80%; /* was 75% changed june 2010 */ text-align : left; margin : 2em 0 0 0.5em; /* was 2 0 0 1 changed june 2010 */ padding: 0 0 0 0.5em; /* was 2 0 0 1 changed june 2010 */ } /* was width : 580px; and floatleft... */ #maincontent {font-size : 75%; } #maincontent a:link {color : blue; } #maincontent a:visited {color : #6E4A26; font-style : italic;} /* was green changed june 2010 */ #maincontent a:hover {text-decoration : underline; color: red; } #maincontent p {padding-left: 0;margin-left:2em;} /* HEADER ********/ #header { /* text-align : center; */ width : 100%; background-color : cornsilk; border : 1px solid #6E4A26; } #header { border-bottom : none; } /* MENU ********/ #menu {background-color : cornsilk; width : 100%; text-align : left; border : 1px solid #6E4A26;; font-size : 80%;} /* was gray changed june 2010 */ #menu {border-top : none;} #menu li {display : inline; } #menu li a { color : blue; text-decoration : none; width : 7.5em; padding: 0 0.25em 0.25em 0.5em; border : thin dotted #6E4A26; } #menu li a:visited { color : #6E4A26;; font-style : italic; } /* was green changed june 2010 */ #menu li a:hover { color : red; text-decoration : underline; border-left : thin solid red;} /* LEFT COLUMN ********/ #leftcolumn { height:100%; width : 15%; /* was 20% changed june 2010 */ float : left; text-align : left; margin-top : 2em; border-right : .1em solid #6E4A26; padding: 0 .5em 0 .2em; font-size : 75%; font-style : italic; } #leftcolumn a { color :blue; text-decoration : none; } #leftcolumn a:visited { color : #6E4A26;; font-style : italic; } /* was green changed june 2010 */ #leftcolumn a:hover { color : red; text-decoration : underline; } #leftcolumn li {display : block; font-size : 85%; margin-bottom : 0.5em; list-style : none; } #leftcolumn li a {color : blue; text-decoration : none; width : 8.5em; padding: .5em; border-left : thin dotted #6E4A26;} #leftcolumn li a:visited { color : #6E4A26; font-style : italic; } /* was green changed june 2010 */ #leftcolumn li a:hover { color : red; text-decoration : none; border-left : thin solid red;} /* ****************/ #insertleftcolumn {float:left;width:40%; border:0;margin 0 0 0 0; padding:0;} #insertrightcolumn {float:right;width:40%; border:0;margin 0 0 0 0; padding:0 5em 0 0;} /* FOOTER ********/ #footer { clear: both; background-color : cornsilk; color : #6E4A26; font-size : 90%; text-align : center; padding : 1em; border-top: 1px dotted #6E4A26; } #footer h2,h3,h4 { margin : -0.1em; } #footer p { margin : -0.1em; } #footer a {color : blue; } #footer a:hover {text-decoration : underline; color : red;} #footer a:visited {color : #6E4A26; font-style : italic;} /* HISTORY PAGE ********/ #history td {border-bottom: thin solid #6E4A26; margin : : 0 3em 3em 0;} #history td h1, h5 {font-style : italic; font-variant : normal; margin-bottom : -0.1em; } #history td.subheading { border-bottom : thin dotted #6E4A26;} #history td.subheading h5 {color : #e0e0e0; font-style : italic; font-variant : normal; } #history p {margin : 2em; } /* ------------------------------ */ /* individual tags ********/ h1, h2, h3, h4, h5 {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-variant : small-caps; color: #6E4A26;} /* was green changed june 2010 */ h1 {font-size : 125%;} h2 {font-size : 110%;} h3 {font-size : 95%;} h4 {font-size : 85%;} h5 {font-size : 75%;} hr { width : 80%; color: #6E4A26;} /* was gray changed june 2010 */ img { margin : 1em; } /* table tags ***********/ td { font-size : 100%; font-style : normal; padding-right : 0.5em;} td li { padding-bottom : 5px; } .centered td { text-align : left; } /* CLASSES ************/ .bigred { font-size : 250%; color:red; } .smallred {color:red;} .boldtext {font-weight : bold; padding-bottom : 0;} .italic {font-style : italic;} .centered {text-align : center; } .noborder { border : none; } .bordered { border : 1px #6E4A26 solid; padding: .5em;} /* was gray changed june 2010 */ .broad { color:cornsilk; size:3em; } .redbottom { border-bottom : thin red solid; } .justifyright { text-align: right; } .caption { font-size : 85%; font-style : italic; } .dropcap {float:left; color:#6E4A26; font-size:100px; line-height:70px; padding-top:2px; font-family: Times, serif, Georgia; } /* was blue changed june 2010 */ .floatleft { float : left; } .floatright { float : right; } .clearboth { clear : both; } .topofpage { width:100%; text-align: right; font-size: 80%; font-style: italic; border-bottom: thin solid yellow;} /* LINKS *************/ #links li.level1 { list-style : none; } #links li.level2 { list-style : none; font-size : 85%; font-style : italic; margin: 0.5em 0 2em 2em; } /* external links *************/ /* note the syntax to pick up links BEGINNING with the string */ a[href^="http:/"] {color: blue; background : url(../Graphics/externallink.png) no-repeat right top; padding: 0 20px 0 0;} a[href^="mailto:"] {color: blue; background : url(../Graphics/email-logo.png) no-repeat right top; padding: 0 20px 0 0;} /***************************************************************************************************************************************/