/* 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/ */ /* Background */ .custom #content_box {background:none;} .custom .prev_next {border:0px} .custom #footer {border:0px; padding: 20px 0px 0px 0px; text-align: left;} /* Header */ .custom #header {display: inline; width:275px; float:left; border-bottom:0px; } .custom #tagline {padding-top: 1.1em;} /* Floating nav bar */ .custom ul.menu {float:right; padding-top:1.508em; padding-right:150px; width:500px;} .custom ul#tabs {display: inline; width:600px; float:right; padding: 4.4em .5em; border: 0px} .custom ul#tabs .rss {float:left;} /* Posts */ .custom .post_box {padding-bottom: 1.1em;} .custom .post_box p {padding-right: 8em;} /* Forms */ .custom #search input {width: 400px;} .custom #sidebars #search input {width: 200px; border: 1px; border-color:#444444;} .custom #search a.searchbutton {line-height: 50px; border: 0px; padding-left: 20px;} .custom #search a.searchbutton img {vertical-align: middle; border: 0px} /* Footer */ .custom #footertabs {display: inline; float:left; padding: 2.2em 1.1em; border: 0px; list-style: none} /* link defaults */ .custom a {text-decoration: none; border: 0px} .custom a:active {color: #CE3121 } .custom a:hover {text-decoration: none;color: #CE3121 } /* nav bar links */ .custom ul#tabs li {border:0px; padding:0px; } .custom ul#tabs a {text-decoration: none; } .custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a {text-decoration: none; } /* content link treatment */ .custom #content a img {border:solid 1px #111111; color: #111111 } .custom #content a:link img {border:solid 1px #111111; color: #111111;} .custom #content h1 a:link {color: #dddddd } .custom #content h1 a:visited {color: #dddddd } .custom #content object {border:solid 1px #111111; color: #111111 } /* sidebar link treatment */ /* footer link treatment */ .custom #footer a {border:0px } .custom #footer a:hover {color:#CE3121 } /* archive link treatment */ /* content fonts */ .custom #content h1, h2 {text-transform: uppercase; letter-spacing: .15em;} .custom #content .teaser h2 {height: 3em; overflow: hidden} /* sidebar headlines */ .custom #sidebars h3 {text-transform: uppercase;} .custom #sidebars h3 {margin: 0.6em 0 0.6em 0;} /* sidebar widgets */ .custom #sidebars .follow li a {line-height:40px;} .custom #sidebars .follow li a img {vertical-align:middle;} /* teaser */ .custom .headline_area {margin-bottom: 1.1em;} .custom #content .format_teaser a img {margin-bottom: 1.1em;} /* image formatting */ .custom img {border: 1px solid #111111} .custom #header img {border: 0px} .custom #content_box img.noborder {border: 0px } .custom #content a:link img.noborder {border: 0px} /* Miscellaneous classes */ .hilite { color: #FF353B; } .clear { clear: both; } .inline { float: left; margin: 5px 20px 5px 0px; } .inline_right { float: right; margin: 5px 0px 5px 20px; } .framed { background-color: #dddddd; padding: 40px; } .miniframed { background-color: #dddddd; padding: 5px; } .tt {padding: 0px 20px 0px 0px} .portrait {margin-bottom: 25px;} .width500 {width: 500px;} /* comment formatting */ .custom .to_comments span {color:#444444} .custom .post_tags {color:#444444} /* Facebook*/ .fbconnect_LastUsers{ background-color: #FAFAFA; margin-top:5px !important; padding:3px !important; } /* Twitter search *? .twtr-hd {padding:10px 10px 10px 0px;} /* Tweet This */ .custom #content a.tt img {padding: 30px 10px 0px 10px; border: 0px} /* CUSTOM PAGES */ /* ABOUT & STOCK PAGES */ .custom ul#posttabs {display: inline; padding: 4.4em .5em; border: 0px} .custom #posttabs li {display: inline; float:left; padding: 2.2em 1.1em; border: 0px; list-style: none} .custom #posttabs li a {display: inline;} .custom #posttabs li a img {border: 0px;} .about .post_tags {display:none;} /* STOCK PAGE */ .stock .post_tags {display:none;} .stock li.widget ul.stocklist li {margin:0px;} /* STOCK SEARCH RESULTS */ .stocksearch #navpages { float: right; display: inline; margin-top: 0px; margin-right: 30px; padding-right: 20px; font-weight: bolder; } .stocksearch #searchkeywords { float: left; margin-top: 0px; margin-left: 20px; padding-left: 0px; font-weight: bolder; } .stocksearch #imagedisplay .float { float: left; width: 180px; height: 260px; padding: 5px 5px 5px 0px; overflow: hidden; text-align: center; } .stocksearch #imagedisplay .caption { font-size: 12px; font-weight: normal; text-align: center; line-height: 110%; color: #222222; padding: 10px 10px 0px 10px; } .stocksearch #imagedisplay h4, #navpages h4, #searchkeywords h4 { color: #222222; text-align: left; font-weight: bold; text-transform: uppercase; margin: 0px 0px 10px 0px; letter-spacing: .3em; } .stocksearch #imagedisplay a {color: #222222;line-height:90%} .stocksearch #imagedisplay a:link {color: #222222; line-height:90%} .stocksearch #imagedisplay a:visited {color: #222222;} .stocksearch #imagedisplay a:hover {color: #ff353b;} .stocksearch #imagedisplay a:active {color: #ff353b;} .stocksearch #imagedisplay h4 a:hover {color: #ff353b;} .stocksearch #imagedisplay h4 a:active {color: #ff353b;} .stocksearch img.vert {height: 165px; width: 110px;} .stocksearch img.horiz {height: 110px; width: 165px; margin-top: 50px;} /* PORTFOLIO */ .category-portfolio .teaser_link {display:none;} .category-portfolio .published {display:none;} /* GOOGLE CHECKOUT */ .product-image { border:solid 1px #ccc; } .product-title, .product-price, .product-shipping { font-weight:bold; } .data-cell { padding:0px 50px 0px 10px;border:solid 0px #fff;vertical-align:top} .align-cart { padding-left:480px } /* ROUNDED BOXES */ .rounded_box {border:solid 1px #888; -webkit-border-radius: 20px 20px; -moz-border-radius: 20px 20px; border-radius: 20px 20px; padding-left: 20px; margin-top: 20px; } .rounded_box h2 {margin-top: .916em;} .bluebutton { cursor:pointer; cursor:hand; background-image:url(http://www.davidsanger.com/graphics/wide.png); background-repeat:no-repeat; height:33px; width:202px; background-position:center; } .bluebutton a {color: #eeeeee;} .bluebutton a:link {color: #eeeeee;} .bluebutton a:visited {color: #eeeeee;} .bluebutton a:hover {color: #eeeeee;} .bluebutton a:active {color: #eeeeee;} .bluebutton p { padding: 3px 0px 0px 20px !important;} /* copyright credit */ .custom #content p.copy, .custom #content p.copy a { color: #BBBBBB; font-size: 1.0em; line-height: 1.0em; text-align: left; } /* Instagrams */ .instagram {margin:0px auto; text-align:center;} .instagramlarge {width: 480px; } .instagramfloat { display: inline; float: left; } .instagram p {color:#2f79c2; text-decoration:none; font-style:italic; font-size:0.6em; } .instagram img {border: 0px; margin-bottom: 0.4em; box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; -moz-box-shadow: 0 0 10px #888;} .instagram a {border: 0px; } /* WordPress */ .format_text .wp-caption {margin: 30px 0px 30px 0px;} .wp-caption-text {text-ident: 5px; text-align:left;}