/* global elements
----------------------------------------------- */

* { 
   padding: 0;
   margin: 0;
}

body {
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 100.1%;
}

a:hover {
   text-decoration: none;
}

/* global layout
----------------------------------------------- */

#header {

}

#content {
   float:left;
   width:60%;
   background:#FFFFFF;
   padding-left: 1.25em;
   font-size:0.8em;
/* twitching font-size up from 0.75em */
}

#rightcontent {
   padding-top: .66em;
   float: right;
   width: 33%;
   font-size:0.77em;
/* twitching font-size up from 0.75em */
}

#footer {
   clear: both;
   background-color: #333333;
}

#accessibility {
   position:absolute;
   left:0em;
   top:-40em;
   width:.2em;
   height:.2em;
   overflow:hidden;
}



/* header formatting
---------------------------------------------- */

#header h1 {
   background-color: #222222; 
   background-image: url(/library/images/headers/tuttheader.jpg);
   background-repeat: no-repeat;
   background-position: 0 -5px;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   text-transform:uppercase;
/*   font-family: Georgia, "Times New Roman", Times, serif; */
   font-size: 1.88em;
   font-weight: bold;
   letter-spacing: 0.16em;
   line-height: 2;
   padding-left: 0.83em; 
   margin: 0em;
/*   padding: 15px 20px 15px 25px; */
}

#header h1.seayheader {
   background-image: url(/library/images/headers/musicheader.jpg);
}

#header h1.scheader {
   background-image: url(/library/images/headers/scheader.jpg);
   background-repeat: repeat-x;
}

#header h1 a, #header h1 a:visited {
   color: #FFFFFF;
   text-decoration: none;
}

#header h1 a:hover {
   color: #FBDC91;
}

.ccback {
   background-image: url(http://www.coloradocollege.edu/library/images/cclogo-50.gif);
   background-repeat: no-repeat;
   background-position: top left;
   display: block;
   padding-left: 60px;
}

/* this is steve's floaty css for the cc nav bar */

#ccnav {
   float:left;
   width:100%;
   list-style:none;
   font-size:.63em;
   line-height:2.1;
   text-transform:uppercase;
   background-color: #444444;
   border-bottom: 2px solid #444444;
   display: block;
   clear: both;
}

#ccnav ul {
   
}

#ccnav li {
   float:left;
}

#ccnav a {
   float:left;
   display:block;
   padding: .4em .5em 0 .5em;
   color:#FFFFFF;
   text-decoration:none;
   background:#222222;
   border-left: 1px solid #FBDC91;
   min-height:18px;
}

#ccnav a.first {
   border-left: none;
}
        
#ccnav a.selected {
   background-color: #DF9B24;
   color: #000000;
   border-right: 1px solid #FBDC91; /* left-border on right-most item, an image, doesn't work well, so use this instead*/
}
              
#ccnav a:hover {
   background-color: #DF9B24;
   color: #000000;
}

#ccnav a.navbarimg {
   float: left;
   display: block;
   width: 67px;  /* 67px img - 16px of horizontal padding */
   height: 22px;  /* 26px img - 8px of vertical padding */
   background: no-repeat
url(http://www.coloradocollege.edu/images/bt_g_top_cclogo3.gif);
   border-left:none; /* border doesn't scale properly, so use a right-border on the a.selected instead */
}

#libnav {
   width: 100%;
   border-bottom: 1px solid #444444;
}

#libnav td {
   background-color: #444444;
   text-align: center;
   color: #FFFFFF;
   vertical-align: middle;
//   width: 19%;
   width: 16.5%;
   font-size:0.78em;
   line-height: 1.83em;
}

#libnav td a, #libnav td a:visited {
   color: #FBDC91;
}

#libnav td a:hover {
   color: #DF9B24;
   text-decoration: none;
}

#libnav #search, #libnav #sitesearch {
   width: 24%;
   text-align: center;
   padding-left: 0em;
}

#libnav #sitesearch input {
   background-color: #C0C0C0;
}



/* content formatting
---------------------------------------------- */

/* global content formatting */
#content h1, #content h2 {
/*   font-family: Georgia, "Times New Roman", Times, serif; */
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size:1.67em;
   font-weight: normal;
   margin: 0em 0em 0.5em 0em;
}

#content h3 {
/*   font-family: Georgia, "Times New Roman", Times, serif; */
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 1.50em;
   font-weight: normal;
   margin: 1.25em 0em 0.38em 0em;
}

#content h4 {
   font-size: 1.25em;
   margin: 1em 0em 0.38em 0.4em;
}

#content h5 {
   font-size: 1em;
   margin: 1em 0em 0.38em 0.75em;
}

