/* 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 a { color: #590583; } .custom body { position: relative; } .custom #container { margin: 0 auto; width: 960px; } .custom #page { border: none; padding: 0; } .custom #siteheader { margin: 0; padding: 0; top: 0; left: 0; float: left; width: 100%; height: 132px; background: url('images/headerback-trans.png') 0 0 repeat-x; text-align: center; vertical-align: top; } .custom .wrapheader { margin: 0 auto; width: 960px; height: 100%; text-align: left; } .custom .topheader { margin-top: 10px; padding: 0; float: left; width: 960px; height: 82px; border: none; } .custom .topheaderct { margin-top: 10px; padding: 0; float: left; width: 960px; height: 93%; border: none; } .custom .topheader .logo { width: 300px; float: left; } .custom .topheaderct .logoct { width: 300px; height: 98%; float: left; } .custom .topheader .topnav { width: 660px; margin-top: 35px; float: left; } .custom .topheaderct .topnavct { width: 660px; margin-top: 60px; float: left; } .custom .topnav ul { padding-right: 10px; list-style: none; text-align: right; } .custom .topnav ul li { display: inline; padding-right: 2px; font-size: 11px; } .custom .topnavct ul { list-style: none; text-align: right; } .custom .topnavct ul li { padding-right: 12px; font-size: 11px; } .custom .mainav { margin-top: 10px; padding-top: 2px; float: left; width: 960px; height: 32px; border: none; background: url('images/menuback-trans.gif') 0 0 no-repeat; } .custom .mainav #topmainav { padding-left: 10px; width: 768px; float: left; } .custom .searchtool { margin-top: 0; padding-top: 0;} .custom .searchtool input.text_input { float: left; margin-top: 4px; padding: 0 2px; } .custom #searchsubmit { margin-top: 4px; margin-left: 5px; width: 18px; height: 18px; background: none; border: none; } .custom .searchtool form input { padding: 0; width: 138px; font-size: 12px; } .custom .topsubnav { clear: both; float: left; width: 960px; background: #888888; } .custom #topmainav ul { float: left; list-style: none; margin: 0px 0px 0px 0px;padding: 0px; border-color: none; border-width: 0; border-style: none; } .custom #topmainav li { float: left; list-style: none; margin: 0px; padding: 0px; background: none; border: none; } .custom #topmainav ul li { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; border: none; } .custom #topmainav li a, .custom #topmainav li a:link { color: #fff; display: block; font-size: 11px; margin: 0px 0px 0px 0px; padding: 6px 10px 7px 10px; letter-spacing: 0px; text-decoration: none; background: none; border: none; } .custom #topmainav li a:hover, .custom #topmainav li a:active { background: #888888; color: #FFFFFF; display: block; margin: 0px 0px -0px 0px; padding: 6px 10px 7px 10px; text-decoration: none; } .custom #topmainav li li a, .custom #topmainav li li a:link, .custom #topmainav li li a:visited { opacity: .90; filter: alpha(opacity=90); background: #888888; width: 170px; color: #fff; float: none; margin: 0px 0px -2px 0px; padding: 7px 10px 7px 10px; border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; } .custom #topmainav li li a:hover, .custom #topmainav li li a:active { background: #590583; color: #FFFFFF; padding: 7px 10px 7px 10px; } .custom #topmainav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 190px; margin: 0px; padding: 0px; background: #888888; } .custom #topmainav li li { } .custom #topmainav li ul a { width: 160px; } .custom #topmainav li ul a:hover, #nav li ul a:active { } .custom #topmainav li ul ul { margin: -31px 0 0 192px; } .custom #topmainav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } .custom #topmainav li:hover ul, .custom #topmainav li li:hover ul, .custom #topmainav li li li:hover ul, .custom #topmainav li.sfhover ul, .custom #topmainav li li.sfhover ul, .custom #topmainav li li li.sfhover ul { left: auto; } .custom #topmainav li:hover, .custom #topmainav li.sfhover { position: static; } .custom #topmainav .current_page_item a { background: none; color: #FFFFFF; display: block; margin: 0px 0px 0px 0px; padding: 8px 10px 8px 10px; text-decoration: none; } .custom #header { display: none; } .custom #feature_box { margin: 0 0 20px 0; padding: 0; top: 0; float: left; width: 960px; height: 228px; border: none none !important; } .custom #feature_box .idTabs { margin: 0; padding: 0; } .custom #feature_box .idTabs #menu { width: 404px; height: 228px; float: right; right: 0; background: url('images/feabackg.jpg'); } .custom #feature_box .idTabs #menu ul { margin-top: 22px; list-style: none; border: none; } .custom #feature_box .idTabs #menu li { float: none; display: block; padding-bottom: 8px; width: 325px; height: 30px; } .custom #feature_box .idTabs #menu li p.banner1 a { display: block; width: 325px; height: 30px; background: url('images/banner1menuon-trans.jpg') no-repeat; } .custom #feature_box .idTabs #menu li p.banner2 a { display: block; width: 325px; height: 30px; background: url('images/banner2menuon-trans.jpg') no-repeat; } .custom #feature_box .idTabs #menu li p.banner3 a { display: block; width: 325px; height: 30px; background: url('images/banner3menuon-trans.jpg') no-repeat; } .custom #feature_box .idTabs #menu li p.banner4 a { display: block; width: 325px; height: 30px; background: url('images/banner4menuon-trans.jpg') no-repeat; } .custom #feature_box .idTabs #menu li p.banner5 a { display: block; width: 325px; height: 30px; background: url('images/banner5menuon-trans.jpg') no-repeat; } .custom #feature_box .idTabs #menu li p.banner1 a:hover { display: block; width: 325px; height: 30px; font-size: 14px; font-weight: bold; background: url('images/banner1menuoff-trans.jpg') no-repeat; } .custom #feature_box .idTabs #menu li p.banner2 a:hover { display: block; width: 325px; height: 30px; font-size: 14px; font-weight: bold; background: url('images/banner2menuoff-trans.jpg') no-repeat; } .custom #feature_box .idTabs #menu li p.banner3 a:hover { display: block; width: 325px; height: 30px; font-size: 14px; font-weight: bold; background: url('images/banner3menuoff-trans.jpg') no-repeat; } .custom #feature_box .idTabs #menu li p.banner4 a:hover { display: block; width: 325px; height: 30px; font-size: 14px; font-weight: bold; background: url('images/banner4menuoff-trans.jpg') no-repeat; } .custom #feature_box .idTabs #menu li p.banner5 a:hover { display: block; width: 325px; height: 30px; font-size: 14px; font-weight: bold; background: url('images/banner5menuoff-trans.jpg') no-repeat; } .custom #feature_box #pictures { float: left; width: 556px; height: 228px; overflow: hidden; background: none !important; position: absolute; z-index: 0; } .custom #feature_box .divider { float: right; right: 0; width: 63px; height: 228px; background: url('images/divider-trans.gif') no-repeat; position: relative; z-index: 1; } .custom #content_container #feature_box { margin: 0; padding: 0; width: 628px; background: none !important; border-bottom: none !important; } .custom #cdial { margin: 0 0 20px 0; padding: 0; float: left; width: 960px; height: 105px; } .custom #cdial .cdialeft { float: left; margin-right: 33px; width: 295px; height: 105px; } .custom #cdial .cdialmiddle { float: left; margin-right: 33px; width: 298px; height: 105px; } .custom #cdial .cdialright { float: left; width: 295px; height: 105px; } .custom .dialcontent { width: 100%; height: 75px; } .custom .dialcontent h2 { padding: 22px 0 0 80px; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 18px; color: #fff; } .custom .dialcontent p { padding: 4px 0 0 80px; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 14px; color: #fff; } .custom .cdialmore { float: right; background: url('images/learnmore-trans.gif') 0 0 no-repeat; width: 92px; height: 98px; padding: 5px 0 0 15px; } .custom .cdialmore a { color: #6c007f; font-size: 12px; } .custom .cdialmore a:hover { color: #000; } .custom #breadcrumbs { clear: both; float: left; width: 960px; margin: 5px 0 5px 8px; font-size: 11px; } .custom #content_box { border: none; width: 960px; padding-top: 10px; float: left; background: url('images/contentback-trans.gif') repeat-x; } .custom #content_home_box { border: none; width: 960px; padding-top: 10px; float: left; background: url('images/contentback-trans.gif') repeat-x; } .custom #content_home_box .format_text h3{ clear: both; float: text; display: block; width: 100%; height: 100%; margin: 5px 0; } .custom #content_home_box .format_text ul li{ clear: both; float: text; display: block; width: 100%; height: 100%; margin: 5px 0; } .custom #content_home_box .format_text blockquote{ border-left: solid 4px #ccc; } .custom #content { border: none; width: 628px; } .custom #feature_sidebar { float: left; margin-top: 0; margin-left: 8px; width: 322px; } .custom #content_container { float: left; width: 628px; } .custom #content_container #content_box { margin-top: 0; padding-top: 0; width: 628px; background: none; } .custom #content_container #content_box #content .post_box .headline_area h1 { margin-top: -18px; border-bottom: 1px solid #ccc; color: #2f7288; } .custom #content_container #content_box #content .post_box .format_text h1 { margin-top: -42px; margin-bottom: 35px; padding-bottom: 4px; font-size: 24px; border-bottom: 1px solid #ccc; color: #2f7288; } .custom #content_container #content_box #content .post_box .format_text ul { list-style-type: disc; } .custom .idTabs { margin: 0; padding: 20px 0 0 0; top: 0; } .custom .idTabs ul { list-style: none; } .custom .idTabs ul li { float: left; display: block; width: 143px; height: 33px; margin-right: 0px; } .custom #content .idTabs ul li.aboutab a { display: block; width: 143px; height: 33px; padding: 8px 0 0 0; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 14px; text-align: center; background: url('images/tabsoff-trans.gif') no-repeat; } .custom #content .idTabs ul li.aboutab a:hover { display: block; width: 143px; height: 33px; color: #fff; background: url('images/tabson-trans.gif') no-repeat; } .custom #content .idTabs ul li.marketab a { display: block; width: 143px; height: 33px; padding: 8px 0 0 0; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 14px; text-align: center; background: url('images/tabsoff-trans.gif') no-repeat; } .custom #content .idTabs ul li.marketab a:hover { display: block; width: 143px; height: 33px; color: #fff; background: url('images/tabson-trans.gif') no-repeat; } .custom #tabcontent { clear: both; float: left; } .custom #content .idTabs div#about { border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .custom #content .idTabs div#marketing { border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .custom .no_sidebars #content .post_box { margin-top: 0; width: 610px; } .custom .no_sidebars #content .post_box .headline_area h1 { border-bottom: 1px solid #ccc; } .custom #feature_sidebar #sidebars { clear: right; width: 322px; height: auto; border-top: 5px solid #68859b; background: url('images/backsidebar.jpg') top left repeat-x; } .custom #feature_sidebar #sidebarsct { clear: right; width: 322px; height: auto; padding-top: 4.4em; } .custom #feature_sidebar #sidebarsct h1 { text-align: center; color:#590583; font-size: 2.2em; } .custom #feature_sidebar #sidebarsct ul { margin-top: 2em; list-style-type: none; } .custom #feature_sidebar #sidebarsct ul li { width: 100%; text-align: center; padding-bottom: 1.6em; } .custom #content_container #content_box #sidebars { display: none; } .custom #content .custom_template { margin-top: 20px; } .custom #content .custom_template h2 { margin-left: 10px; font-size: 18px; } .custom #content .ssuggest { padding: 8px 12px 0px; font-size: 12px; } .custom #sidebars { margin-bottom: 15px; padding-bottom: 10px; border: 1px solid #ccc; } .custom #sidebars .sidebartop { height: auto; padding: 8px 4px; font-size: 12px; text-align: center; } .custom #sidebars .sidebartop .widgetblock { margin-bottom: 8px; background: none; } .custom #sidebars .sidebartop .widgetblock h3 { display: block; width: 100%; text-align: left; } .custom #sidebars .sidebartop .widgetblock ul li { width: 100%; margin-bottom: 5px; padding-bottom: 5px; list-style: none; border-bottom: 1px solid #ccc; text-align: left; } .custom #sidebars .sidebartop .gform_wrapper { margin: 0 auto; width: 100%; } .custom #sidebars .sidebartop .gform_wrapper ul li{ clear: both; width: 98%; padding-bottom: 8px; list-style: none; text-align: left; } .custom #sidebars .sidebartop .gform_wrapper li div span { padding-bottom: 2px; } .custom #sidebars .sidebartop .gform_wrapper li div span.ginput_left { float: left; width: 49%; } .custom #sidebars .sidebartop .gform_wrapper li div span.ginput_right { clear: both; float: left; width: 49%; } .custom #sidebars .sidebartop .gform_wrapper li div span label { padding-bottom: 5px; float: left; } .custom #sidebars .sidebartop .gform_wrapper li div span input { float: left; } .custom #sidebars .sidebartop .gform_wrapper li div input { padding: 2px; width: 48%; font: 12px Arial #000; } .custom #sidebars .sidebartop .gform_wrapper .gform_body #gform_fields li ul.gfield_radio input { width: 10px !important; } .custom #sidebars .sidebartop .gform_footer { float: right; } .custom #sidebars .sidebartop .gform_footer a { margin-right: 10px; } .custom #sidebars .sidebartop .gform_footer input.button { margin-right: 10px; } .custom #sidebars .sidebartop h3 { font-size: 14px; font-weight: bold; color: #2f7288; } .custom #sidebars .sidebartop ul.mainmenus { list-style: none; padding: 8px 0; } .custom #sidebars .sidebartop ul.mainmenus li { margin: 0 auto 8px; padding: 8px 0; width: 60%; background: url('images/rightsbpanel-trans.gif') 50% 0 no-repeat; font-size: 12px; color: #fff; } .custom #sidebars .sidebartop ul.mainmenus li a,.custom #sidebars .sidebartop ul.mainmenus li a:visited { color: #fff; } .custom #sidebars .sidebartop ul.mainmenus li img { padding-right: 8px; vertical-align: text-top; } .custom #sidebars .sidebartop ul.addmenus { list-style: none; padding: 4px 0; text-align: left; } .custom #sidebars .sidebartop ul.addmenus li { padding: 5px 0 5px 18px; border-top: 1px solid #ccc; } .custom #sidebars .sbvideo { margin: 10px 0 10px 10px; } .custom #sidebars .sidebarbottom { margin: 10px 0 10px 30px; } .custom #sidebars { border: none; width: 328px; } .custom #sidebars .idTabs ul li { margin-right: 0; padding-right: 0; display: block; width: 98px; height: 30px; } .custom #sidebars .idTabs ul li.clientstab a { display: block; width: 98px; height: 30px; padding: 8px 0 0 0; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 14px; text-align: center; background: url('images/stabsoffmini-trans.gif') no-repeat; } .custom #sidebars .idTabs ul li.clientstab a:hover { display: block; width: 98px; height: 30px; color: #fff; background: url('images/stabsonmini-trans.gif') no-repeat; } .custom #sidebars .idTabs ul li.twittertab a { display: block; width: 98px; height: 30px; padding: 8px 0 0 0; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 14px; text-align: center; background: url('images/stabsoffmini-trans.gif') no-repeat; } .custom #sidebars .idTabs ul li.twittertab a:hover { display: block; width: 98px; height: 30px; color: #fff; background: url('images/stabsonmini-trans.gif') no-repeat; } .custom #sidebars .idTabs ul li.netab a { display: block; width: 121px; height: 30px; padding: 8px 0 0 0; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 14px; text-align: center; color: #fff; background: url('images/stabson-trans.gif') no-repeat; } .custom #sidebars .idTabs ul li.netab a:hover { display: block; width: 121px; height: 30px; color: #fff; background: url('images/stabson-trans.gif') no-repeat; } .custom #sidebars .idTabs div#clients { margin-top: 0; padding: 25px 0 0 15px; border-left: 1px solid #ccc; } .custom #sidebars .idTabs #clients ul li { margin: 0 8px 18px 0; width: 45%; height: auto; } .custom #sidebars .idTabs div#newsevents { margin-top: 0; padding: 25px 0 0 15px; border-left: 1px solid #ccc; } .custom #sidebars .idTabs div#twitter { width: 318px; margin-top: 0; padding: 17px 0 0 15px; border-left: 1px solid #ccc; } .custom #sidebars .idTabs #twitter ul { list-style: none; } .custom #sidebars .idTabs #twitter ul li { padding: 8px 0 8px 0; width: 308px; height: auto; font-size: 1.3em; border-bottom: 1px dotted #ccc; } .custom #sidebars .stabscontent .stcontent h3 { padding-bottom: 8px; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 16px; font-weight: bold; } .custom #sidebars .stabscontent .stcontent p { padding-bottom: 8px; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 12px; line-height: 150%; word-spacing: 0.04em; } .custom #sidebars .stabscontent .stmeta { padding-bottom: 18px; font-family: Helevetica, Arial, Tahoma, Sans-serif; font-size: 12px; color: #b8b8b8; } .custom #sidebars .widgetblock { margin-top: 20px; padding: 12px 0 0 12px; background: url('images/newslback.jpg') no-repeat; } .custom #sidebars .widgetblock h3 { padding-bottom: 5px; font-size: 1.2em; font-weight: bold; } .custom #sidebars .widgetblock form input { width: 88%; padding: 3px; } .custom #sidebars .widgetblock form button.submit { margin-top: 5px; width: 78px; height: 22px; background: url('images/submit.png') no-repeat; border: none; text-indent: -9999px; } .custom #footerbox { clear: both; float: left; bottom: 0; padding: 0; width: 960px; height: 198px; background: url('images/bottombox-trans.png') no-repeat bottom left; border: 0; } .custom #footerbox h3 { padding: 48px 0 0 118px; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 16px; font-weight: bold; } .custom #footerbox p { padding: 8px 0 0 118px; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 11px; } .custom #footer { border: none; } .custom #footer p { float: left; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 9px; color: #000; } .custom #footer p a { color: #590583; text-decoration: none; border-bottom: none; } .custom #footer p a:hover { color: #a8a8a8; text-decoration: underline; } .custom #footer ul { list-style: none; float: right; } .custom #footer ul li { display: inline; margin-right: 8px; font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 9px; color : #000; } .custom #footer ul li.cfooter { padding-top: 5px; background: url('images/bubbleicon-trans.gif') center left no-repeat; } .custom #footer ul li.rfooter { padding-top: 5px; background: url('images/rssicon-trans.gif') center left no-repeat; } .custom #footer ul li.sfooter { padding-top: 5px; background: url('images/sitemapicon-trans.gif') center left no-repeat; } .custom #footer ul li a { padding-left: 25px; color: #590583; text-decoration: none; border-bottom: none; } .custom #footer ul li a:hover { padding-left: 25px; color: #a8a8a8; text-decoration: underline; } .custom #footnote { clear: both; float: left; width: 740px; margin-top: 10px; } .custom #footnote p { font-family: Helvetica, Arial, Tahoma, Sans-serif; font-size: 10px; color: #000; line-height: 140%; word-spacing: 0.2em; } .custom #footnote p a { color: #590583; text-decoration: none; } .custom #footnote p a:hover { color: #a8a8a8; text-decoration: underline; } .custom #twitter { float: left; } .custom #content_container #content_box #content .post_box .format_text .ddsg-wrapper div p { display:none; } .custom #feature_box .idTabs #menu li p a span.hide { visibility: hidden !important; } .custom .format_text .gform_wrapper { margin: 0 auto; width: 100%; } .custom .format_text .gform_wrapper ul { margin:1.571em 0; } .custom .format_text .gform_wrapper ul li{ clear: both; width: 98%; padding-bottom: 8px; list-style: none; text-align: left; } .custom .format_text .gform_wrapper li div span { padding-bottom: 2px; } .custom .format_text .gform_wrapper li div span.ginput_left { float: left; width: 49%; } .custom .format_text .gform_wrapper li div span.ginput_left input { width: 84% !important; } .custom .format_text .gform_wrapper li div span.ginput_right { clear: both; float: left; width: 49%; } .custom .format_text .gform_wrapper li div span.ginput_right input { width: 84% !important; } .custom .format_text .gform_wrapper li div span label { padding-bottom: 5px; float: left; } .custom .format_text .gform_wrapper li div span input { float: right; } .custom .format_text .gform_wrapper li div input { padding: 2px; width: 48%; font: 12px Arial #000; } .custom .format_text .gform_wrapper li div textarea { width: 48%; } .custom .format_text .gform_wrapper .gform_body #gform_fields li ul.gfield_radio input { width: 10px !important; } .custom .format_text .gform_footer { float: left; } .custom .format_text .gform_footer a { margin-right: 10px; } .custom .format_text .gform_footer input.button { margin-right: 10px; width: 200px; } .custom #content .custom_template h2 { margin-left: 0 !important; }