/* Main.css */ body { font-family: Helvetica, Arial, sans-serif; } h1, h2, h3, h4 { /* font-weight: bold; */ /* text-transform: uppercase; */ } h1 { font-size: 3em; color: #CEFF02; background-image: url("header.png"); text-indent: -5000px; display: block; width: 200px; background-repeat: no-repeat; } h2 { font-size: 3em; } h3 { font-size: 1.8em; font-weight: normal; } .newsImage img { max-height: 600px; width: auto; max-width: 100%; display: block; } h2, h3, h4, p { margin-top: 1rem; margin-bottom: 1rem; } p { margin-bottom: 1rem; line-height: 1.2rem; } ul { list-style-type: none; margin: 0; padding: 0; padding-bottom: 10px; overflow: hidden; } li { float: left; padding: 10px 10px 0px 0px; /* text-transform: uppercase; */ font-size: 100%; } a { color: #999; font-weight: bold; text-decoration: none; outline: none; /* font-size: 0.8em; */ } a:hover { color: #777; } pre { font-size: 100%; line-height: 120%; margin-top: 0.5em; } menu, header, main, #mailinglist { /* margin-bottom: 1em; */ /* border-bottom: 1px solid #FFF; */ } menu a { font-weight: normal; font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.1em; } input { font-size: 1em; padding: 6px; margin-bottom: 12px; background-color: white; border: 1px solid #FFF; box-shadow: 1px 1px black; margin-right: 4px; } .email { width: 40%; } input:focus { outline: none; } header { margin-top: 1em; } footer { margin: 2em 2.5%; font-size: 0.8em; border-top: 1px solid #999; } pre { white-space: pre-wrap; word-wrap: break-word; text-align: justify; line-height: 1.5em; font-size: 1.2em; } #allContent { position: relative; width: 95%; margin: 2.5% 2.5%; /* border-top: 5px solid black; */ /* border-bottom: 5px solid black; */ } #release, #dates { margin-bottom: 1em; } #news, #dates { width: 47.5%; float: left; } #news { margin-right: 5%; } p.date { color: #999; } #archive { display: block; text-align: right; font-size: 0.8em; } #bookinfo { border-top: 1px solid #999; font-size: 0.8em; line-height: 1.5em; margin-top: 1em; /* padding-top: 0em; */ } /* Add a black background color to the top navigation */ .topnav, .featurenav { overflow: hidden; margin-bottom: 12px; /*position: absolute; top: 0px; right: 0px; margin-top: 10px; margin-right: 10px; */ } /* Style the links inside the navigation bar */ .topnav a, .featurenav a { display: block; margin-left: 2px; float: left; color: white; text-align: center; margin-right: 1rem; text-decoration: none; font-size: 1.2em; } table { width: 100%; } td { font-size: 1em; line-height: 1.2em; padding: 0px 10px 10px 0px; } .alignRight { text-align: right; padding-right: 0px; } .buylink a { font-weight: normal; text-decoration: none; } .buylink a:hover { color: lightgray; } .italic-serif { font-family: serif; text-transform: none; font-style: italic; margin-top: 0.25em; } .featurenav a { font-size: 3em; } /* Change the color of links on hover */ .topnav a:hover, .featurenav a:hover { color: lightgray; } .month { font-weight: bold; margin: 10px 0px; text-transform: uppercase; } .tourDate, .ticketLink { font-size: 75%; font-weight: bold; } .ticketLink a { text-transform: uppercase; color: lightgray; text-decoration: none; } .tourVenue { padding: 0px 0.4em; } #myVideo { position: fixed; left: 0; top: 0; width: 100%; } #datesTable { width: 100%; font-size: 0.9em; margin-bottom: 1em; margin-top: 1em; } #datesArchive { width: 80%; font-size: 0.9em; margin-bottom: 1em; margin-top: 1em; } #datesTable td { width: 30%; } .narrow { width: 12% !important; } .year, .archive-year { font-size: 1.4em; color: #999; font-weight: bold; } h1 a { display: block; } .archive-year h4 { border-bottom: 1px solid #999; padding-bottom: 0.5em; } /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */ @media screen and (max-width: 600px) { #allContent { position: relative; left: 2.5%; width: 95%; } h1 { font-size: 3em; } h2 { font-size: 2em; } #dates, #news { float: none; width: 95%; margin-right: 0px; } #news { border-bottom: 1px solid #999; padding-bottom: 1.5em; margin-bottom: 2em; } }