/*
Theme Name: ACD
Description: This is a theme made custom for Academic Computing/Help Desk's website in summer, 2006.
Author: Matt Bateman, Michele Amar, Emily Sharp
*/

/* Everything that is preceded by an asterix and a less than carrot indicates an IE 6 hack. IE 6 will not process these items, but Firefox, Safari, et al. will. So everything that is in the class without the asterix/carrot is read by both browsers, and then the asterix/carrot line overrides the previous line for real browsers. Usually if you change something (like color) you'll only need to change it the class read by both browsers (the one with no asterix). The main exceptions to this are the topics/filter classes, which are fairly complicated. Example:

div.example { border: 1px solid blue; padding: 3px }
* > div.example { padding: 0px }

In IE, the div will have 3px of padding and a blue border. In everything else, the div will have 0px of padding and a blue border.

I've tried to make this stylesheet as efficient as possible, so if you can't find what's causing a class to behave in a certain way, check to see if I've duplicated some functionality with a comma somewhere else. (E.g. most of the newsflash class is set along with post, then its colors are overridden on a smaller separate line.)

I used all classes and contextual selectors, no IDs. I recommend following this convention for simplicity's sake (and in case you ever want to apply a formerly unique style to a new element). -MSB, 7/2006 */

/* ----------------------------------- */
/* -------- body and main divs ------- */
/* ----------------------------------- */
body { margin:0px; background-image:url(images/bgbottom.gif); background-position:bottom; background-repeat:repeat-x; }
div { font-family: arial; font-size: 12px; line-height: 17px; color: #444; }
div.everything { width: 100%;}

/* --------- header and logo --------- */
div.header { background-image:url(images/bgtop.gif); background-repeat: repeat-x; height: 143px; width: 100%; }
div.logo {  vertical-align: bottom; float:left; margin:20px 10px 5px 75px;}
div.title { font-family: century gothic, helvetica, arial, sans-serif; color: #3a7f0d; font-size: 17px;  padding-top:25px;}

/* ------- stuff on the sidebar ------ */
div.sidebar {  float:left; margin-left:50px; width: 210px; padding-bottom: 90px;}
* > div.sidebar {margin-left:100px;}
div.sidebar ul { list-style-type:none; padding:0 0 8px 2px; margin:0;  font-size:13px; vertical-align:top;}
div.search,div.topics,div.blog { position: relative; padding: 5px 10px; background-color: #fcf5f0; margin: 0px 0px 12px; width: 188px; border: 1px solid #823516; }
* > div.search,div.topics,div.blog { margin: 0px 0px 10px; width: 188px; }
div.blog { background-color: #ead2c3; border-color: #823516; line-height: 18px; }
div.topics { width: 128px; position: relative; padding-right: 70px; background: url(images/filterbg.gif) top right repeat-y;line-height: 18px; }
* > div.topics { line-height: 17px; width: 108px; padding-right: 90px; background-image: none; padding-bottom: 0px; }
div.filter { width: 70px; padding: 0px 5px; background-color: #f5e6dc; position: absolute; top: 0; right: 0; height: 100%; font-size: 11px; }

/* -- stuff in the main content area - */
div.content { position:relative;margin-left:320px; padding-right: 100px; padding-bottom: 90px; }
div.post,div.blogpost,div.newsflash,div.permanent { position: relative; margin: 0px 0px 10px 0px; background-color: #e3f4d7; border: 1px solid #3a7f0d; padding: 5px;}
div.blogpost { background-color: #ead2c3; border-color: #823516; }
div.newsflash { background-color: #d0e2e1; border-color: #379b26; }


/* ----------------------------------- */
/* ---------- misc elements ---------- */
/* ----------------------------------- */

p { margin-bottom: 0px; }
p.topics { font-size: 11px; line-height: 18px; margin-bottom: 1px; }
img.logo { margin-top: 0px; }
div.search input { font-size: 12px; }
div.filter input { margin-left: -1px; }
div.search form { margin: 0px }
div.float { float:left; position: relative; width:49%; }
div.float ul { list-style-type: none; padding-left:0; margin-left:0;}
img.monkey {float:right; position:relative;}
ol {margin:0 0 0 25px; padding:0;}
form pre {margin:0; padding:0;}
form code {margin:0; padding:0;}
form p {margin:1ex 0;}
fieldset legend {color:#444;}
code {margin:0; padding:0;}
table.staff {border:0; width:100%; text-align:center; position:relative; margin:-5px; padding-top:5px;}
table.staff tr td {width:50%; padding:5px; vertical-align:top;}
#inventory {float:right; font-size:9px; line-height:normal; text-align:right; margin:5px 5px 0 0; }
#admin {float:left; font-size:9px; line-height:normal; text-align:right; margin:5px 0 0 5px;}
#inventory a, #admin a { color:#cae3b8;}
#inventory a:hover, #admin a:hover {color: #823516;}
.post img, .post iframe, .newsflash img {border:1px #3a7f0d solid;}
#wirelesshelp table tr td h4 { margin-bottom:0;}
#wirelesshelp table tr td#left { padding-right:30px;}
.clearright {clear:right;}
input.enter {font-size:15px;}
div.workshopnewsflash { background-image:url(http://pages.slc.edu/~support/files/treesbg.gif); background-repeat:repeat-x; background-position:left bottom; padding-bottom:10px; border-bottom:1px #ccc solid; color:#000;}
div.workshopnewsflash h4 { color:#444;}
div.workshopnewsflash a { color:#326a0d; }
div.workshopnewsflash a:hover {color:#642810;}

/* ----------------------------------- */
/* ------------- headers ------------- */
/* ----------------------------------- */

h1,h2,h3 { margin: 0px 0px 3px; }
h2 { color: #3a7f0d; font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size:12px; margin-bottom:0; padding-bottom:0; text-decoration:underline;}
h1 { font-family: century gothic; font-size: 37px; line-height: 30px; color: #3a7f0d; font-weight: normal; margin: 9px 0px 12px; }
* > h1 { margin: 14px 0px 0px; line-height: 28px }
div.post h3, div.blogpost h3 { margin: 15px 0px -2px 0px; }
* > div.post h3, div.blogpost h3 { margin: 13px 0px 0px 0px; }
div.blogpost h2, div.blogpost h3, div.blogpost h4, div.sidebar h2, div.sidebar h3, div.sidebar h4 { color: #823516 }
div.blog h2 { margin: 0px; }
div.blog h3 { margin: 14px 0px 12px 0px; }
div.filter h3 { font-size: 11px; margin: 12px 0px 0px 0px; }
div.newsflash h2 { color: #379b26; margin-bottom: 13px; }

/* ----------------------------------- */
/* ------- rounded corner divs ------- */
/* ----------------------------------- */

div.gtlcorner,div.gblcorner,div.gtrcorner,div.gbrcorner,div.btlcorner,div.bblcorner,div.btrcorner,div.bbrcorner,div.bltlcorner,div.blblcorner,div.bltrcorner,div.blbrcorner { width: 15px; height: 15px; position: absolute; }

/* IE does not parse "bottom:" positioning properly. You must use IE's broken margin parsing. Kludge! */
div.gtlcorner { top: 0px; left: -6px; background-image:url(images/gtlcorner.gif);}
* > div.gtlcorner { top: -1px; left: -1px; }
div.gtrcorner { top: 0px; right: 99px; background-image:url(images/gtrcorner.gif); display:none;}
* > div.gtrcorner { top: -1px; right: -1px; display:block;}
div.gbrcorner { margin-top: -9px; right: 99px; background-image:url(images/gbrcorner.gif); display:none; }
* > div.gbrcorner { bottom: -1px; right: -1px;  display:block;}
div.gblcorner { margin-top: -9px; left: -6px; background-image:url(images/gblcorner.gif); }
* > div.gblcorner { bottom: -1px; left: -1px; }

div.btlcorner { top: -1px; left: -1px; background-image:url(images/btlcorner.gif); }
div.bblcorner { bottom: -1px; left: -1px; background-image:url(images/bblcorner.gif); }
* > div.bblcorner {bottom: -1px;}
div.search div.bblcorner { bottom: -2px; left: -1px; }
* > div.search div.bblcorner { bottom: -1px; left: -1px; }
div.btrcorner { top: -1px; right: -1px; background-image:url(images/btrcorner.gif); }
div.bbrcorner { bottom: -1px; right: -1px; background-image:url(images/bbrcorner.gif); }
* > div.bbrcorner {bottom: -1px;}
div.search div.bbrcorner { bottom: -2px; right: -1px; }
* > div.search div.bbrcorner { bottom: -1px; right: -1px; }

/* Separate divs are needed for blog posts on the right. */
div.bltlcorner { top: 0px; left: -6px; background-image:url(images/btlcorner.gif); }
* > div.bltlcorner { top: -1px; left: -1px;}
div.bltrcorner { top: 0px; right: 99px; background-image:url(images/btrcorner.gif); display:none;}
* > div.bltrcorner { top: -1px; right: -1px;  display:block;}
div.blbrcorner { margin-top: -9px; right: 99px; background-image:url(images/bbrcorner.gif); display:none;}
* > div.blbrcorner { bottom: -1px; right: -1px; display:block; }
div.blblcorner { margin-top: -9px; left: -6px; background-image:url(images/bblcorner.gif); }
* > div.blblcorner { bottom: -1px; left: -1px; }

/* ----------------------------------- */
/* ------------- anchors ------------- */
/* ----------------------------------- */

a { color: #3a7f0d; text-decoration: none; }
a:hover { color: #823516; }
div.blogpost a, div.sidebar a { color: #c45205; text-decoration: none; }
div.blogpost a:hover, div.sidebar a:hover { color: #823516; text-decoration: none; }
a.more { font-style:italic; }


/* image stuff from default theme */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px;-khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright img {padding:4px;}
.alignright {float: right;}
.alignleft {float: left;}