/*============MASTER OF BLACKJACK CUSTOM.CSS==================*/ /* Colors #2E2E2E - Dark gray - Thesis menu bar background & border - Thesis menu tab background - Sign-in boxes #E6E6E6 - light gray - selected menu tab font color #B3B3B3 - light gray - currently selected tab font color #FF413F - red - unselected tab font color - footer titles - bottom menu font color #FCAE34 - gold - current page hover font color - unselected page hover font color #B3B3B3 - light gray - content h1, h2 titles #DFF8FB - light green - logged-in admin's comments #AA0404 - red - general background color #640202 - dull red - content background #363636 - dark gray - widget background #1C1C1C - very dark gray - border of sign-in boxes #F24A00 - red - font color in sign-in boxes ---------- Information on buttons Font: Arial 14 bold Font color: #FF413F Border color: #333333 ---------- */ /* 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/ */ /*===========================================================*/ /* GENERAL UI CHANGES */ /*===========================================================*/ /*-----------------------------------------------------------*/ /* change headlines to bold and color gray */ .custom .headline_area h1, .custom .headline_area h2, .custom .headline_area h3 { font-weight: bold; color: #B3B3B3; } /*-----------------------------------------------------------*/ /* change content titles to gray */ .custom .headline_area h1 a, .custom .headline_area h2 a, .custom .headline_area h3 a { color: #B3B3B3; } /*-----------------------------------------------------------*/ /* change cursor over dates etc to default from a queston mark */ .custom abbr, .custom acronym { cursor:default; } /*-----------------------------------------------------------*/ /* do not display 'comments closed' if they are closed on posts and pages */ .custom .comments_closed p { display: none; } /*-----------------------------------------------------------*/ /* comments: color of logged-in admin's comments different from readers' comments */ .custom dl#comment_list .bypostauthor { background: #DFF8FB; } /*===========================================================*/ /* BACKGROUND */ /*===========================================================*/ /*-----------------------------------------------------------*/ /* background image*/ body.custom { background: #AA0404 url('images/blackjackvt_bg3.jpg') 50% 0 no-repeat; } /*-----------------------------------------------------------*/ /* set the container margins */ .custom #container { margin: 2em 0 2em 3em; padding: 0.3em; /*background: #000000; border: 1em solid #000000;*/ } /*-----------------------------------------------------------*/ /* set the page background color */ .custom #page { background: #000000; /*border: 3em solid #000000; padding-left: 0; padding-right: 0;*/ } /*-----------------------------------------------------------*/ /* set the body font color */ body.custom { color: #FFFFFF; } /*-----------------------------------------------------------*/ /* set the content background color */ .custom #content {background:#640202;} /*===========================================================*/ /* MULTIMEDIA BOX AND IMAGES */ /*===========================================================*/ /*-----------------------------------------------------------*/ /* change color of big border around multimedia box */ .custom #image_box { background: #000000; border-bottom: none; } /*-----------------------------------------------------------*/ /* change color of little border around multimedia box */ .custom #image_box img { background: #000000; border-color: #000000; } /*-----------------------------------------------------------*/ /* change background color & border color of captioned images */ .custom .wp-caption { background-color: #000000; border-color: #000000; } /*===========================================================*/ /* FORMAT SIDEBARS AND WIDGETS*/ /*===========================================================*/ /*-----------------------------------------------------------*/ /* set the widget background color */ .custom .widget { background-color: #2e2e2e; } /*-----------------------------------------------------------*/ /* set the sidebar background color */ .custom #sidebars {background-color:black;} /*-----------------------------------------------------------*/ /* remove the white line between content and sidebar */ .custom #content_box { background:none; } /*-----------------------------------------------------------*/ /* Format widget headings */ .custom .widget h3 { font-size: 1.15em; color: #E6E6E6; padding: .25em .25em .25em .25em; font-family: Arial, Verdana, sans-serif; text-transform: uppercase; font-weight: bold; color: #FF413F; } /*-----------------------------------------------------------*/ /* Specify bottom padding on all widgets */ .custom li.widget { padding-bottom: 5px; } /*-----------------------------------------------------------*/ /* Specify bottom margin on all widgets */ .custom li.widget { margin-bottom: 2.5em; } /*===========================================================*/ /* HEADER */ /*===========================================================*/ /*-----------------------------------------------------------*/ /* header changes */ .custom #header { /* remove border under header */ border-bottom: none; /* change header background color */ background: #000000; /*height: 126px;*/ padding: 0; } /*-----------------------------------------------------------*/ /* header image */ .custom #header #logo a { display: block; height: 102px; width: 317px; background: url('images/logo.gif') left no-repeat; outline: none; } /*-----------------------------------------------------------*/ /* align header image */ .custom #header #logo { margin: 0 0 0 1em; } /*-----------------------------------------------------------*/ /* push title and tagline to far left and make tagline tiny */ .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } /*===========================================================*/ /* THESIS NAVIGATION MENU */ /*===========================================================*/ /* nav bar */ .custom ul#tabs { border-bottom: 1px solid #2e2e2e; background: #2e2e2e; margin: 0 0 0 0; border-left: none; border-right: none; border-top: none; } /* all nav bar tabs */ .custom ul#tabs li { margin-bottom: -0.1em; background: #2e2e2e; border-color: #2e2e2e; border-style: none; border-width: 0 } /* all tabs font styling */ ul#tabs li a { font-size: 1.15em; color: #E6E6E6; padding: 1.1em 1em 1em .8em; font-family: Arial, Verdana, sans-serif; text-transform: uppercase; font-weight: bold; } /* tabs current page */ .custom ul#tabs .current_page_item { border: none; /*padding-bottom: -0.1em; */ /*background: #FFFFFF; */ } /* font current page*/ .custom ul#tabs .current_page_item a { color: #B3B3B3; } /* unselected tabs*/ .custom ul#tabs a { line-height: 1em; color: #FF413F; text-transform: uppercase; letter-spacing: 1px; } /* unselected tabs hover */ .custom ul#tabs a:hover { color: #FCAE34; text-decoration: none; } /* current page item cursor */ .custom ul#tabs .current_page_item a { cursor: pointer; } /* current page hover */ .custom ul#tabs .current_page_item a:hover{ text-decoration: none; color: #FCAE34; } /*===========================================================*/ /* IMAGE BUTTON BAR MENU */ /*===========================================================*/ #button_nav { list-style: none; /* optional background color */ background:#000000 none repeat scroll 0 0; } #button_nav ul { list-style-image:none; list-style-position:outside; list-style-type:none; /* determines vertical and horizontal placement*/ margin: -1em 0 -.4em .26em; } #button_nav li { display: inline; /* uncomment border for testing*/ /*border: 1px solid #000000;*/ /* determines size of button box*/ padding: 1.1em -.5em 0em -.5em; /* determines spacing between button boxes*/ margin: 0 -.4em 0 0; } /*===========================================================*/ /* SIGN IN BOX */ /*===========================================================*/ /*-----------------------------------------------------------*/ /* FROM BJVT*/ .signInBox { float: right; padding-top:10px; width:450px; height:70px; background: #000000; padding: 0em 0em 0em 0em; margin: -8.5em 0em 0em 0em; } .signInBox .input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #999999; margin: 0px; padding: 0px; } .signInBox .lblMemberSignIn { float: left; padding-top: 20px; padding-right: 7px; } .signInBox .usernamePasswordBox { float: left; padding-top: 0px; padding-right: 7px; } .signInBox .input { background-repeat: no-repeat; background-color: #2E2E2E; border: 1px solid #1c1c1c; margin: 0px; padding-top: 4px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; font-weight: bold; color: #f24a00; } .signInBox .usernamePasswordBox .inputUserName { width:110px; } .signInBox .usernamePasswordBox .inputPassword { width:110px; } .signInBox .btnBox { padding-top: 16px; float: left; } .signInBox .lblForgotUserName { clear: left; padding-bottom: 0px; padding-left: 102px; padding-top: 6px; } .signInBox .errorMsgBox { padding-left: 103px; color: #CC0000; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; height: 25px; line-height: 25px; } /* added by MLN for missing id */ #imageField { border: none } /*===========================================================*/ /* COMMENT BOX */ /*===========================================================*/ /*-----------------------------------------------------------*/ /* change the color of the comment entry boxes */ /*.custom #commentform input, .custom #commentform textarea {background: blue;}*/ /*-----------------------------------------------------------*/ /* change the color of the submit button */ /*.custom #commentform input.form_submit { background: red; }*/ /*===========================================================*/ /* FOOTER */ /*===========================================================*/ /*-----------------------------------------------------------*/ /* FOOTER COLUMNS */ /* footer column list style */ .footer_column_list { list-style-type: none; list-style-position: outside; list-style-image: none; } /* footer column titles */ .footer_column_title { font-size: 1.5em; color: #FF413F; text-transform: uppercase; font-weight: bold; text-align: left; } /* footer column text */ .footer_column_body { font-size: .9em; color: #FFFFFF; text-decoration: none; text-align: left; } /*-----------------------------------------------------------*/ /* change footer border, font color, add background */ .custom #footer { border-top: none; /* add background image */ display: block; height: 278px; /*width: 1038px;*/ width: 1015px; background: #000000; outline: none; margin: 0 0 0 0em; } /*-----------------------------------------------------------*/ /* footer font styles */ .custom #footer a { font-size: .9em; border-bottom: none; color: #FF413F; } .custom #footer a:visited { text-decoration: none; color: #FF413F; } .custom #footer a:link { text-decoration: none; color: #FF413F; } /*-----------------------------------------------------------*/ /* FOOTER BOTTOM MENU */ /* bottom menu box */ #footer_bottom_box { width: 980px; height: 25px; background: #000000; padding: 1em 1em 1em 1em; margin: -7em 0em 0em 3em; } /* footer bottom menu right float font styling */ .footer_menu_right { float: right; font-size: 1em; color: #FF413F; padding: 0 1em 0 0em; text-align: center; } /* footer bottom menu left float font styling */ .footer_menu_left { float: left; font-size: 1em; color: #FF413F; padding: 0 1em 0 0em; text-align: center; } /* footer menu make sure stays red when it's a link */ .footer_menu_left a:visited { text-decoration: none; color: #FF413F; } /* footer menu items stay red when cursor's over them */ .footer_menu_left a:hover { text-decoration: none; color: #FF413F; } /* divider between words in bottom menu */ .footer_gray_divider { color: #4B4B4B; float:left; padding: 0 1em 0 0em; }