/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the &amp;amp;amp;lt;body>; 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; } &amp;amp;;lt;--- 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 a:visited { color:#402303; } .custom a:hover { text-decoration:underline; color:#f00; } /* ----- Puts a little space b/t top/bottom of screen and your blog page ----- */ .custom #container { margin-top:0.6em; margin-bottom: 0em; } /* .custom #container { margin-top:0.6em; margin-bottom: 0.6em; } */ /* ----- Sets Background of site to antique wallpaper ----- */ body.custom { background: url('images/bg-red.jpg'); repeat-x; } .custom #bodytop { background: url('images/bg-red-top.jpg'); position:absolute; z-index:-1; width:100%; height:160px; top:0; left:0; repeat-x; } /* ----- Modify the spacing on the drop cap class ----- */ .custom .drop_cap { padding: 0.04em 0.075em 0 0; } /* ----- Start Custom Header Logo ----- */ .custom #header { border-bottom:none; width:900px; height:127px; padding-top:0px; padding-bottom:5px; /* ----- Margin statment needed for IE to observe the top space above the header ----- */ margin:0.8em 0 0 0; background: url('images/balch-logo.jpg') top left no-repeat; } .custom #header #logo { display:none; } .custom #header #tagline { display:none; } /* ----- Builds the graphic page border; Internal borders; and footer bottom graphic ----- */ .custom #page { background: url('images/bg-lr.gif') repeat-y #f8e9cc; } .custom #footer { background: url('images/footer.gif') no-repeat; border-color:#682b18; } /* .custom #footer { background: url('images/footer.gif') no-repeat bottom; border-color:#682b18; } */ /* .custom #footer { background: #f8e9cc; margin:0px 5px 5px 5px; url('images/bg-w-bottom.gif') no-repeat bottom; border-color:#682b18; } */ /* --------------- Setup of Menu image and sets items to in the grunge area --------------- */ .custom .menu { background: url('images/bg-w-top.jpg') no-repeat; padding:1em .75em 2.5em 1em; } /* ----- Sets Menu font attributes, removes capitols, tightens up text spacing, removes background ----- */ .custom .menu a, menu li ul { color:#723419; font-size:20px; font-weight:bold; text-transform:none; letter-spacing: 0px; background:none; padding: 0em .5em .15em .5em; font-family:Palatino Linotype,Book Antiqua3,Palatino6,serif; } /* ----- Sets menu items font hover color ----- */ .custom .menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover { color:#BA4A19; background:#fffef1; text-decoration:none; } /* ----- Sets Current Menu Item font and surround color ----- */ /* ----- set current menu item (landing page) font color and background ----- */ .custom .menu .current a, .menu .current-cat a { color: #FFFFFF; background: #723419; } /* ----- set color and width for sub menu ----- */ .custom .menu ul a { width:131px; background:#FFFCD6;} /* ----- set current top level menu item font color and background ----- */ .custom .menu .current-parent >; a, .menu .current-cat-parent > a { color: #FFFFFF; background: #723419; } /* ----- Places paper background in content area and adjusts for padding/width ----- */ .custom #content { background:url('images/bg-w.jpg'); repeat-y; top:0; margin:0px 5px 0px 5px; padding-left:0.5em; width:62.75em; } .custom #sidebars { background:url('images/bg-w.jpg'); repeat-y; margin:0px 5px 0px 5px; padding-right:0.6em; width:26em; } /* ----- set separator line on prev-next articles to dark brown ----- */ .custom #archive_info, .prev_next { border-color:#682B18; } /* ----- Adjusts media box border and image box size to fit in sidebar ----- */ .custom #multimedia_box { width:23.5em; } .custom #image_box img { height:23em; width:23em; } .custom .post_box { padding-top:0.25em; } /* ----- Adjusts Sidebar font ----- */ .custom .sidebar h3 { color: #555555; font-weight:bold; } /* .custom .sidebar { background: url('images/sb-ornament.gif') no-repeat center top; padding:13px 5px 5px 0px; } */ /* ----- Adjusts separators colors ----- */ .custom .post_box, .teasers_box { border-color:#682B18; } .custom #content_box { background:url('images/dot-ddd.gif') repeat-y scroll 64.0em 0 transparent; } /* .custom #content_box { background:url('images/dot-ddd.gif') repeat-y scroll 72em 0 transparent; } */ /* ----- Defines unordered list parameters for gallery page ----- */ .custom .myGallery li {list-style:none; display:inline; float:left; width:150px; margin:10px;} /* ----- Defines unordered list parameters for PMB page ----- */ .custom .myPMBList {list-style-type:square; } .custom .myPMBListSmall {list-style-type:square; font-size:0.75em } .custom .myPMBVendors li {list-style-type:none; display:inline; float:left; width:175px; height:120px; margin:5px;} .custom .myPMBVendors2 li {list-style-type:none; display:inline; float:left; width:175px; height:120px; margin:5px 5px 75px;} /* ----- old stuff for UL in gallery page ----- .custom #gallery_nav { background:none; padding-right:.5em; padding:10px 0; } .custom #gallery_nav ul#navigation { width:100%; margin-left:auto; margin-right:auto; } .custom #gallery_nav ul#navigation li { list-display-type:none; display:inline; line-height:3.5em; padding-right:0.5em; } .custom #gallery_nav ul#navigation li a { color:#723419; font-size:1.5em; padding:0em .5em; text-decoration:none; } .custom #gallery_nav ul#navigation li a:hover { color: #fff; background: #723419; } */ /* ----- Defines Style for Gallery Table ----- */ .custom #gallery_table { width:90%; padding:0px; border:0px solid; border-collapse:collapse; position:relative; left:20px; } .custom #gallery_table td, #gallery_table th { width:100%; font-size:1.2em; text-align:center; border:0px solid #723419; padding:3px 7px 2px 7px; vertical-align:top; } .custom #gallery_table th { font-size:1.25em; text-align:center; padding-top:5px; padding-bottom:4px; background-color:#683021; color:#ffffff; } .custom #gallery_table tr.alt td { color:#000000; background-color:#e1b578; } .custom #gallery_table a:link, a:visited { color:#000000; text-decoration:none; } .custom #gallery_table a:hover { color:#fff; background:#723419; } /* ----- Definitions for About Us Table ----- */ .custom #about-us { padding:0px; border:0px solid; align="center"; } .custom #about-us p { text-align:justify; } .custom #about-us td.left { vertical-align:top; width:50%; padding-right:10px; } .custom #about-us td.right { vertical-align:top; width:50%; padding-left:10px; } /* ----- Customized Footer - adapted from Aesthete Theme ----- */ .custom #footer_cust { padding: 8px 0px 8px 5px; margin-top:8px; background-color:#f8e9cc; width:98% } /* width: 892px; } */ .custom #footer_cust, #footer_cust a, #footer_cust a:visited { color: #723419; } /* font-size: 90%; */ .custom #footeraddress_cust { font-size: 18px; } .custom #footerphone_cust { font-size: 18px; } .custom #footercopyright_cust { font-size: 14px; } .custom #footerphone_cust .tel { float:left; margin:3px 10px 0 0; } .custom #footerphone_cust .code { font-size: 12px; margin-top:0px; float:left; } .custom #footerphone_cust .number { font-size: 28px; margin-top:-7px; float:left; } /* ----- Removed outline effect/artifact from links ----- */ .custom a {outline: none;} /* ----- Setup for slideshow in Multimedia Box ----- */ .custom #photodiv { background-repeat: no-repeat; }