/*------------------------------------------------- BASIC ELEMENTS -------------------------------------------------*/ * { margin: 0; padding: 0; } body { margin: 30px 10px; font-family: georgia, times, serif; font-size: 62.5%; color: #666; background: #B6AC88 url('/_img/bkd_body2.jpg') no-repeat left top; } a:link { color: #036; text-decoration: none; border-bottom: 1px dotted #ccc; } a:visited { color: #036; text-decoration: none; border-bottom: 1px dotted #ccc; } a:hover, a:visited:hover { color: #036; border-bottom: 1px dotted #666; } p { font-family: georgia, times, serif; font-size: 1.3em; line-height: 1.6em; padding: 0 0 1.0em 0; color: #666; } p.more { margin-top: 1.5em; } blockquote { background: url(../_img/bkd_blockquote.gif) no-repeat 0 2px; padding-left: 23px; margin: 0 40px 15px 0px; } blockquote p { font-size: 1.3em; color: #666; font-style: oblique; } ul { font-size: 1.3em; line-height: 1.5em; list-style: none; } h1 { font-size: 2.4em; line-height: 1.0em; padding-bottom: 0.3em; color: #930; font-weight: normal; } h1 a:link { color: #930; text-decoration: none; border-bottom: none; } h1 a:visited { color: #930; text-decoration: none; border-bottom: none; } h1 a:hover, h1 a:visited:hover { color: #036; border-bottom: none; } h1#Masthead { display: block; text-indent: -9000px; padding: 0; margin: 0 auto; height: 120px; width: 800px; background: transparent url(../_img/masthead4.jpg) left top no-repeat; } h1.pagehead { margin-bottom: 0.8em; } h1.pagehead span { color: #666; } h2 { font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; font-size: 1.2em; line-height: 1.0em; padding-bottom: 0.6em; background: transparent url(../_img/border_dotted_tan.gif) left bottom repeat-x; margin: 1.5em 0 1.0em 0; color: #6B634B; font-weight: bold; text-transform: uppercase; } h2 a { text-transform: none; font-weight: normal; } h2 span { font-weight: normal; color: #930; } h3 { font-size: 1.4em; font-weight: normal; color: #000; margin-bottom: 0.5em; } h3.subtitle { margin-bottom: 1.0em; } h4 { font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; font-size: 1.1em; line-height: 1.0em; padding-bottom: 1.5em; color: #999; font-weight: normal; } h4 strong { color: #565B5E; text-transform: uppercase; font-weight: normal; } h4 a:link { color: #6B634B; text-decoration: none; border: none; } h4 a:visited { color: #999; text-decoration: none; border: none; } h4 a:hover, h4 a:visited:hover { color: #1F1C15; border: none; } h5 { font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; font-size: 1.1em; line-height: 1.2em; color: #930; } input, textarea { font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; font-size: 11px; font-weight: normal; padding: 2px; } dl { font-weight: normal; } dt { font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; margin-top: 1.5em; padding-bottom: 3px; font-size: 1.1em; } dd { font-size: 1.3em; line-height: 1.6em; } /*------------------------------------------------- MAIN LAYOUT -------------------------------------------------*/ #OuterBoxLeft, #OuterBoxRight { margin: 0 auto; width: 820px; } #OuterBoxLeft { background: transparent url(../_img/pt_borders.png) left top repeat-y; } #OuterBoxRight { background: transparent url(../_img/pt_borders.png) right top repeat-y; } #InnerBox { margin: 0 auto; background-color: #fff; width: 800px; } #BodyBox { padding: 30px; text-align: left; } #MainCol { width: 500px; float: left; } #SideCol { width: 200px; float: right; } /*------------------------------------------------- JOURNAL POST -------------------------------------------------*/ div.post { overflow: hidden; } div.post img { margin: 0.5em 0 1.5em 0; border: 3px solid #B6AC88; } ul.post-links { font-size: 1.0em; line-height: 1.5em; list-style: none; padding: 1.0em 0; margin-bottom: 4.0em; background: transparent url(../_img/border_dotted_tan.gif) left top repeat-x; } ul.post-links li { float: left; margin-right: 1.5em; font-size: 1.1em; } ul.post-links a { padding-left: 2.0em; height: 1.6em; display: block; line-height: 1.6em; float: left; color: #6B634B; font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; text-decoration: none; } ul.post-links a:link, ul.post-links a:visited { color: #6B634B; text-decoration: none; border-bottom: none; } ul.post-links a:hover, ul.post-links a:visited:hover { color: #1F1C15; border-bottom: none; } li.permalink a { background: transparent url(../_img/icon_permalink.gif) left center no-repeat; } li.comments a { background: transparent url(../_img/icon_comments.gif) left center no-repeat; } /*------------------------------------------------- JOURNAL COMMENTS -------------------------------------------------*/ div.comment { padding: 15px; background-color: #efefe4; } div.comment p { font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; font-size: 1.1em; line-height: 1.4em; } div.comment p.namestamp { font-size: 1.2em; color: #A3A19B; } div.comment p.namestamp span { font-size: 0.9em; } /*------------------------------------------------- JOURNAL COMMENT FORM -------------------------------------------------*/ #txpCommentInputForm { margin-top: 4.0em; } #txpCommentInputForm p { font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; font-weight: bold; } #txpCommentInputForm p span { font-weight: normal; font-size: 0.9em; } #txpCommentInputForm textarea { width: 400px; height: 150px; } div.comments_error { margin-bottom: 20px; padding: 10px; font-size: 14px; color: #390; text-align: center; border: 1px solid #fc6; background-color: #ffc; color: #900; } /*------------------------------------------------- SIDEBAR -------------------------------------------------*/ #SideColBody div { margin-bottom: 20px; } #SideColBody h3 { padding-bottom: 5px; margin-bottom: 0.7em; color: #000; background: url(../_img/border_dotted_tan.gif) left bottom repeat-x; } #SideColBody h5 { margin-bottom: 5px; } #SideColBody img { float: left; margin: 0 10px 10px 0; border: #D35529 3px solid; } #SideColBody p { color: #333; font-size: 1.0em; line-height: 1.4em; font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; } #SideColBody ul { list-style: none; } #SideColBody li { line-height: 1.4em; padding: 0 0 10px 12px; background: url(../_img/bullet_sidebar.gif) left 0.35em no-repeat; font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; font-size: 10px; } /*------------------------------------------------- MAIN NAVIGATION -------------------------------------------------*/ #MainNavBox { width: 820px; height: 49px; padding-top: 10px; margin: 0 auto; background: transparent url(../_img/bkd_top_shadow.png) left top no-repeat; } #MainNav { margin: 0 auto; background: transparent url(../_img/bkd_topnav_orng.gif) left top no-repeat; width: 800px; height: 49px; } #MainNav ul { height: 41px; background: transparent url(../_img/bkd_mainnav.gif) left top no-repeat; list-style: none; position: relative; } #MainNav li, #MainNav a { display: block; height: 41px; } #MainNav li { z-index: 10; position: absolute; top: 0; } #MainNav li a { text-indent: -9000px; text-decoration: none; border-bottom: none; } /* css sprites */ #mainnav_home {top: 0px; left: 30px; width: 34px;} #mainnav_journal {top: 0px; left: 94px; width: 54px;} #mainnav_writing {top: 0px; left: 178px; width: 104px;} #mainnav_about {top: 0px; left: 312px; width: 71px;} #mainnav_contact {top: 0px; left: 412px; width: 54px;} /* hover states */ #mainnav_home a:hover, #mainnav_home a:visited:hover { background: url(../_img/bkd_mainnav.gif) -30px -41px no-repeat; } #mainnav_journal a:hover, #mainnav_journal a:visited:hover { background: url(../_img/bkd_mainnav.gif) -94px -41px no-repeat; } #mainnav_writing a:hover, #mainnav_writing a:visited:hover { background: url(../_img/bkd_mainnav.gif) -178px -41px no-repeat; } #mainnav_about a:hover, #mainnav_about a:visited:hover { background: url(../_img/bkd_mainnav.gif) -312px -41px no-repeat; } #mainnav_contact a:hover, #mainnav_contact a:visited:hover { background: url(../_img/bkd_mainnav.gif) -412px -41px no-repeat; } /* selected state */ #mainnav_home a.active:link, #mainnav_home a.active:visited { background: url(../_img/bkd_mainnav.gif) -30px -82px no-repeat; } #mainnav_journal a.active:link, #mainnav_journal a.active:visited { background: url(../_img/bkd_mainnav.gif) -94px -82px no-repeat; } #mainnav_writing a.active:link, #mainnav_writing a.active:visited { background: url(../_img/bkd_mainnav.gif) -178px -82px no-repeat; } #mainnav_about a.active:link, #mainnav_about a.active:visited { background: url(../_img/bkd_mainnav.gif) -312px -82px no-repeat; } #mainnav_contact a.active:link, #mainnav_contact a.active:visited { background: url(../_img/bkd_mainnav.gif) -412px -82px no-repeat; } /*------------------------------------------------- LIGHTBOX --------------------------------------------------*/ div.lightbox {position:relative;width:208px;height:170px;background:url(../_img/bkd_photo_thumb.jpg) top left no-repeat;} div.right {float:right;margin:-10px -10px 0 0} div.left {float:left;margin:-10px 10px 0 -10px} div.lightbox a {border:none} div.lightbox img {border:none;position:absolute;top:32px;left:29px;} #lightbox a {border:none} #imageDataContainer{font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif;} /*------------------------------------------------- BOOK --------------------------------------------------*/ div.bookframe {position:relative;width:176px;height:206px;background:url(../_img/bkd_book_frame.jpg) top left no-repeat;} div.bookframe a {border:none;position:absolute;width:110px;height:24px;bottom:17px;left:30px;display:block;text-indent:-9000px;} div.bookframe a:hover, div.bookframe a:visited:hover {border:none;} div.bookframe img {border:none;position:absolute;top:21px;left:21px;} /*------------------------------------------------- CONTACT FORM -------------------------------------------------*/ fieldset { margin: 10px 0 0 0; padding: 0; border: none; border-top: 1px solid #6B634B; background-color: #efefe4; } fieldset input { width: 200px; margin-right: 10px; } fieldset input, fieldset textarea { font-family: monaco, courier; font-size: 1.1em; font-weight: normal; } fieldset textarea { width: 470px; margin-top: 15px;} fieldset p { margin: 0; padding: 10px; font-size: 1.0em; color: #930; font-weight: bold; border-bottom: 1px solid #d6d6cb; } fieldset p span { color: #666; font-weight: normal; font-size: 1.0em; font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; } fieldset p label { float: left; display: block; width: 100px; font-size: 1.0em; font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; } fieldset p.submit { margin: 0; padding: 10px 0; background-color: #d6d6cb; text-align: center; } fieldset p.submit input { font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; } #ContactSent, #ContactError { margin-bottom: 20px; padding: 10px; border: 1px solid #390; background-color: #DDF3C6; font-size: 14px; color: #390; text-align: center; } #ContactError { border: 1px solid #fc6; background-color: #ffc; color: #900; } /*------------------------------------------------- FOOTER -------------------------------------------------*/ #FooterBox { width: 800px; margin: 0 auto; background: #555A5D url(../_img/bkd_footer_tile.png) left top repeat-x; } #Footer { padding: 20px; } #Footer p { font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; padding-bottom: 0.1em; color: #ABADAF; font-size: 1.1em; font-weight: bold; } #Footer small { font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; display: block; color: #919495; font-size: 1.0em; } #BottomBox { width: 820px; margin: 0 auto; height: 15px; background: transparent url(../_img/bkd_bottom_shadow.png) left bottom no-repeat; } /*------------------------------------------------- MISCELLANEOUS -------------------------------------------------*/ div.clear { clear: both; }