/* File: custom.css Description: Custom styles for Thesis Awesome 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/ */ @font-face { font-family: 'LeagueGothicRegular'; src: url('../fonts/League_Gothic-webfont.eot'); src: local('☺'), url('../fonts/League_Gothic-webfont.woff') format('woff'), url('../fonts/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/League_Gothic-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .clear { clear: both;} body.custom {margin-top:0em; font-family:Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;background:#333;} .custom .full_width .page {margin:0 auto;padding-left:0;padding-right:0; width:980px; } .custom .full_width {} .full_width > .page {background: repeat scroll 0 0 transparent;} .custom #container {margin:0 auto; width:90.0em;} .custom #page {background: repeat scroll 0 0 #FFF; padding:2.2em; width:1000px; } .custom #content {float:left;width:650px; padding-left:10px; background:transparent url('../../images/bg/bg_content_shadow.png') repeat-x scroll;} #logo {float:left; margin-top:-10px;} #blog_info {padding-left:3px; float:left; clear:both; margin-top:5px; font-size: 16px; color:#999; font-family:Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;} #logo, #logo a { font-family:'LeagueGothicRegular',Arial,sans-serif; line-height:40px; color:#ffffff; font-size:50px; font-weight:bold;} #logo a:hover { color:#cc0000;} .custom #header { padding-top:0px;} /* Change the url of your image to reflect the actual header's location and file name */ .custom #header { padding-left:0px; padding-right:0px; height:90px;} .custom #header #logo {height:50px; float:left;} /* .custom #header #logo a {display: block; height: 24px; width: 280px;margin-top:15px; background: url('http://scarletbits.com/wp-content/themes/thesis_18/custom/images/logo.png') no-repeat scroll 0px 0px; outline: none;} .custom #header #logo a:hover {display: block; height: 24px; width: 280px;margin-top:15px; background: url('http://scarletbits.com/wp-content/themes/thesis_18/custom/images/logo.png') no-repeat scroll 0px 0px; 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;padding-top:20px;} */ /* .custom #header #tagline {text-indent: -9999px;} */ .custom #header #tagline {padding-left:7px; float:left; clear:both; margin-top:-25px;} /* clear all 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 #content_box, .custom #column_warp {width:979px;background: transparent url('../../images/bg/bg_main_content.png') scroll repeat-y 0 0;border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb;} .custom .no_sidebars {background: #FFFFFF !important;} a {color:#cc0000; outline:medium none; text-decoration:none;} .custom .format_text a {color:#cc0000; text-decoration:none; padding:5px;} .custom .format_text a:hover {color:#fff; background:#cc0000;} /* search box in at header */ .search2 {float:right;margin-top:10px; display:block;} .custom ul#search_site2 li {border-style: none; list-style-image: none; list-style:none;} .custom .search2 input {border:1px solid #91C4E7;color:#000000;display:block;font-family:"Tahoma",Helvetica,Myriad Pro,sans-serif;font-size:12px;height:16px;letter-spacing:0;opacity:0.5;padding:2px 25px 2px 5px;width:230px;background: #eee url('http://scarletbits.com/wp-content/themes/thesis_18/custom/images/search/search_fb.png') no-repeat right 2px;} .custom .search2 input:hover, .custom .search2 input:focus {font-size:12px; display:block; color:#FFF; background: #cc0000 url('http://scarletbits.com/wp-content/themes/thesis_18/custom/images/search/search_fb.png') no-repeat right 2px; filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;} /*topnav scocial */ .topnav_scocial_div {float:right;margin-left:0px; margin-top:4px;} .custom ul#topnav_social {border-style: none; list-style:none; list-style-image: none; position:relative;margin-top:5px;} .custom ul#topnav_social li {float: left; padding: 0px 5px 0px 0px;} /* End of topnav scocial */ /* Google Search widget */ .g_search_div {float:right;display:block; margin-top:-9px;margin-right:-7px;} .g_search { float:right;display:block;} .g_search_box {width:170px;height:22px; border: 1px solid #afadad; font-family:"Tahoma",Arial; background:url("../../images/menu/nav_bg.png") no-repeat scroll 0 0 transparent;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;} .g_search_box:hover {border: 1px solid #47b8de; font-family:"Tahoma",Arial; background:url("../../images/menu/nav_bg.png") no-repeat scroll 0 0 transparent;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;} .g_search_button {border:0px; width:60px; height:20px; background:url("http://scarletbits.com/wp-content/themes/thesis_18/custom/images/search/g_search.png") no-repeat scroll 0 0 transparent;text-indent: -9999px;} .g_search_ad { float:right;} .g_search_page { float:left;} /* Top Navigation ------------ */ .custom .menu { background: #e7e7e7 url(../../images/menu/nav_bg_gray.png) no-repeat 0 0; height: 30px; left: 0; top: 0px; width: 980px !important; font-family:"Arial",Helvetica,Myriad Pro,sans-serif; padding-top:2px; border:0;} .custom .menu a {letter-spacing: normal; text-transform: none; padding: 7px 15px; color:#cc0000; cursor: pointer;} .custom .menu > li { background: url(../../images/menu/nav_sep.png) no-repeat 0 0; padding-left: 2px; } .custom .menu > li > a { text-transform:uppercase; background: url(../../images/menu/nav_hover.png) no-repeat 50% -13px; height: 30px; line-height: 28px; padding: 0 15px; border:none;} .custom .menu > li > a:hover { background: url(../../images/menu/nav_hover.png) no-repeat 70% 0;color:#000; } .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: url(../../images/menu/nav_hover.png) no-repeat 50% 0; } .custom .menu > li.tab-home { background: none; padding-left: 0; width:28px;} .custom .menu > li.tab-home a { text-indent: -9999px;background: url(../../images/menu/home.png) no-repeat 50% 30%;} .custom .menu > li.tab-home a:hover { background: url(../../images/menu/home_hover.png) no-repeat 50% 30%;} .custom .menu > li.rss a { text-indent: -9999px; padding: 0 15px; text-decoration: none;background: url(../../images/menu/rss.png) no-repeat 50% 30%;} .custom .menu > li.rss a:hover { background: url(../../images/menu/rss_hover.png) no-repeat 50% 30%;} .custom .menu .sp_hover > a { background: url(http://scarletbits.com/wp-content/themes/thesis_18/custom/images/nav_hover.png) no-repeat 50% 0; } .custom .menu > li > ul { border-bottom: 1px solid #242424; left: 1px; top:31px;} .custom .menu > li > ul a { background-color:#FFF; 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:#cc0000;} .custom .menu > li > ul a:hover { background-color:#eeeeee; color:#cc0000; 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 ------------ */ /* custom Titles ------------------*/ .custom #content h1, .custom #content h2 a { font-family: LeagueGothicRegular, Arial, Helvetica, Verdana; color:#cc0000;} .custom #content h1, .custom #content h2 a:hover {color:#333;} .custom .headline_area h1, .custom .headline_area h2 .custom #content h2 a:hover {} .custom h1, .custom h2, .custom .headline_meta, .custom #header, .custom #sidebars, #foot {font-family: Tahoma,Helvetica,Arial,sans-serif;} .headline_area h1, .headline_area h2 {font-size:20px; line-height:1.2em;} .custom #content h2 {line-height:1.2em; padding-left:0px; padding-top:5px;} .custom #content h1 {line-height:1.2em; font-size:40px;padding:5px 0 10px 0;color:#cc0000;} /*--------- Styling Sidebars ------------------------*/ .custom .side1, .custom .sidebar h3{text-align:left; font-size:20px; line-height:18px; padding-left:10px; padding-top:10px;clear:both; width:309px; height:30px; margin-left:-9px; font-family:Impact, Helvetica, Verdana; text-transform:uppercase;color:#333;text-shadow:1px 1px 1px #FFFFFF;background: url(../../images/bg/bg_sidebar_line.jpg) repeat-x scroll center bottom transparent;} .custom #sidebars {width:290px;float:right;font-family:Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif; margin-top:10px; margin-right:21px;} .custom #sidebars a {color:#cc0000;} .custom #sidebars a:hover { color:#000; text-decoration:none;} .custom #sidebar_1 {float:right; width:300px; padding: 0px 0px 10px 0px; } .custom #sidebar_2 { display:none;} /*Sidebadr padding to 0 */ .sidebar ul.sidebar_list {padding-left:1.1em;padding-right:1.1em;} ul.sidebar_list {} .custom li.widget {font-size:1.3em;line-height:1.385em;margin-bottom:1.0em;} li.widget ul li {background: transparent url(../../images/bg/bg_sb_grid_dot.png) no-repeat 0 0; padding-left:25px;} /*---------- Top Nav bar links -----------------------*/ .topnav_div {float:left;} .custom ul#topnav {border-style: none; list-style:none; list-style-image: none; position:relative; text-shadow:1px 1px 1px #fff; margin-top:-23px;} .custom ul#topnav li {float: left; padding: 10px 12px 10px 0px;} .custom ul#topnav li a {-moz-box-shadow:0 1px 0 #ffffff;background:none repeat scroll 0 0 #e4e1e1;margin:0;padding:4px 8px; color:#666;font-size:10px !important;font-weight:normal; -moz-border-radius: 3px;-webkit-border-radius: 3px; -khtml-border-radius: 3px;border-radius: 3px;} .custom ul#topnav li a:hover {-moz-box-shadow:0 1px 0 #ffffff; background:none repeat scroll 0 0 #cc0000;color:#FFF;margin:0;padding:4px 8px; text-shadow:none; -moz-border-radius: 3px;-webkit-border-radius: 3px; -khtml-border-radius: 3px;border-radius: 3px;} /*---------- widgetized_header 468x60 ad in header -----------------------*/ .header_ad_div {float:right; display:block; margin-top:25px;margin-right:0px;width:468px; height:60px; border:2px solid #EEEEEE;-moz-box-shadow:0 1px 6px #000;} .header_ad_div:hover {border:2px solid #cccccc;} /* Post Title area */ .title_div {background:transparent url('http://scarletbits.com/wp-content/themes/thesis_18/custom/images/bg/bg_title.png') no-repeat center 50%; height:97px; display:block; margin-bottom:20px; width:100%;} .title_inside { padding:40px;} .title_details {float:left; width:800px; color:#cc0000;font-size:20px;text-shadow:1px 1px 1px #ccc; font-size:2.4em;} .title_details a {} .title_details a:hover {} /* Post background shadow */ .custom .post {padding:0 10px 5px 10px; } .custom .post_box, .custom .teasers_box, .custom .full_width #content_box .page { margin:0;} .custom .teasers_box {width:650px; padding-bottom:0px; padding-top:0px;} .custom .teaser { width:640px; margin-left:-10px;float:left; padding-bottom:15px; background: #FFF scroll 0 0;} .custom .teaser:hover {background:#f9f9f9; background: #f9f9f9 url('../../images/bg/bg_teaser_box.png') repeat-x scroll left top; border-bottom:1px solid #ebebeb;} .custom .teaser h2 {line-height:37px; font-size:20px;} .custom .teaser .teaser_author, .custom .teaser .teaser_category, .custom .teaser .teaser_date, .custom .teaser .teaser_comments, .custom .teaser .edit_post { font-family:Tahoma, Geneva, sans-serif;} .teaser a.teaser_comments {display:none;} .after_teaser_div { height:20px;} .custom .teaser {border-bottom: 1px dashed #efefef;} /* Teaser stuff */ .teaser_links_div {} .custom .teaser .teaser_link {display:none;} .teaser_img {float:left; display:block; margin-left:5px;padding-right:0;padding-top:10px;} #teaser_title_div { float:left; width:570px;} #teaser_title_div a {text-decoration:none; text-transform: capitalize; font-family:'LeagueGothicRegular',Arial,sans-serif; letter-spacing: 0; font-size:30px;font-weight: normal;} #teaser_title_div a:hover {} .custom .teaser .format_teaser .post_image_link img.frame {-moz-box-shadow:0 1px 6px #DDDDDD;} .custom img.frame:hover {border-color:#cc0000;} .custom .teaser .format_teaser {font-size:1.4em;line-height:1.5em; margin-top:0px; margin-bottom:0px; padding-top:5px;} .custom .teaser .format_teaser p {margin-top:50px;} .custom #teaser_links_ul {float: left; list-style: none; padding-left: 0px;} .custom #teaser_links li {float: left; list-style: none; margin-left:0px; padding-left: 0px; width:90px;} .custom #teaser_links {padding-left:20px; padding-top:5px;} .custom #teaser_links li a { text-decoration:none; color:#005d58;} .custom #teaser_links li a:hover { text-decoration:none; color:#000;} .custom #teaser_links span.backtype-tweetcount a.count { background:none;} .topsy{ float:right;} #teaser_comments { float:right; display:block; height:41px; width:64px; background: transparent url('../../images/bg/bg_comment_teaser.png') no-repeat 0 0; padding-top:4px; margin-top:5px;} .teaser_comments_inner { margin-left:47%;font-size:16px; font-weight:bold;} .continue_reading {float:right; margin-top:20px; width:114px; height:28px;text-indent: -9999px;} .continue_reading a {display: block;font-size:14px;background: transparent url('../../images/bg/bg_keep_reading.png') no-repeat scroll center bottom;width:114px; height:28px;} .continue_reading a:hover { background: transparent url('../../images/bg/bg_keep_reading.png') no-repeat scroll center top;} .post-info {font-size:0.8em;text-transform:uppercase; color:#666;margin:10px 10px 15px 0px; padding:3px 5px 3px 5px; line-height:14px; background:#ebebeb; float:left; clear:right;} .post-info a {color:#cc0000;} .post-info a:hover {color:#000;} .post-info img {margin:0 5px; vertical-align:top;} .custom .teaser .format_teaser a {text-decoration:none;} .author_img {float:right; display:block; width:50px; height:160px; margin-top:-40px; margin-right:5px; margin-left:20px;} .author_img img { border:1px solid #CCC;} .tweeter_teaser {} /*---------------------------------*/ /* Stying Thesis threded comments -*/ /*---------------------------------*/ .custom #comments { clear: both; margin-top:1em;} .custom #comments .avatar {} .custom .avatar img {border:3px solid #eee;} dl#comment_list dt .comment_author {font-size:1.2em;}/*comment author name*/ dl#comment_list .bypostauthor {background:repeat scroll 0 0 #FFFFFF;} /*remove the article author blue bg*/ dl#comment_list dl dt.bypostauthor {background: url(http://scarletbits.com/wp-content/themes/thesis_18/custom/images/bg/bg_author_comment_talk.png) no-repeat scroll right bottom;} /*article author comment arrow talk bg*/ .custom #comment_list, .custom #comment_list dd, .custom #commentform, .custom #comment_list dd.comment, .custom #comment_list dl .bypostauthor .format_text { border:none;} .custom dl#comment_list dt {} #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 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 {visibility: hidden;} dl#comment_list dd .format_text:hover p.reply {visibility: visible;} dl#comment_list dd p.reply a:hover {background:none repeat scroll 0 0 #cc0000; color:#FFFFFF; text-decoration:none;} dl#comment_list dl dd dl {padding-left:5.0em; border-top:none;} dl#comment_list dl {padding-left:5.0em; border-top:none;} dl#comment_list dd .format_text, dl#comment_list dd #respond {} .custom #comment_list dl {border-bottom:1px dashed #0e87c0;} .custom #commentform label { color:#333;} /* author comment */ custom dl#comment_list dt.bypostauthor, .custom dl#comment_list dd.bypostauthor > div { background-color:#f6f6f8; padding-top:20px;} .custom #commentform { margin-left:20px;} custom dl#comment_list dt.bypostauthor, .custom dl#comment_list dd.bypostauthor > div { padding-bottom:40px; padding-left:10px; padding-right:10px;} #subscribe {background:none repeat scroll 0 0 #EEEEEE;border:1px solid #CCCCCC;float:left;margin: 15px 0 0 20px;padding:10px 10px 5px;} /*---------------------------------*/ /* Trackback and comment title */ /*---------------------------------*/ .comments_intro p {background-color:#666;background:none repeat scroll 0 0 #ebebeb;border-left:4px solid #cc0000;margin-bottom:25px;margin-left:-25px; margin-top:30px; padding:0.9em 1.1em 0.9em 1.1em;width:634px;} /* Cancel reply button & link */ #cancel-comment-reply-link {border-width:0.182em;font-size:1.1em;line-height:1em;padding:0.545em 0.727em;} #cancel-comment-reply-link {background:none repeat scroll 0 0 #cc0000;border-style:none;color:#FFFFFF;float:right;letter-spacing:1px;text-transform:uppercase;} /*Sidebadr padding to 0 */ ul.sidebar_list {padding-top:0;} /* -------- Social Media buttons -------------------------- */ #share_care {margin-top:15px; margin-bottom:15px;} #share_care a {border:none; padding:0 !important;} #share_care a:hover {border:none;background:none !important;} #share_care img {margin-right:0.8em; border:none;} /*---------------------------------*/ /* Custom Contact us form Style */ /*---------------------------------*/ .contactform { padding:20px 30px 50px 30px;} #wpcf label { clear: both; display: block; float: left; width: 155px;} #wpcf input { float: left; width: 200px; padding: 1px; margin: 2px 5px 2px 0;} #wpcf textarea { width: 90%; height: 150px; padding: 10px; margin: 0 5px 10px 0;} #wpcf #contactsubmit {margin-left: 500px; width: 80px;} /* AUTHOR BOX TOP */ .author_top { width:590px; overflow: hidden; padding: 15px 15px 0px 15px; margin-top:10px; margin-bottom:10px; background:#f9f9f9;border: 1px solid #DDDDDD;} #author_avatar_image {float: left; margin-right: 20px; height:55px; width:55px;} #author_avatar_image img { border: 2px solid #cc0000; padding:0 !important;} #author_avatar_image img:hover { border: 2px solid #999;} #author_avatar_image a { padding:0 !important;} #author_avatar_image a:hover { background:none !important;} .author_top h4 { color: #666; font-size: 1.0em; 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 {} /* AUTHOR BOX - archive page */ .postauthor { background: #f9f9f9; width:640px; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 10px; margin-left:-10px; } .postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; } .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; } .postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; text-align:justify;} .postauthor p.hlight { font-size: 11px; text-transform: uppercase; } .postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; } .custom #feature_box, #archive_intro, #comment_nav_2 { display:none;} /* Footer */ #footer_area .page { padding-bottom:20px; margin-top:10px; padding-top:15px; width:100%; outline:none; background:#333;} .footer_links {color:#999; text-align:right; font-size:12px; width:980px; height:40px; padding-top:10px; margin-left:0px;} .footer_links a {color:#666;} .footer_links a:hover {color:#000;} #footer p { display:none;} /* footer 728x90 banner */ .footer_banner { clear:both; height:90px; display:block;} .footer_banner img {border: 3px solid #EEEEEE;-moz-box-shadow:0 1px 6px #000;} .footer_banner img:hover {border: 3px solid #ccc;} /* Additional styling */ /* 125 ads plugin */ #wp125adwrap_2c {margin-left: 4px; } /*---------------------------------*/ /* Widgetized Footer */ /*---------------------------------*/ /* footer widget area setup */ #footer_setup { width:1000px; 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: 280px; 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:#cccccc; font-size: 25px; text-transform: uppercase;letter-spacing: 0px;padding-bottom: 2px;margin-bottom: 5px; font-family:'LeagueGothicRegular',Arial,sans-serif; } /* 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:#999999;font-size: 12px; font-weight:lighter; } #footer_setup .footer_items ul li a:hover {color:#cccccc; text-shadow:none; } #footer_setup .footer_items ul { margin: 0px; padding: 0px; } /*copy write information */ .footer_links_div { background:#333; border-top: 1px solid #666666;} #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; height:30px;} #footer_setup .footer_links a {color:#cc0000; 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 */ /* -------- Slider Shit ----------------------------------- */ .slide_show { margin-top:10px; margin-bottom:10px;} .feature_img {width:640px;overflow:hidden;} #slider {z-index: 5; position:relative; background:url(../../images/featured/loading.gif) no-repeat 50% 50%; } #slider img {position:absolute; top:0px; left:0px; display:none;} #slider a {display:block;} #slider .container {overflow:hidden; position:relative;width:625px;} #slider img {position:absolute;top:0;left:0; display:block;} #slider .slides div.slide {display:none;position:absolute;top:0;width:625px;} a.nivo-imageLink {position:absolute;top:0;left:0; width:625px;height:100%;border:0;z-index:60;display:none;margin:0;padding:0;} .custom .nivo-controlNav {position:absolute; left:44%; bottom:-20px;} .custom .nivo-controlNav a {display:block; width:10px; height:10px; background:url(../../images/featured/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;} .custom .nivo-controlNav a.active { background-position:-10px 0;bottom:-20px;left:44%; position:absolute;} .custom .nivo-directionNav a {display:block;width:31px; height:34px; background:url(../../images/featured/arrows.png) no-repeat; text-indent:-9999px; border:0;} .custom a.nivo-nextNav { background-position:-32px 0; right:10px;} .custom a.nivo-prevNav {left:10px;} #slider a.previous:hover, #slider a.next:hover {opacity:1;} .nivo-slice {display:block;position:absolute;z-index:50;height:100%;} .nivo-caption {position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:0.8px;width:z-index:89;} .nivo-caption p {margin:0;padding:10px;font-size:13px;font-family:Tahoma, Arial, Helvetica, sans-serif;text-transform:uppercase;width:640px;} #loopedSlider {margin:0 0 20px;position:relative;width:100%;} #loopedSlider .container {overflow:hidden;position:relative;} #loopedSlider .slides {left:0;position:absolute;top:0;} #loopedSlider .slides div.slide {display:none;position:absolute;top:0;width:640px;} #loopedSlider .slide-content {color:#FFFFFF;max-width:350px;position:absolute;right:0;text-align:right;top:40px;} #loopedSlider .slide-content h2 {background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6); font-family: Georgia,serif; font-size:26px; padding:10px 20px 0;} #loopedSlider .slide-content h2 a {color:#FFFFFF;} #loopedSlider .slide-content p {background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);line-height:22px;padding:10px 20px;} #loopedSlider .slide-content .category {background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);padding:10px 20px 3px;} #loopedSlider .slide-content .category a {color:#CCCCCC;font-family:arial,helvetica,san-serif !important;font-size:11px;font-weight:bold !important;text-transform:uppercase;} #loopedSlider a.previous {bottom:25px;opacity:0.6;position:absolute;right:65px;} #loopedSlider a.next {bottom:25px;opacity:0.6;position:absolute;right:30px;} #loopedSlider a.previous:hover, #loopedSlider a.next:hover {opacity:1;} /* The Nivo Slider styles */ .nivoSlider {position:relative;} .nivoSlider img {position:absolute; top:0px;left:0px;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60; display:none;} /* The slices in the Slider */ .nivo-slice {display:block; position:absolute;z-index:50;height:100%;} /* Caption styles */ .nivo-caption { position:absolute;left:0px;bottom:0px;background:#cc0000; color:#fff;opacity:0.6; /* Overridden by captionOpacity setting */width:100%;z-index:89;} .nivo-caption p {padding:5px;margin:0;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;} .nivo-prevNav { left:0px;} .nivo-nextNav { right:0px;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a {position:relative;z-index:99;cursor:pointer;} .nivo-controlNav a.active { font-weight:bold;} /* fixing featured image */ .featured_post_image { margin-left:-10px;} .thumb_post_image { float:left;} /* Facebook like & comments */ .fb_comments { margin-top:20px; margin-left:10px;} .facebook_like {margin-top:10px; margin-bottom:10px;} .twitter_buttons_post { float:right;} /* Stop sign after post */ .stop_sign { width:442px; height:200px; border:dashed 4px #ccc; padding-left:170px; padding-bottom:20px; background: transparent url('../../images/bg/stop_sign.png') no-repeat 20px 50%; margin-top:30px;margin-bottom:20px;} .stop_sign:hover {border:dashed 4px #cc0000; background: #ebebeb url('../../images/bg/stop_sign.png') no-repeat 20px 50%;} .stop_sign h3 { color:#0e87c0; font-size:20px;color:#666;font-weight:bold;line-height:0;} .stop_sign ul { width:400px;} /* paginator */ .paginator { margin-top:20px;margin-left: -5px;} /* Media box */ .suctom .image_box, .custom .custom_box { background-color:transparent !important; border:none !important;} /* top nav widget */ .below_nav_div { border:1px solid #eee; padding:5px 10px 5px 10px;background: #FFF url('../../images/bg/bg_content_shadow.png') repeat-x scroll;} /* top optin form style */ .myform_top_div {background:#eee url(../../images/optin/bg_optin_top_red.png) no-repeat 0 0; height:200px;} .myform_top_img { float:right; width:200px; height:200px;} #myform_top_text { width:630px; overflow:hidden; padding:10px; float:left; position:relative; height:180px;} #myform_top_text h2 { color:#FFF; font-size:25px; text-transform:uppercase;} #myform_top_text h3 { color:#FFF;font-size:16px; bottom:13px; position:absolute;text-transform:uppercase;} #myform_top_text p { color:#eee; font-family:arial; font-size:16px; margin-top:10px;text-transform: none;} .myform_top_privacy {float:right; margin-right:25px; margin-top:3px;line-height:16px; color:#FFF; padding-left:20px;background:transparent url(../../images/optin/lock.png) no-repeat left center;} #myform_top { padding:5px 20px 0 0; color:#eee; width:300px;margin:0 auto; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; float:right;} /* nested fieldset */ #myform_top fieldset {border:0; margin:0;padding:0;} /* typography */ #myform_top h3 { color:#FFF; margin-top:0px; font-size:30px; margin-left:10px;text-transform:uppercase;} #myform_top p { font-size:11px; } /* input field */ #myform_top input { border:1px solid #444; background-color:#ccc; padding:5px; color:#333; font-size:12px; width:280px; height:25px; float:right; margin-top:5px; font-family:Arial, Helvetica, sans-serif; /* CSS3 spicing */ /* text-shadow:1px 1px 1px #000;*/ -moz-border-radius:4px; -webkit-border-radius:4px;} #myform_top input:focus { color:#fff; background-color:#777; } #myform_top input:active { background-color:#888; } .submit_button_img {color:#FFF !important;text-shadow:1px 1px 1px #000; background: transparent url(../../images/optin/submit.png) no-repeat 50% 50% !important; height:45px !important; width:300px !important; margin-top:5px; border:0 !important; font-family:Impact, Helvetica, Verdana !important;font-size:25px !important; margin-right:-5px; padding-bottom: 10px !important; text-transform:uppercase;} .submit_button_img:hover { color:#000 !important; cursor:pointer;} /* sidebar optin form style */ #myform_sb_div {background:#cc0000 url(../../images/optin/bg_optin_top_red.png) no-repeat 0 0; padding-bottom:10px;width: 300px; margin-bottom:10px;} .myform_sb_img { clear:both; width:100%; } #myform_sb_img_div { width:100%;} .myform_sb_img { width:200px; margin: 0 auto auto auto;} #myform_sb_text { width:280px; overflow:hidden; padding:10px;} #myform_sb_text h2 { color:#FFF; font-size:25px; text-transform:uppercase;} #myform_sb_text p { color:#eee; font-family:arial; font-size:16px; margin-top:10px;text-transform: none;} .myform_sb_privacy {float:right; margin-right:25px; margin-top:3px;line-height:16px; color:#FFF; padding-left:20px;background:transparent url(../../images/optin/lock.png) no-repeat left center;} #myform_sb { padding:5px 5px 0 0; color:#eee; width:300px;margin:0 auto; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px;} /* nested fieldset */ #myform_sb fieldset {border:0; margin:0;padding:0;} /* typography */ #myform_sb h3 { color:#FFF; margin-top:0px; font-size:30px; margin-left:10px;text-transform:uppercase;} #myform_sb p { font-size:11px; } /* input field */ #myform_sb input { border:1px solid #444; background-color:#ccc; padding:5px; color:#333; font-size:12px; width:268px; height:25px; margin-left:10px;margin-top:5px; font-family:Arial, Helvetica, sans-serif; /* CSS3 spicing */ /* text-shadow:1px 1px 1px #000;*/ -moz-border-radius:4px; -webkit-border-radius:4px;} #myform_sb input:focus { color:#fff; background-color:#777; } #myform_sb input:active { background-color:#888; } .submit_button_sb_img {color:#FFF !important;text-shadow:1px 1px 1px #000; background: transparent url(../../images/optin/submit.png) no-repeat 50% 50% !important; height:45px !important; width:279px !important; margin-top:5px; border:0 !important; font-family:Impact, Helvetica, Verdana !important; font-size:25px !important; margin-right:-5px; padding-bottom: 10px !important; text-transform:uppercase;} .submit_button_sb_img:hover { color:#000 !important; cursor:pointer;} /* footer optin form style */ .myform_footer_div {background:#eee url(../../images/optin/bg_optin_top_red.png) no-repeat 0 0; height:200px; margin-left: -10px; width: 660px;} .myform_footer_img {} #myform_footer_text { width:320px; overflow:hidden; padding:10px; float:left; position:relative; height:180px;} #myform_footer_text h2 { color:#FFF; font-size:20px; text-transform:uppercase;} #myform_footer_text h3 { color:#FFF;font-size:16px; bottom:13px; position:absolute;text-transform:uppercase;} #myform_footer_text p { color:#eee; font-family:arial; font-size:16px; margin-top:10px;text-transform: none;} .myform_footer_privacy {float:right; margin-right:25px; margin-top:3px;line-height:16px; color:#FFF; padding-left:20px;background:transparent url(../../images/optin/lock.png) no-repeat left center;} #myform_footer { padding:5px 20px 0 0; color:#eee; width:300px;margin:0 auto; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; float:right;} /* nested fieldset */ #myform_footer fieldset {border:0; margin:0;padding:0;} /* typography */ #myform_footer h3 { color:#FFF; margin-top:0px; font-size:30px; margin-left:10px;text-transform:uppercase;} #myform_footer p { font-size:11px; } /* input field */ #myform_footer input { border:1px solid #444; background-color:#ccc; padding:5px; color:#333; font-size:12px; width:280px; height:25px; float:right; margin-top:5px; font-family:Arial, Helvetica, sans-serif; /* CSS3 spicing */ /* text-shadow:1px 1px 1px #000;*/ -moz-border-radius:4px; -webkit-border-radius:4px;} #myform_footer input:focus { color:#fff; background-color:#777; } #myform_footer input:active { background-color:#888; } .submit_button_img {color:#FFF !important;text-shadow:1px 1px 1px #000; background: transparent url(../../images/optin/submit.png) no-repeat 50% 50% !important; height:45px !important; width:300px !important; margin-top:5px; border:0 !important; font-family:Impact, Helvetica, Verdana !important; font-size:25px !important; margin-right:-5px; padding-bottom: 10px !important; text-transform:uppercase;} .submit_button_img:hover { color:#000 !important; cursor:pointer;} /* opt-in form button */ #myform_top button, #myform_sb button, #myform_footer button, {outline:0; } /* error message */ .error {height:15px;background-color:#FFFE36;font-size:11px;border:1px solid #E1E16D;padding:4px 10px;color:#000;display:none; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd;} /* pure CSS arrow */ .error em { display:block;width:0;height:0; border:10px solid;border-color:#FFFE36 transparent transparent; /* positioning */ position:absolute;bottom:-17px;left:60px;} .error p {margin:0;} /* field label */ label { display:block; font-size:11px; color:#ccc;} #terms label {float:left;} #terms input {margin:0 5px;} /* alert, note and other content styles */ .custom .format_text p.alert {background: #f0f0f0 url(../../images/boxes/alert.png) center no-repeat; border: 1px solid #cccccc; background-position: 7px 50%; text-align: left; padding: 10px 10px 10px 70px;} .custom .format_text p.note {background: #f0f0f0 url(../../images/boxes/note.png) center no-repeat; border: 1px solid #cccccc; background-position: 7px 50%; text-align: left; padding: 10px 10px 10px 70px;} .custom .format_text p.content_shadow {background:transparent url(../../images/boxes/shadow.jpg) no-repeat scroll center bottom; padding:5px; padding:0 0 30px 0;} .custom .format_text p.red {border: 1px solid #cccccc;text-align: left; padding: 15px 10px 15px 20px; color:#cc0000; background-color:#f7efdb;width:95%;} .custom .format_text p.blue {border: 1px solid #cccccc;text-align: left; padding: 15px 10px 15px 20px; background-color:#e1f2fc;width:95%;} .custom .format_text p.yellow {border: 1px solid #cccccc; text-align: left; padding: 15px 10px 15px 20px;background-color:#ffffa0; width:95%;} .custom .format_text p.gray {border: 1px solid #cccccc; text-align: left; padding: 15px 10px 15px 20px;background-color:#f5f5f8;width:95%;} /* prev and next on home page */ .custom .prev_next {background:transparent url('../../images/bg/bg_content_shadow.png') repeat-x scroll; border-top: 1px solid #eee; margin-left: -10px;} /* Related posts in single post */ #related_posts { background: #FFF url('../../images/bg/bg_content_shadow.png') repeat-x scroll; margin-left: -10px; padding-left: 10px; border-bottom: 1px solid #dddddd;} .related_posts_box {overflow:hidden;width:650px; margin-left:30px;} #related_posts_single_box {overflow:hidden;} #related_posts_single_box .related_posts_thumbs a:hover { color:#000;} #related_posts_single_box h4 { color:#333333; font-family: Tahoma; font-size:18px;font-weight:normal;line-height:1.4;margin-top:10px;margin-bottom:10px;} .custom #related_posts_single_box ul li {list-style-image: none; list-style:none; height:50px;padding-bottom:10px;} .related_posts_thumb { float:left; margin-left:10px; margin-right:20px;} .related_posts_thumb img {border:2px solid #dddddd; width:40px; height:40px;} .related_posts_thumb img:hover {border:2px solid #cc0000;} .related_posts_title {font-size:14px;}