/* 
 * ALLMEDIA.CSS
 *
 * Styles for all media types. Styles specific to screen or 
 * print media are found in screen.css and print.css.
 * 
 * Brian Abbott
 * Hayden Planetarium
 * September 2008
 *
 * $Id: allmedia.css 86 2009-10-02 18:23:13Z markb $
 */


/* PAGE FORMATTING
#################################################################*/
body {
    font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


/* PAGE CONTAINERS
============================================================*/
#page {
    width: 790px;
    margin: 20px auto;
}

#container {
    padding: 15px 10px 10px 10px;
    margin-top: 57px;
}

#main {
    float: left;
    width: 790px;
    min-height: 300px;
    margin-left:-5px;
}
#main #main-squeeze {
    text-align: justify;
}



/* BREADCRUMBS
============================================================*/
/* BREADBOX CONTAINS THE BREADCRUMBS, THE HOMEBREADBOX
   CONTAINS THE MANUALLY PLACED BREADCRUMBS ON THE HOME PAGE */
#breadbox, #homebreadbox {
    margin: 0.25em 0;
    font-size: 0.78em;
}
#breadbox {
    margin-left: -10px;
}
#homebreadbox {
    margin-top: -5px;
}
#breadbox a, #homebreadbox a {
    padding: 0.5em 0.35em;
    font-weight: normal;
}
.breadcrumb {
    display: inline;
}
.breadcrumb ul li {
    display: inline;
}

/* DO NOT DISPLAY THE DRUPAL DEFAULT BREADCRUMBS 
   ON THE FRONT PAGE OR A SEARCH PAGE */
body.front #breadbox,
body.page-search #breadbox {
    display: none;
}

body.sidebar-right #breadbox {
    margin-left: 0;
}



/* FOOTER
============================================================*/
#footer {
    text-align: center;
    font-size: 0.83em;
    line-height: 1.4;
    clear: both;
}
#footer p {
    margin: 0;
    padding: 0;
}
#footer address {
    display: inline;
}



/* ALL PAGE STYLES
#################################################################*/
h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.05em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.9em; }

h2, h3, h4, h5, h6 {
    margin-bottom: 0;
}
h2, h3, h4 {
    margin-top: 1.0em;
}

p {
    margin-top: 0;
}

/* FOR CURLY QUOTES */
q {
    quotes: '\201C' '\201D';
}

h1#pagetitle {
    display: block;
    clear: both;
	margin: 0;
	text-transform: uppercase;
	font-size: 23px;
	font-weight: normal;
	line-height: normal;
	background: url(title-bg-left.jpg) no-repeat;
	padding: 2px 0 2px 15px;
	color: #300;
}

#tagline {
    font-size: 1.1em;
    font-weight: bold;
}

.sectiontitle {
    border-bottom: 1px solid;
    padding-left: 0.35em;
}

.subtext {
    margin-left: 2.5em;
    padding-bottom: 1em;
}


.filename {
    font-style: italic;
}


.credit {
    font-size: 0.9em;
    line-height: 1.4;
    margin-top: 30px;
    width: 80%;
    margin: 0 auto;
}

.topauthorcite {
    font-size: 1em;
    margin: 1em 0;
}

.authorcite {
    font-size: 0.95em;
    text-align: right;
    margin: 1em 30px 2em 0;
}

#help {
    font-size: 0.9em;
    margin-bottom: 1em;
}

.messages {
    border: 1px solid;
    padding: 0.3em;
    margin-bottom: 1em;
}

.submitted {
    font-size: 0.8em;
}

address {
    font-style: normal;
    padding-bottom: 1em;
}    
div.address p {
    line-height: 1.45;
    margin: 0;
    padding: 0;
    margin-left: 1.5em;
}


/* MORE AND BACK ARROW BLOCKS */
div.morelink, div.backlink {
    font-size: 1em;
    font-weight: bold;
    margin-top: 15px;
}
div.morelink img, div.backlink img  {
    position: relative;
    top: 0.5em;
}
div.morelink {
    text-align: right;
    margin-right: 1em;
}
div.backlink {
    text-align: left;
    margin-left: 1em;
}


