/* documentedlife style sheet by Miles, with borrowings from wordpress sources maybe */ body {background-color:#FDFDFD; font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; margin-left: 2px; margin-top: 0px; margin-right: 0px; text-align: center; /* to center contentbox */ } h2 {font-size: 1.2em; color:#000000;} blockquote {background-color:#EFEFEF; border: 1px solid #333; margin: 3px; padding: 6px; letter-spacing: .05 em; } .centerthetext {text-align: center} li { list-style-type: none; /* this eliminates bullets from link list */ font-size: 1em; margin-left: -18px;/* */ } /*ie inserts extra spaces before links and wraps around ugly.... how to fix*/ A:link {text-decoration: none; } A:visited {text-decoration: none; } A:active {text-decoration: none;} A:hover {text-decoration: none;} .columnbiopic A:link {text-decoration: none; color: black; } .columnbiopic A:visited {text-decoration: none; color: black; } .columnbiopic A:active {text-decoration: none; color: black; } .columnbiopic A:hover {text-decoration: underline; color: blue; border: 1px;} .border {border: 1px solid black; margin-top: 15px;} /*just to define biopic borders */ .portlandgroundbox a:link {text-decoration: none; border: 0px;} .portlandgroundbox a:visited {text-decoration: none; border: 0px;} .portlandgroundbox a:active {text-decoration: none; border: 0px;} .portlandgroundbox a:hover {text-decoration: none; border: 0px;} a img {border: none; } /*gets rid of image borders for links, hooray */ .columnsitelinks A:link {text-decoration: underline } .columnsitelinks A:visited {text-decoration: underline } .columnsitelinks A:active {text-decoration: underline } .columnsitelinks A:hover {text-decoration: underline; color: blue;} .columnsitelinks A:link {text-decoration: none } .columnsitelinks A:visited {text-decoration: none } .columnsitelinks A:active {text-decoration: none} .columnsitelinks A:hover {text-decoration: underline; color: red;} .columnblog A:link { color:#3300FF; text-decoration: none; } .columnblog A:visited { color:#3300FF;text-decoration: none; } .columnblog A:active { color:#3300FF;text-decoration: none;} .columnblog A:hover { color:#800000;text-decoration: underline;} .columnblogSingleEntry A:link {font-size: 1em; color:#3300FF; text-decoration: none; } .columnblogSingleEntry A:visited {font-size: 1em; color:#3300FF;text-decoration: none; } .columnblogSingleEntry A:active {font-size: 1em; color:#3300FF;text-decoration: none;} .columnblogSingleEntry A:hover {font-size: 1em; color:#804040;text-decoration: underline;} .littlelink A:link {text-decoration: none; font-size 1em; letter-spacing: .05em; color:#191919; line-height: 2em; } .littlelink A:visited {text-decoration: none; font-size 1em; letter-spacing: .05em; color:#191919; line-height: 2em; } .littlelink A:active {text-decoration: none; font-size 1em; letter-spacing: .05em; color:#191919; line-height: 2em; } .littlelink A:hover {text-decoration: underline; font-size 1em; color: #000000; letter-spacing: .05em; background-color:#E2E2E2; line-height: 2em; } .linkcat A:link {text-decoration: none; font-size 1.1em; letter-spacing: .03em; color:#191919; line-height: 2em; text-align: left; } .linkcat A:visited {text-decoration: none; font-size 1.1em; letter-spacing: .03em; color:#191919; line-height: 2em; text-align: left;} .linkcat A:active {text-decoration: none; font-size 1.1em; letter-spacing: .03em; color:#191919; line-height: 2em; text-align: left; } .linkcat A:hover {text-decoration: underline; font-size 1.1em; color: #000000; letter-spacing: .03em; background-color:#E2E2E2; line-height: 2em; text-align: left; } .littlelink {background-color:#FFFFFF; padding-left: 0;} /* this could create a box around each link category but for now is same color*/ /*.littlelink li {padding-left: 0px; background-color:#FFFFFF;}*/ .leadstorytitle A:link {text-decoration: none; } .leadstorytitle A:visited {text-decoration: none } .leadstorytitle A:active {text-decoration: none} .leadstorytitle A:hover {text-decoration: underline; color: red;} .headerbox A:link {text-decoration: none; color:#000000;} .headerbox A:visited {text-decoration: none; color:#000000; } .headerbox A:active {text-decoration: none; color:#000000;} .headerbox A:hover {text-decoration: none; color:#757575;} .sulink { color:#333333; text-decoration: underline; } .contentbox { background-color:#FFFFFF; width: 1150px; /*990px;*/ margin: 0 auto; /*for centering */ } .centeredheader {color:#000000; height: 10px; text-align: center; font-size: .9em; letter-spacing: .12em; font-weight:100; padding-top:2em;} .centeredheaderSubtitle {width: inherit; height: 10px; font-size: 10px; border-bottom: 1px #DFDFDF solid;} .centeredheadersmall {/*width: inherit;*/ text-align: center; font-size: .9em; letter-spacing: .2em; font-weight:100;} .categoryname { font-family: Arial, Helvetica, sans-serif; font-size: 1em; letter-spacing: .1em; padding: 1px 1px 1px 5px; border: 1px solid #000080; border-top: 1px solid #000080; margin-top: 1px; color:#FFFFFF; background-color: none;} /* for columnsites headers */ .headerbox {background-color:#FFFFFF; padding-top: 7px; padding-left: 0px; height: 15px; text-align: center; font-size: 1.1 em; font-weight: bold; letter-spacing: 1.5em; border-top: 1px solid #F9F9F9; border-bottom: 1px solid #F9F9F9; color:#000000; } .headerbox2 { padding-top: 4px; padding-left: 30px; height: 10px; text-align: left; font-size: 1.1em; letter-spacing: .5em; /* background-image: url(http://www.documentedlife.com/ButtonsControls/ORCityTrainsCarsFactories0051header1300.jpg); this is the container box below headerbox */} /* .headerbox3 {background-color:#F6F6F6; padding-top: 0px; padding-left: 30px; height: 15px; text-align: left; font-size: .8 em; letter-spacing: .05em; color:#333333; border-top: 1px solid #666; border-bottom: 1px solid #666; } */ .portlandgroundbox {background-color:#666666; color:#FFFFFF; width: 420px; text-align: center; padding-bottom: 10px; margin-bottom: 15px; margin-left: -5px; padding-left: 3px; font-size: .7em; float: left; } .portlandgroundboxSingle {background-color:#000000; color:#FFFFFF; width: 300px; text-align: center; padding-bottom: 10px; margin-right: 20px; font-size: .8em; float: left; } /*.columnblog {background-color:#FDFDFD; padding-left: 5px; padding-right: 5px; width: 420px; float: left; text-align: left; font-size: 1.2em; } OLD VERSION*/ .columnblog {background-color:#FFFFFF; padding-left: 10px; padding-right: 5px; width: 240px; float: left; text-align: left; display: block; font-size: 1em; letter-spacing: .1em; color: #000000; border-left: 1px #CCCCCC solid; } .columnblogSingleEntry {background-color:#F6F6F6; font-size: 1.4em; margin-left: 200px; margin-right: 30px; padding-left: 25px; padding-right: 25px; width: 680px; float: left; text-align: left; font-size: 1.4em; letter-spacing: .1em; color: #000000; /* to left align all content*/ } .columnbooks {border-left: 1px #C9C9C9 solid; display: block; cursor: pointer; background-color:#FFFFFF; padding-left: 8px; padding-right: 8px; width: 200px; float: left; text-align: left; /*font-size: 1em; border: 1px solid #000000; border-right: 0px;*/ /* to left align all content*/ } .columnbooksInner {border-left: 1px #CCCCCC solid; display: block; cursor: pointer; background-color:#FFFFFF; padding-left: 0px; padding-right: 8px; width: 160px; float: left; text-align: left; color: #F6F6F6; /* font-size: 1em; border: 1px solid #000000; border-right: 0px;*/ /* to left align all content*/ } /* this is a total goof to solve problem */ .emptylayer {position: bottom; background-img: "http://www.documentedlife.com/BIOIMAGES/1962augMHdoorwayTHUMB.jpg"; background: background-repeat: repeat; height: 200px: width: inherit; z-index: 1; /* this is a total goof to solve problem */ } .columnmovies {border-left: 1px #C9C9C9 solid; display: block; cursor: pointer; background-color:none; padding-left: 8px; padding-right: 8px; width:200px; float: left; text-align: left; font-size: 1em; column: #F6F6F6; /* border: 1px solid #000000; border-right: 0px; */ /* to left align all content*/ } .columnarticlelinks {border-left: 1px #CCCCCC solid; background-color:#FFFFFF; padding-right: 5px; width: 195px; float: left; text-align: left; display: block; } .columntubelinks {border-left: 1px #CCCCCC solid; background-color:#FFFFFF; padding-left: 10px; padding-right: 5px; width: 145px; float: left; text-align: left; } .columnbiopic2 {border-left: 1px solid #CCCCCC; height: 4000px; background-color:#EBEBEB; width: 65px; padding-left: 5px; padding-right: 5px; float: left; text-align: center; } .columnPGfeed { border-left: 1px #CCCCCC; solid; height: 4000px; display: block; cursor: pointer; background-color:#FFFFFF; padding-left: 5px; padding-right: 5px; width: 100px; text-align: left; float: left; font-size: 10px; } .columnSiteLinks {border-left: 1px #CCCCCC solid; width: 110px; /* background-color: #FFFFFF; */ padding-left: 5px; padding-right: 5px; float: left; text-align: center; height: 4000px; } .columnMore {border-left: 1px #CCCCCC solid; background-color:#EBEBEB; padding-left: 2px; padding-right: 2px; width: 69px; float: left; text-align: left; height: 4000px; } .footerbox {height: 200px; text-align:left; padding-left: 40px; font-size 1.24em; letter-spacing: .1 em; vertical-align:bottom /* background-image: url(INSERTBOTTOMIMAGEHERE );somehow float right makes the footer stay below the other columns */ margin: 0 auto; /*for centering */ } /*following is only rarely relevant on front page but placed here for times when it is */ .timedividertext { text-align: center; font-size: 1em; font-style: normal; font-weight: bold; color: #FFFFFF; padding: 2px 2px 2px 2px; background-color:#B8B8B8; border: 1px solid #000000; margin-top: 5px; margin-left: auto; margin-right: auto; /*this should center contents except for ie */ } /*following is only rarely relevant on front page but placed here for times when it is */ .commentbox { background-color:#C1C1C1; margin-top: 10px; margin-bottom: 10px; margin-left: auto; border: 1px solid #666666; margin-right: auto; /* these 2 should center comment box in nonIE browsers */ text-align: left; padding: 3px;} /*following is only rarely relevant on front page but placed here for times when it is */ .commenttext { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000000; } .authortext { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; /**/ letter-spacing: .15em; padding: 2px 5px 2px 2px; border: 1px solid #F8F8F8; text-align: left; float: none; color:#000000; /*color:#4B4B4B;*/ background: none; background-color:none; } .firstname {font-size; 1.1em; float: left; margin-right: 5px; } .lastname {font-size; 1.1em;} .title {font-size; 1.4em; font-weight:bold;} .pubyear {font-size; 1.1em;} .reviewtext { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color:#000000; /*color:#4B4B4B;*/ padding: 10px 1px 35px 1px; border: none; text-align: left; background: none; } .movietitle { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight:bold; letter-spacing: .15em; padding: 2px 2px 2px 2px; border: 1px solid #F8F8F8; text-align: left; float: none; color:#000000; /*color:#4B4B4B;*/ background: none; background-color: none; } .movietext { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color:#000000; /*color:#4B4B4B;*/ padding: 10px 3px 35px 3px; background: none; text-align: left; } /*border: solid 1px #ABABAB; */ .timedividertext { /* special for front page... different on second page */ font-family: Arial, Helvetica, sans-serif; font-size: 1em; letter-spacing: .1em; padding: 2px 2px 2px 2px; border: 1px solid #666; background-color:#EDEDED; text-align: center; margin-top: 4px; padding-left: 5px; float: none; color:#333; } .delicious-post {padding: 1em; font-size: 1.2em; } .delicious-odd { } .delicious-posts { padding: 0.1em; font-family: sans-serif; } /* this seems to control the box around all posts in opera, visible with white line but no visible effect on ie7 or ff2 */ .delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 5} .delicious-post { width: 180px; } /* this controls the width of the article listing in opera, but no visible effect in ie7 or ff2 */ .delicious-banner a { font-size: 1.1em; } .delicious-posts a:hover { text-decoration: underline; font-size: 1.1em; background-color:#E2E2E2; font-weight: bold; } .delicious-posts a {font-size: 1.1em; text-decoration: none; color:#000000; /* color:#737373;*/ display: block; padding: 0.1em; padding bottom: 2em; font-weight: bold;} .delicious-post a { font-size: 1.1em; color: #000000; font-weight: bold;} /* .deliciousbox {width: 40px; height: 8px; padding: 3px; background-color:#E6E886; text-align: center; border: 15px solid #666;} */ .delicious-extended {font-size: 1.4em;} /*following are blog related styles */ .postsummarycontainer { background-color:#E9FEFE; width: auto; height: auto; border: 1px solid #CACACA; padding: 1px; margin-top: 3px; margin-bottom: 10px; } .post { margin: 0 0 10 0px; text-align: left; font-size: 1.1em; color:#000000; } .post A:link {text-decoration: none; color:#000000; letter-spacing: .05em; line-height: 1.1em; } .post A:visited {text-decoration: none; color:#000000; letter-spacing: .05em; line-height: 1.1em;} .post A:active {text-decoration: none; color:#000000; letter-spacing: .05em; line-height: 1.1em;} .post A:hover {text-decoration: underline; color:#000000; letter-spacing: .05em; line-height: 1.1em; background-color:#E2E2E2; } .leadname { font-family: Arial, Helvetica, sans-serif; color:#FF8040; width: inherit; border-top: 1px solid #000; } .leadstorytitle { font-family: Arial, Helvetica, sans-serif; text-align: left; color: black; font-size: 1em; padding: 0px 1px 0px 10px; .leadstorycontent { font-family: Arial, Helvetica, sans-serif; font-size: .8em; letter-spacing: .15em; text-align: left; color: #000000; padding: 0px 5px 0px 15px; } .storycontent { margin: 0px; padding: 0px 10px 0px 10px;} .feedback {margin: 0px; color: #FF0000 } .feedbackleadstory {font-size: 10px; margin-left: 10px; color: #FF0000 } /* transfered over*/ .bigNav {border: 1px #000000 solid; width: 300px; height: 30px; background-color: #00FF00;} .navigation {text-align: justify;} .alignright {float:left; } .alignleft {float:left;} .entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .entry { font-size: 12px;} p.postmetadata2 {font-size: 9px;} .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }