/* 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 { color:#8c8d89; } .custom .page{ background-color: transparent; } .custom #feature_box{border: none;} .custom #content_box {background:none;} /*.custom .headline_meta{display: none;} .custom .headline_area h1{display: none;} .custom .headline_area { position:absolute; top:-1500px; left:-1500px; }*/ .custom .home .headline_area{display: none;} .custom .home .post_box {padding-top: 0;} .custom .about .post_box {padding-top: 0;} .custom #content {border: none;} .custom #sidebars {border: none; } .custom p{line-height: normal;} .custom h2 {font-weight: bold; } .custom h3 {font-weight: bold;} .custom ul#tabs li.rss {display: none;} .custom #header_area{ background: #ffffff url('images/top-bg.gif') top left repeat-x; height: 295px; } .custom #footer_area { height:83px; background:#6f706c; margin:25px 0 0; } .custom #footer {border: none;} .custom #footer ul{ margin:9px 20px 0 0; padding:0; float:right; display:inline; } .custom #footer ul li{ display:inline; } .custom #footer ul li img{display:inline;} .custom #footer p{ margin:10px 0 10px 35px; text-align:left; float:left; color:#fff; display:inline; position: relative; left: -15px; /* font:10px Arial, Helvetica, sans-serif; */ } .custom #header {width: 815px; position: static; border-bottom:none; height:100px; padding-left:60px; padding-top:0; padding-bottom:0; background: url(images/logo.gif) 27px -5px no-repeat;} .custom #header #logo {display:none;} .custom #header #tagline {display:none;} /* navigation */ .custom ul#tabs {border: none;} .custom #header .menu{ width: 575px; border: none; margin:0; padding:0; position: relative; top:52px; right:-15px; float: right; } .custom #header .menu li{ display:inline; padding:0 0 0 5px; border: none; margin-left:-1px; background:url(images/nav-separator.gif) no-repeat 3px 50%; } .custom #header .menu li.first{background:none;} .custom #header .menu li a{ background: none; border: none; text-decoration:none; font-size:18px; color:#313130; text-transform:capitalize; letter-spacing: normal; font-size:18px; } /*.custom #header .menu { border: none; width: auto; float: right; margin-top: 15px; } .custom #header .menu li { border: none; background: none; }*/ /*content home page*/ .custom #content-holder{ width:863px; padding:0 0 0 27px; } .custom #contents{ padding:0 30px 0 292px; background: url(images/nut.gif) no-repeat 13px 17px; position:relative; } .custom #contents h1{ margin:0; font:24px Georgia, "Times New Roman", Times, serif; color:#699d1c; } .custom #contents p{ margin:0; padding:11px 0 5px 0; color:#8c8d89; } /*content services page*/ .custom #contentservices{ position:relative; background-image: url(images/arrowup.gif); background-repeat: no-repeat; background-position: right 17px; padding-top: 10px; padding-right: 300px; padding-bottom: 0; padding-left: 13px; } .custom #contentservices h1{ margin:0; font:24px Georgia, "Times New Roman", Times, serif; color:#699d1c; } .custom #contentservices h2{ margin:0; color:#666666; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .custom #contentservices h3{ margin:0; color:#666666; font-size: 16px; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; } .custom #contentservices p{ margin:0; padding:11px 0 5px 0; color:#8c8d89; } /*portfolio, -------------------*/ /*content services page*/ .custom #contentportfolio{ position:relative; background-position: right 17px; padding-top: 10px; padding-right: 200px; padding-bottom: 0; padding-left: 10px; } .custom #contentportfolio h1{ margin:0; font:24px Georgia, "Times New Roman", Times, serif; color:#699d1c; } .custom #contentportfolio h2{ margin:0; color:#666666; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .custom #contentportfolio h3{ margin:0; color:#666666; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .custom #contentportfolio p{ margin:0; padding:11px 0 5px 0; color:#8c8d89; } .custom #contentportfolio .row { position: relative; top: 0; width: 660px; overflow: hidden; left: -20px; margin-bottom: 1.5em; background-repeat: no-repeat; background-position: 0 bottom; padding-top: 0; padding-right: 0; padding-bottom: 1px; padding-left: 15px; } .custom #contentportfolio .row .column { float: left; margin-right: 5px; width: 205px; position: relative; } .custom #contentportfolio .row .column p { margin:0; padding:11px 0 5px 0; font-size:75%; color:#8c8d89; } .custom #contentportfolio .work a.item { display: block; width: 210px; height: 123px; position: relative; border-bottom-width: 1px; border-bottom-style: solid; } .custom #contentportfolio .work a.item .img { position: absolute; top: 0; left: 0; z-index: 0; } /*portfolio, -------------------*/ /*About me page*/ .custom #contentabout{ position:relative; /*padding-top: 10px;*/ padding-right: 15px; padding-bottom: 0; padding-left: 0px; width: 600px; } .custom #contentabout h1{ margin:0; font:24px Georgia, "Times New Roman", Times, serif; color:#699d1c; } .custom #contentabout h2{ margin:0; color:#666666; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .custom #contentabout p{ margin:0; padding:11px 0 5px 0; color:#8c8d89; } .custom #contentabout ul{ margin:0; padding-top: 8px; padding-right: 0; padding-bottom: 0; padding-left: 20px; } .custom #contentabout li{ list-style-type:none; font-size: 0.9em; line-height: 17px; color: #8c8d89; padding-top: 0; padding-right: 0; padding-left: 35px; background-image: url(images/tick.gif); background-repeat: no-repeat; padding-bottom: 14px; } /*#content p.short{width:400px;}*/ .custom .bookmarks img{ position:relative; top:-30px; left:-285px; } /*three center blocks*/ .custom #blocks-holder{ width:100%; position:relative; z-index:10; overflow: hidden; } .custom .block{ float:left; width:259px; margin:0 27px 0 0; } .custom .block h3{ margin:0 0 20px; font:18px/46px Tahoma, sans-serif; color:#fff; width:251px; height:46px; background:#b1b1b0; text-align:center; border:1px solid #bebebe; } .custom .block-content{ width:260px; background:url(images/blocks-bg.gif) repeat-y; } .custom .block-content .top{background:url(images/top-blocks.gif) no-repeat;} .custom .block-content .bottom{ background:url(images/bottom-blocks.gif) no-repeat 0 100%; min-height:135px; } .custom .block-content .bottom.adwords{background:url(images/bottom-adwords.gif) no-repeat 0 100%;} .custom * html .block-content .bottom{height:135px;} .custom .block ul{ margin:0; padding:8px 0 0 10px; } .custom .block ul li{ list-style-type:none; font:12px/14px Arial, Helvetica, sans-serif; padding:0 0 0 18px; background:url(images/ok.gif) no-repeat; } /*portfolio .custom .container{ width:100%; overflow:hidden; margin:25px 0 0; }*/ .custom .portfolio{ width:429px; float:left; } .custom .portfolio h2, .contact h2{ color:#353333; font-size:24px; font-weight:normal; width:401px; height:38px; margin:0 0 16px; padding:0 0 0 18px; line-height:38px; background:#d5d5d5; } .custom .portfolio-block{ background:url(images/port-block-bg.gif) repeat-y; width:208px; float:left; margin:0 5px 6px 0; } .custom.portfolio-block .top{background:url(images/top-port-block.gif) no-repeat;} .custom .portfolio-block .bottom{ background:url(images/bottom-port-block.gif) no-repeat 0 100%; padding:11px 12px 16px; overflow:hidden; height:1%; } .custom .portfolio-block img{border:1px solid #84bb4d;} .custom .portfolio-block span{ display:block; text-indent:-9999px; height:14px; background-repeat:no-repeat !important; margin:7px 0 0; float:right; font-size:1px; } .custom .portfolio-block .comms span{ background:url(../images/comms.gif); width:121px; } .custom .portfolio-block .apartment span{ background:url(../images/apartament.gif); width:138px; } .custom .portfolio-block .trade span{ background:url(../images/trade.gif); width:118px; } .custom .portfolio-block .support span{ background:url(../images/support.gif); width:111px; margin:0 auto; margin-top:7px; float:none; } /* cite */ .custom #htext{ width:570px; height:82px; display:block; color:#fff; text-align:center; font-style: italic; margin-top: 45px; margin-right: 0; margin-bottom: 0; margin-left: 36px; font-family: SegoeUI, Georgia, Arial, Helvetica, sans-serif; font-size: 24px; } /* CSS Document */ .custom #secondaryContent{ width:210px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 5px; overflow: hidden; } .custom #columnItem{ width:160px; font-size: 75%; color: #999999; padding-top: 20px; padding-right: 20px; padding-bottom: 15px; padding-left: 10px; } .custom #columnItem .img{ border: thin solid #999999; } .custom #columnItem .imagePosition{ z-index: 0; right: 0px; padding-right: 1px; padding-left: 60px; } .custom .columnItemPadding{ margin-top: 27px; } /*OTHER*/ .custom .floatLeft{ float: left; } .custom .floatRight{ float: right; } .custom #primaryContent{ width:550px; padding:25px 35px 0px 35px; } .custom #primaryContent h1{ margin:0; font:24px Georgia, "Times New Roman", Times, serif; color:#699d1c; } .custom #newsletter{ width:158px; border:1px solid #e1e1e1; padding:20px 20px 15px 20px; font-size: 75%; color: #999999; } .custom .newsletterPadding{ margin-top: 27px; } /* .custom #primaryContent a, #primaryContent a:visited, .otherSubNav{ text-decoration: none; color:#789452; } .custom #primaryContent a:hover, .otherSubNav{ text-decoration: underline; } */ /* change post title colors */ .custom .entry-title a {font:24px Georgia, "Times New Roman", Times, serif; color:#699d1c; } .custom .entry-title a:hover {color:#699d1c; text-decoration: none; background:none;} .custom .entry-title a:visited { font-weight: normal; } .custom .headline_area h1, .headline_area h2 {font:24px Georgia, "Times New Roman", Times, serif; color:#699d1c;} /*language navigation*/ .custom #header .lang{ width: 200px; margin-top:-45px; margin-left:450px; padding:0; position: relative; right: -20px; float: right; } .custom #header .lang li{ display:inline; padding:0 0 0 12px; background:url(images/lang-separator.gif) no-repeat 3px 3px; } .custom #header .lang li.first{background:none;} .custom #header .lang li a{ font-size:10px; text-decoration:none; color:#848483; } /*contact form*/ .custom .contact{ width:432px; float:left; } .custom .contact h2{ margin:0 0 17px -12px; padding:0 0 0 30px; width:390px; background:#61615f; color:#fff; position:relative; } .custom .form{ width:410px; background:url(../images/form-bg.gif) repeat-y; } .custom .form .top{ background:url(../images/top-form.gif) no-repeat; } .custom .form .bottom{ background:url(../images/bottom-form.gif) no-repeat 0 100%; min-height:255px; padding:20px 30px 0 15px; } * html .form .bottom{height:255px;} .custom .form label{ float:left; width:87px; color:#40403f; font-size:18px; line-height:27px; } .custom .form input{ width:275px; height:25px; margin:0 0 15px; padding:0; border:1px solid #95bc29; float:left; } .custom .form textarea{ margin:0; padding:0; width:275px; float:left; height:96px; border:1px solid #95bc29; } .custom .form .button{ border:0; width:94px; height:27px; float:right; margin:15px 0 0; } .custom .formlong { width: 500px; height: auto; padding: 10px; color: #a0a1a1; font-size: .9em; overflow: hidden; } .custom .formlong .space { width: inherit; height: 35px; } .custom .formlong .row { width: inherit; height: auto; margin: 0px 0px 5px 0px; padding: 5px 0px 15px 0px; overflow: hidden; } .custom .formlong .col2-1 { width: 120px; height: inherit; float: left; padding: 0px 0px 5px 0px; } .custom .formlong .col2-2 { width: 500px; height: inherit; float: left; } .custom .formlong .input { width: 400px; padding: 4px; border: 1px solid #CCC; background: url(images/background_form.jpg) repeat-x; color: #858f97; } .custom .validation-icons { float:left; width: 550px; } .custom .validation-block { width:100px; float:right; margin-top: 0; margin-right: 5px; margin-bottom: 6px; margin-left: 0; }