/* 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/ */ body{ font-family: 'lucida sans', arial, helvetica, 'sans serif'; background: #000 url(/wp-content/themes/thesis_151/custom/images/lights_bg.jpg) top center no-repeat; } #header { border-bottom: 0px solid #ddd; clear: both; margin-bottom: 10px; } #column_wrap { float: left; } .post_box, .teasers_box { border-top: 1px dotted #bbb; clear: both; } .teasers_box .post_box { margin: 0; border-top: none; clear: none; } .teaser { float: left; } .teaser_right { float: right; } .top { border: none !important; } #sidebars { border-style: solid; border-color: #ddd; } #sidebar_1 { border-style: dotted; border-color: #ddd; } #page{ background-color: #fff;} /* This removes the sidebar border - may need to only add this to custom page templates */ .custom #content_box { background: none ; } /*---:[ nav menu styles ]:---*/ ul#tabs { list-style: none; background-color: #111; border:0; padding-left: 10px;} ul#tabs li { float: left; border:0; margin: 0; padding: 0;} ul#tabs li.current_page_item, ul#tabs li.current-cat { background: #111; border:0; margin: 0; padding: 0;} ul#tabs li a { display: block; color: #fff; text-transform: none; letter-spacing: 0px; text-decoration: none; font-size: 12px; margin: 0; padding: 10px 15px 10px 8px; font-weight: normal; background-color: #111; border:0;} ul#tabs li a:hover { color: #ccc; text-decoration: none;} ul#tabs li.current_page_item a, ul#tabs li.current-cat a { cursor: default; } ul#tabs li.current_page_item a:hover, ul#tabs li.current-cat a:hover { text-decoration: none; } ul#tabs li.rss { padding-right: 0; background: none; border: none; float: right; } ul#tabs li.rss a { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; } /* CLICKABLE HEADER */ /* DIY: Adjust the height & width attributes to reflect the actual size of your image */ /* DIY: Change the filename of your image to reflect the actual header's file name */ .custom #header #logo a { display: block; height: 78px; width: 890px; background: url(/wp-content/themes/thesis_151/custom/images/logo.jpg) no-repeat; outline: none; } /* Do not change anything in the following lines! */ .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } .custom #header { padding: 0; } /* Footer Styles */ /* Hide the original footer */ #footer{ display: none;} #custom_footer{ color:#eee; padding:20px 0 20px 20px; margin: 0 auto 40px auto; border-top: 1px solid #ccc; font-size: 12px;} #custom_footer p.copyright { color:#333; text-align: left; margin: 0 0 5px 0;} #custom_footer ul{ margin: 0; padding: 0; list-style-type: none;} #custom_footer ul li{ margin: 0 10px 0 0; padding: 0 10px 0 0; float: left; border-right: 1px solid #666; line-height: 12px; font-size: 12px;} #custom_footer ul li.first{ margin-left: 0;} #custom_footer ul li.last{ border: 0;} #custom_footer ul li a{ color: #333; text-decoration: underline; border: 0;} #custom_footer ul li a:hover{ text-decoration: none;} #home{ padding: 20px 20px 0 20px; } #home h2{ font-size: 22px; font-weight: normal; font-family: verdana; text-transform: none; margin: 0 0 20px 0; padding: 0;} #home h3 { padding:0; margin: 0 0 15px 0; font-size:14px; font-weight: normal; } #home_left_bubble {background: #fff; padding: 0px 20px 10px 0px; margin: 0 0 0 0;} table.home_table{ width: 100%; margin: 0 0 0 0; padding: 0;} table.home_table td{ background-color: #fff; border-width: 0; border-style: dotted; border-color: #333;} table.home_table td.left{ width: 70%; vertical-align: top; padding:0;} table.home_table td.right{ vertical-align: top; padding: 0; border-left: 1px solid #ccc; background-color: #eee;} .sidebar_home_box2{ padding: 20px 20px 10px 20px; color: #333; font-size: 12px;} #home .sidebar_home_box2 h3{ font-weight: bold;} #home .sidebar_home_box2 ul{list-style-type: none; margin: 0 0 10px 0; padding: 0 0 0 0;} #home .sidebar_home_box2 ul li{ background: url(/wp-content/themes/thesis_151/custom/images/common/bullet.png) 0 2px no-repeat; color: #888; padding: 0 0 0 22px; line-height: 16px; margin: 0 0 10px 0;} #home .sidebar_home_box2 ul li strong{color: #333; font-weight: normal;} table.home_table td.left ul{ list-style-type: none; margin: 0; padding:0;} table.home_table td.left ul li{ font-size: 14px; line-height: 18px; margin: 0 0 10px 0; /*background: url(/images/home/home_bullet.jpg) 0 0 no-repeat;*/ padding: 0 0 0 0;} table.home_table td.left ul li span{color: #404040; font-size: 12px;} table.home_table td.left ul li strong{ font-weight: normal; text-transform: uppercase; color: #658d01; font-size: 12px;} #blurb {border-bottom:1px solid #eee;} #blurb p {padding:10px;} #blurb strong {font-weight: normal; text-transform: uppercase; color: #658d01; font-size: 12px;} #commentary {width:100%;margin-bottom:20px;} #soyaya {width:400px;float:left;} #weekly {width:430px;height:240px; float:right; margin:0 0 20px 20px;background-color:#eee;} #weekly h3 a {font-weight: normal; color: #000; font-size: 14px;} #weekly p {font-size:14px;} #insight {margin:0 0 0 0;} #home #key_insight{ padding: 0 0 0 0; margin: 0 0 20px 0;} #home #key_insight h3{float:right; padding-right:40px; font-weight: normal; text-transform: uppercase; color: #000; font-size: 14px;} #home #key_insight h3 a {color:#000;} #home #key_insight p{ font-size: 18px; font-family: georgia;} #home #key_insight table.insight_table{ width: 100%;} #home #key_insight table.insight_table td{} #home #key_insight table.insight_table td.insight{vertical-align: top; padding: 5px 15px 5px 15px; width: 65%; font-size: 14px; background-color: #404040; color: #fff; line-height: 18px; vertical-align: middle;} #home #key_insight table.insight_table td.insight a{ color: #ddd; text-decoration: none; } #home #key_insight table.insight_table td.insight a:hover{ color: #fff; text-decoration: none;} #home #key_insight table.insight_table td.source { font-size: 12px; font-family: 'lucida sans', arial, sans-serif; vertical-align: top; background: #eee url(/wp-content/themes/thesis_151/custom/images/home/insight_arrow.jpg) 0 13px no-repeat; padding: 15px 15px 15px 25px;} #home #key_insight table.insight_table td.source p{ font-size: 12px; font-family: 'lucida sans', arial, sans-serif; } #home #key_insight table.insight_table td.source h3{ margin: 0 0 0 0; } #home #bottom_boxes{ padding: 0 0 0 0px; margin: 0 0 0 0;width: 100%; border-width: 1px 0 0px 0; border-style: solid; border-color: #ccc; } #home table.bottom_boxes{ width:100%; font-size: 12px;} #home table.bottom_boxes td{ width: 33%; vertical-align: top; padding: 20px 20px 20px 20px; border-right: 1px solid #ccc;} #home table.bottom_boxes td.last{ border: 0; padding-right: 0;} #home table.bottom_boxes td.first{ padding-left: 0; padding-right: 0;} #home table.bottom_boxes td h3{ color: #666; font-weight: normal; text-transform: uppercase; color: #333; font-size: 12px;} #home table.bottom_boxes td p{ line-height: 18px; color: #666;} .bottom_boxes_list{ border-bottom: 1px solid #ccc; padding-right: 20px; padding-bottom: 20px; } .bottom_boxes_list p{ } .bottom_boxes_list h3{ color: #e58700; font-family: 'lucida sans', arial, sans-serif; font-size: 12px; margin: 0 0 5px 0; text-transform: none; font-weight: bold;} .bottom_boxes_list ul{list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0;} .bottom_boxes_list ul li{ background: url(/wp-content/themes/thesis_151/custom/images/common/bullet.png) 0 2px no-repeat; color: #333; padding: 0 0 0 22px; line-height: 20px;} .rji_box{ padding: 20px 20px 20px 0;} table.product_list{ width: 100%;} table.product_list td{ vertical-align: top; width: 33%;} table.product_list td img.thumbnail{ border: 1px solid #ccc; } img.align_left{ float: left; margin-right: 10px;} img.avatar{ border: 1px solid #aaa; background-color: #fff; padding: 2px;} table.info_align_right{margin: 0px 0 1em 0; border:0; width: 100%; padding: 0;} table.info_align_right th{text-align: left; padding: 5px 5px 2px 0;} table.info_align_right td{padding: 0px 15px 10px 5px; border-bottom: 0px solid #ddd; vertical-align: top; font-size: 12px;} table.info_align_right td.label{font-size: 12px; width: 120px; font-weight: bold; color: #111; text-align: right; padding-top: 5px;} table.info_align_right td.details{ line-height: 18px;} table.info_align_right td input{ padding: 5px; font-weight: bold; font-size: 14px; font-family: 'lucida sans', arial, sans-serif; width: 200px;} table.info_align_right td select{ padding: 0px; font-weight: bold;} table.info_align_right td input.checkbox, input.radio{ width: 10px;} /* end home page styles */ /* Custom styles for the products plugin (research and reports) */ /* Product list page */ a.wpsc_product_title{ color: #3e5ca2; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 20px;} a.wpsc_product_title:hover{ color: #666;} div.wpsc_description{ margin: 0;} div.wpsc_description p{ margin: 0;} p.wpsc_extras_forms{ margin: 0; padding: 0;} input.wpsc_buy_button{ width: 100px; font-family: 'lucida sans', arial, sans-serif; font-weight: bold; color: #333; font-size: 12px;} /* Individual product page */ #products_page_container h2.prodtitles{ font-size: 16px; color: #111; font-weight: bold; line-height: 20px;} #products_page_container .producttext{ margin: 0; padding: 0;} #products_page_container .description{ margin: 0; padding: 0;} #products_page_container .description p{ margin: 0 0 10px 0; padding: 0;} #products_page_container p.preview{ margin: 0 0 5px 0; padding: 0; font-weight: bold;} /* */ #content{ } #content h1{ margin: 0px 0 15px 0;} /* Miscellaneous styles */ /* Hide "comments closed" text if it is a page */ #page .comments_closed{ display: none;} ul#cycnav{list-style-type: none; background-color: #404040; padding: 10px;} ul#cycnav li{ display: inline; padding: 0 0 0 10px; font-size: 12px; font-weight: bold;} ul#cycnav li a{color: #eee;} form.loginform{border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px 0 15px 0; margin-bottom: 20px;} form.loginform p.login_instructions{ font-size: 12px; border:0; padding: 10px; margin:0; background-color: #eee; border: 1px solid #ddd;} /* Registration and Login Styles */ form.loginform p{ margin: 10px 0 0 0; } form.loginform p label { display: block; float: none; clear: both; color: #333; font-size: 12px; width:100%; margin: 0 0 5px 0; font-weight: normal; } form.loginform p input.input { width: 150px; float: none; clear: right; padding: 5px; font-size: 16px; color: #666; margin-bottom: 10px; } form.loginform p input.mid { color: #333; font-family: 'lucida sans', arial, sans-serif; border: 1px solid #666; } #rememberme{ float:left; display: none;} .rememberme{ float:left; display: none;} form.loginform p input { width: 150px; float: none; /*clear: right;*/ padding: 5px; font-size: 16px; color: #666; margin-bottom: 10px; background-color: #fff; } form.loginform .submit{ display: inline; background-color: #333; width: 80px; } form.loginform p img { width: 155px; float: none; } form.loginform, form.loginform p { clear: both; } p.message, p#login_error{ margin-bottom: 15px; padding: 10px; font-size: 12px;} p.message { background-color: lightyellow; border: 1px solid yellow; } p#login_error { background-color: lightcoral; border: 1px solid red; color: #000; } p#reg_passmail{ font-size: 12px; color: #666; margin: 0 0 10px 0;} label.rememberme{ display: inline;} #content p.submit{ border: 0; } input#wp-submit{ padding: 5px; background-color: #ccc; color: #666; font-family: 'lucida sans', arial; font-weight: normal; font-size: 12px; border-width: 1px; border-color: #888 #aaa #aaa #888; clear:both;} /* Tables used on comment.php and option/setting pages */ #content h3{ padding: 5px; background-color: #404040; color: #ddd; margin: 0 0 0 0;} form#your-profile{ margin: 0 0 10px 0;} #content .form-table { border-collapse: collapse; margin-top: 0; width: 100%; margin-bottom: 10px; clear: both; background-color: #f5f5f5; padding:20px; font-size: 12px; } #content .form-table td, #content .describe td { margin-bottom: 9px; padding: 4px 10px 12px 10px; line-height: 20px; font-size: 11px; } #content .form-table th, #content .form-wrap label { font-weight: normal; text-shadow: rgba(255,255,255,1) 0 1px 0; } #content .form-table th, #content .describe th { vertical-align: top; text-align: left; padding: 10px; width: 200px; } #content .form-table th.th-full { width: auto; } #content .form-table input, #content .form-table textarea, #content .describe input, #content .describe textarea { border-width: 1px; border-style: solid; font-size: 12px; padding: 5px; } #content .form-table div.color-option { display: block; clear: both; margin-top: 12px; } #content .form-table input.tog { margin-top: 2px; margin-right: 2px; float: left; } #content .form-table table.color-palette { vertical-align: bottom; float: left; margin: -12px 3px 11px; } #content .form-table .color-palette td { border-width: 1px 1px 0; border-style: solid solid none; height: 10px; line-height: 20px; width: 10px; } textarea.large-text { width: 99%; } #content .form-table input.regular-text, #adduser .form-field input { width: 25em; } #content .form-table input.small-text { width: 50px; } #content .form-table textarea { width: 90%; margin-bottom: 6px; } #content .form-table #rich_editing { margin-right: 5px } #content .form-table .pre { padding: 8px; margin: 0; } .pre { /* http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/ */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } #content table.form-table td .updated { font-size: 13px; } input#cycsubmit{ padding: 5px; background-color: #ccc; color: #666; font-family: 'lucida sans', arial; font-weight: normal; font-size: 12px; border-width: 1px; border-color: #888 #aaa #aaa #888; clear:both;}