/* 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/ */ /* AMTech custom theme by Rik.Abel@gmail.com Memo to self: Don't forget to !REMOVE all temporary styles ... */ body.custom { background: #d98700 url(images/stripe.png) 0 0 repeat; padding: 25px 0; background-attachment: fixed; } .custom #page { background: #fff; } /* remove thesis default borders and bg images */ .custom #header, .custom #footer, .custom #tabs, .custom #tabs li, .custom .wp-caption, .custom #image_box, .custom #video_box, .custom #custom_box, .custom #image_box img, .custom li.widget .widget_box, .custom #feature_box { border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none; } .custom #footer { border-top: 0px solid #fff; } .custom #content_box { background-image: none; } /* padding and margins */ .custom #image_box, .custom #video_box, .custom #custom_box { padding: 0; background-color: #fff; } .custom .sidebar ul.sidebar_list { padding-left:0; padding-right:0; padding-top: 0; } .custom li.widget { margin-bottom: 20px; } .custom li.widget ul { padding: 10px; background: #eee; } .custom li.widget ul ul { padding-top: 0; padding-bottom: 0; } .custom #tabs { margin-bottom: 20px; } .custom #tabs li { margin-bottom: 0; margin-right: 5px; } .custom #tabs a { text-transform: none; letter-spacing: normal; } .custom .post_box { padding-top: 0; margin-left: 0; } .custom #feature_box { margin-bottom: 20px; padding: 10px; width: 500px; background: #eee; border: 1px solid #ddd; font-size: 1.2em; } /* change layout dimensions */ .custom #sidebars { width: 250px; position: relative; } .custom #sidebar_1 { position: absolute; top: 0; right: 0; } /* header and logo */ .custom #header { padding-top: 0; } .custom #header #logo { width: 143px; height: 100px; } .custom #header #logo a, .custom #header #logo a:visited { width: 143px; height: 100px; display: block; overflow: hidden; text-decoration: none; text-indent: -9999px; background: #fff url(images/logo2.jpg) 0 0 no-repeat; } .custom #header { position: relative; zoom:1; } #topsearch { position: absolute; top: 0; right: 0; } #topsearch #s { font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode",sans-serif; padding:0.308em; width: 27em; } #phone { position: absolute; bottom: 25px; right: 0; font-size: 1.5em; color: #888; } /* top navigation */ .custom #tabs a, .custom #tabs a:visited { color: #666; } .custom #tabs a:hover, .custom #tabs a:visited:hover { color: #212121; background: #dadada url(images/white_corner_10px.png) bottom right no-repeat; text-decoration: none; } .custom #tabs li.current_page_item a, .custom #tabs li.current_page_item a:visited, .custom #tabs li.current-cat a, .custom #tabs li.current-cat a:visited, .custom #tabs li.parent_active a, .custom #tabs li.parent_active a:visited, .custom #tabs li.current_item_parent a, .custom #tabs li.current_item_parent a:visited, .homepage #tabs li.hometab a, .homepage #tabs li.hometab a:visited { background: #d98700 url(images/white_corner_10px.png) bottom right no-repeat; color: #fff; } .custom #tabs .current_page_item, .custom #tabs .current-cat, .custom #tabs .parent_active, .custom #tabs .current_item_parent, .homepage #tabs li.hometab { padding-bottom: 0; } /* footer */ .custom #footer { border: none none none none; background: #eee url(images/white_corner_10px.png) bottom right no-repeat; margin-top: 20px; } /* colours */ .custom #tabs li { background-color: #fff; } .custom #tabs li a { background: #eee url(images/white_corner_10px.png) bottom right no-repeat; } /* typography - headers etc... */ .custom .sidebar h3 { padding: 5px 10px; color: #fff; background: #d98700 url(images/glass.png) 50% 50% repeat-x; font-variant: normal; margin-bottom: 0; letter-spacing: normal; } .custom .format_text .to_comments span { font-size: inherit; } .custom #feature_box { font-size: 1.2em; } .custom .teaser h2 { margin-bottom: 0.5em; color: #888; } .custom li.widget ul { font-size: 0.9em; } .custom li.widget ul a { display: block; background-color: #eeeeee; padding: 2px; } .custom li.widget ul a:hover { text-decoration: none; background-color: #f9f9f9; } .custom .format_text p { margin-bottom: 1em; text-align: justify; } .custom .format_text .contactee p { margin-bottom: 0.5em; } .custom .format_text h2, .custom .format_text h3, .custom .format_text h4 { color: #888; margin-top: 1em; } .custom .format_text .contactee h4 { margin-top: 0; } .custom #header #tagline { font-size: 1.38em; } .custom .format_text #accordion h3, .custom .format_text .accordion h3 { margin-bottom: 0; font-size: 1em; } .custom .headline_meta span, .custom .headline_meta abbr { text-transform: none; letter-spacing: normal; } .contactee { clear: left; margin-bottom: 20px; overflow: hidden; zoom: 1; padding: 10px 10px 0 10px; background: #eee; position: relative; } .contactee.tall { height: 220px; overflow-y: hidden; } .contactee img { padding: 5px; background: #fff; border: 1px solid #ddd; } .format_text .contactee img.left { margin-bottom: 10px; } .contactee .details { position: absolute; top: 15px; left: 200px; width: 290px; } p.small { font-size: 0.8em; } .custom .month h5 { text-transform: none; margin-top: 0.5em; margin-bottom: 0.5em; letter-spacing: normal; } /* form elements */ .custom input.form_submit { border: none; background:#D98700 url(images/glass.png) repeat-x scroll 50% 50%; color:#FFFFFF; padding: 5px 10px; } /* comment lists */ .custom dl#comment_list { border: none; } .custom dl#comment_list .bypostauthor { background-color: #eee; } .custom dl#comment_list dd { border: none; margin-bottom: 20px; } .custom .jdGallery .slideInfoZone p { font-size: 12px !important; font-weight: bold; } /* footer links */ ul.footerlinks { list-style: none; float: left; font-size: 1.1em; } ul.footerlinks li { display: inline; margin-right: 5px; } #footer .footerlinks a { border: none; } .world-clock #content, .time-zone-converter #content, .meeting-planner #content, .time-zone-abbreviations #content, .date-duration-calculator #content, .international-dialing-codes #content { width: 100%; } a#clientlink { position: absolute; top: 40px; right: 0; font-size: 1.2em; padding: 2px 0 2px 20px; background: #fff url(images/lock.png) 0 50% no-repeat; } .cog a#clientlink { background-image: url(images/cog.png); } .unlock a#clientlink { background-image: url(images/lock_open.png); } p.logout { position: absolute; top: 60px; right: 0; } #accordion div, .accordion div { overflow: hidden; zoom: 1; background: #eee; } #accordion div.month, .accordion div.month { width: 140px; padding: 10px; float: left; background: #fafafa; margin-right: 20px; } #accordion div.month h4, .accordion div.month h4 { margin-top: 0; } #accordion .monthWrapper, .accordion .monthWrapper { overflow: auto; zoom: 1; margin-bottom: 20px; } #accordion .month ul, .accordion .month ul { margin-top: 0.25em; margin-bottom: 0; font-size: 0.85em; list-style: none; } #accordion .month li, .accordion .month li { margin-bottom: 0.5em; } #accordion .month li a.pdflink, .accordion .month li a.pdflink { padding-left: 20px; background: url(images/page_white_acrobat.png) 0 0 no-repeat; display: block; padding-bottom: 5px; } #accordion .month li a.locklink, .accordion .month li a.locklink, a.locklink { padding-left: 20px; background: url(images/lock.png) 0 0 no-repeat; padding-bottom: 5px; } #accordion .month li a.locklink, .accordion .month li a.locklink { display: block; } #accordion .month li a.textlink, .accordion .month li a.textlink { padding-left: 20px; background: url(images/page_white_text.png) 0 0 no-repeat; display: block; padding-bottom: 5px; } /* show/hide stuff */ .hideSlide, #comments, .teasers_box img.thumb, #footer p, .custom #archive_info, .home .headline_area h2, .custom .format_text .to_comments { display: none; } /* =lists */ .custom .format_text ul, .custom .format_text ol { margin-left: 2.5em; } .custom .format_text .month ul, .custom .format_text .month ol { margin-left: 0; } .custom .format_text ul#toolboxLinks { list-style: none; margin-left: 0; } .custom .format_text ul#toolboxLinks li { margin-bottom: 0.5em; } .custom .format_text ul#toolboxLinks a, .custom .format_text ul#toolboxLinks a:visited { background:#D98700 url(images/glass.png) repeat-x 50% 50%; color: #fff; text-decoration: none; padding: 2px 0; text-align: center; display: block; width: 15em; } .custom .format_text ul#toolboxLinks a:hover, .custom .format_text ul#toolboxLinks a:visited:hover { text-decoration: underline; } /* rounded corners - to be done by jQuery pluin in final version !REMOVE */ /* #page { -moz-border-radius-topleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; } */ .custom #tabs li a, .custom #tabs li a:visited, #footer, input.form_submit, #accordion div.month, .accordion div.month, .custom .format_text ul#toolboxLinks a { -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } .custom .sidebar h3 { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; } li.widget ul { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; } li.widget ul li a { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } .dummylinks a, dummylinks a:visited { color: #999; } .custom .format_text p.note { background: #fffeeb; border-color: #e6db55; } /* tables */ table.amtech { width: 800px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-collapse: collapse; } table.amtech td, table.amtech th { padding: 5px; border-top: 1px solid #eee; border-left: 1px solid #eee; } table.amtech th { background-color: #d9d9d9; text-align: left; } table.amtech td.diff { font-weight: bold; color: #fff; background-color: #df900d; } table.amtech tr.alt td { background-color: #f9f9f9; } table.amtech tr.alt td.diff { background-color: #df900d; } /* de-italicize */ em, .wp-caption, .headline_meta, .teaser .teaser_author { font-style: normal; }