/* 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/ */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 } .clearfix:after { clear:both; content:'.'; display:block; visibility:hidden; height:0 } .clearfix { display:inline-block } * html .clearfix { height:1% } .clearfix { display:block } body.custom { background-color:#FFFFFF; background-image:url(images/bodyBG.jpg); background-position:top; background-repeat:repeat-x; outline:none; } .custom #container { padding:0 40px; background:none; border:0; background-image:url(images/containerBG.png); background-position:6px -246px; background-repeat: no-repeat; position:relative; } .custom #header { background-color:#40A3E0; background-image:url(images/headerBG.jpg); background-position:top left; background-repeat: no-repeat; border: none; border-bottom: 10px solid #CEDAD5; padding-bottom:3.1em; position:relative; } .custom #header #logo, .custom #header #tagline { text-indent: -100em; } .custom #header .headerBTN { position:absolute; top:35px; right:30px; } /* move headlines into blue area */ .custom #content .headline_area { position:absolute; top:80px; left: 250px; z-index:2; } .custom #content .headline_area h1 { color:#FFF; } .custom .format_text { margin-top: -10px; } /* repositing on homepage headlines */ .custom.home #content .headline_area { position: static; color:#333; } .custom.home #content .format_text { margin-top: 0px; } .custom.home #content .headline_area h1 { color:#333; } .custom #page { background-color:#FFFFFF; background-image:url(images/pageBG.png); background-position:left; background-repeat:repeat-y; } .custom .menu { background-color:#33678D; background-image:url(images/menuBG.jpg); background-position:bottom left; background-repeat: no-repeat; padding:8px 0; } .custom .menu, .custom .menu a, .custom .menu li ul { border:none; } .custom .menu a { font-size:11px; text-transform:capitalize; color:#C8D4DD; letter-spacing: 0; font-family:Arial, Helvetica, sans-serif; margin-left: 12px; background:none; padding:5px 8px; } .custom .menu a:hover{ color:#FFF; } .custom .menu .current a, .custom .menu .current-parent a, .custom .menu .current-parent .submenu .current a { background-color:#153851; -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#fff; } .custom .menu .current a:hover, .custom .menu .current-parent a:hover { color:#FFF; } .custom .submenu, .custom .menu .current-parent .submenu a { background-color:#33678D; color:#C8D4DD; } .custom ul.submenu { padding:8px 16px 8px 0; -moz-border-radius-bottomleft: 4px; -webkit-border-top-bottom-radius: 4px; margin-left:8px; } .custom .submenu a { margin-top:6px; } .custom #footer { background-color: #CEDAD5; } .custom .post_box { padding: 2.8em 2em; } .custom .comments_closed { display:none; } .custom .format_text h2 { margin:1.5em 0; } .custom .format_text h6 { display:block; background-color:#44A1DE; text-transform: none; letter-spacing:normal; font-weight:bold; font-size:1em; padding:15px 15px 15px 130px; background-image:url(images/supremeAirLogo_onBlue.jpg); background-position:top left; background-repeat:no-repeat; color:#FFF; margin: 15px 0; } .custom .format_text h6 a { color:#fff; } .custom .paginate { display:none; } /*eshop - for product listings*/ .custom #content .format_text ul.eshop { margin:0; } .custom #content ul.eshop li { margin:25px 0 0 0; padding:20px 0 0 0; border-top: 1px dashed #DDE4E2; } .custom #content ul.eshop li img, .custom #content ul.eshop li a:hover img, .custom #content ul.eshop li a:active img, .custom #content ul.eshop li a:focus img { border: 0; } .custom #content ul.eshop li img { float:right; } .custom #content ul.eshop li a { display:inline; margin:0; } .custom #content ul.eshop li h3 { padding:0; margin:0 0 5px 0; font-weight:bold; color:#666666; } .custom #content ul.eshop li h2 { padding:0; margin:0 0 20px 0; font-size:1em; color:#666666; } .custom #content ul.eshop li p { font-size:0.9em; line-height: 1.4em; color:#666666; } .creditline { display:none; } /*home page*/ body.custom.home { background-color:#FFFFFF; background-image:url(images/homeBodyBG.jpg); background-position:top; background-repeat:repeat-x; } .custom.home #container { padding:0 40px; background:none; border:0; background-image:url(images/containerBG.png); background-position:top; background-repeat: no-repeat; } .custom.home #header{ background-color:#40A3E0; background-image:url(images/homeBG.jpg); background-position:top left; background-repeat: no-repeat; border: none; border-bottom: 1px solid #CEDAD5; padding:0; height:377px; position:relative; } .custom.home .menu { background-color:#33678D; background-image:none; } .custom.home #header .headerPrimary, .custom.home #header .headerSecondary, .custom.home #header .headerBTN { position:absolute; left: 320px; top:50px; width:500px; } .custom.home #header .headerSecondary { top:170px; width: 280px; } .custom.home #header .headerBTN { top:250px; } .custom.home #header .headerPrimary h1, .custom.home #header .headerSecondary h2 { color:#FFF; font-size:22px; } .custom.home #header .headerSecondary h2 { font-size:14px; } .format_text img.left, .format_text img.alignleft, .wp-caption.alignleft { margin:0 1.571em 1em 0; } /*breadcrumb*/ .breadcrumb { padding: 15px 0 10px 20px; border-bottom: 1px dotted #CEDAD5; margin-right:3px; } .breadcrumb a { color:#9DA1A0; } /*air con page*/ .col3 img { float:left; margin-right: 30px; } /*sub page menu */ .custom #sub-page-menu h3 a { color:#9DA1A0; letter-spacing:normal; text-transform:none; font-variant:normal; font-weight:bold; display:block; padding-bottom:10px; border-bottom: 1px solid #CEDAD5; margin-bottom:15px; font-size:14px } .custom #sub-page-menu li { padding-left:15px; background-image:url(images/arrowOff.jpg); background-position:0 6px; background-repeat:no-repeat; } .custom #sub-page-menu .page_item a { color: #8E9492; text-decoration:underline; font-size:14px; } .custom #sub-page-menu .current_page_item { background-image:url(images/arrowOn.jpg); background-position:0 6px; background-repeat:no-repeat; } .custom #sub-page-menu .current_page_item a{ color:#000; text-decoration:none; } .custom #sub-page-menu li ul { margin-left:0; } /*contact form */ .wpcf7-form input, .wpcf7-form textarea { width:260px; } /*testimonials*/ .custom h2.testimonials { color:#9DA1A0; letter-spacing:normal; text-transform:none; font-variant:normal; font-weight:bold; display:block; margin-bottom:10px; font-size:14px } .custom .testimonial { margin: 12px 0; font-size:1.2em; padding: 6px; border-bottom: 1px solid #CEDAD5; line-height:1.5em; }