/* A RIGHT-FLOATED BOX */
.featurebox {
    width: 152px;
    padding: 6px;
    margin: 0 0 8px 1em;
    float: right;
    border: 1px solid #888888;
}
.featurebox h3 {
    margin: 0;
    padding: 6px 6px 0 0;
}
.featurebox ul {
    font-size: 0.8em;
    margin: 0;
    padding: 0 0 4px 4px;
}
.featurebox ul li {
    margin-left: 2em;
}



/* LISTS
============================================================*/

/* RESET THE LEFT PADDING AND MARGIN FOR ALL LISTS
   THIS IS MAINLY FOR BROWSER COMPATIBILITY */
ul, ol, dl {
    padding-left: 0px;
    margin-left: 2em;
}

/* ADDS SOME PADDING BETWEEN LIST ITEMS */
.padded li {
    padding-bottom: 0.75em;
}

/* A PLAIN LIST WITH NO BULLETS */
ul.plain {
    list-style: none;
}

/* A PAGE OR SECTION'S TABLE OF CONTENTS LIST */
ul.indexlist {
    font-size: 1.1em;
    list-style-type: none;
}
ul.indexlist li {
    padding-bottom: 1em;
}

/* DESCRIPTIVE LIST WITH AN EMPHASIZED TITLE */
dl.largetitle dt {
    font-size: 1.25em;
    font-weight: bold;
}
dl.largetitle dd {
    font-size: 0.90em;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5em;
}


/*  LINKS LIST */
ul.links li {
    display: inline;
    border-left: 1px solid;
    padding: 0 0.5em 0 0.75em;
}
ul.links li.first {
    border: none;
    padding-left: 0;
}
.item-list .title {
    font-size: 1em;
}

div.links  {
    font-size: 0.95em;
}

.links {
    margin-bottom: 0;
}
.comment .links {
    margin-bottom: 0;
}


/* FEED LISTS ON PAGES AND IN BLOCKS */
ul.feeds {
    list-style-type: disc;
    list-style-image: url(feed.png);
    list-style-position: inside;
    margin-left: 0em;
    margin-top: 0.5em;

}
ul.feeds li {
    padding: 0;
    margin: 0;
    padding-bottom: 5px;
}
/* A NESTED FEED LIST */
ul.feeds li ul {
    margin: 0.25em 0 0 2em;
    padding: 0;
}



/* IMAGE BOXES
============================================================*/


/* IMG + (.LEFT, .RIGHT, .CENTER)
     IMG PRODUCES A BOX CONTAINING A BORDERLESS IMAGE
     PLUS A CAPTION. THE BOX DOES NOT HAVE A BORDER.
     NOTE: YOU **MUST** SPECIFY THE WIDTH OF THE BOX,
     WHICH SHOULD EQUAL THE IMAGE WIDTH.
-------------------------------------------------------*/
.img {
    padding: 6px;
    margin: 5px;
}
.img p {
    font-size: 0.80em;
    line-height: 1.3;
    padding: 0;
    margin: 0;
}
.img img {
    margin-bottom: 2px;
}
.img p a {
    font-weight: normal;
}

/* FOR A LIST OF IMAGES */
.img ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.img ul li {
    padding-top: 1.5em;
}

/* THE :first-child STYLE WILL NOT WORK IN IE6 */
.img ul li:first-child {
    padding-top: 0;
}



/* IMGBOX + (LEFT, RIGHT, CENTER)
     IMGBOX PRODUCES A BOX CONTAINING A BORDERED IMAGE
     PLUS A CAPTION. THE BOX ALSO HAS A LIGHT BORDER.
     NOTE: YOU **MUST** SPECIFY THE WIDTH OF THE BOX,
     WHICH SHOULD EQUAL THE [IMAGE WIDTH] + 2PX. 
     THE 2PX IS FOR THE LEFT AND RIGHT BORDER.
-------------------------------------------------------*/
.imgbox {
    padding: 6px;
    margin: 5px;
    border: 1px solid #888888;
}
.imgbox p {
    font-size: 0.80em;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}
