/* 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 .full_width { width: 100%; clear: both; } .custom .full_width .page { width: 107.5em; margin: 0 auto; padding-right: 2.2em; padding-left: 2.2em; } .custom #header_area .page { padding-top: .5em; } body.custom { background: #ffffff url('images/BGsky1.png') repeat-x; } .custom #container { margin-top: -2em; margin-bottom: 2em; } .custom #content_box { background: none ; margin-left: 5em ; margin-right: 5em ; } .custom #column_wrap { background: none ; } .custom #page { background: transparent; } /*---:[ nav menu styles ]:---*/ .custom ul#tabs { list-style: none; border: 0px solid #ddd; border-width: 0 0 0 0; } .custom ul#tabs li { margin-bottom: -0.1em; background: transparent; border: 0px solid #ddd; border-left: 0; float: left; } .custom ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0.1em; background: transparent; border-bottom: 0; } .custom ul#tabs li a { display: block; line-height: 1em; color: #fff; text-transform: uppercase; letter-spacing: 2px; } .custom ul#tabs li a:hover { color: #fff; text-decoration: underline; } .custom ul#tabs li.current_page_item a, ul#tabs li.current-cat a { cursor: default; } .custom ul#tabs li.current_page_item a:hover, ul#tabs li.current-cat a:hover { text-decoration: none; } .custom ul#tabs li.rss { padding-right: 0; background: none; border: none; float: right; } .custom ul#tabs li.rss a { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; } /*---:[ header ]:---*/ .custom #header {background: url(images/gg-logo2.png) no-repeat; height: 178px; width: 348px; display: block; margin-top: 2em; margin-bottom: 3em; border-bottom: none; } /*---:[ multimedia box ]:---*/ .custom #multimedia_box { width: 100%; } .custom #image_box { background: #fff; border-bottom: 0px solid #fff; } .custom #image_box img { display: block; background: #fff; border-style: solid; border-color: #fff; } /*---:[ custom box styles ]:---*/ .custom #custom_box { background: transparent; border-bottom: 0px solid #ddd; } /*---:[ headlines and bylines ]:---*/ .custom h1, h3, h6 { font-weight: normal; } .custom h2 { font-weight: bold; color: #666; } .custom h4, h5 { font-weight: bold; } .custom h5, h6 { text-transform: uppercase; letter-spacing: 1px; } .custom .format_text h2.top, .format_text h3.top { margin-top: 0 !important; } h2 a { color: #111; } h2 a:hover { color: #2361a1; } .custom .entry-title {color: #666; letter-spacing: -1.5pt; font-weight: bold; line-height: 0.9; font-size: 38px; } .custom .entry-title a {color: #9FB9A9; letter-spacing: -1.5pt; font-weight: bold; line-height: 0.9; font-size: 38px; } .custom .sidebar h3 { font-weight: bold; font-style: italic; font-size: 1.75em; letter-spacing: -0.25pt; color: #9FB9A9; border-bottom:1px dotted #9FB9A9; padding-bottom:0.25em; padding-top:0.25em; margin-bottom:0.5em; font-variant: normal ; } .headline_area h1, .headline_area h2 { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color: #666; letter-spacing: -1.5pt; font-weight: bold; line-height: 0.9; font-size: 38px; } .custom .format_text h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.75em; color: #9FB9A9; letter-spacing: -0.5pt; } /*---:[ home page teasers ]:---*/ .custom .teasers_box h2 a { font-size:.825em; letter-spacing: -0.5pt; } /* SEARCH FORM */ .custom #searchform .s { background-color:#FFFFFF; border:1px solid #9FB9A9; color:#666666; float:left; font-family:Arial,Helvetica,Sans-Serif; padding:5px; width:295px; } /* SEARCH FORM */ .custom .browsebutton { background:transparent url(images/browse.png) repeat scroll 0 0; color:#333333; font-size:15px; font-weight:bold; height:31px; padding:11px 10px 5px 20px; width:254px; } /* AUTHOR BOX */ .postauthor { background: #fff; border-top: 1px dotted #e1e1e0; border-bottom: 1px dotted #e1e1e0; border-left: 1px dotted #e1e1e0; border-right: 1px dotted #e1e1e0; overflow: hidden; padding: 1.5em; } .postauthor img { border: 5px solid #9FB9A9; float: left; margin-right: 1.5em; } .postauthor h4 { font-family: helvetica,sans-serif; color: #666; font-size: 2em; margin-bottom: 5px; } .postauthor p { font-family: helvetica,sans-serif; color: #515151; font-size: 13px; margin-bottom: 12px; } .postauthor p.hlight { font-family: helvetica,sans-serif; font-size: 11px; text-transform: uppercase; } .postauthor p.hlight span { font-family: helvetica,sans-serif; color: #9FB9A9; font-size: 15px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; } /* BOXES */ #similar h3, #rightcol h3 { font-size: 1.8em; letter-spacing: normal; padding-top: 15px; } #similar { float: left; width: 50%; } #similar p { margin-bottom: 15px; padding: 10px 2.5em 10px 10px; } #similar a { font-size: 1.4em; border-bottom: 1px solid #9FB9A9; line-height: 1.5em; } #similar a:hover { border: 0; } #similar h3 { padding-left: 10px; } #similar span.date { color: #888; letter-spacing: 1px; text-transform: uppercase; } #rightcol { float: right; width: 50%; } #rightcol p { font-size: 14px; line-height: 1.5em; padding: 10px 2.5em 10px 0; } #rightcol h3 { padding: 0; } #rightcol ul { list-style-position: inside; list-style-type: square; margin-left: 1em; } #rightcol ul a { border-bottom: 1px solid #9FB9A9; font-size: 14px; } #rightcol ul a:hover { border: 0; } #rightcol li { margin-bottom: 10px; } #subscribe { background: #DEEEDC; border: 1px solid #9FB9A9; float: right; margin: 15px 15px 0 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; } #subscribe h3 { font-weight: bold; font-style: italic; font-size: 2.25em; letter-spacing: -0.25pt; color: #666666; border-bottom:1px dotted #9FB9A9; padding-bottom:0.25em; padding-top:0.25em; margin-bottom:0.5em; font-variant: normal ; } #custom { background: #E4F2FD; border: 1px solid #C6D9E9; float: right; margin: 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* FAT FOOTER */ .custom #footer_area {background:#767676 url('images/BGgrass2.png') repeat-x; padding-top:16em; margin-top:5em; border-top:0px solid #bbd;} .custom #footer {border-top:0;} .custom #footer_1 {text-align:left; color:#fff;} .custom #footer_1 ul.sidebar_list li.widget {width:23%; margin-right:2%; float:left;} .custom #footer_1 ul.sidebar_list li.widget h3 {color:#fff;} .custom #footer_1 ul.sidebar_list li.widget a {color:#9FB9A9; border-bottom:0;} .custom #footer_1 ul.sidebar_list li.widget a:hover {color:#ddd;} /* TWITTER UPDATES */ .custom #twitter_div { margin-left: 0; padding-left: 38px; list-style: none; } .custom #twitter_div li { padding-left: 38px; background-image: url(images/twitter-bullet.png); background-repeat: no-repeat; background-position: 0 .5em; }