@charset "UTF-8"; /* **************************************** stylesheet used in gladbird.com site ******************************************* */ body { font-family: Arial, Geneva, Tahoma, sans-serif; color: #fff; background-color: #b22222; max-width: 820px; } /* this class appears in a div after on each page */ .content { font-size: 75%; padding:5px; margin-left:20px; } audio { margin: 5px 0 0 10px; border: 2px solid #0ff; background-color: #fff; } footer { clear: both; font-size: 80%; margin: 20px 20px 10px 20px; border: 1px solid #fff; padding: 5px; } footer li { font-size: 120%; float: left; padding: 5px 25px 0 5px; } footer p { font-size: 100%; text-indent: 0; padding: 10px 0 10px 20px; } /* header containing menu at top of page */ header { margin: 10px 10px 10px 10px; } header a { float: left; font-size: 110%; text-transform: uppercase; text-align: center; margin: 5px; padding: 3px 7px 3px 7px; background-color: #4d4d4d; /*#87ceeb;*/ border: 2px solid #0ff; border-radius: 12%; box-shadow: 3px 3px 3px #8b0000; } iframe { overflow: scroll; border: 4px solid #0ff; margin: 30px 20px; } mark { padding: 2px; margin: 1px; } p { text-indent: 1.5em; line-height: 130%; padding: 2px; margin: 0 0 0 20px; } /* used mostly on poems, etc Larry's writings */ pre { font-size: 100%; line-height: 130%; margin: 10px; } /********** Classes ****************************/ .bigText { font-size: 100%; font-weight: bold; line-height: 160%; } .capHeading { font-size: 150%; line-height: 180%; text-decoration: underline; } .center { text-align: center; } .columnLeft { float: left; max-width: 350px; padding: 5px; margin: 5px; } .columnRight { float: right; max-width: 350px; padding: 5px; margin: 5px; } .floatLeft { float: left; } .floatRight { float: right; } .fullbar { float: left; line-height: 130%; max-width: 820px; margin: 30px 15px 15px 25px; background-color: #0000cd; padding: 10px 20px 10px 20px; border-radius: 5%; border: 4px solid #0ff; box-shadow: 7px 7px 5px #8b0000; } .logo { font-size: 80%; line-height: 10px; width: 120px; text-align: center; padding: 10px; background-color: #008000; border: 2px solid #808000; border-radius: 150%; } .noIndent { text-indent: 0; } /* used for "box" note */ .notice { clear: both; float: left; margin: 20px; border: 1px solid #000; width: 30%; border-radius: 5%; box-shadow: 5px 5px 3px #8b0000; } .notice p { color: #000; background-color: #fff; padding: 5px; } /* Quick Links at top of home page */ .quickLinks { float: right; /* Remember: always place a width: on non-image floats */ width: 200px; background-color: #0000cd; border: 2px solid #0ff; margin: 15px 10px 15px 10px; border-radius: 5%; box-shadow: 5px 5px 3px #8b0000; padding: 0 20px 20px 20px; } .sidebar { float: left; width: 200px; margin: 50px 15px 15px 25px; background-color: #0000cd; padding: 10px 20px 10px 20px; border-radius: 5%; box-shadow: 5px 5px 3px #8b0000; } /* used in stepThruPages function on trips */ .stepThru { margin: 20px; } /* color validate skyblue */ .validate { padding: 0 0 0 5px; } /* used to clear the float */ .wrapClear { clear: both; } /* format img tags */ img { float: left; position: relative; border: 2px solid #ff0; /*border-radius: 5%; screwed up at corners!!! */ box-shadow: 5px 5px 3px #8b0000; margin: 10px 10px 10px 10px; } .imgLeft { float: left; position: relative; margin: 10px 10px 40px 10px; } .imgLeft p { position: absolute; bottom: -35px; left: 10px; font-size: 95%; font-style: italic; max-width: 290px; text-indent: 0; margin-bottom: 10px; } .imgRight { float: right; position: relative; margin: 10px 10px 30px 10px; } .imgRight p { position: absolute; bottom: -30px; left: 10px; font-size: 95%; font-style: italic; max-width: 290px; text-indent: 0; } /* end of image style */ /* formats color circles*/ figure { float: left; background-color: #000; margin: 10px 10px 10px 0; padding: 5px; } figcaption { text-align: center; padding: 0 5px 10px 0; } figure p { line-height:80px; width:80px; border-radius: 40px; border: 2px solid #fff; } section.colorPlate { background-color: #000; border: 3px solid #fff; margin: 3px; } /* format headers */ h1, h2, h3, h4, h5, h6 { font-family: Verdana, Verdana, Geneva, san-serif; font-weight: bold; font-variant: small-caps; padding: 10px; margin: 15px 0 15px 0; } /* heading font-sizes */ h1 { font-size: 160%; } h2 { font-size: 150%; } h3 { font-size: 140%; } h3 a { font-size: 60%; } h4 { font-size: 130%; } h4 a { font-size: 50%; } h5 { font-size: 120%; } h6 { font-size: 110%; } /* format links */ a:link { color: #0ff; font-size: 100%; font-weight: bold; font-stretch: wider; text-decoration: none; } a:visited { color: #c0c0c0; font-weight: lighter; text-decoration: none; } a:hover { color: #000; font-weight: bolder; text-decoration: underline; background-color: #ff0; } a:focus {color: #00FF00; text-decoration: underline; } a:active {color: #0000FF; text-decoration: underline; } /* format lists */ ul { list-style-type: circle; } ul.noBullet { list-style-type:none; margin-left: 20px; } .space li { padding: 0 20px 7px 0; } ul.inline { list-style-type:none; margin-left: 20px; padding: 0 25px 5px 0; } .acs { font-size: 75%; padding:5px; margin-left:20px; } .acs ul { /*color: #fff;*/ list-style-type: none; margin-left: 20px; } .acs li { font-size: 110%; line-height: 140%; } .recipeIngr li { line-height: 110%; padding: 0 0 7px 0; } .recipeInst li { line-height: 110%; padding: 0 0 7px 0; } ol { margin-left: 30px; } dl { margin: 20px; } dt { padding: 5px; } dd { padding: 0 0 0 20px; } /* format tables */ table { background-color:#000; border-style:solid; border-width:1px; border-color:#999; } th { color:#fff; background-color:#0000cd; font-weight:bold; padding:7px; } td { text-align:left; padding:8px; } /* to make all browsers consistent - check resetHTML5.css also */ del * { text-decoration: line-through; } ins * { text-decoration: underline; } /* colors that go with Firebrick - #b22222 - light to dark #FECBCB, #B3B3B3, #FE9898, #FF3030, #7C1818, #4D4D4D, #0000cd */