/* 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/ */ /* Change the width of Thesis default input elements to accommodate better looking Gravity Form radio buttons */ ul.gfield_radio li input, ul.gfield_checkbox li input { width:5%!important } .gform_footer input[type=image] { border:none!important; border-color:none!important; background-color:none!important } /* Change the position of the main nav. */ .custom .menu { position:relative; top:33px; left:5px; } /* Change the bullet points between each nav tab. */ .custom .menu li { font-size:14pt; color:#AAAAAA; list-style-type:disc; padding-right:10px; margin-right:10px; } /* Remove the bullet point for the Home nav tab. */ .custom .menu li .tab tab-home { list-style-type:none; padding-right:10px; margin-right:10px; } /* Change the font for the main nav. */ .custom .menu a { font-family:league-gothic-1,league-gothic-2,Arial,arial,san-serif; font-weight:bold; font-size:14pt; line-height:14pt; padding:0px 2px; } /* Change the font for the current page main nav. */ .custom .menu .current a { font-family:league-gothic-1,league-gothic-2,Arial,arial,san-serif; font-weight:bold; font-size:48pt; line-height:10pt; color:#00ADF1; position:relative; bottom:13px; } /* Change the font size for the sub nav. */ .custom .submenu .current a, .custom .submenu a { font-size:8pt; } /* Remove the bottom border being used by the header. */ .custom #header { border:none; } /* Hide the Headlines on each page */ .custom .headline_area { position:absolute; left:-9999px; } /* Bring the headlines back for each post */ .custom .hfeed .headline_area { position:relative; left:0px; }