/* File: custom.css Description: Custom styles for Thesis Awesome More Info: http://www.thesisawesome.com 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/ */ .clear { clear: both;} body.custom:before{ content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; z-index: 100; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); } /*style the empty widgets */ #empty_widget { padding:20px; background:#E3F0F2; border: 1px solid #ADDDE6; color:#000000; text-align:left; max-width:728px; font-size:12px;} #empty_widget h3 { margin-bottom:5px; font-variant: small-caps; letter-spacing: 2px; color:#333; text-shadow:1px 1px 1px #FFFFFF;font-size: 1em;} #empty_widget a { text-decoration:underline; color:#2361A1;} #empty_widget a:hover { text-decoration: none;} /* body and main layout style */ body.custom { margin-top:-40px; } .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; border-top: 1px solid #f1f1f1; background:transparent url('images/bg/bg_content_shadow.png') repeat-x scroll;} .custom #header { padding-top:0px;border-top: 20px solid #277160!important;} /* page with no sidebar */ .custom #content_box.no_sidebars #content { width: 956px; padding-right: 10px} .custom #content_box.no_sidebars { border-right: 1px solid #eee; width: 978px} /* 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:140px;} .custom #header #logo {height:105px;} .custom #header #tagline {} /* 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 scroll repeat-y 0 0;border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb;} .custom .no_sidebars {background: #FFFFFF !important;} /* header search box */ .search2 { float: right; margin-top: 60px; display: block; margin-bottom: -60px; } .custom ul#search_site2 li {border-style: none; list-style-image: none; list-style:none;} .custom .search2 input {border:1px solid #cccccc;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;} .custom .search2 input:hover, .custom .search2 input:focus {font-size:12px; display:block; color:#FFF; background: #cccccc; filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;} /* 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("images/search/g_search.png") no-repeat scroll 0 0 transparent;text-indent: -9999px;} .g_search_ad { float:right;} .g_search_page { float:left;} /*topnav scocial */ .topnav_scocial_div { float: right; margin-left: 0px; margin-top: 54px; margin-bottom: -54px; } .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 */ .custom ul#tabs {border-bottom:none; border-left:none;} .custom ul#tabs li {margin-bottom:0; border:none; background:none;} .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {padding-bottom:0; background:none;} .custom ul#tabs li.rss {} .custom ul#tabs li a {} .custom ul#tabs li a:hover {text-decoration:none;} .custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a {} /* Top Navigation ------------ */ .menu-top-container {width:100% !important; background: #277160;} .awesome_menu_top_nav_container {width:100% !important; background: #277160;} #top_nav { width:980px !important; background: 277160 !important; height: 30px; left: 0; top: 0px; font-family:"Arial",Helvetica,Myriad Pro,sans-serif; padding-top:2px; border:0; display:block; margin:auto; z-index:100;} #top_nav a {letter-spacing: normal; text-transform: none; padding: 7px 15px; cursor: pointer; color:#f1f1f1;} #top_nav > li {padding-left: 2px; background: none !important;} #top_nav > li > a {background: none !important; height: 30px; line-height: 28px; padding: 0 15px; border:none;} #top_nav > li > a:hover { background: #000000 !important; color:#cccccc; } #top_nav > li.current > a, #top_nav > li.current-parent > a, #top_nav > li.current-cat > a, #top_nav > li.current-cat-parent > a {} #top_nav > li.tab-home { background: none; padding-left: 0; width:28px;} #top_nav > li.tab-home a { text-indent: -9999px; background: url(images/menu/home.png) no-repeat 50% 30%;} #top_nav > li.tab-home a:hover { background: url(images/menu/home_hover.png) no-repeat 50% 30%;} #top_nav > li.rss a { text-indent: -9999px; padding: 0 15px; text-decoration: none;background: url(images/menu/rss.png) no-repeat 50% 30%;} #top_nav > li.rss a:hover { background: url(images/menu/rss_hover.png) no-repeat 50% 30%;} #top_nav .sp_hover > a { background: url(images/nav_hover.png) no-repeat 50% 0; } #top_nav > li > ul { border-bottom: 1px solid #242424; left: 1px; top:31px;} #top_nav > li > ul a { background-color:#FFF; border-left: 1px solid #c3c2be; border-right: 1px solid #c3c2be; border-bottom:1px solid #c3c2be; color:#666;} #top_nav > li > ul li.current > a, #top_nav > li > ul li.current-parent > a, #top_nav > li > ul li.current-cat > a, #top_nav > li > ul li.current-cat-parent > a, #top_nav > li > ul a:hover { text-decoration: none;} #top_nav > li > ul a:hover { background-color:#eeeeee; border-left: 1px solid #c3c2be; border-right: 1px solid #c3c2be;} #top_nav a {border-width:0 0 0 0;font-size:1.3em;line-height:1.286em;padding:0.714em 0.857em; } #top_nav, #top_nav a, #top_nav li ul {border:medium none;border-style:none ;} /* End of Top Navigation */ /* custom Titles */ .custom .entry-title {margin-top:10px;} .custom #content h1, .custom #content h2 a {} .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 {} .headline_area h1, .headline_area h2 {} .custom #content h2 {} .custom #content h1 {} /* Styling Sidebars */ .custom .side1, .custom .sidebar h3{text-align:left; padding-left:10px; padding-top:0px; clear:both; width:100%; height:30px; margin-left:-9px; color:#333; text-shadow:1px 1px 1px #FFFFFF; background: transparent url(images/bg/bg_sidebar_line.jpg) repeat-x scroll center bottom; font-size:150%; font-weight:bold;} .custom #sidebars {width:290px; float:right; margin-top:0px; margin-right:21px;} .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:block;} /* Sidebadr padding to 0 */ .sidebar ul.sidebar_list {padding-left:1.1em;padding-right:1.1em; width:300px;background: #fff;} ul.sidebar_list {} .custom li.widget {font-size:1.3em; line-height:1.285em; margin-bottom:.8em; } li.widget ul li {padding-left:5px; } /* Top Nav bar links - note: dosn't excists in the functions */ .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 #336699;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:-48px;margin-right:0px; width:468px; height:60px; border:2px solid #EEEEEE;} .header_ad_div:hover {border:2px solid #cccccc;} /* Post Title area */ .title_div {background:transparent url('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;} /* 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:24px; margin-left:5px;} .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; line-height:30px;} #teaser_title_div a:hover {} .custom .teaser .format_teaser .post_image_link img.frame {-moz-box-shadow:0 1px 6px #DDDDDD;} .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:#333333;} .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 { font-size:16px; font-weight:bold;text-align: center; width: 70px;} .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:none; clear:right;} .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;} /* 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(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 {} 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;} /* 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;} /* AUTHOR BOX */ .author_top { width:590px; overflow: hidden; padding: 15px 15px 0px 15px; margin-top:10px; margin-bottom:10px; background:#f9f9f9;border: 1px solid #DDDDDD;} .author_top a:hover { color:#333333;} #author_avatar_image {float: left; margin-right: 20px; height:55px; width:55px;} #author_avatar_image img {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 {} .guest_post_url {float:right; margin-top:-27px; font-size:12px; font-weight:bold; color:#666;} /* AUTHOR BOX - author 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; } /* archive page */ .custom #archive_intro { margin-left:-10px; margin-top:0px;margin-bottom:-45px;} .custom #archive_intro { padding-top: 2.2em; } /* Footer */ #footer_area .page { border-top: 2px solid #FFF; background: #fff repeat scroll!important; border: 1px solid #cccccc; border-radius: 10px; box-shadow: #cccccc 0px 0px 8px; padding-bottom: 20px; margin-top: 10px; padding-top: 0px; width: 980px; outline: none; margin-bottom: 10px; } .footer_links {color:#999; text-align:right; font-size:12px; width:980px; height:40px; padding-top:10px; margin-left:0px;} .footer_links a {color:#CCCCCC;} .footer_links a:hover {color:#FFFFFF;} /* 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;} /* footer widget area setup */ #footer_setup { width: 980px; padding-left: 10px; padding-top: 0px; overflow: hidden; clear: both; /* do not change this! */ overflow: hidden; clear:both; } /* widget item setup */ #footer_setup .footer_items { text-align: left; width: 210px; padding-right: 10px; padding-left: 20px; display: inline-block; float: left; height: 100%; font-size: 14px; padding-top: 0px; padding-bottom: 10px; color: #666; } /* widget item headers*/ #footer_setup .footer_items h3 {color:#277160; font-weight: bold; padding-bottom: 2px;margin-bottom: 5px; } /* do not change below! */ #footer_setup .footer_items ul li { list-style: none; font-size: 1.0em; font-weight:lighter; border-bottom: 1px solid #ccc; } #footer_setup .footer_items ul li a { font-size: 16px; font-weight:lighter; color: #277160!important; } /* for the footer contact list*/ #footer_contact .footer_items h3 {color:#277160; font-weight: bold; padding-bottom: 2px;margin-bottom: 5px; } #footer_contact .footer_items ul li { list-style: none; font-size: 1.0em; font-weight:lighter; border-bottom: 1px solid #ccc; } #footer_contact .footer_items ul li a { font-size: 16px; font-weight:lighter; color: #277160!important; } #footer_setup .footer_items ul li a:hover {color:#333; text-shadow:-1 1 8 #ccc; } #footer_setup .footer_items ul { margin: 0px; padding: 0px 10px; } /*copy write information */ .footer_links_div { background:#333;} #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;} .backtotop {float:right; padding-right:20px; margin-top:20px;} .backtotop a {cursor:hand; cursor:pointer;} .footer_ads {} /* 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 { background: #ebebeb;} .stop_sign h3 { color:#0e87c0; font-size:20px;color:#666;font-weight:bold;line-height:0;} .stop_sign ul { width:400px;} /* Stop sign after post */ #stop_sign { min-height:130px; border:dashed 4px #ccc; padding:20px 20px 20px 20px; margin-top:30px; margin-bottom:20px;} #stop_sign:hover {border:dashed 4px #999999; background: #eeeeee;} #stop_sign h3 { font-size:20px;color:#666; line-height:0.5em; margin-top:10px; margin-bottom:20px; font-size:30px;} #stop_sign ul { width:400px; overflow: hidden;} #stop_sign li {margin-bottom:10px; } .stop_image { float:left; margin-right:40px; display:block;} p.no-wrapp-text { overflow: hidden; } /* 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 of content widget */ .top_of_content_div { border:1px solid #eee; width:599px; padding:5px 20px 5px 20px; margin:0px 0 0px 0;} /* top optin form style */ .myform_top_div { background: url(../../images/optin/bg_optin_top_blue.png) no-repeat 0 0; background-color: transparent!important; width: 1055px; height: 212px; margin-left: -35px!important; } .myform_top_img { float:right; width:200px; height:200px;} #myform_top_text { width:410px; overflow:hidden; padding:12px 0px 0px 46px; float:left; position:relative; height:200px;} #myform_top_text h2 { color: #fff; font-size: 16px; font-weight: bold; position: relative; text-align: center; text-shadow: -2px 2px 6px #000; padding-top: 10px; } #myform_top_text h3 { color: #fff; font-size: 14px; font-weight: normal; position: relative; text-align: center; text-shadow: -2px 2px 6px #000; padding-top: 10px; } #myform_top_text p { color: #fff; font-family: arial; text-shadow: -2px 2px 6px #000; font-size: 14px; font-weight: bold; line-height: 150%; margin-top: 10px; width: 330px; text-align: center; margin-left: 40px; } .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:20px 80px 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-shadow: -2px 2px 6px #333;} #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_top_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;} .submit_button_top_img:hover { color:#ccc !important; cursor:pointer;} /* sidebar optin form style */ #myform_sb_div {padding-bottom:10px; width: 300px;margin-bottom:10px;} .myform_sb_img { clear:both; width:100%; } #myform_sb_img_div { width:100%;} .myform_sb_img { margin: 0 auto auto auto;} #myform_sb_text { width:280px; overflow:hidden; padding:10px;} #myform_sb_text h2 { color:#FFF; font-size:25px;} #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;} .optin_sb_center { margin-left:-10px;} #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;} #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; padding-top:2px !important; padding-bottom: 10px !important;} .submit_button_sb_img:hover { color:#000 !important; cursor:pointer;} /* footer optin form style */ .myform_footer_div { 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;} #myform_footer_text h3 { color:#FFF;font-size:16px; bottom:13px; position:absolute;} #myform_footer_text p { color:#eee; font-family:arial; font-size:16px; margin-top:10px;} .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;} #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-top:2px !important; padding-bottom: 10px !important ;} .submit_button_img:hover { color:#ccc !important; cursor:pointer;} /* opt-in form button */ #myform_top button, #myform_sb button, #myform_footer button, {outline:0; } /* field label */ label { display:block; font-size:11px; color:#ccc;} #terms label {float:left;} #terms input {margin:0 5px;} /* content 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_title {font-size:14px;} /**********************************************************/ /*Sidebadr padding to 0 */ ul.sidebar_list {padding-top:0;} .custom .format_text {padding-right: 10px;} /* Extra styles */ /* 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;} /* 125 ads plugin */ #wp125adwrap_2c {margin-left: 4px; } /* paginator */ .paginator { margin-top:20px;margin-left: -5px;} /* fix teaser display */ .top .review { padding: 0 10px 10px 10px; } /* ----------------------------------- */ /* Add your custom CSS below this line */ /* ----------------------------------- */ /*gray header bg*/ .custom #header_area .full_width { background: url(http://dinopit.com/wp-content/uploads/2012/02/top_bg1.png)!important; z-index: 999!important; overflow-y: visible!important; background-repeat: repeat-x!important; margin: 0px 0px -40px 0px!important; height: 300px!important; } .custom table { border: 0.5px solid #cccccc; } .custom td { border: 0.5px solid #cccccc; } .custom ul.menu { background: #277160; border:none; color:#277160; } .custom ul.menu a { border:none; color:#ffffff; letter-spacing:0px; font-family:"Arial",Helvetica,Myriad Pro,sans-serif; text-transform:capitalize; background:#277160; } .custom ul.menu .current a { color:#cccccc; background:#277160; }