.imgbox img {
    border: 1px solid #888888;
}
.imgbox p a {
    font-weight: normal;
}

/* FOR A LIST OF IMAGES */
.imgbox ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.imgbox ul li {
    padding-top: 1.5em;
}

/* THE :first-child STYLE WILL NOT WORK IN IE6 */
.imgbox ul li:first-child {
    padding-top: 0;
}


/* USE THE FOLLOWING IN CONJUNCTION WITH .img AND .imgbox */
/* IMAGE'S FLOAT POSITION */
.left {
    float: left;
}
.right {
    float: right;
}
.center {
    margin: 0 auto;
    text-align: center;
}

/* USE THIS CLASS ON LARGE IMAGES THAT NEED
   MORE SPACING AND A LARGER CAPTION FONT */
.largeimage {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 1.2em;
}

/* USE THIS TO PUT A BORDER ON THE UNBORDERED .img BLOCK */
.img img.border {
    border: 1px solid;
}



/* A ROW OF IMAGES */
.imagerow {
    clear: both;
    margin: 2em auto;
}
.imagerow p { display: inline; }
.imagerow img { padding: 0 10px; }




/* TABLES
============================================================*/
table.generic {
    font-size: 0.95em;
    border-collapse: collapse;
    width: 80%;
    margin: 15px auto;
    border: 1px solid;
}
table.generic td {
    padding: 0.3em;
}


/* TABLE HEADER CELLS */
th {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.3em;
}

tr.odd td, tr.even td {
    padding: 0.3em;
}




/* FORMS
============================================================*/
fieldset {
    border: 1px solid;
}

.form-item label {
    font-size: 1em;
}





/* BOX, BLOCK, AND NODE STYLES
============================================================*/
.block, .box {
    padding: 0 0 1.5em 0;
}

#sidebar-left .block {
    padding: 0;
}

.block {
    padding: 5px;
    margin-bottom: 1.5em;
    display: block;
}

.block .title {
    font-size: 1.1em;
    margin-bottom: 10px;
}

.box .title {
    font-size: 0.9em;
}

.node {
    margin: 0.5em 0 2em 0;
}

.node .content, .comment .content {
    margin: 0.5em 0 0.5em 0em;
}

.node .taxonomy {
    font-size: 0.8em;
    margin: 0.5em 0 0.25em 0;
}

.node .picture {
    border: 1px solid;
    float: right;
    margin: 0.5em;
}




/* COMMENTS
============================================================*/
.comment {
    border: 1px solid;
    padding: 0.5em 1.5em;
    margin-bottom: 1em;
    font-size: 0.94em;
}

.comment .title a {
    font-size: 1em;
    font-weight: normal;
}

.comment .new {
    text-align: right;
    font-weight: bold;
    font-size: 0.8em;
    float: right;
    color: red;
}

.comment .picture {
    border: 1px solid;
    float: right;
    margin: 0.5em;
}




/* AGGREGATOR
============================================================*/
#aggregator .feed-source {
    border: 1px solid;
    padding: 1em;
    margin: 1em 0;
}
#aggregator .news-item .categories, #aggregator .source,
#aggregator .age {
    font-style: italic;
    font-size: 0.9em;
}
#aggregator .title {
    margin-bottom: 0.5em;
    font-size: 1em;
}
#aggregator h3 {
    margin-top: 1em;
}



/* FORUM STYLES
============================================================*/
#forum table {
    width: 100%;
}
#forum td {
    padding: 0.5em;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
    height: 1.5em;
    border: 1px solid;
}
#forum td .links {
    padding-top: 0.7em;
    font-size: 0.9em;
}