#content form {
   padding: 0em 0em 0.38em 0.75em;
   vertical-align: top;
}

#content form input {
   padding: 0em 0.16em;
}

#content form option {
   padding-right: 0.38em;
}

#content form button {
   font-size:.95em;
   margin-left: 0.38em;
}

#content p {
   padding: 0.58em 0px 0px 2em;
   line-height: 1.33em;
}

#content ul {
   padding: 0.58em 0px 0.58em 2em;
}

#content li {
   padding-bottom: 0.16em;
}

#content blockquote {
   padding: 0em 1.67em 0em 2.25em;
}

/* front page content formatting */

.fp_front #catsearch input {
   width: 40%;
   min-width: 170px;
}

.fp_front .catsearch input {
   width: 40%;
   min-width: 170px;
}

.fp_front #dbsearch input {
   width: 28%;
   min-width: 115px;
}

.fp_front #findbooks, .fp_front #findarticles, .fp_front #findprosp, .fp_front #findcatgov, .fp_front #findweb {
   padding:1em; 
   margin:2.12em 0; 
}

.fp_front #findarticles form {
   padding: 0.88em 0em 0.20em 0.75em;
}

.fp_front #findbooks .preform, .fp_front #findarticles .preform, .fp_front #findweb .preform {
   margin-top: 0;
   padding-top: 0;
   padding-left: 0.75em;
}

.fp_front #research,
.fp_front #news,
.fp_front #libraryinfo,
.fp_front #courseresources,
.fp_front #servicesfor
 {
    float:left;
    width: 42%;
    padding:2%;
}

.fp_front #news {
    margin-top:2%;
    margin-top:3%;
}

.fp_front #research,
.fp_front #news,
.fp_front .left {
    margin-right:4%;
    }

.fp_front #news h2 {
   border-bottom:1px solid #aaaaaa;
   float:left;
   width:95%
}

.fp_front #news ul {
   clear: both;
   padding-top: 0;
}

/* .fp_front #news li {
   margin-left: -0.48em;
   padding-right: 0.48em;
} */

.fp_front #news .more {
   background-image: url(/library/images/newspaper.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
}

.fp_front #news #chronicle {
   border-top:1px solid #aaaaaa;
   clear: both;
   margin-top: 1.25em;
   padding-top: 1.25em;
   background-image: url(/library/images/newspaper.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
}


.fp_front ul#news2 {
   border-top:1px solid #aaaaaa;
   clear: both;
   margin-top: 1em;
   padding-top: 1.25em;
}

.fp_front #press {
   clear: both;
  margin-top: 1em; 
}

.fp_front #alsoinlib {
    clear:both;
   padding-top: 0.5em;
/*   padding-top: 1em; */
   padding-left: 1.50em;
   padding-bottom: 1em;
}

.fp_front #alsoinlib h2 {
   background-image: url(/library/images/door_in.gif);
   background-repeat: no-repeat;
   background-position: center right;
   padding-right: 24px;
   display: inline;
   font-size:1.16em;
}

.fp_front #alsoinlib ul {
   display: inline;
   list-style-type: none;
   padding-left: 0.83em;
}

.fp_front #alsoinlib li {
   padding-right: 0.83em;
   display: inline;
   background-image: none;
}

.feedburnerFeedBlock #creditfooter {
   display: none;
}

.feedburnerFeedBlock {
   margin: 0;
}


.fp_front .sc-chunk {
    width: 94%;
    padding: 2%;
    display: block;
}

.fp_front .sc-chunk img.left {
    float:left;
    border: 0;
    margin-right: 15px;
}

.fp_front .sc-chunk img.right {
    float:right;
    border: 0;
    margin-left: 15px;
}

.fp_front .sc-chunk p {
    margin-top: 1.5em;
}

.fp_front #cdp {
    padding-top: 0.50em;
    margin-top: 0.50em;
    border-top: 1px solid #222;
    margin-left: 1em;
}

.fp_front #cdp ul {
   padding: 0.58em 0em 0.58em 3.25em;
}


/* non-front page formatting */

#content .breadcrumbs {
   padding-bottom: 0.75em;
   margin-left: -2em;
   background: #EEEEEE;
}

#content .post {
   padding: 1.5em 0em 2.50em 0.50em;  
/*   padding: 1.25em 1.5em 1.66em 2.08em;  */
}

#content .post p {
   padding: 0.5em 0em 0.66em 2em;
}

#content .post form {
   padding: 0.58em 0em 0.66em 2em;
}

#content .post dl {
/*   padding: 0em 0em 0.41em 2em; */
   padding: 0em 0em 0.41em 0em; 
}

