/* ----------------------------------------------------------------------- California Aggie CSS Designer: Michael Wang (michael@creativemedia.ucdavis.edu) Last Updated: Feb 25, 2009 Color Palette: #ECECEC Light Grey 10% #7D7D7D Grey 60% #777777 Dark Grey 80% #E3F0F6 Light Blue #81CBEE Med Blue #3485C2 Dark Blue ----------------------------------------------------------------------- */ /* General Layout */ body { background:url(../img/layout/body-bg.gif) repeat-y center; } #pre { width:100%; color:#FFFFFF; background:#777777; } #pre #pre-menu { text-align:right; } #header { background:#FFFFFF; border-bottom:solid 1px #ECECEC; } #header #header-masthead h1 { display:none; } #header #header-masthead #header-masthead-logo { background:url(../img/layout/logo.png) center no-repeat; width:375px; height:75px; } #nav { border-bottom:solid 1px #ECECEC; } #nav #nav-search label { margin: 0; padding: 0 20px; line-height: 27px; float: left; display: block; cursor: pointer; text-decoration: none; font-size: 92%; font-weight: bold; text-transform: uppercase; color: #999999; } #nav #nav-search input { border-left:solid 1px #ECECEC; border-right:none; border-top:none; border-bottom:none; display:block; height: 25px; width:130px; background:none; } #top { background:#E3F0F6; border-bottom:solid 1px #ECECEC; } #top #top-img { background:#777777; color:#FFFFFF; } #top #top-img .img { background:#FFFFFF; width: 470px; } #top #top-img .img img { width: 470px; } #main { background:#FFFFFF; border-bottom:solid 1px #ECECEC; } #main #main-other .left { float:left; width:54.5%; } #main #main-other .right { float:left; width:44.5%; border-left:solid 1px #ECECEC; } #main #main-other .right ul { list-style: none; } #bottom { background:#E3F0F6; } #footer { color:#FFFFFF; background:#777777; text-align:center; } .colBox { padding:10px 5px 5px 5px; } .clear { clear:both; } .center { text-align:center; } .left { float:left; } .right { float:right; } /* Typography Overrides */ body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#777777; font-size:.8em; } a { text-decoration:none; color:#3485C2; } a:active { color:#81CBEE; } a:visited { color:#3485C2; } a:hover { text-decoration:underline; color:#81CBEE; } p { font-family:Georgia, "Times New Roman", Times, serif; margin-bottom: .4em; } .tagline { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFFFFF; font-size: 1em; } .lead { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; font-size: 1.1em; } .byline { font-style:italic; } .tiny { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:.8em; } .continue { font-family:Georgia, "Times New Roman", Times, serif; text-transform:lowercase; font-style:italic; margin-bottom:1.5em; } .caption { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:.9em; text-align: right; padding:5px; } .caption span { font-style:italic; } h1,h2,h3,h4 { color:#555555; } #pre a, #footer a { color:#81CBEE; } #nav { font-family:georgia,tahoma,serif; } #top h2 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; color:#777777; font-size: 2.8em; line-height: 1.2em; margin-bottom: .2em; } #top h2 a,#top h2 a:visited { color:#777777; text-decoration:none; } #top h2 a:active,#top h2 a:hover { color:#3485C2; text-decoration:none; } #main h2 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; color:#81CBEE; font-size: 1.5em; } #main h2 a,#main h2 a:visited { color:#81CBEE; text-decoration:none; } #main h2 a:active,#main h2 a:hover { color:#3485C2; text-decoration:none; } #main h3 { margin-bottom: .2em; } #main ul li { line-height: 1em; margin-bottom:1em; } #main .other { padding-top: 15px; border-top:solid 1px #ECECEC; } #main .other .category { font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:.8em; margin-bottom: 1.2em; } #main .other .category a { color:#777777; } #main #main-body p { font-size: 1.1em; margin-top:1.25em;} #bottom h2 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; color:#777777; font-size: 2em; line-height: 1em; margin-bottom: .2em; } #bottom h2 a,#bottom h2 a:visited { color:#777777; text-decoration:none; } #bottom h2 a:active,#bottom h2 a:hover { color:#3485C2; text-decoration:none; } /* Specific colBox Styles - Only use for last resort */ /* #pre-tagline {} */ #pre-tagline { line-height:20px; } #pre-menu {} #pre-menu a { line-height:20px; font-size:.9em; padding: 0 5px; } #main-photos {} #main-photos .img { width:200px; border:solid 1px #ECECEC; background:#ECECEC; } #main-photos img { width:200px; border:solid 1px #E3F0F6; background:#ECECEC; } #main-photos .caption { font-size:.85em; line-height:.95em; } #main-banner {} #main-banner .banner { margin: 0 auto; } #main-download { background:#ECECEC; } #download-preview { width: 200px; } #main-comments { margin-top: 5em; border-top:solid 1px #E3F0F6; } #footer-menu {} #footer-menu a { font-size:.85em; padding: 5px 10px; } /* Advertisements */ .bannerFull { width:392px; height:72px; background:url(../img/layout/bannerFullBG.png) no-repeat top left; border:solid 1px #ECECEC; } .bannerVertical { width:160px; height:600px; background:url(../img/layout/bannerVerticalBG.png) no-repeat top left; border:solid 1px #ECECEC; } /* updates below. these should be merged with the stuff above */ /* ----------------------------------------------------------------------- California Aggie CSS Designer: Michael Wang (michael@creativemedia.ucdavis.edu) Last Updated: Feb 25, 2009 Color Palette: #ECECEC Light Grey 10% #7D7D7D Grey 60% #777777 Dark Grey 80% #E3F0F6 Light Blue #81CBEE Med Blue #3485C2 Dark Blue ----------------------------------------------------------------------- */ /* General Layout */ body { background:url(http://theaggie.org/img/layout/body-bg.gif) repeat-y center; } #pre { width:100%; color:#FFFFFF; background:#555555; } #pre #pre-menu { text-align:right; } #header { background:#FFFFFF; border-bottom:solid 1px #ECECEC; } #header #header-masthead h1 { display:none; } #header #header-masthead #header-masthead-logo { background:url(http://theaggie.org/img/layout/logo.png) center no-repeat; width:375px; height:75px; } #nav { border-bottom:solid 1px #ECECEC; } #nav #nav-search label { margin: 0; padding: 0 20px; line-height: 27px; float: left; display: block; cursor: pointer; text-decoration: none; font-size: 92%; font-weight: bold; text-transform: uppercase; color: #999999; } #nav #nav-search input { border-left:solid 1px #ECECEC; border-right:none; border-top:none; border-bottom:none; display:block; height: 25px; width:120px; background:none; } #top { background:#E3F0F6; border-bottom:solid 1px #ECECEC; } #top #top-img { background:#777777; color:#FFFFFF; } #top #top-img .img { background:#FFFFFF; width: 470px; } #top #top-img .img img { width: 470px; } #main { background:#FFFFFF; border-bottom:solid 1px #ECECEC; } #main #main-other .left { float:left; width:54.5%; } #main #main-other .right { float:left; width:44.5%; border-left:solid 1px #ECECEC; } #main #main-other .right ul { list-style: none; } #bottom { background:#E3F0F6; } #footer { color:#FFFFFF; background:#777777; text-align:center; } .colBox { padding:10px 5px 5px 5px; } .clear { clear:both; } .center { text-align:center; } .left { float:left; } .right { float:right; } /* Typography Overrides */ body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#555555; font-size:.8em; } a { text-decoration:none; color:#3485C2; } a:active { color:#81CBEE; } a:visited { color:#3485C2; } a:hover { text-decoration:underline; color:#81CBEE; } p { font-family:Georgia, "Times New Roman", Times, serif; margin-bottom: .4em; } .tagline { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFFFFF; font-size: 1em; } .lead { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; font-size: 1.1em; } .byline { font-style:italic; } .tiny { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:.8em; } .continue { font-family:Georgia, "Times New Roman", Times, serif; text-transform:lowercase; font-style:italic; margin-bottom:1.5em; } .caption { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:.9em; text-align: right; padding:5px; } .caption span { font-style:italic; } h1,h2,h3,h4 { color:#777777; } #pre a, #footer a { color:#81CBEE; } #nav { font-family:georgia,tahoma,serif; } #top h2 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; color:#666; font-size: 2.8em; line-height: 1.2em; margin-bottom: .2em; } #top h2 a,#top h2 a:visited { color:#777777; text-decoration:none; } #top h2 a:active,#top h2 a:hover { color:#3485C2; text-decoration:none; } #main h2 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; color:#81CBEE; font-size: 1.5em; } #main h2 a,#main h2 a:visited { color:#81CBEE; text-decoration:none; } #main h2 a:active,#main h2 a:hover { color:#3485C2; text-decoration:none; } #main h3 { margin-bottom: .2em; } #main ul li { line-height: 1em; margin-bottom:1em; } #main .other { padding-top: 15px; border-top:solid 1px #ECECEC; } #main .other .category { font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size:.8em; margin-bottom: 1.2em; } #main .other .category a { color:#777777; } #main #main-body p { font-size: 1.1em; margin-top:1.25em;} #bottom h2 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; color:#777777; font-size: 2em; line-height: 1em; margin-bottom: .2em; } #bottom h2 a,#bottom h2 a:visited { color:#777777; text-decoration:none; } #bottom h2 a:active,#bottom h2 a:hover { color:#3485C2; text-decoration:none; } /* Specific colBox Styles - Only use for last resort */ /* #pre-tagline {} */ #pre-tagline { line-height:20px; } #pre-menu {} #pre-menu a { line-height:20px; font-size:.9em; padding: 0 5px; } #main-photos {} #main-photos .img { width:200px; border:solid 1px #ECECEC; background:#ECECEC; } #main-photos img { width:200px; border:solid 1px #E3F0F6; background:#ECECEC; } #main-photos .caption { font-size:.85em; line-height:.95em; } #main-banner {} #main-banner .banner { margin: 0 auto; } #main-download { background:#ECECEC; } #download-preview { width: 200px; } #main-comments { margin-top: 5em; border-top:solid 1px #E3F0F6; } #footer-menu {} #footer-menu a { font-size:.85em; padding: 5px 10px; } /* Advertisements */ .banner {text-align:center; margin-top: 10px;} .bannerFull { width:392px; height:72px; background:url(http://theaggie.org/img/layout/bannerFullBG.png) no-repeat top left; border:solid 1px #ECECEC; } .bannerVertical { width:160px; height:600px; background:url(http://theaggie.org/img/layout/bannerVerticalBG.png) no-repeat top left; border:solid 1px #ECECEC; } .banner728 img { width:728px; height:90px; border:solid 1px #ECECEC; border:solid 1px #ECECEC; } .banner300 img { width:300px; height:250px; border:solid 1px #ECECEC; border:solid 1px #ECECEC; } /* Gallery */ #gallery { position: relative; height: 313px; } #gallery a { float:left; position:absolute; } #gallery a img { border: none; } #gallery a.show { z-index: 500; } #gallery .photo-caption { z-index: 600; background-color: #004664; color: #ffffff; height: 50px; width: 100%; position: absolute; bottom: 0; } #gallery .photo-caption .photo-content { margin: 5px; } #gallery .photo-caption .photo-content h3 { margin: 0; padding: 0; color: #1DCCEF; } /* Comments CSS */ /*

Comments (74)

Chris 2 hours ago

This is my highly critical, thought-provoking comment that concerns the material found in this article. Quite interesting!

*/ div#main-comments { margin-bottom: 3em; } div#main-comments p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } div#main-comments div.comment { padding: 1.0em; } div#main-comments div.comment_side { width: 100px; font-size: 11pt; float: left; padding-top: 9px; } div#main-comments div.comment_side span#comment_time { clear: left; display: block; font-size: 9pt; } div#main-comments div.comment_body { background-image: url('/img/layout/comment_bg.gif'); background-repeat: no-repeat; background-position: -6px 0px; min-width: 350px; margin-left: 115px; font-size: 10pt; color: #666; padding: 18px; padding-left: 40px; }