/* PROFILE
============================================================*/
#profile .profile {
    clear: both;
    border: 1px solid;
    padding: .5em;
    margin: 1em 0em;
}
#profile .profile .name {
    padding-bottom: 0.5em;
}
.block-forum h3 {
    margin-bottom: .5em;
}


/* ADMIN PANEL
============================================================*/
div.admin-panel h3 {
    padding: 5px 8px 5px;
    margin: 0;
}



/* POLL MODULE
============================================================*/
.poll .bar {
    border: 1px solid;
}
.poll .bar .foreground {
     border-right: 1px solid;
}




/* TAXONOMY & TAGS
============================================================*/
.terms.terms-inline {
    font-size: 0.9em;
    line-height: 1.5;
    padding: 0;
    margin: 0;
}
.terms.terms-inline a {
    font-weight: normal;
}

.terms.terms-inline ul.links li {
    padding: 0 0.4em 0 0.7em;
}

ul.links.inline {
    font-size: 0.9em;
}



/* TAGADELIC STYLES */
.wrapper.tagadelic {
    width: 70%;
    margin: 2em auto;
}

.tagadelic.level1 { font-size: 0.8em; }
.tagadelic.level2 { font-size: 1em; }
.tagadelic.level3 { font-size: 1.25em; }
.tagadelic.level4 { font-size: 1.5em; }
.tagadelic.level5 { font-size: 1.75em; }
.tagadelic.level6 { font-size: 2em; }

a.tagadelic {
    padding: 0 0.25em;
}


/* SEARCH RESULTS
=================================================================*/

dl.search-results dt.title {
    font-size: 1.1em;
}

/* BOOK NAVIGATION
=================================================================*/

.book-navigation {
    clear: both;
}

/* ADDED RULES 
=================================================================*/

#header-middle ul.account {
	padding: 0;
	width: auto;
	float: right;
	color: #4b4b4b;
}

#header-middle ul.account li {
	border-left: 1px solid;
	display: inline;
	padding: 0 2px 0 4px;
	margin: 0;
}

#header-middle ul.account li.first {
	border: none;
	padding-left: 0;
}

#header-middle ul.account li a{
	border: none;
	padding: 0;
}

#header-region .block {
	margin: 0; padding: 0;
}

#homeLink a {
	text-indent: -1000em;
	display: block;
	height: 195px;
}
.clearer {border:0 none;clear:both;float:none;font-size:1px;height:0;line-height:1px;margin:0;padding:0;visibility:hidden;}

#pageTitle {
	background: url(title-bg.jpg) repeat-x;
}

.content p strong {
	color: #930;
}
.content ul.download {
	padding: 0;
	margin-left: 0;
}

.content ul.download li {
	list-style-type: none;
	background: url(page-link-bg.jpg) left no-repeat;
	padding-left: 10px;
	font-size: 11px;
}
.content ul.download a {
	font-weight: bold;
	color: #000;
}
#sidebar-right ul.calloutMenu {
	padding: 0;
	text-align: center;
	margin-bottom: 20px;
}

#sidebar-right ul.calloutMenu li {
	margin-bottom: 2px;
	background: #d9d9d9 url(callout-link-bg.jpg) repeat-x bottom;
	list-style-type: none;
	line-height: normal;
	padding: 8px 0;
}

ul.calloutMenu li a {
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

#footer {
	background: url(footer-bg.jpg) top no-repeat;
	padding-top: 17px;
}

#footer .block {
	margin-bottom: 0;
	padding: 0;
}

#footer {
	color: #040404;
}
#footer a {
	color: #525252;
}

#footer address {
	color: #8b8b8b;
}

.brownColor {
  color:#9f3500;
}
/*/// CSS POSITIONING ////*/


#page {
	position: relative;
}

#header-middle {
	position: absolute;
	margin: 0;
	top: 0px;
	left: 0px;
}

#content h1#pagetitle {
	position: absolute;
	width: 790px;
	top: 250px;
	left: 0;
}

#navigation {
	position: relative;
	width: 790px;
	top: -41px;
	left: -10px;
}