#content .post dt {
/*   padding: 1.25em 0em 0.41em 0em; */
   padding: 1.25em 0em 0.41em 2em;
}

#content .post dd {
/*   padding: 0.58em 0em 0em 2em; */
   padding: 0.58em 0em 0em 4em; 
}

#content .post ul {
   padding: 0.58em 0em 0.42em 3.25em;
}

#content .post ol {
   padding: 0.58em 0em 0.42em 4em;
}

#content .post ol li {
   padding-bottom: 0.58em;
   line-height: 1.33em;
}

#content .post li {
   padding-bottom: 0.16em;
}

#content .flickr {
   padding-left: 2em;
   padding-top: 2em;
}

#content .flickr a {
   border: 0;
   margin: .25em;
   padding: .25em;
   display: block;
   float: left;
}

#content .flickr img {
   border: 0;
}

#content .list-howto li {
   background-image: url(/library/images/bullet_arrow_right.gif);
   background-position: top left;
   background-repeat: no-repeat;
   list-style-type: none;
   margin-left: -18px;
/*   padding-left: 18px; */
}

#content .list-howto li a {
   padding-left: 18px;
   color: #00f;
}

#content .list-howto .answer a {
   display: inline;
   padding: 0;
   background: none;
}

#content .list-howto .answer a:visited {
   color: #800080;
}

#content .list-howto .answer {
   margin: 0.50em 1em 0.50em 1.50em;
   padding: 0.33em 0.50em 0.33em 0.50em;
   border: 1px solid #AAAAAA;
   background-color: #FBDC91;
}

#content .answer p {
   padding: 0;
}

#content .alphalist {
   text-align:center;
   margin-left: -2.50em;
}

#content .alphalist li {
   display: inline;
   list-style-type: none;
   line-height:3em;
   margin-right: 0.2em;
}

#content .alphalist li a {
   padding: 0.5em;
   border: 1px solid #AAAAAA;
   background-color: #EEEEEE;
}

#content .alphalist li a:hover {
   border: 1px solid #EEEEEE;
}

#content .catsearch input {
   width: 40%;
   min-width: 170px;
}

#content #librarian {
   font-size: 1em;
   padding:1%;
   border: 1px solid #ccc; 
   float:right;
   width: 50%;
   margin-left: 1em;
   margin-bottom: 0.5em;
}

#content #librarian img {
   float:left;
   border: 0;
}

#content #librarian h3,
#content #librarian ul {
   margin-left:85px;
} /* pair with a 75px-wide image; 100px better? */

#content #librarian h3 {
   margin-bottom: .5em; 
   margin-top:0;
   padding-top:0; 
   font-size:1.2em;
}

#content #librarian ul {
   list-style:none; 
   padding:0; 
   margin-top:0;
}

#content #librarian li {
   margin-bottom: .2em; 
   margin-left:2em; 
   text-indent:-2em; /* combination of margin-left and text-indent for hanging indent */
}

#content #librarian .staffname,
#content #librarian .jobtitle,
#content #librarian .label {font-weight:normal;}

#content #headshot {
   vertical-align: top;
   float: left;
   margin-right: 2em;
   margin-bottom: 1em;
}

table.tableoutline {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
table.tableoutline td {
	border-width: 1px 1px 1px 1px;
	padding: 0.25em;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

#content .sc-gallery {
	margin-top: 1em;
}

#content .sc-gallery img {
	border: 0;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-top: 1em;
	vertical-align: top;
}

#content .sc-gallery p.one, #content .sc-gallery p.oneof {
	padding-left: 0em;
}


/* right side formatting
----------------------------------------------- */

#rightcontent h3 {
   font-family: Arial, Verdana, Helvetica, sans-serif;
/*   text-transform:uppercase;
   font-family: Georgia, "Times New Roman", Times, serif; */
   font-size:1.33em;
   font-weight: normal;
   padding: 0em 0em 0.41em 0.5em;
}

#rightcontent p {
   margin-left: 1.25em;
   padding: 0em 0.25em 0.16em 0.50em;
}

#rightcontent ul {
   padding: 0.66em 0.45em 0.45em 2em;
}

#rightcontent li {
   padding-bottom: 0.25em;
}

#rightcontent #hours, #rightcontent #howto, #rightcontent #loginto, #rightcontent #needhelp, #rightcontent #librarians, #rightcontent .sc-chunk {
  width: 80%;
  margin-right, margin-left: auto;
  padding: 1em 0em 0.83em 0em;
  margin-bottom: 2.12em;
}

#rightcontent .sc-chunk p {
  margin-top: 0.83em;
}

