/* 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 #footer { text-align:left; } /* */ #wrapper2 { margin: 0 auto; width: 922px; } #leftcolumn2 { color: #333; border: 0px solid #ccc; background:; margin: 5px 0px 5px 0px; padding: 10px; height: ; width: 200px; float: left; } #content2 { float: left; color: #333; border: 0px solid #ccc; background:; margin: 10px 5px 5px 0px; padding: 5px; height: ; width: 400px; display: inline; } #rightcolumn2 { color: #333; border: 0px solid #ccc; background:; margin: 10px 0px 5px 0px; padding: 10px; height: ; width: 200px; float: left; position: relative; } #footer158 { width: 902px; clear: both; color: #333; background: #F2F2F2; margin: 0px 0px 10px 0px; padding: 10px; } #footer114 { width: 900px; clear: both; color: #333; border: 1px solid #ccc; background-color:#F3F2ED; margin: 0px 0px 10px 0px; padding: 10px; } /* */ .replace { text-indent: -99999px; } .center { margin: 0 auto; } .w945 { width: 945px; } .last { margin: 0; } .left { float: left; } .right { float: right; } .clear { } .overflow { overflow: hidden; } .hidden { display: none; } .strong { font-weight: bold; } #site-wrapper { background: #FFFFFF; /* */ .alignleft { float: left; margin-top: 10pt; margin-bottom: 4pt; margin-left: 0pt; clear: right; } .alignright { float:right; margin-left:1em; margin-bottom:1em; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .floatleft { float: left; margin-top: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; clear: right; } .floatright { float: right; margin-top: 0pt; margin-bottom: 10pt; margin-left: 10pt; margin-right: 0pt; } /* .////////////////////////////////////////////////// Fonts // .//////////////////////////////////////////////// */ } #ut-nav li span, #ut-nav li a { font-size: 0.9em; color: #333333; text-decoration: none; } #ut-nav li span { font-size: 0.9em; font-weight: bold; } #ut-nav li span.google { padding-right: 19px; background: url(/images/new/google.png) no-repeat top right; } #ut-nav li span.yahoo { padding-right: 19px; background: url(/images/new/yahoo.png) no-repeat top right; } #ut-nav li span.facebook { padding-right: 19px; background: url(/images/new/facebook.png) no-repeat top right; } #ut-nav li span.twitter { padding-right: 19px; background: url(/images/new/twitter.png) no-repeat top right; } #ut-nav li a:hover { text-decoration: underline; } #main-bc #subnav li a { font-size: 0.9em; color: #ffffff; text-decoration: none; } #main-bc #subnav ul li.current { font-weight: bold; } #main h1 { font-size: 1.38em; color: #243780; } #main h2 { font-size: 1em; color: #333333; } #bd-wrapper h3 { font-size: 1.50em; color: #4d4d4d; margin-bottom: 15px; } #bd-wrapper .sideBar-module-gray .mod-bd ul li.active a { color: #FFFFFF; text-decoration: none; } .mod-bd ul li a { font-size: 0.81em; color: #333333; text-decoration: none; } .mod-bd ul li a:hover { text-decoration: underline; } .mod-bd h4 { background: url(/images/new/page-border-bottom.gif) repeat-x scroll center bottom; color: #333333; font-size: 1em; padding-bottom: 12px; } #fd-wrapper h5 { font-size: 0.9em; font-weight: bold; color: #000000; } #fd-wrapper a { color: #000000; text-decoration: none; } #fd-wrapper a:hover { text-decoration: underline; } #fd-wrapper .fbox-body a { font-size: 0.9em; font-family: Verdana, sans-serif; color: #000000; text-decoration: none; } #fd-wrapper .fbox-body a:hover { text-decoration: underline; /* .////////////////////////////////////////////////// Header // .//////////////////////////////////////////////// */ } #utd-wrap { background: #e1e4e4; width: 100%; padding: 3px 0; overflow: hidden; } #ut-nav { } #ut-nav ul { } #ut-nav ul li { background: url('/images/new/page-border.gif') scroll right top repeat-y; float: right; padding: 0px 8px 4px; } #ut-nav ul li.last { background: none; /* .////////////////////////////////////////////////// Global Nav // .//////////////////////////////////////////////// */ } #global-nav { height: 107px; width: 951px; } #global-nav ul li { display: inline; } #global-nav ul li a { background: url('') no-repeat; float: left; overflow: hidden; } #global-nav ul li#n-logo a { height: 54px; width: 275px; } #global-nav ul li#n-logo.current a { background-position: 0 -128px; } #global-nav ul li#n-logo.current a:hover { background-position: 0 -128px; } #global-nav ul li#n-sharestream a { background-position: -274px 0; height: 60px; width: 145px; } #global-nav ul li#n-sharestream a:hover { background-position: -274px -54px; } #global-nav ul li#n-sharestream.current a { background-position: -274px -128px; } #global-nav ul li#n-sharestream.current a:hover { background-position: -274px -128px; } #global-nav ul li#n-features a { background-position: -419px 0; height: 60px; width: 117px; } #global-nav ul li#n-features a:hover { background-position: -419px -54px; } #global-nav ul li#n-features.current a { background-position: -419px -128px; } #global-nav ul li#n-features.current a:hover { background-position: -419px -128px; } #global-nav ul li#n-publishers a { background-position: -536px 0; height: 60px; width: 126px; } #global-nav ul li#n-publishers a:hover { background-position: -536px -54px; } #global-nav ul li#n-publishers.current a { background-position: -536px -128px; } #global-nav ul li#n-publishers.current a:hover { background-position: -536px -128px; } #global-nav ul li#n-blog a { background-position: -662px 0; height: 60px; width: 121px; } #global-nav ul li#n-blog a:hover { background-position: -662px -54px; } #global-nav ul li#n-blog.current a { background-position: -662px -128px; } #global-nav ul li#n-blog.current a:hover { background-position: -662px -128px; } #global-nav ul li#n-button a { background: url('/images/new/cta-button-sprite.gif') no-repeat; height: 34px; width: 165px; margin-top: 13px; } #global-nav ul li#n-button a:hover { background-position: 0 -34px; /* .////////////////////////////////////////////////// SubNav // .//////////////////////////////////////////////// */ } #main-bc { background: #27307d url('/images/new/temp_b_hd_bg.jpg') no-repeat scroll center; width: 100%; height: 49px; margin-bottom: 20px; } #main-bc #subnav { overflow: hidden; height: 49px; } #main-bc #subnav li.current a { display: block; padding: 0; } #main-bc #subnav li a { display: block; padding: 0; } #main-bc #subnav ul { padding: 16px 0; } #main-bc #subnav ul li.current { float: left; margin-right: 4px; } #main-bc #subnav ul li { float: left; margin-right: 4px; /* .////////////////////////////////////////////////// Left Bar // .//////////////////////////////////////////////// */ } #bd-wrapper { overflow: hidden; margin-top: 20px; } #bd-wrapper #leftBar { width: 17%; float: left; } #bd-wrapper #main { width: 61%; float: left; padding: 0 20px; } #bd-wrapper #rightBar { width: 17%; float: left; } #bd-wrapper .sideBar-module-gray { background: #f4f4f4 url('/images/new/module_bg_gray.gif') scroll left top repeat-x; border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 23px; } #bd-wrapper .sideBar-module-beige { background: #ffebc3 url('/images/new/module_bg_beige.gif') scroll left top repeat-x; border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 23px; } #bd-wrapper .sideBar-module-transparent { border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 23px; } #bd-wrapper .sideBar-module-gray .mod-bd { padding: 12px; } #bd-wrapper .sideBar-module-beige .mod-bd { padding: 12px; } #bd-wrapper .sideBar-module-transparent .mod-bd { padding: 12px; } #bd-wrapper .sideBar-module-gray .mod-bd ul { padding-top: 12px; } #bd-wrapper .highlights .mod-bd ul { padding-top: 4px; } #bd-wrapper .sideBar-module-gray .mod-bd ul li { background: url('/images/new/right_arrow.gif') scroll 0 6px no-repeat; padding: 0 0 8px 10px; } #bd-wrapper .sideBar-module-gray .mod-bd ul li.active { position: relative; padding: 0; height: 28px; } #bd-wrapper .sideBar-module-gray .mod-bd ul li.active a { background: url('/images/new/module_active.gif') no-repeat scroll top left; padding: 3px 12px 5px 25px; position: absolute; left: -13px; width: 172px; } #bd-wrapper .sideBar-module-gray .mod-bd ul li span.addRemove a { position: absolute; display: block; right: 0; top: 0; background: url('/images/new/x.gif') no-repeat; width: 12px; height: 12px; margin-top: 6px; } #bd-wrapper .sideBar-module-gray .mod-bd ul li span.addRemove a:hover { background-position: 0 -12px; } #bd-wrapper .sideBar-module-gray .topShares ul li { background: none; padding-left: 0; } #bd-wrapper .highlights .mod-bd ul li { background: none; padding-bottom: 5px; } #bd-wrapper .sideBar-module-gray .topShares ul li { padding: 18px 0 8px 10px; border-bottom: 1px solid #d8d8d8; } #bd-wrapper .sideBar-module-gray .topShares ul li.last { border-bottom: none; } #bd-wrapper .sideBar-module-gray .topShares ul li#one { background: url('/images/new/num_1.gif') scroll 90px 18px no-repeat; } #bd-wrapper .sideBar-module-gray .topShares ul li#two { background: url('/images/new/num_2.gif') scroll 90px 18px no-repeat; } #bd-wrapper .sideBar-module-gray .topShares ul li#three { background: url('/images/new/num_3.gif') scroll 90px 18px no-repeat; } #bd-wrapper .sideBar-module-gray .topShares ul li#four { background: url('/images/new/num_4.gif') scroll 90px 18px no-repeat; } #bd-wrapper .sideBar-module-gray .topShares ul li#five { background: url('/images/new/num_5.gif') scroll 90px 18px no-repeat; /* .////////////////////////////////////////////////// Main Body // .//////////////////////////////////////////////// */ } #bd-wrapper #main-content { float: left; width: 78%; padding: 0 20px; } #bd-wrapper #main-content .module-lg-header { background: #27307D url(/images/new/temp_b_hd_bg.jpg) no-repeat scroll center center; width: 99%; border: 1px solid #27307d; border-radius: 5px; border-bottom: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius: 5px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-radius: 5px; -webkit-border-radius-bottomleft: 0px; -webkit-border-radius-bottomright: 0px; padding: 15px; color: #ffffff; } #bd-wrapper #main-content .module-lg-beige { background: #faecce url('/images/new/large_mod_bg_beige.gif') scroll left top repeat-x; width: 99%; border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 23px; padding: 15px; } #bd-wrapper #main-content .module-lg-beige-header { background: #faecce url('/images/new/large_mod_bg_beige.gif') scroll left top repeat-x; width: 99%; border: 1px solid #cccccc; border-radius: 5px; border-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-radius: 5px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-radius: 5px; -webkit-border-radius-topleft: 0px; -webkit-border-radius-topright: 0px; margin-bottom: 23px; padding: 15px; } #bd-wrapper #main-content .module-lg-gray { background: #f6f6f6 url('/images/new/large_mod_bg_gray.gif') scroll left top repeat-x; width: 99%; border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 23px; padding: 15px; } #bd-wrapper #main-content .module-lg-gray-header { background: #f6f6f6 url('/images/new/large_mod_bg_gray.gif') scroll left top repeat-x; width: 99%; border: 1px solid #cccccc; border-radius: 5px; border-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-radius: 5px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-radius: 5px; -webkit-border-radius-topleft: 0px; -webkit-border-radius-topright: 0px; margin-bottom: 23px; padding: 15px; } #bd-wrapper #main-content .module-lg-white { background: #ffffff; width: 99%; border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 23px; padding: 15px; } #bd-wrapper #main-content .module-lg-white-header { background: #ffffff; width: 99%; border: 1px solid #cccccc; border-radius: 5px; border-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-radius: 5px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-radius: 5px; -webkit-border-radius-topleft: 0px; -webkit-border-radius-topright: 0px; margin-bottom: 23px; padding: 15px; /* .////////////////////////////////////////////////// Footer // .//////////////////////////////////////////////// background-color:e1e4e4 */ } #fd-wrapper { background: #ffffff; margin-top: 1px; width: 100%; } #fd-wrapper #fd-container { overflow: hidden; padding-top: 22px; padding-bottom: 80px; } #fd-container #fbox-about { width: 157px; padding: 0 20px 8px 0; float: left; } #fd-container #fbox-publishers { background: url('/images/new/page-border.gif') scroll left top repeat-y; width: 157px; padding: 0 20px 8px 20px; float: left; } #fd-container #fbox-support { background: url('/images/new/page-border.gif') scroll left top repeat-y; width: 157px; padding: 0 20px 8px 20px; float: left; } #fd-container #fbox-talk { background: url('/images/new/page-border.gif') scroll left top repeat-y; width: 157px; padding: 0 20px 8px 20px; float: left; } #fd-container #fbox-get { background: url('/images/new/page-border.gif') scroll left top repeat-y; width: 157px; padding: 0px 0px 8px 20px; float: left; } #fd-container .fbox-body { overflow: hidden; border-top: 1px solid #b3b5b5; margin-top: 5px; } #fd-container .fbox-body .leftCol { width: 106px; } #fd-container .fbox-body .rightCol { width: 106px; } #fd-container .fbox-body #link_twitter a { padding: 0 21px 6px 0; background: url(/images/new/twitter.png) no-repeat top right; } #fd-container .fbox-body #addon_ie a { padding: 0 21px 6px 0; background: url(/images/new/icon_ie.png) no-repeat top right; } #fd-container .fbox-body #addon_firefox a { padding: 0 21px 6px 0; background: url(/images/new/icon_firefox.png) no-repeat top right; } #fd-container .fbox-body #addon_safari a { padding: 0 21px 6px 0; background: url(/images/new/icon_safari.png) no-repeat top right; } #fd-container .fbox-body #addon_chrome a { padding: 0 21px 6px 0; background: url(/images/new/icon_chrome.png) no-repeat top right; } #fd-container .fbox-body #addon_opera a { padding: 0 21px 6px 0; background: url(/images/new/icon_opera.png) no-repeat top right; } span.google { padding-right: 19px; background: url(/images/new/google.png) no-repeat top right; } span.yahoo { padding-right: 19px; background: url(/images/new/yahoo.png) no-repeat top right; } span.facebook { padding-right: 19px; background: url(/images/new/facebook.png) no-repeat top right; } span.twitter { padding-right: 19px; background: url(/images/new/twitter.png) no-repeat top right; } span.myspace { padding-right: 19px; background: url(/images/new/myspace.png) no-repeat top right; } span.linkedin { padding-right: 19px; background: url(/images/new/linkedin.png) no-repeat top right; } span.hotmail { padding-right: 19px; background: url(/images/new/hotmail.png) no-repeat top right; } /* .////////////////////////////////////////////////// 24hour // .//////////////////////////////////////////////// */ DIV#mainGraphic {WORD-SPACING: normal; WHITE-SPACE: nowrap; TEXT-ALIGN: left; float: left;} .calendarMarginBelow { MARGIN-BOTTOM: 8px } .calendarMarginLeft { MARGIN-LEFT: 8px } .calendarMarginRight { MARGIN-RIGHT: 8px } DIV#leftColumn { FLOAT: left; WIDTH: 500px } DIV#leftColumn H2 { PADDING-TOP: 5px } DIV#leftColumn H3 { DISPLAY: inline; FONT-SIZE: 11px; COLOR: #666; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif } DIV#leftColumn A { COLOR: #0067b1; TEXT-DECORATION: underline } DIV#leftColumn A:hover { COLOR: #0067b1; TEXT-DECORATION: none } DIV#rightColumn { BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #d5d9e2 1px solid; FLOAT: right; BACKGROUND-IMAGE: url(/images/global/rightNavBG.gif); BORDER-BOTTOM-WIDTH: 0px; BORDER-BOTTOM-COLOR: #d5d9e2; BORDER-LEFT: #d5d9e2 1px solid; WIDTH: 250px; BORDER-TOP-COLOR: #d5d9e2; BACKGROUND-REPEAT: repeat-x } DIV#rightColumnTop { MARGIN-BOTTOM: 15px; TEXT-ALIGN: right } DIV#rightColumnTop FORM { MARGIN-BOTTOM: 15px; POSITION: relative } DIV#rightColumnTop H3 { MARGIN: 15px 26px 5px 0px } DIV#rightColumnTop INPUT { BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #ccc 1px solid; COLOR: black; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Verdana; TEXT-ALIGN: right } DIV#rightColumnTop IMG { MARGIN-RIGHT: 6px; POSITION: relative; TOP: 2px } DIV#rightColumnTop .promo { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #0f70b6; font-familiy: Arial } DIV#rightColumn .divider { PADDING-LEFT: 15px; BACKGROUND: #eff4f5; MARGIN: 10px 0px 5px; FONT: bold 12px/20px Arial; COLOR: #666 } DIV#rightColumn { MARGIN-BOTTOM: 8px } DIV#leftColumn { MARGIN-BOTTOM: 8px } UL.RhsLinks A { COLOR: #0067b1; LINE-HEIGHT: 150%; TEXT-DECORATION: none } UL.RhsLinks A:hover { TEXT-DECORATION: underline } UL.RhsLinks LI { MARGIN-LEFT: 15px; LIST-STYLE-TYPE: none } LI.clubLink { DISPLAY: block; MARGIN-BOTTOM: 15px } LI.clubLink A { DISPLAY: block } #inqC2CImgContainer { float: right; margin-top: 8px; } /* .////////////////////////////////////////////////// 3-Column CSS // .//////////////////////////////////////////////// */ /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; /* width of page */ position:relative; } .col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } /* 3 Column settings */ .threecol { background:; /* right column background colour */ } .threecol .colmid { right:25%; /* width of the right column */ background:#fff; /* center column background colour */ } .threecol .colleft { right:50%; /* width of the middle column */ background:#f4f4f4; /* left column background colour f4f4f4*/ } .threecol .col1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:102%; /* 100% plus left padding of center column */ } .threecol .col2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .threecol .col3 { background:; width:21%; /* Width of right column content (column width minus padding on either side) */ left:85%; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ } /* Footer styles */ #footerthreecol { clear:both; float:left; width:100%; border-top:1px solid #000; } #footerthreecol p { padding:10px; margin:0; }