/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* CUSTOM HEADER STUFF BELOW: ===============================*/ /* .custom #header {display: block; padding: 0 0 0 0; width:966px; margin-top: -2.2em; margin-left: -2.2em; height:170px; background-image: url(http://www.clayharmon.com/images/header-graphic.jpg); background-position: center ; background-repeat: none; border-bottom: 1px #a1102d solid;} .custom #header #logo {outline: none; text-indent: -9999px;} */ /* .custom #header {background-color:#6E3C48; font-family: "Century Gothic", arial; background-repeat: none; border-bottom: 1px #a1102d solid;} */ /* Current 1/31/2010 clickable header with tiled background font-family: "Futura", "Century Gothic", arial;*/ .custom #header {background-image: url(http://www.clayharmon.com/images/header-tile.jpg); background-repeat: x; border-bottom: 1px #a1102d solid; margin-top: -2.2em; margin-left:-2.2em; margin-right:-2.2em; font-weight:lighter;} .custom #header a:hover {color: black;} .custom #logo {font-weight: normal; letter-spacing: 13px; text-transform: lowercase; padding-top: 0.5em; padding-left:1.3em;} .custom #tagline {letter-spacing: 3px; padding-bottom: 1.0em; padding-top: 2.2em; text-align:right; padding-right: 3.0em; } /* .main_page #header {background: #f0ede0; -moz-border-radius: 1em; -webkit-border-radius: 1em; } */ /*- rounded corners from thesis-tutor.com - */ /* CUSTOM SIDEBAR STUFF BELOW: ========================= */ .custom #sidebars {border-top: 0; padding-top: 2.0em; background-color: #efeee1; border-top: 4px double #a1102d; width: 105.1%; margin-left: -2.6%; } /* CUSTOM FOOTER STUFF BELOW: ============================ */ .custom #footer {padding: 3em 0 0 0; width:968px; background-color: #efeee1; height: 170px; border-top: 1px dotted #000000; letter-spacing: 2px; margin-right: -2.3em; margin-bottom: 0; background-repeat: no-repeat; float:right;} .custom #footer a {border-bottom: 1px black solid;} /* not needed with new design .custom #footer {background-color: #efeee1; border-top: 1px dotted #000000; margin-left:-2.6% ; width: 102.6%; text-color: #000000; margin-bottom: -2.6%; letter-spacing: 2px;} */ /* CUSTOM MENU STUFF BELOW: ========================= */ .custom .menu {padding: 0 1.1em; text-transform:lowercase;} .custom .menu, .menu a, .menu li ul {border-bottom-style:none; border-right-style: dotted; border-left-style: none; border-top-style: none; text-transform: lowercase; letter-spacing: 4px;} .custom .menu .menu a:active {border-right-color: #a1102d; border-right-style: solid;} /* ROUNDED MENU CORNERS - NOT USED CURRENTLY */ /*.custom .menu { border: none; } .custom .menu li a { -moz-border-radius-bottomright:.5em; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-right-radius:.5em; -webkit-border-bottom-left-radius:.5em; } .custom .menu .tab-home a { border-left: 1px solid #ddd; } .custom .menu li ul li a { -moz-border-radius: 0em; -webkit-border-radius: 0em; } */ /* - CUSTOM PAGE ITEMS - */ .custom #container { padding-top: 2em; padding-bottom: 0em;} /* CUSTOM BODY ITEMS */ body.custom { background: #4F4C45 50% 0 no-repeat; padding-top: 4em;) /* TYPOGRAPHICAL CUSTOMIZATIONS FOR HEADINGS AND BODY TYPE */ /* Custom declarations for letter spacing on headline typefaces */ .custom h1,h2,h3,h6 {letter-spacing: .3em;} /* Custom declarations for letter spacing on body fonts */ .custom a, p {letter-spacing: .12em;} /* Some custom classes for doing page display particulars inside divs, i.e.

content

*/ .custom .format_text .drop_cap { font-family: "Century Gothic", arial; font-weight: bold; font-size: 1.8em; color: #555555; } .field_note {height:1000px; width:700px; background-image: url(http://www.clayharmon.com/images/field_notes.png); background-color: #F2EEEB; background-position: center; } .parchment_page {height:1000px; width:700px; background-image: url(http://www.clayharmon.com/images/page.png); background-position: center; background-repeat: no-repeat; padding-left:200px; padding-top: 1px;} .page_content{height:900px; width:600px; margin-left: -100px; padding-left:40px; padding-top:70px; padding-bottom:20px;}