/* 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.custom { width:100%; margin:0; background-color:#999999; position:relative; } .custom #big_container { margin:20px auto 0 auto; padding:0; width:925px; background-color:white; position:relative; visibility:hidden; } .custom #content_area .page { padding:0; margin:0; width:100%; } .custom #header_area .page { padding:0; } .custom #header { width:925px; height:108px; padding:0; border:0; background-image:url("../../../../wp-content/images/logo_bg.jpg"); position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666; z-index:3000; } .custom .not_front { width:925px; z-index:3000; height:108px; padding:0; border:0; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666; background-image:url("../../../../wp-content/images/logo_bg2.jpg") !important; } .custom #header #top_right_nav { position:absolute; left:500px; top:7px; } .custom #header #top_right_nav, .custom #header #top_right_nav a { color:#8c8c8c; font-size:12px; font-weight:500; margin:0 3px; } .custom #header #contact_us, .custom #header #phone_num { position:absolute; left:577px; top:41px; font-size:17px; font-weight:500; } .custom #header #sales a, .custom #header #support a { position:absolute; color:white; font-size:14px; left:672px; top:44px; text-decoration:none; font-weight:700; } .custom #header #support a { left:725px; } .custom #header #phone_num { left:782px; } .custom #header ul#tabs { position:absolute; bottom:15px; left:155px; font-size:12px; border:0; z-index:1000; } .custom #header ul#tabs li { border:0; background:none; } .custom #header ul#tabs li a { font-size: 1em !important; font-weight:500; border-bottom:3px white solid; color:#797979; height:8px; margin:0 5px; letter-spacing:0.9px; } .custom #header ul#tabs li a:hover { text-decoration:none; } .custom #header ul#tabs>li>a:hover, .custom #header ul#tabs>li.current_page_item>a { border-bottom:3px #df3a3c solid; } .custom #header ul#tabs>li.current_page_item>ul>li>a:hover, .custom #header ul#tabs>li>ul>li>a:hover { cursor:pointer; border-bottom:2px #df3a3c solid; } .custom #header ul#tabs>li.current_page_item>ul>li>a, .custom #header ul#tabs>li>ul>li>a { border-bottom:2px #fff solid; } .custom ul#tabs li ul { display:none; position:absolute; z-index:1000; list-style:none; border:10px #cfcfcf solid; background-color:white; width:200px; padding:0; } .custom ul#tabs li ul li { width:100%; margin:0; } .custom ul#tabs li ul li a { float:none; background-color:#cfcfcf; text-transform:none; margin:0 !important; } .custom ul#tabs li:hover ul { display:block; } .custom #header #home_link { margin-left:10px; width:122px; height:91px; } .custom #header #searchform { position:absolute; right:5px; bottom:17px; } .custom #header #searchform #s { border:3px #ccc solid; height:15px; background:none; } .custom #header #searchform #searchsubmit { border:0; margin-bottom:-7px; } .custom #sidebars, .custom #multimedia_box, .custom #image_box, .custom #image_box img { border:0; margin:0; padding:0; background:none; } .custom #content { font-size:8px; font-family:Arial, Helvetica, sans-serif; margin-left:10px; width:98%; padding-left:5px; } .custom #content h2, .custom #content h1 { font-size:22px; margin-bottom: 10px; } .custom #footer_area div.page, .custom #footer, .custom #footer1 { margin:0; padding:0; border:0; width:925px; text-align:left; background-color:white; } .custom #footer1 { background-image:url("../../../../wp-content/images/dish_small.jpg"); background-position:right top; background-repeat:no-repeat; height:84px; border-bottom:thin black solid; margin-left:15px; width:97%; margin-top:20px; background-color:white; } .custom #footer1 p { padding-top:60px; border:0; } .custom #footer1 p a { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:500; color:#666; border:0; } .custom #footer2 { height:200px; padding-left:15px; } .custom #footer2 .footer_links { float:left; width:20%; margin:0; padding:10px 0; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } .custom #footer2 .footer_links>a:first-letter { text-transform:uppercase; } .custom #footer2 a { text-decoration:none; border:0; } .custom #footer2 .footer_links ul { margin-top:10px; } .custom #footer2 .footer_links ul li { list-style:none; padding:2px 0; font-size:12px; font-weight:normal; } .custom #bg_dish { background-image:url("../../../../wp-content/images/bg_dish.png"); width:249px; height:168px; position:absolute; right:0px; bottom:200px; } .custom #feature_box { border:0; } .custom #feature_box div { background-image:url("../../../../wp-content/images/feature_box_bg.png"); height:87px; width:290px; float:left; margin:5px; position:relative; } .custom #feature_box div img { position:absolute; left:15px; top:15px; } .custom #feature_box div h2 { margin-top:10px; } .custom #feature_box div h2 a { color:#cf3333; text-decoration:none; font-size:13.5px; margin-left:75px; } .custom #feature_box div p { margin:3px 10px 5px 75px; font-size:12px; } .custom #l_sidebar { width:295px; float:left; padding-top:3.2em; } .custom #l_sidebar #heading, .custom #l_sidebar #heading_no_arrow { background-image:url("../../../../wp-content/images/nav_arrow.jpg"); width:293px; height:41px; margin-top:35px; font-size:20px; color:#cf3333; padding-left:10px; padding-top:9px; background-repeat:no-repeat; } .custom #l_sidebar #heading_no_arrow { background-image:none; } .custom #l_sidebar ul li { margin-left:75px; font-size:13px; } .custom #r_sidebar { background-image:url("../../../../wp-content/images/recent_news_no_hdlne.jpg"); background-repeat:no-repeat; width:353px; height:477px; float:left; font-size:12px; clear:none; margin-top:2.2em; padding-top:10px; letter-spacing:0.7px; position:relative; } .custom #r_sidebar #headline { position:absolute; left:28px; top:2px; color:#999; font-size:17px; font-weight:400; } .custom #r_sidebar h2 { color:#cf3333; font-size:13.5px; font-weight:bold; margin:30px 0 5px 10px; } .custom #r_sidebar p { margin:0 10px; } .custom .post_box, .custom .teasers_box { float:left; clear:none; width:505px; margin-right:20px; } .custom #comments { width:505px; float:right; margin-right:97px; } .custom #breadcrumb { font-family:Arial, Helvetica, sans-serif; color:#999; margin-left:20px; text-transform:lowercase; font-size:12px; } .custom a.hackadelic-sliderButton, .custom a.hackadelic-sliderButton.open { padding:10px 0 10px 35px; width:100%; background-image:url("../../../../wp-content/images/banner_right.jpg"); background-repeat:no-repeat; background-position:left center; float:left; clear:left; } .custom a.hackadelic-sliderButton.open { background-image:url("../../../../wp-content/images/banner_down.jpg"); } .custom div.format_text a { font-size:12px; font-weight:bold; color:black; text-decoration:none; } .custom div.format_text a:hover { text-decoration:underline; } .custom .hackadelic-sliderPanel { float:left; clear:left; } .custom .hackadelic-sliderPanel ul li a { font-weight:normal; } .custom #content .carousel { position:relative; border-left:1px black solid; border-right:1px black solid; left:88px !important; } .custom div.carousel ul li { height:95px; width:231px; } .custom div.carousel img { border-left:1px gray dotted; border-right:1px gray dotted; border-bottom:2px gray dotted; border-collapse:collapse; margin:0; } .custom input.next, input.prev { background:none; text-decoration:underline; border:none; cursor:pointer; outline:none; } .custom input.prev { float:left; text-align:right; } .custom input.next { float:right; text-align:left; } .custom span.big_image, .custom span.text, .custom span.subtitle, .custom span.feat, .custom .carousel ul li p, .custom .carousel ul li h2, .custom #direct_links ul li span { display:none; } .custom .headline_area { position:relative; z-index:1000; } .custom div.details { height:306px; width:925px; position:relative; margin-top:-20px; } .custom div.details img.backg { position:absolute; z-index:0; top:-45px; left:-15px; } .custom div#dvr span.dvr { font-size:20px; font-weight:lighter; color:#CC3333; position:absolute; left:24px; top:610px; cursor:pointer; } .custom p.launch { margin-top:20px; } .custom div.details img { float:right; margin-right:100px; } .custom div.details img.title { float:left; position:relative; margin-left:46px; z-index:1000; } .custom span.sub { position:absolute; left:50px; top:30px; font-weight:bold; font-size:12px; color:gray; } .custom span.desc { position:absolute; left:50px; top:70px; width:210px; } .custom div#list { margin-top:25px; width:495px; margin-left:50px; display:block; } .custom span#headline { color:#CC3333; font-weight:bold; font-size:13px; width:100%; border-bottom:2px gray dotted; } .custom div#list p { margin-top:10px; margin-bottom:10px; } .custom .script { vertical-align:super; font-size:9px; } .custom .details .download { position:absolute; width:200px; height:47px; text-align:right; clear:right; right:50px; bottom:-20px; background-image:url("../../../../wp-content/images/pdf_logo.png"); background-position:right center; background-repeat:no-repeat; padding-right:47px; padding-top:50px; } .custom .details .download a { font-size:12px; color:#CC3333; font-weight:normal; } .custom #list p.item { background-image:url("../../../../wp-content/images/silver_bullets.jpg"); padding-left:17px; background-repeat:no-repeat; background-position:left center; } .custom #notes { color:gray; font-size:12px; border-top:2px gray solid; margin-left:50px; width:775px; } .custom ul.accordion li { list-style:disc; } .custom ul.accordion li a { color:#3366FF !important; } .custom #carousel_container { border:1px black solid; position:relative; width:875px; top:0; background-image:url("../../../../wp-content/images/bottom_grad.png"); } .custom #direct_links { background-image:url("../../../../wp-content/images/bottom_grad2.jpg"); background-position:center bottom; background-repeat:no-repeat; width:836px; padding-left:42px; } .custom #direct_links ul { margin-top:7px; } .custom #direct_links ul li { width:auto; margin:0 0 0 20px; border:0; background:none; list-style:none; cursor:pointer; display:inline-table; height:20px; } .custom #big_arrow_l { position:absolute; top:30px; left:20px; } .custom #big_arrow_r { position:absolute; top:30px; right:20px; } .custom p.blog_intro { font-size:1.4em; line-height:1.571em; margin-bottom:1.571em; } .custom div.no_border { border:0; } .custom div.no_border~div.post_box, .custom div.teasers_box { float:right; margin-right:97px; } .custom #content_box #content .prev_next { margin-top:10px !important; } .custom #l_sidebar h3 { margin-top:10px; margin-bottom:5px; margin-left:20px; font-size:14px; } .custom #archive_info, .custom #archive_info~div { clear:none; width:505px !important; float:right; margin-right:97px !important; } .custom #archive_info { padding-left:0; padding-right:0; } .custom #content_box a { color:#2361A1; } /* Form */ .custom .format_text table { border-collapse: collapse; border: 1px solid #c8c8c8; font: normal 11px verdana, arial, helvetica, sans-serif; color: #000; background: #c8c8c8; } .custom .format_text caption { text-align: left; font: normal 11px verdana, arial, helvetica, sans-serif; background: transparent; } .custom .format_text td, th { border: 1px dashed #8f8f8f; padding: .8em; color: #000; } .custom .format_text thead th, tfoot th { font: bold 11px verdana, arial, helvetica, sans-serif; border: 1px solid #8f8f8f; text-align: left; background: #8f8f8f; color: #000; padding-top:6px; } .custom .format_text tbody td a { background: transparent; text-decoration: none; color: #000; } .custom .format_text tbody td a:hover { background: transparent; color: #FFFFFF; } .custom .format_text tbody th a { font: normal 11px verdana, arial, helvetica, sans-serif; background: transparent; text-decoration: none; font-weight:normal; color: #000; } .custom .format_text tbody th a:hover { background: transparent; color: #FFFFFF; } .custom .format_text tbody th, tbody td { vertical-align: top; text-align: left; } .custom .format_text tfoot td { border: 1px solid #8f8f8f; background: #8f8f8f; padding-top:6px; } .custom .format_text .odd { background: #888888; } .custom .format_text tbody tr:hover { background: #a8a8a8; } .custom .format_text tbody tr:hover th, .custom .format_text tbody tr.odd:hover th { background: #a8a8a8; } .custom #content_box, .custom #column_wrap { background: none; }