/* ----------------------------------------- Stylesheet for Simpson College Magazine - www.simpsonmagazine.com Author: cdeVision.com Copyright: (c)2008 cdeVision Created: August 2008 -------------------------------------------- */ body {background:#fff url(images/bg.gif) 0 0 repeat-x; margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#333;} body {text-align:center;} /* IE6- hack to center page contents */ body#home {background:none;} body#home #footerwrap {background-color:#fff; border:0;} body#home #footer p {color:#333} body#home #footer .magazine {background-image:url(images/logo-magazine-home.gif);} body#home #footer .annualreport {background-image:url(images/logo-annualreport-home.gif);} body#home #footer .experience {background-image:url(images/logo-experience-home.gif);} body#home #footer .storm {background-image:url(images/logo-storm-home.gif);} body#home #footer .college {background-image:url(images/logo-college-home.gif);} body#magazine {} body#magazine #logo {background-image:url(images/logo-header-magazine.gif); width:228px;} body#magazine #logo a {width:228px;} body#annualreport {} body#annualreport #logo {background-image:url(images/logo-header-annualreport.gif); width:359px;} body#annualreport #logo a {width:359px;} h1, h2, h3, h4 {padding:0; margin:0;} h1 {font:normal 22px arial,sans-serif; padding-bottom:12px;} /* Interior page titles */ h2 {font:normal 19px arial,sans-serif; color:#600; padding:6px 0;} /* Interior page sub-titles */ h2.bar {font-size:16px; color:#fff; background:#600; padding:0 8px; margin:18px 0; height:30px; line-height:30px;} #leftcol h2 {border-bottom:1px solid #ccc; color:#333; padding:0 6px 2px;} p {margin:0; padding:0 0 12px 0; line-height:17px;} p.intro {font-size:14px; line-height:20px;} ul, ol {padding:0; margin:0 0 12px 25px;} li {line-height:17px; padding:0 0 5px 0; } img {border:0;} label {display:none;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} div#printlogo {display:none;} /* fix PNG transparency in IE6- */ #mainhome {behavior:url(scripts/iepngfix.htc);} /* ---- links ----------------------------------------- */ a {color:#600; text-decoration:none;} a:visited {color:#600;} a:hover {color:#000; text-decoration:underline;} a:active {color:#600;} a:active, a:focus {outline:none;} a.pdf {background:url(images/icon-pdf.gif) 100% 3px no-repeat; padding-right:28px;} a.arrow {background:url(images/icon-arrow.gif) 0 3px no-repeat; padding-left:14px;} /* ---- ids & classes ----------------------------------------- */ #frame {width:815px; margin:0 auto; position:relative; text-align:left;} #utilitybar {width:815px; height:35px; color:#fff; position:relative;} #title {position:absolute; top:0; left:15px;} #title h3 {margin:0; padding:0; font:bold 14px/35px arial;} #link {position:absolute; top:10px; right:15px; width:153px; height:16px; background:url(images/link.gif) no-repeat;} #link a {text-indent:-4000px; display:block; width:153px; height:16px;} #header {width:815px; position:relative; height:143px;} #logo {position:absolute; top:23px; left:15px; height:91px; background-repeat:no-repeat;} #logo span {display:none;} #logo h1 {margin:0; padding:0;} #logo a {display:block; height:91px;} #metanav {position:absolute; bottom:13px; right:15px;} #metanav ul {list-style:none;} #metanav li {display:inline; border-left:1px solid #929292; padding:0; line-height:18px;} #metanav li.first {border:0;} #metanav a {color:#fff; text-decoration:none; margin:0 5px 0 7px;} #metanav a:hover, #metanav a.on {color:#fc3;} #contenthome {width:815px; height:450px; margin-top:40px; background:#fff; border-bottom:5px solid #fc3; position:relative;} #contenthome img {position:absolute; top:0; left:0; display:block;} #mainhomewrap {width:340px; height:450px; position:absolute; top:0; right:0;} #mainhome {width:340px; height:450px; color:#fff; background:transparent url(images/bg-mainhome.png) no-repeat;} #mainhome h1 {margin:0; padding:0; text-indent:-4000px;} #pad {padding:20px 20px 0 20px; height:435px; position:relative;} a#enter {position:absolute; top:155px; right:75px; display:block; color:#fff; border:1px solid #ccc; background:#333; width:120px; text-align:center; font-size:11px; padding:2px 0; text-transform:uppercase;} a#enter:hover {background:#000; color:#ccc; text-decoration:none;} a#enter2 {position:absolute; top:310px; right:75px; display:block; color:#fff; border:1px solid #ccc; background:#333; width:120px; text-align:center; font-size:11px; padding:2px 0; text-transform:uppercase;} a#enter2:hover {background:#000; color:#ccc; text-decoration:none;} #mainhome #magazine {position:absolute; top:60px; right:20px; width:235px; height:88px; background:url(images/logo-home-magazine.png) no-repeat;} #mainhome #annualreport {position:absolute; top:250px; right:20px; width:235px; height:51px; background:url(images/logo-home-annualreport.png) no-repeat;} #loginbox {position:absolute; top:308px; right:18px; width:235px;} #loginbox form {margin:0;} #loginbox label {display:none;} #loginbox input {width:75px; background:#fff; color:#666; border:1px solid #ccc; font-size:11px; font-family:arial; padding:2px 2px 1px; margin:0 2px 0 0} #loginbox input.button {width:52px; border:1px solid #ccc; background:#333; color:#fff; text-align:center; font-size:11px; font-family:arial; padding:1px 0 0; text-transform:uppercase; cursor:pointer; cursor:hand;} /* cursor:hand for IE6- */ #loginbox input.button:hover {background:#000; color:#ccc;} #mainhome p#note {position:absolute; top:20px; right:85px; width:150px; text-align:left; font-size:11px; line-height:21px;} #mainhome #info p {position:absolute; bottom:7px; right:20px; width:250px; text-align:right; font-size:11px; line-height:21px;} #content {width:785px; padding:35px 0 25px; margin:0 auto;} #leftcol {width:180px; float:left; padding-top:37px;} #leftcol img {display:block; margin:0 0 6px 0;} #content p#info {text-align:center; padding-bottom:20px;} p#info a {display:inline;} #leftcol ul {list-style:none; margin:8px 0 15px 6px;} #leftcol li {line-height:16px; display:block; padding-bottom:10px;} #leftcol a {display:block;} #leftcol li a.on {color:#000;} #main {width:580px; float:right;} img.mainimg {display:block; float:right; margin:5px 0 20px 25px;} #featurewrap {width:580px; background:url(images/bg-featurewrap.gif) repeat-y;} #featuretop {width:580px; height:1px; background:url(images/bg-featuretop.gif) no-repeat; overflow:hidden;} #featurebottom {width:580px; height:1px; background:url(images/bg-featurebottom.gif) no-repeat; overflow:hidden;} .feature {float:left; width:178px; display:inline;} #featurewrap .left {margin:0 0 0 1px;} #featurewrap .center {margin:0 0 0 22px;} #featurewrap .right {margin:0 0 0 22px;} .feature .text {padding:8px 10px 0;} #featurewrap img {display:block; border-bottom:1px solid #bbbdbf;} #featurewrap h3 {font:normal 16px arial,sans-serif; color:#600; padding:0 0 9px 0;} #featurewrap p {padding:0 0 9px 0;} .highlight {padding:20px 0; margin:0px; border-top:1px solid #bbbdbf; overflow:hidden;} .highlight h3 {font:normal 16px arial,sans-serif; color:#600; padding:0 0 9px 0;} .highlightimg {float:left; width:178px; margin:0 20px 0 0;} .highlightimg img {display:block; border:1px solid #bbbdbf;} .highlighttext {float:left; width:360px;} .highlighttext p {padding:0 0 9px 0;} .issuebox {width:180px;float:left;margin:0 12px 20px 0;} .issuebox img {display:block;margin-bottom:6px;} #footerwrap {width:100%; background:#600; border-top:5px solid #fc3;} #footer {width:815px; text-align:center; margin:0 auto;} #footer p {clear:all; font-size:10px; color:#fff;} #footer a {display:block; height:47px;} .logo {float:left; height:47px; margin:20px 0 8px; background-repeat:no-repeat;} .logo a {text-indent:-4000px;} .logo:hover {background-position:0 -47px;} .magazine {background-image:url(images/logo-magazine.gif); width:103px;} .annualreport {background-image:url(images/logo-annualreport.gif); width:222px;} .experience {background-image:url(images/logo-experience.gif); width:142px;} .storm {background-image:url(images/logo-storm.gif); width:138px;} .college {background-image:url(images/logo-college.gif); width:210px;} #adminmenu { z-index:999; background-color:#FFFFFF; font:normal 10px Arial, Verdana, Helvetica, sans-serif; width:150px; height:98px; clear:both; font-size:11px; position:absolute; right:0; top:0;} #adminmenu table { text-align:left; background-color:#FFFFFF; width:150px;} #adminmenu a {text-decoration:none; color:#000000;}