/* 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/ */ /* Custom Container style --------------- */ .custom #container {width:1000px;} body.custom { background: transparent url("images/bg/bg-main.gif") repeat scroll 0 0; font-family:"Tahoma",Helvetica,Arial,sans-serif;} /* This code is to clear all Thesis borders ------------ */ .custom #header, .custom .post, .custom #sidebar_1, .custom #sidebar_2, .custom .teasers_box, .custom #footer, .custom #footer a, .custom #footer a:active, .custom #archive_info, .custom .prev_next, .custom #trackback_list {border-bottom: 0px; border-top: 0px;border-right: 0px; border-left: 0px;} .custom #column_wrap {background: none;} .custom .custom_box {} /* Header & body style --------------- */ body.custom {background-color: #e7e6e0;} html, body {height:100%;margin:0;padding:0; } .custom .full_width > .page {} .custom .full_width {} .full_width > .page {background:none repeat scroll 0 0 ;} .full_width .page {margin:0 auto;padding-left:0;padding-right:0;width:1000px;} #header, .post_box, .teasers_box, #footer, .image_box, .custom_box, #feature_box, #archive_info, .prev_next, #archive_info, .prev_next, #comment_nav_2 {border-width:0;} #header {padding-bottom:2.2em;padding-top:2.2em;} #header, #footer {padding-left:1.1em;padding-right:1.1em;} #header {border-color:#DDDDDD;border-style:double;clear:both;} /* DIY: Change the url of your image to reflect the actual header's location and file name */ /* Change the url of your image to reflect the actual header's location and file name */ .custom #header #logo a {display: block; height: 105px; width: 935px; background: url('images/iblog_logo.png') no-repeat scroll 0px 8px; outline: none;} .custom #header #logo a:hover {display: block; height: 105px; width: 935px; background: url('images/iblog_logo.png') no-repeat scroll 0px 8px; outline: none;} /* Get rid of the site title by casting them out to far left field, and style the &; tagline */ .custom #header #logo {text-indent: -9999px;} /* .custom #header #tagline {text-indent: -9999px;} */ .custom #header #tagline {padding-left:15px; height:5px; margin-bottom:30px;font-size:1.7em;color: #666666; font-weight:bold; text-shadow:1px 1px 1px #ffffff;} /* This line gets rid of the site title by casting them out to far left field */ #header #logo {font-size:4.6em;line-height:1.167em; font-family:"Myriad Pro",Helvetica,Arial,sans-serif;font-weight: bold;text-transform: uppercase; margin-top:-60px;} #logo, #logo a {color:#b40000; text-shadow:1px 1px 1px #ffffff;} #logo, #logo a:hover {color:#000; text-shadow:1px 1px 1px #ffffff;} #logo {font-weight:bold;} /* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */ .custom #header { padding: 0 0 0 0; border-bottom:none;} .custom #header_area {} #header_area .page { padding-top:0px;} /* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */ /* This line to set the nav menu background color */ /*---------------------------------*/ /* Change sidebar and content area background colors */ /*---------------------------------*/ .custom .sidebar h3 {text-align:left; font-size:1.4em; line-height:0.5em;clear:both; color:#000;border-bottom:0px solid #ccc; width:300px;} .custom #sidebar_1 h2 {font-size:1.0em;} #content_box {background:url("images/bg/main_bg.gif") repeat-y scroll center top #FFFFFF;} .custom .teasers_box {width:51em;} .custom .teaser { width:24em;} .custom #content_box {width:1000px; border:1px solid #d3d2cd;} .custom #content {width:534px;font-family:"Arial",Helvetica,Myriad Pro,sans-serif;background: #FFFFFF url('images/bg/content_top_bg.png') no-repeat center top;} .custom #sidebars {width:465px;} .custom #sidebar_1 {width:145px; float:left;} .custom #sidebar_2 {width:320px; float:right;} .custom #sidebar_1 h3 {font-size:1.2em; font-weight:bold;} .custom #sidebar_2 h3 {font-size:1.2em; font-weight:bold;} .custom ul.sidebar_list {padding-top:0em;} .custom #sidebar_2 li.widget ul li { padding-left:10px;} a.more-link {color:#666666; font-size:12px; text-decoration:none; padding:5px 5px 5px 5px;} a:hover.more-link {color:#fff; font-size:12px; text-decoration:none; padding:5px 5px 5px 5px;} /*---------------------------------*/ /* Top Nav bar */ /*---------------------------------*/ .custom ul#topnav {border-style: none; list-style:none; list-style-image: none; position:relative; top:13px; text-shadow:1px 1px 1px #fff;} .custom ul#topnav li { float: right; padding: 10px 0px 15px 10px;} .custom ul#topnav li a {-moz-border-radius:5px 4px 4px 5px;-moz-box-shadow:0 1px 0 #ffffff;background:none repeat scroll 0 0 #e4e1e1; /* background: url(images/menu/nav_bg.png) no-repeat 0 0 */;font-size:14px !important;margin:0;padding:4px 8px; color:#666;font-size:14px !important;font-weight:normal;} .custom ul#topnav li a:hover {-moz-border-radius:5px 4px 4px 5px;-moz-box-shadow:0 1px 0 #ffffff; background:none repeat scroll 0 0 #b40000;color:#FFF;font-size:14px !important;margin:0;padding:4px 8px; text-shadow:none; /* background: no-repeat 50% -17px;*/ } a { color:#b40000;text-decoration:none;} /* Top Navigation ------------ */ .custom .menu { background: url(images/menu/nav_bg.png) no-repeat 0 0; height: 42px; left: 0; top: 0px; width: 1002px !important; font-family:"Arial",Helvetica,Myriad Pro,sans-serif;} .custom .menu a { letter-spacing: normal; text-transform: none; padding: 9px 15px; color:#FFF; cursor: pointer;} .custom .menu > li { background: url(images//menu/nav_sep.png) no-repeat 0 0; padding-left: 2px; } .custom .menu > li > a { background: no-repeat 50% -42px; height: 42px; line-height: 42px; padding: 0 15px; border:none;} .custom .menu > li > a:hover { background: no-repeat 50% 0;color:#FFFFFF; } .custom .menu > li.current > a, .custom .menu > li.current-parent > a, .custom .menu > li.current-cat > a, .custom .menu > li.current-cat-parent > a { background: no-repeat 50% 0; } .custom .menu > li.tab-home { background: none; padding-left: 0;} .custom .menu > li.rss a, .custom .menu > li.rss a:hover { padding: 0 15px; text-decoration: none;} .custom .menu .sp_hover > a { background: no-repeat 50% 0; } .custom .menu > li > ul { border-bottom: 1px solid #242424; left: 1px; top:43px;} .custom .menu > li > ul a { background-color:#e7e6e0; border-left: 1px solid #c3c2be; border-right: 1px solid #c3c2be; border-bottom:1px solid #c3c2be; color:#666;} .custom .menu > li > ul li.current > a, .custom .menu > li > ul li.current-parent > a, .custom .menu > li > ul li.current-cat > a, .custom .menu > li > ul li.current-cat-parent > a, .custom .menu > li > ul a:hover { text-decoration: none; color:#b40000;} .custom .menu > li > ul a:hover { background-color:#eeeeee; color:#b40000; text-decoration:none; border-left: 1px solid #c3c2be; border-right: 1px solid #c3c2be;} .menu a {border-width:0 0 0 0;font-size:1.4em;line-height:1.286em;padding:0.714em 0.857em; } .menu, .menu a, .menu li ul {border:medium none;border-style:none ;} /* End of Top Navigation ------------ */ /* Breadcrumbs ----------*/ #crumbs {font-size: 11px; padding: 10px 0px 0px 10px;} #crumbs a {color:#ad0600;} #crumbs a:hover {text-decoration: underline; color:#999} /* Advertisments style */ .header_banner { float:right; margin-top:-62px; display:block;} /* Post background shadow */ .custom .post {background:transparent url(images/bg/shadow.jpg) no-repeat scroll 50% bottom; padding:0px 0px 20px;} /*---------------------------------*/ /* Topsy button */ /*---------------------------------*/ .topsy_button {float:right;margin-top:-19px;margin-right:-10px; padding-right:10px;} /* Keep reading, read more link */ a.more-link {background:transparent url('images/bg/keep_reading.png') no-repeat center top; color:#666666; font-size:12px; text-decoration:none; padding:5px 5px 5px 5px;} a:hover.more-link {background:transparent url('images/bg/keep_reading_hover.png') no-repeat center top; color:#fff; font-size:12px; text-decoration:none; padding:5px 5px 5px 5px;} /* custom Titles ------------------*/ .custom #content h1, .custom #content h2 a {color:#4d4d4d;font-weight:700;letter-spacing:0.5px;line-height:1em;} .custom #content h1, .custom #content h2 a:hover {color:#b40000;font-weight:700;letter-spacing:0.5px;line-height:1em;} .custom .headline_area h1, .custom .headline_area h2 .custom #content h2 a:hover {line-height:1em;} .custom h1, .custom h2, .custom .headline_meta, .custom #header, .custom #sidebars, #foot {font-family:"Myriad Pro",Helvetica,Arial,sans-serif; padding-top:15px;} .headline_area h1, .headline_area h2 {font-size:2.5em; line-height:1.2em;} .custom #content h2 {line-height:24px; padding-left:0px;} /* search box in top of sidebar_1 ------------------ */ .search {padding-bottom:20px; padding-left:0px; padding-right:0px; margin-left:-11px; margin-top:-15px;} .custom ul#seach_site li {border-style: none; list-style:none; list-style-image: none;} .custom .search input {font-size : 14px;display : block;height : 22px;width : 280px;border : 5px solid #ccc;color : #999999;letter-spacing : 0;padding : 4px 25px 0 5px;background : transparent url('images/search/search_bg.png') no-repeat right -3px;font-family : "Arial", Helvetica, Myriad Pro, sans-serif;} /* search box in top of sidebar_1 ------------------ */ .social_icon_box {padding:0px 0px 10px 12px; margin-left:30px} .social_icon_box a {background-color:none;} .social_icon_box img {background-color:none; border: none; margin-right:1.0em;} /* Dealing with comments --------------*/ #respond_intro {font-size: 1.5em; font-weight: bold;text-transform: uppercase;font-family:"Myriad Pro",Helvetica,Arial,sans-serif;}/*Form Title*/ dl#comment_list .bypostauthor {} dl#comment_list dl dd.bypostauthor > .format_text {} #comments {margin-left:0;margin-right:0em;} dl#comment_list dd p.reply a {background:none repeat scroll 0 0 #e4e1e1; font-size:12px !important;margin:0;padding:4px 8px;} dl#comment_list dd p.reply a:hover {background:none repeat scroll 0 0 #b40000; color:#FFFFFF; text-decoration:none;} /* Cancel reply button & link */ #cancel-comment-reply-link {border-width:0.182em;font-size:0.8em;line-height:1em;padding:0.545em 0.727em;} #cancel-comment-reply-link {background:none repeat scroll 0 0 #b40000;border-style:none;color:#FFFFFF;float:right;letter-spacing:1px;text-transform:uppercase;} /*---------------------------------*/ /* Footer */ /*---------------------------------*/ .custom #footer {border-width:0 0 0 0; text-shadow:1px 1px 1px #fff; height:0px;} .custom #footer a {color:#666; text-shadow:1px 1px 1px #fff;} .custom #footer_area { margin-top:1.5em;} #footer_area .page {width:100%; outline:none; /* background:transparent url('images/bg/footer.gif') repeat left top; */} /* Footer categories */ .categories { padding:16px; height:50px; width:980px; text-align:left; display:block;} .categories h3 {color:#999999; font-size: 1.8em; font-weight: bold;text-transform: uppercase;letter-spacing: 0px;text-transform: uppercase;padding-bottom: 2px;border-bottom: 1px dashed #999999;margin-bottom: 5px; text-shadow:1px 1px 1px #FFFFFF;font-family:"Myriad Pro",Helvetica,Arial,sans-serif; text-align:left;} .categories ul li { padding-left:25px; float:left;font-size:1.2em;line-height:1.5em;margin-bottom:5px;margin-right:5px;width:165px; list-style:none; list-style-image:none; } .categories ul li a {list-style: none; color:#666666;font-size: 12px; font-weight:lighter;text-shadow:1px 1px 1px #FFFFFF;} .categories ul li a:hover{color:#000000; text-shadow:none;} /*---------------------------------*/ /* WIDGETIZED FOOTER */ /* Mike Nichols - October 17, 2009 */ /*---------------------------------*/ /* footer widget area setup */ #footer_setup { width:990px; padding-left:10px; padding-top: 16px; /* do not change this! */ overflow: hidden; clear:both; } /* widget item setup */ #footer_setup .footer_items {text-align: left; width: 200px; padding-right: 10px; padding-left: 20px; display: inline-block; float: left; height: 100%; font-size:14px; padding-top:20px; padding-bottom:20px; color:#666; } /* widget item headers*/ #footer_setup .footer_items h3 {color:#4d4f51; font-size: 1.2em; font-weight: bold;text-transform: uppercase;letter-spacing: 0px;padding-bottom: 2px;margin-bottom: 5px; font-family:"Myriad Pro",Helvetica,Arial,sans-serif; text-shadow:1px 1px 1px #FFFFFF;} /* do not change these! */ #footer_setup .footer_items ul li {list-style: none; font-size: 1.0em; font-weight:lighter;} #footer_setup .footer_items ul li a {color:#666666;font-size: 12px; font-weight:lighter;text-shadow:1px 1px 1px #FFFFFF; } #footer_setup .footer_items ul li a:hover {color:#000000; text-shadow:none; } #footer_setup .footer_items ul { margin: 0px; padding: 0px; } /*copy write information */ #footer_setup .footer_links {border-top:1px dashed #999999; clear:both; padding:20px; color:#999; font-size:12px; text-align:right; padding-right:20px; font-weight:lighter; text-shadow:1px 1px 1px #FFFFFF; height:30px;} #footer_setup .footer_links a {color:#666666; text-shadow:none;} #footer_setup .footer_links a:hover {color:#000000; text-shadow:none;} .backtotop {float:right; padding-right:20px; margin-top:20px;} .backtotop a {cursor:hand; cursor:pointer;} .footer_ads {} /*End of Footer stuff */ /* -------- Social Media buttons -------------------------- */ .share_care {padding-left:0px;} .share_care a {border:none;} .share_care img {margin-right:0.8em; border:none;} /* AUTHOR BOX TOP ------------*/ .author_top { background: #F5F5F5 repeat-x scroll left top; width:504px; border-top: 1px solid #cdc9c9; border-bottom: 1px solid #cdc9c9; overflow: hidden; padding: 15px 15px 15px 15px; /* margin-left:-56px; */ margin-top:-20px;} .author_top img { border: 5px solid #d2d0d0; float: left; margin-right: 1.5em; } .author_top h4 { color: #666; font-size: 2em; margin-bottom: 5px; } .author_top p { color: #515151; font-size: 13px; margin-bottom: 12px; text-align:justify;} .author_top p.hlight { font-size: 11px; text-transform: uppercase; } .author_top p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; } .author_top_bg { height:20px; } .custom .teasers_box {padding-bottom:0.7em;padding-top:0px;} .custom li.widget {margin-bottom:1.0em;} #feature_box { display: block; margin-top: 5px; padding: 0px; border: none; background-color: #ffffff; height: 100px; position: relative; } #optin { background: #f5f4f3; border: 1px solid #ccc; padding: 20px 15px; text-align: center width: 280px } #optin input { border: 1px solid #111; font-size: 15px; margin-bottom: 10px; padding: 8px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 2px 2px #111; -moz-box-shadow: 0 2px 2px #111; -webkit-box-shadow: 0 2px 2px #111 } #optin input.email { background: #fff url('images/email.png') no-repeat 10px center; padding-left: 35px } #optin input.name { background: #fff url('images/name.png') no-repeat 10px center; padding-left: 35px } #optin input[type="submit"] { background: #960e17 url('images/red.png') repeat-x top; border: 1px solid #111; color: #fff; cursor: pointer; font-size: 18px; font-weight: bold; padding: 8px 0; text-shadow: -1px -1px #3a060a; width: 90% } #optin input[type="submit"]:hover { color: #ffa5a5 }