/* 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 { background-color:#f2e7d3; background-image:url(images/HONK-bkg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:top center; } .custom #page { background-color: inherit; } .custom #header { background-image:url(images/honk-5-logo.gif); background-repeat:no-repeat; background-position:center; height:150px; border:none; color:#c73a2d; margin-top: -10px; } .custom #content_box { background-color:#f2e7d3; } #content_box { background-color:#f2e7d3 !important;; } .custom #content { border-color:#ffffff; } .contactpage #content li { list-style-type:none; margin-left:15px; border: none; } .custom #header #logo { visibility:hidden; padding-top:95px; } .custom #header #tagline { color: #111111; text-weight: bold; font-size: 2.0em; display: inline; float: right; background-color:#f2e7d3; } .custom ul.menu { background-color: #f2e7d3; margin-top: 1em; padding-left: 2px; } /*.custom ul.menu li { margin-bottom:0; margin-left: .2px; margin-right: .2px; } */ .custom #footer { border:none; color:#000000; } .custom #footer a { color:#000000; } .custom .headline_meta { display: none; } .custom #comments { display: none; } h1 { padding-bottom: .3em; color: #c7392d; } .feedbackpage p.signed { margin-top: -30px; margin-bottom: 30px; } .contactpage ul#instructions li { padding-bottom: 10px; } .helppage input, .tshirtpage input { width: inherit; } .schedlocpage h1 { padding-top: 10px; margin-bottom: -10px; } .schedpage h1 { padding-top: 10px; } .execphpwidget li { padding-bottom: 7px; } .execphpwidget h3, .textwidget h3 a { color: #c7392d; text-weight: bold; font-size: 120%; } a.band_website { font-size: 110%; } .custom #home { background-color:#f2e7d3; background-image:url(images/home-bkg.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 70%; } .home .headline_area,.aboutpage .headline_area, .bandlanding .headline_area, .bands-2008 .headline_area, .schedpage .headline_area,.bookpage .headline_area,.mmentionspage .headline_area,.bands-2009 .headline_area,.bands-2007 .headline_area,.bands-2006 .headline_area, .all-bands .headline_area, .deephonkpage .headline_area { display: none; } div.twitter { height: 75px; padding-top: 20px; padding-bottom: 5px; clear: right; } div.twitter img { float: left; } .execphpwidget .current_page_item { padding-bottom: 0.1em; background: #fff; border-bottom: 0; } .execphpwidget .current_page_item a, { cursor: text; } .execphpwidget .current_page_item a:hover { text-decoration: none; } .bookpage dt.band { text-weight: bold; font-size: 140%; } .bookpage dl dl { padding-bottom: 10px; } .bookpage dd.part { display: inline; font-size: 90%; padding-right: 5px; } table.wp-table-reloaded { font-family:arial; background-color: #CDCDCD; margin:10px 0pt 15px; font-size: 8pt; /* width: 100%; */ text-align: left; } /* Styles for the tablehead () (if enabled) */ table.wp-table-reloaded thead tr th, table.wp-table-reloaded tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF; font-size: 9pt; padding: 4px; } table.wp-table-reloaded thead tr .header { background-image: url(/wp-content/plugins/wp-table-reloaded/img/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.wp-table-reloaded tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; } /* Styles for alternating row colors (if enabled) */ table.wp-table-reloaded tbody tr.even td { background-color:#FFFFFF; } table.wp-table-reloaded tbody tr.odd td { background-color:#F0F0F6; } /**************************************/ /* how to change column widths : you can access a column with its CSS-class (that is ".column-" plus the number of the column) use table.wp-table-reloaded to do your change for every table, or use table.wp-table-reloaded-id- for just a single table (with ID ) example: this changes the width of the third column of table ID 5 to 25px: table.wp-table-reloaded-id-5 .column-3 { width: 25px; } */ table.wp-table-reloaded-id-1 .column-1{ font-weight: bold; font-size: 110%; } table.wp-table-reloaded-id-2 .column-1{ font-weight: bold; font-size: 110%; } table.wp-table-reloaded-id-4 .column-1{ font-weight: bold; font-size: 110%; } /* Styles for the sorting (if Tablesorter is enabled) */ table.wp-table-reloaded thead tr .headerSortUp { background-image: url(/wp-content/plugins/wp-table-reloaded/img/asc.gif); } table.wp-table-reloaded thead tr .headerSortDown { background-image: url(/wp-content/plugins/wp-table-reloaded/img/desc.gif); } table.wp-table-reloaded thead tr .headerSortDown, table.wp-table-reloaded thead tr .headerSortUp { background-color: #8dbdd8; } /* Style for the Table Name (in

-Tag) (if printed above the table) / h2.wp-table-reloaded-table-name { font-size: 16px; } / Style for the Table Description (if printed under the table) / span.wp-table-reloaded-table-description { font-size: 10px; } .schedlocpage dl, .fschedlocpage dl { visibility: hidden; } .schedlocpage h1, .fschedlocpage h1 { padding-top: 25px; padding-bottom:10px; clear:both; } .schedlocpage .line, .fschedlocpage .line { float: left; width: 100%; display: block; position: relative; } .schedlocpage .item, .fschedlocpage .item { position: relative; float: left; left: 100%; } .schedlocpage #loctable { margin-left: -100%; width: 30%; } .schedlocpage #map { margin-left: -70%; width: 80%; padding-top: 10px; } .fschedlocpage #loctable { margin-left: -100%; width: 50%; } .fschedlocpage #map { margin-left: -45%; width: 50%; padding-top: 10px; } .fschedlocpage a.loclink { text-decoration: none; color: black; } .davepage a { text-decoration: none; color: black; } / deal with weird overflow in inline google maps */ div.map div span { display: none; }