/* 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 { background: url('images/bgd_paper.jpg'); } /* Page */ .custom .page { width: 960px; margin: 0 auto; padding-right: 0; padding-left: 0; background:none;} .custom #header_area .page { padding-top: 0; } .custom #footer_area .page { padding-bottom: 2em; } .custom #header, .custom #footer { border:none; padding-right: 0; padding-left: 0; } .custom #header { margin-bottom:30px; clear:both;/* padding: 0 30px 0;*/ } .custom #content_box { /*margin-bottom:30px;*/ padding: 0 30px 0; /*width:960px;*/ width:900px; background:none;} /* Form -------------------------------------------------- */ input, textarea{ background:#f1f1f1;color:#1a1715;font-size:1em; } .format_text textarea { width:65%; } .format_text select{width:45%;padding:0.231em;} input[type=checkbox],input[type=radio]{width:auto;background:none;border:none;} input[type=hidden]{display:none;} label,input,select,button{cursor:pointer;} input:focus, textarea:focus, select:focus,input[type=checkbox]:focus,input[type=radio]:focus { outline:none; } .custom .format_text input[type=text], .custom .format_text textarea, .custom #commentform input[type=text], .custom #commentform textarea, .custom .text_input { border: 3px solid #fff; } /* Submit Button */ input[type=submit], .custom .format_text input.form_submit, .custom #commentform .form_submit { background:#015289;border:0;color:#fff;font-size:1em;padding:5px 10px; } input[type=submit]:hover, .custom .format_text input.form_submit:hover, .custom #commentform .form_submit:hover { background-color:#007FD3; } /* Table -------------------------------------------------- */ table{border-left:1px solid #796e53;border-top:1px solid #796e53;border-collapse:collapse;} th{font-weight:700;} thead th{background:#015289;color:#cbb778;} th,td{border-bottom:1px solid #796e53;border-right:1px solid #796e53;padding:.6em;} tr.even td{background:#d7cbad;} tfoot{font-style:italic;} caption{padding-bottom:.6em;} /* Header -------------------------------------------------- */ /* Top */ .custom #header_area {background:url(images/top_bgd.png) repeat-x;} .custom #top {color:#ccd3d7;display:block;margin-bottom:30px;overflow:hidden;} .custom .top-phone {float:left;font-size:12px;font-weight:bold;padding:10px 0;margin-right:20px;} .custom .top-phone span {font-weight:normal;padding-right:12px;} .custom .top-buttons {float:right;font-size:12px;font-weight:bold;} .custom .top-buttons a {display:block;float:left;padding:10px 15px;text-decoration:none;} .custom .top-buttons a.client-login {background:url(images/icons/lock_closed_24.png) no-repeat left center;color:#ccd3d7;padding-left:26px;} .custom .top-buttons a.client-login:hover {color:#fff;} .custom .top-buttons a.order {background:#015289 url(images/icons/basket_24.png) no-repeat 12px center;color:#fff;padding-left:44px;text-shadow:1px 1px 0 #333;} .custom .top-buttons a.order:hover {background-color:#007FD3;} /* Header Menu */ .custom .menu, .custom .menu a, .custom .menu li ul {border:0;} .custom #menu-header-menu {background:none;border:none;margin-left:30px;} .custom #menu-header-menu a {background:url(images/white_pixel_15.png);border:none;font-weight:bold;letter-spacing:1px;padding:.85em 1.2em;text-transform:capitalize;} .custom #menu-header-menu li ul li a { border-top:1px solid #BD712A; background:#ce7b2d;} .custom #menu-header-menu li ul li a:hover {background:#E78933;} .custom #menu-header-menu li:hover {visibility:inherit;} .custom #menu-header-menu ul li {width:100%;} .custom #menu-header-menu ul a {width:auto;} .custom #menu-header-menu li:hover, .custom #menu-header-menu a:focus, .custom #menu-header-menu a:active {background:url(images/white_pixel_75.png);outline:0;} .custom .menu-header-menu-container {/*clear:both;margin-bottom:30px;*/float:left;} .custom #menu-header-menu a:hover, .custom #menu-header-menu li.current_page_item a, .custom #menu-header-menu li.current_page_parent a {background:url(images/white_pixel_30.png);} .custom #menu-header-menu li.current_page_parent li a{background:#ce7b2d;} .custom #menu-header-menu li ul li.current_page_item a{ background:#E78933; } /* Social Menu */ #header-social-menu { margin-right:30px;float:right;padding-top:10px; } #header-social-menu a { width:18px;height:18px;display:block;float:left; } #header-social-menu a span {display:none;} .facebook a, .linkedin a, .twitter a, a.facebook, a.linkedin, a.twitter {border:0;text-decoration:underline;color:#1A1715;margin-left:10px;} .facebook {background:url(images/icons/facebook.png) no-repeat left center;} .linkedin {background:url(images/icons/linkedin.png) no-repeat left center;} .twitter {background:url(images/icons/twitter.png) no-repeat left center;} /* Header Image */ /*.custom #header {background-color:#fff;background-position:8px 8px;padding:8px;}*/ .custom #header { background: #fff url(images/targetcopy_header_img.jpg) no-repeat 8px 8px; width:960px; height:261px;margin-top:30px; clear:both; } /* Removes site name from view but leaves it for non-css situations. */ .custom #header #logo { visibility:hidden; } /* Page -------------------------------------------------- */ .custom h1, .custom h2, .custom h3 { font-weight: bold; } .custom code { background: #d7cbad; } .custom pre { background: #d7cbad; border: 1px solid #f1f1f1; } .custom blockquote { border-left: 1px solid #1A1715; color: #48403B; } .custom .comment blockquote { border-left: 1px solid #fff; color: #1A1715; } .custom .post_tags { color: #1A1715; } .custom .post_tags a { text-decoration: none; } .custom .post_tags a:hover { text-decoration: underline; } /* Images */ .custom .format_text img.frame {background:#fff;border:1px solid #fff;max-width:250px;padding:3px;} /* Links */ .custom .headline_meta a { border-bottom:none; } .custom .format_text h2 a, .custom .format_text h3 a { color:#1a1715; text-decoration:none;} .custom .format_text h2 a, .custom .format_text h3 a, .custom #footer a { padding:3px 6px; margin-left:-6px; margin-top:-3px; /*display:inline-block;*/} .custom .format_text h2 a:hover, .custom .format_text h3 a:hover, .custom #footer a:hover {background: #d7cbad; color:inherit; text-decoration:none; } /* Page Nav */ .custom .prev_next { text-transform:capitalize; letter-spacing: normal; color: #1A1715; border:none; padding-top:30px;} .custom #comment_nav_2 { border-style: solid; border-color: #1A1715; } .custom div.prev_next p { float:right; } .custom div.prev_next p.previous { float:left; } /* Home Page -------------- */ .home .post_box { margin: 0; padding-top:0; } /* Order */ .order-box {background:url(images/order_box_bgd.png) no-repeat left top;height:85px;margin-bottom:20px;padding:20px 0 0;position:relative;text-align:left;width:900px;} .order-box div {background:url(images/icons/basket_32.png) no-repeat left 5px;left:30%;padding:0 0 0 45px;position:absolute;} .order-box h3 {font-size:20px;font-weight:bold;margin:0;padding:0;} .custom .order-box h3 a:hover { background:#e2dac4 ; } /* Home Customer Types */ .home .format_text .one-third img {background:#fff;border:1px solid #fff;max-width:250px;padding:3px;} .home .one-third{border-right:#796e53 solid 1px;float:left;/*margin-bottom:20px;*/margin-right:36px;padding-right:36px;position:relative;width:250px;} .custom .one-half{border-right:#796e53 solid 1px;float:left;/*margin-bottom:20px;*/margin-right:36px;padding-right:36px;position:relative;width:412px;} .home .one-third h2,.custom .one-half h2{margin:.85em 0 .611em;} /* Home About */ .custom #about-column { padding-left:30px; } .custom #about-column img { background:none;border:none;padding:0; } /* Home Services */ #about-column,#services-column {margin-bottom:0;} #services-column {padding-right:30px;width:350px;} #services-column .free-delivery h3,#services-column .free-wifi h3 {font-size:1.25em;margin:0;} #services-column .free-delivery h3 a,#services-column .free-wifi h3 a {color:#1a1715;text-decoration:none;} #services-column .free-delivery,#services-column .free-wifi {padding-left:116px;width:240px;} #services-column .free-delivery {background:url(images/delivery_parcels.png) no-repeat;height:79px;padding-top:30px;} #services-column .free-wifi {background:url(images/free_wifi.png) no-repeat;height:80px;padding-top:17px;} #services-column .services-list-wrap ul {margin-bottom:.75em;margin-left:.25em;/*overflow:hidden;*/padding-left:1em;} #services-column .services-list-wrap ul li {float:left;width:160px;position:relative;} #services-column .services-list-wrap h3 {font-size:1.15em;margin:0 0 .588em;} #services-column .services-list-wrap ul li.more {list-style:none;} #services-column .services-list-wrap ul li.more a {color:#1a1715;font-style:italic;} /* Products & Services */ ul.services-list {margin-bottom:.75em;margin-left:.25em;overflow:hidden;padding-left:1em;} ul.services-list li {float:left;width:30%;position:relative;margin-right:60px;} /* Sidebar -------------------------------------------------- */ .custom .sidebar h3 {font-variant:normal;letter-spacing:normal;} /* Footer -------------------------------------------------- */ #footer {background:url(images/divider_890.png) no-repeat center top;font-size:1.2em;padding:65px 10px 10px;text-align:left;overflow:hidden;} #footer a {border:0;text-decoration:underline;} #footer h3 {font-size:16px;line-height:1.125em;margin-bottom:.85em;} #footer-menus, #locations-block {margin-bottom:30px;} /* Footer Menus */ #footer-menus {padding-left:30px;} #footer-menus .menu a {border:0;font-size:1em;margin-left:-6px;margin-right:10px;padding:3px 6px;text-decoration:none;} #footer .social {float:left;margin-bottom:20px;margin-right:36px;position:relative;width:412px;} #footer .social ul {line-height:1.75em;list-style:none;margin:0;padding:0;} #footer .social li.facebook, #footer .social li.linkedin, #footer .social li.twitter {padding:3px 0 3px 25px;} #menu-site-directory,#menu-site-directory a {background:none;border:none;letter-spacing:normal;text-transform:capitalize;} /* Footer Locations */ /*#footer-locations {border-left:1px solid #000;}*/ .vcard-block {float:left;margin-right:30px;position:relative;width:190px;} .vcard div { line-height:1.538em } .vcard-block .org span {text-transform:uppercase;} .vcard-block .hours {font-style:italic;margin-bottom:1em;} .vcard-block .adr {margin-bottom:.35em;} .vcard-block .email {display:inline-block;margin-bottom:1em;} .vcard-block .download-vcard {background:url(images/icons/vcard_26.png) no-repeat left center;padding:3px 0 3px 32px;} .vcard-block .org,.vcard-block .tel span {font-weight:bold;} /* Footer Site Info */ #footer p.site-info {background:#002137;border:none;clear:both;color:#ccd3d7;font-size:.9em;line-height:normal;margin: 0 10px 10px 10px;padding:10px 10px;} * #footer p.site-info { zoom:1; } #footer p {font-size:0.9em;} /* Widgets -------------------------------------------------- */ .custom li.widget { background: url('images/divider_line_solid.png') no-repeat center bottom; padding-bottom:20px; margin-bottom:20px;} .custom li.widget_calendar { background:none; } .custom li.thesis_widget_search p { margin-bottom:0.692em; } .custom li.widget ul li { margin-bottom:0.392em; } /*---:[ calendar widget ]:---*/ .custom #calendar_wrap{border:3px solid #fff;padding:0;} .custom #calendar_wrap a{color:#015289;font-weight:bold;} .custom #calendar_wrap a:hover{background:#fff;text-decoration:none;} .custom table#wp-calendar{background:#f1f1f1;width:100%;} .custom table#wp-calendar caption{background:#015289;color:#cbb778;font-weight:bold;} .custom table#wp-calendar th{background:#556421;color:#cbb778;text-align:center;} .custom table#wp-calendar td{color:#1a1715;text-align:center;} .custom table#wp-calendar tfoot{background:#ce7b2d;} .custom table#wp-calendar td#next,table#wp-calendar td#prev{color:#015289;letter-spacing:1px;text-transform:uppercase;} .custom table#wp-calendar td#next{text-align:right;} .custom table#wp-calendar td#prev{text-align:left;} .custom table#wp-calendar, .custom table#wp-calendar th, .custom table#wp-calendar tr, .custom table#wp-calendar td, .custom table#wp-calendar caption { border:0; padding:0; } /* Comments -------------------------------------------------- */ .custom #comments{background:url(images/divider_650.png) no-repeat center top;padding:60px 0 0;} .custom .comments_intro{background:#556421;border:3px solid #fff;color:#cbb778;margin-left:0;padding:8px 10px;} .custom .comments_intro p{font-size:1.35em;line-height:normal;} .custom .comments_intro p,.custom .comments_intro span,.custom .comments_intro a{color:#cbb778;} .custom dl#comment_list .even{background:url(images/white_pixel_30.png);} .custom dl#comment_list dd.odd{border-bottom:1px solid #d7cbad;} .custom .avatar{background:#fff;border:none;} .custom .avatar img{float:right;padding:3px;} .custom .comment_time{white-space:nowrap;} .custom .comment_num{float:right;} .custom dl#comment_list .comment_num a{color:#aaa;font-weight:bold;} .custom dl#comment_list .comment_num a:hover{background:#aaa;color:#fff;text-decoration:none;} .custom dl#comment_list .bypostauthor{background:#e7f8fb;} .custom dl#comment_list dd{border-bottom:none;} .custom dl#comment_list dd p.reply a{color:#1a1715;letter-spacing:1px;text-decoration:none;text-transform:uppercase;} .custom dl#comment_list dl{border-top:0;} .custom dl#comment_list dl dd{border-bottom:0;} .custom dl#comment_list dl dt,dl#comment_list dl dd .format_text{border-color:#1a1715;border-style:solid;} .custom dl#comment_list dl dt.bypostauthor,dl#comment_list dl dd.bypostauthor > .format_text{border-color:#1a1715;} .custom a.comment_link{border-bottom:1px solid #1a1715;color:#111;font-variant:small-caps;text-decoration:none;} .custom a.comment_link:hover{border-bottom-color:#111;color:#111;} .custom #trackback_list{border-top:none;margin-bottom:0;} .custom #trackback_list li{border-bottom:dotted 1px #796e53;padding:8px 0;} .custom #trackback_list a:hover{color:#1a1715;text-decoration:underline;} .custom .comments_closed p{color:#1a1715;font-size:1em;letter-spacing:normal;text-transform:none;} .custom #respond{margin-bottom:30px;} .custom #respond_intro p{color:#1a1715;font-weight:bold;} .custom #cancel-comment-reply-link{background:#d00;border-color:#fa5a5a #ac0000 #ac0000 #fa5a5a;border-style:solid;color:#fff;float:right;letter-spacing:1px;text-transform:uppercase;} .custom .login_alert{background:#f5f5f5;border:1px solid #1a1715;} .custom #commentform{border-top:none;} .custom #commentform p{margin-bottom:1em;} .custom #commentform p .required{color:#d00;} .custom #commentform span.allowed{background:#f9f7e4;border-color:#bbb;border-style:dotted;color:#807e70;display:block;} .custom #commentform span.allowed span{display:block;} .custom #commentform p.subscribe-to-comments label{font-size:1em;} .custom .comments_intro span,.custom .comments_intro a,dl#comment_list dt .comment_author,#respond_intro p a,.login_alert p,.comment_moderated{font-weight:bold;} .custom .comments_intro a,dl#comment_list dt a:hover,dl#comment_list dd p.reply a:hover,#respond_intro p a:hover,.login_alert p a:hover,#commentform p a{text-decoration:underline;} .custom .comments_intro a:hover,#commentform p a:hover{text-decoration:none;} .custom #trackbacks_intro,.custom #trackbacks_intro .comments_intro{margin-bottom:0;} .custom .comment_time,.edit_comment,.comment_time a,.edit_comment a,.comment_time a:hover,.edit_comment a:hover,#trackback_list a,#trackback_list span{color:#1a1715;} .custom dl#comment_list dl dt,.custom dl#comment_list dl dd,.custom dl#comment_list dl .bypostauthor{background:none;} /* Extras -------------------------------------------------- */ .custom .divider-900 { background: url('images/divider_900.png') no-repeat center top; width:900px; height:60px; clear:both;} .custom .divider-660 { background: url('images/divider_650.png') no-repeat center top; width:660px; height:60px; clear:both;} .custom .divider-195 { background: url('images/divider_195.png') no-repeat center top; width:215px; height:60px; clear:both;} .custom .last {border:none;clear:right;margin-right:0;padding-right:0;} /* Shadows */ .custom #menu-header-menu ul, .shadow3 { -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.5); box-shadow:2px 3px 3px rgba(0, 0, 0, 0.5); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); /* For IE 5.5 - 7 */ } /* Add shadow to IE select boxes only */ select { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); /* For IE 5.5 - 7 */ } .shadow, .custom #header, .custom .one-third img, #calendar_wrap, #footer p.site-info, .custom .comments_intro, input[type=text], input[type=password], textarea, .custom .format_text input.form_submit, .custom #commentform .form_submit { -moz-box-shadow: 1px 1px 2px #000; /* Firefox */ -webkit-box-shadow: 1px 1px 2px #000; /* Safari, Chrome */ box-shadow: 1px 1px 2px #000; /* CSS3 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); /* For IE 5.5 - 7 */ } .avatar, .shadow1 { -moz-box-shadow: 1px 1px 1px #000; /* Firefox */ -webkit-box-shadow: 1px 1px 1px #000; /* Safari, Chrome */ box-shadow: 1px 1px 1px #000; /* CSS3 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); /* For IE 5.5 - 7 */ } /* Clear */ .clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;} .clearfix{display:block;} * html .clearfix{height:1%;} .clear{clear:both;display:block;font-size:1px;height:1%;line-height:0;margin:-1px 0 0;overflow:hidden;padding:0;}