#rightcontent .first {
  margin-top: 2.12em;
}

#rightcontent .list-howto li {
   list-style-type: none;
   background-image: url(/library/images/bullet_arrow_right.gif);
   background-position: top left;
   background-repeat: no-repeat;
   margin-left: -19px;
/*   text-indent: -1.26em;
   padding-left: 1.26em; */
}

#rightcontent .list-howto li a {
   padding-left: 17px;
   color: #00f;
}

#rightcontent .list-howto .highlight {
   font-weight: bold;
}

#rightcontent .list-howto .answer {
   margin: 0.50em 1em 0.50em 1.50em;
   padding: 0.33em 0.25em 0.33em 0.25em;
   border: 1px solid #AAAAAA;
   background-color: #FBDC91;
}

#rightcontent .list-howto .answer p {
   margin-left: 0em;
   line-height: 1.33em;
   font-weight: normal;
}

#rightcontent .list-howto .answer a {
   display: inline;
   padding: 0;
   background: none;
}

#rightcontent .list-howto .answer a:visited {
   color: #800080;
}

#rightcontent #loginto li {
   list-style-type: none;
   padding-left: 21px;
   margin-left: -19px;
   list-style-type: none;
   background-image: url(/library/images/bullet_yellow.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-bottom: 0.16em;
}

#rightcontent .more {

}


/* footer formatting
----------------------------------------------- */

#footer table {
   width: 775px;
   background-color: #222222;
   border: 1px solid #222222;
}

#footer tr {
   width: 100%;
}

#footer td {
   vertical-align: top;
   border-left: 1px solid #444444;
}

#footer td .navbarimg {
   background-image: url(http://www.coloradocollege.edu/library/images/cclogo-50.gif);
   width: 50px;
   height: 50px;
/*   background-image: url(http://www.coloradocollege.edu/images/bt_g_top_cclogo3.gif);	 */
   display: block;
   margin-left: 0.5em;
}


#footer p {
   color: #FFFFFF;
   font-size: 0.68em;
   padding:0em 0.75em 0em 0.75em;
   min-width: 220px;
}

#footer p a, #footer p a:visited {
   color: #FBDC91;
}

#footer p a:hover {
   color: #DF9B24;
   text-decoration: none;
}

/* contact form
----------------------------------------------- */

.zemContactForm fieldset {
   border: 0;
   padding: 1em;
   margin-left: 0.75em;
//   border: 1px solid #aaa; 
//   background-color: #eee; 
}

.zemContactForm legend {
   display: none;
}

.zemContactForm input.zemText, .zemContactForm textarea.zemTextarea {
   display: block;
   margin-bottom: 0.75em;
}

.zemContactForm .ccid, #ccid {
   display: none;
}

.zemThanks {
   border: 1px solid #aaa; 
   background-color: #eee; 
   padding: 1em;
}

.zemContactBlurb p {

}

.zemContactBlurb ul {
   list-style-type: none;
   margin-top: -0.75em;
}

.zemContactBlurb li {
   margin-left: -1.25em;
   padding: 0;
}


/* boxes - callout (no background, round corners)
	shadebox (background, square)
----------------------------------------------- */

.callout {
   background: #ffffff;
   border:1px solid #aaaaaa;
   -moz-border-radius:8px; /* we might want to do something more platform- neutral here, but I didn't want to mess around with tiny background images until we were pretty sure. or we could just let non-mozilla users endure pointy boxen. */
}

#rightcontent .callout h3 {
   border-bottom:1px solid #aaaaaa; 
}

.shadebox {
   border: 1px solid #aaa; 
   background-color: #eee; 
   margin-right: 1em;
}

/* miscellaneous li decoration, anywhere on page 
----------------------------------------------- */

li.askalib {
   padding-left: 21px;
   margin-left: -19px;
   list-style-type: none;
   background-image: url(/library/images/user.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-bottom: 0.16em;
}

li.phone {
   padding-left: 21px;
   margin-left: -19px;
   list-style-type: none;
   background-image: url(/library/images/telephone.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-bottom: 0.16em;
}

li.cup {
   padding-left: 21px;
   margin-left: -20px;
   list-style-type: none;
   background-image: url(/library/images/cup.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-bottom: 0.16em;
}

li.clock {
   padding-left: 21px;
   margin-left: -20px;
   list-style-type: none;
   background-image: url(/library/images/clock.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-bottom: 0.16em;
}

li.building {
   padding-left: 20px;
   margin-left: -20px;
   list-style-type: none;
   background-image: url(/library/images/building.gif);
   background-repeat: no-repeat;
   background-position: center left;
   padding-bottom: 0.16em;
}