/* 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/ */ /* structure elements */ .custom {background: url(images/main-bk.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif;} .custom #container { width: 99.0em; padding:0; border:none; background:none;} .custom #page { padding: 0; background:none;} .custom #header {border:none; padding:0; height:92px; position:relative;} .custom #content { width: 52.1em; margin-right:3em;} .custom #content_box { background: none; padding-top:3em;} .custom .post_box, .custom .teasers_box, .custom .full_width #content_box .page {border:none; padding:0; margin:0 } .custom ul.sidebar_list {padding:0 1.1em;} .custom #sidebars { width: 43.9em; } .custom .sidebar-container { background: url(images/sidebar-bk.gif) repeat-y; } .custom #sidebar_1 {background:url(images/v-div.gif) top right repeat-y;border:none; width:19.6em; padding:0 12px;} .custom #sidebar_2 {background:url(images/v-div.gif) top right repeat-y;border:none;width:19.6em; padding:0 12px 0 11px;} .custom #footer {border:none; background: url(images/h-div.gif) repeat-x; margin-top: 3em;} /* links */ .custom #content_box a{color:#A4320C; text-decoration:none; border-bottom: 1px dotted #A4320C;} .custom #content_box a:hover {border:none;} .custom #sidebars a{border:none;} /* headers */ .custom h1, .custom h2, .custom h3, .custom h4 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} .custom #content_box h1 a, .custom #content_box h2 a, .custom #content_box h3 a { border:none;} .custom h4.ad {font-size: 1.1em; font-weight:normal;text-align:right;} /* header */ .custom #header #logo {position:absolute; top:38px;} .custom #header #site-search {position:absolute; top:42px; right:0;} .custom #site-search #s {float:left;font-size:12px;border-right:none; height:20px; line-height:20px;color: #999;} .custom #site-search input {background:#FFFFFF;border:1px solid #D6C4B7;color:#000;font-family:Arial,Helvetica,sans-serif;padding:2px;} .custom #site-search #search-submit {float:left; background: url(images/search.gif) no-repeat; width:36px; height: 26px; padding:0; border:none; cursor:pointer;} /* main nav */ .custom .menu {border:none; background: url(images/nav-bk.gif) repeat-x; height: 32px; } .custom .menu li { border:none; margin-right:20px;} .custom .menu a { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#000; font-weight:bold; line-height: 32px; height: 32px; padding:0; text-transform: none; padding: 0 15px; letter-spacing:0;} .custom .menu, .custom .menu a, .custom .menu li ul { border:none; } .custom .menu .current a, .custom .menu .current-cat a { border:none; } .custom .menu ul .current a, .custom .menu ul .current-cat a, .custom .menu .current ul a, .custom .menu .current-cat ul a { border:none; } .custom .menu a, .custom .menu .current ul a, .custom .menu .current-cat ul a { background: none; } .custom .menu a:hover, .custom .menu .current ul a:hover, .custom .menu .current-cat ul a:hover, .custom .menu .current-parent a:hover { color: #A4320C; background: none; } .custom .menu .current a:hover, .custom .menu .current-cat a:hover { background: none; } .custom .menu .current a { color: #A4320C;} .custom .menu .current ul a {color:#000;} .custom .menu .current-parent > a, .custom .menu .current-cat-parent > a { background: none; color:#A4320C;} .custom .menu ul li {background: #fff url(images/h-div-sm.gif) bottom left repeat-x;} .custom .menu ul {margin-top:0;} .custom .menu ul li a { height:auto;} .custom .menu .rss { margin: 0;} .custom .menu .rss a{ padding: 0; background: url(images/rss.gif) no-repeat; text-indent:-9999px; height:15px; width:15px; position:absolute; top:8px; right:15px;} /* home page */ .home .home-feature-image { background: url(images/home-image-bk.gif) no-repeat; padding:6px; width: 509px; height: 255px; margin-bottom: 30px;} .home .home-thumb-image {float:left; margin-right:15px;} .home .welcome {font-size: 1.4em; line-height:1.6em; padding:20px 15px; background: url(images/welcome.gif) repeat-x; color:#fff; height: 227px;} .home .welcome p {margin: 0 0 1.5em 0;} .home .row {clear:both; margin:30px 0;} .home .col1 {width:246px; float:left; position:relative;} .home .col2 {width:246px; float:right; position:relative;} .home #content_box .welcome a { color:#fff; border-bottom: 1px dotted #fff; text-decoration:none;} .home .format_text {position: relative;} .home .twit-text { font-size:1.3em; line-height:1.5em; position: relative;} .home .twit-text ul { margin:0; padding:0; list-style:none;} .home .twit-text ul li { margin: 0 0 7px 0; padding:2px 0; } .home #sidebar-home {width: 43.9em; float:right; border:none; margin-bottom:30px;} .home h2 {font-size:1.4em; background: url(images/h-div.gif) bottom left no-repeat; margin-bottom:15px; padding: 0 0 10px 0; font-weight:bold;} .home h3 { font-size:1.5em; margin-bottom:5px;} .home .bio { background: #D8AC27 url(images/bio-top.gif) top left no-repeat; padding-top: 15px; margin-top:30px;} .home .bio-text {background: #D8AC27 url(images/bio-bottom.gif) bottom left no-repeat;position: relative; padding: 0 95px 5px 15px;} .home .bio-sm {position: absolute; top:-30px; right:-20px;} .home .gr-sm {position: absolute; top:80px; right:-20px;} .home #content_box .bio-text a { color:#000; border-bottom: 1px dotted #000; text-decoration:none;} .home .bird { position:absolute;top:-5px;right:0;} /* general page */ .custom .page-feature-image { background: url(images/page-image-bk.gif) no-repeat; padding:6px; width: 427px; height: 202px; margin-bottom: 30px;} .custom #sidebar-page {width: 43.9em; float:right; border:none; margin-bottom:30px;} .custom #sidebar-page .format_text { background: url(images/v-div.gif) repeat-y; padding: 0 0 0 15px;} /* newsletter page */ .custom #sidebar-newsletter {width: 43.9em; float:right; border:none; margin-bottom:3em;} .custom #sidebar-newsletter .format_text { background: url(images/sidebar-newsletter-bk.gif) repeat-y; padding: 0 0 0 15px; margin-top:3em;} .custom #sidebar-newsletter .ad-block-sm {margin-top:0;} /* blog pages */ .custom #blog-header { background: url(images/h-div.gif) bottom left repeat-x; margin-bottom:3em;} .custom .bio-blog {float:left; padding: 0 3em 3em 0;} .custom .blog-header-text {font-size:1.6em; line-height:1.5em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} .custom ul.sidebar_list, .custom #sidebar_2 ul.sidebar_list {padding:0;} /* ad block */ .custom .ad-block-sm { margin: 3em 0 0 0;background: url(images/ad-block-sm.gif) repeat-y;} .custom .ad-block-sm img { padding: 6px 5px 21px 6px; float:left;} .custom .ad-blog {margin:0;} .custom .ad-block-sm img.alignnone { clear: none;} .custom .ad-block-blog {margin-bottom:3em;} /* misc and ie */ .custom #content_box a.nolink {border: none;} .custom .screen-reader-text {left:-1000em;position:absolute;} .custom #archive_info {margin-bottom: 2em; padding:0 0 3em 0;} .custom .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .group { /* IE6 */ height: 1%; } *:first-child+html .group { /* IE7 */ min-height: 1px; } span.border { display: block; position: relative; } .home span.border { margin-right: 15px; float:left;} span.border img { display: block; margin: 0; } span.border span { display: block; position: absolute; z-index: 100; top: 0; left: 0; border: 5px solid #000; opacity: .5; } span.border span { /* IE */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }