/* File: custom.css Description: Custom styles for the Thesis Theme that you define Use: 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 overwrite *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! */ /* Header styling */ .custom #header #logo a { display: block; height: 130px; background: url('images/talkingccheader.jpg') no-repeat; outline: none; } .custom #header #logo {text-indent: -9999px;} .custom #header #tagline {height: 30; text-indent: 25px; font-weight: bold; color: #000000; padding: 5px;} .custom #header {border-bottom:0; padding:0;} /* Position the Search Box */ .custom #s {font-size:12px; position:relative; float:right; margin-top:11em; background:#EEEEEE; color:#000000; padding:0.2em; width:200px;} .custom widget thesis_widget_search {background:#fff;} /* IE margin fix */ .ie #s {margin-top:0;} /* Menu items customizations .custom .menu {font: bold 105% Helvetica, Arial, sans-serif; position: absolute; top: 0px; margin-bottom: 10px; } .custom .menu ul {list-style-type: none; padding: 10px 10px; } .custom .menu li {display: inline; } .custom .menu a {border-bottom: none; color: #000; margin: 0 1px; padding: 3px 0; } .custom .menu a:hover { color: #663333; border-top: 5px solid #663333;} .custom .menu { font: bold 105%; } */ /* body background color */ body.custom {background: #666;} .custom .container {margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #ccc; border: 0.4em solid #3e3e3a; } .custom .page {background: #fff; } /* Footer customization */ .custom #footer {background:#CCC; padding:0.5em 0; border-top:1px solid #666;} .custom #footer_1 {text-align:left; color:#333;} .custom #footer_1 ul.sidebar_list li.widget {width:23%; margin-right:2%; float:left;} .custom #footer_1 ul.sidebar_list li.widget a {color:#444; border-bottom:0;} .custom #footer_1 ul.sidebar_list li.widget a:hover {color:#111;} .ie #footer {background:#fff;} /* IE Fix */ /* sidebar changes */ .custom .sidebar h3 { font-size: 0.846em; font-weight: bold; line-height: 1.455em; margin-bottom: 1em; padding: 0.636em 0.455em 0.545em 0.455em; text-transform: uppercase; font-variant: normal; letter-spacing: 2px; color: #fff; border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd; background:#333;} .custom .sa_agent h3 { font-size: 0.846em; font-weight: bold; line-height: 1.455em; margin-bottom: 1em; padding: 0.636em 0.455em 0.545em 0.455em; text-transform: uppercase; font-variant: normal; letter-spacing: 2px; color: #fff; border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd; background:#333;} .custom #head_ad { float: right; text-align: right; } .custom .subscriptions li { padding-left: 0; background-image: none; list-style: none; } .custom .subscriptions .email a { padding-left: 20px; background: url('images/email.png') no-repeat; } .custom .subscriptions .rss a { padding-left: 20px; background: url('images/rss.png') no-repeat; line-height:20px; display:block;} /* Flickr badge info */ .custom #flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;} .custom #flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;} .custom #flickr_icon_td {padding:0 5px 0 0 !important;} .flickr_badge_image {text-align:center !important;} .flickr_badge_image img {border: 1px solid black !important;} .custom #flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;} .custom #flickr_badge_uber_wrapper a:hover, .custom #flickr_badge_uber_wrapper a:link, .custom #flickr_badge_uber_wrapper a:active, .custom #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;} .custom #flickr_badge_wrapper {border: solid 1px #000000} .custom #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;} /* post author data */ .custom .avatar {float:left; border:3px solid #ddd; margin-right:1em;} .custom .postauthor {background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em;} .custom .postauthor img {border: 1px solid #e2dede; float: left; margin-right: 1.5em;} .custom .postauthor h4 {color: #666; font-size: 1.5em; margin-bottom: 5px;} .custom .postauthor p {color: #515151; font-size: 12px; margin-bottom: 12px;} .custom .postauthor p.hlight {font-size: 11px; text-transform: uppercase;} .custom .postauthor p.hlight span {color: #CB3131; font-size: 12px; font-style: italic; font-weight: bold; letter-spacing: 0.8px;} /* Misc */ .custom a[href^="mailto"]:hover:after { content: " > " attr(title); } .custom .fb_content_loader {width: 480px;} .custom .comments_closed p {display:none;} /* Smarter Agent styling */ .custom font.brandheadline { font-size:14px; } /* Welcome */ .custom .welcome {font-size: 14px !important; background: #fff; } .custom #welcome h2 { font-size: 1.50em; color: #663333; text-align:right; } .custom #welcome img { float:left; margin-right: 10px; width:40%; height:auto;} .custom #welcome body { background: #fff; font-size: 14px; } .custom #welcome p { text-align:right; } .custom #custom_box { border-bottom:1px solid #DDDDDD; font-size:12px; padding:1.1em; } /* Dropcap */ .drop_cap { float: left; font-size: 3.7em; line-height: 1em; padding: 0.1em 0.12em 0 0; }