/* 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/ */ body.custom { background:url(images/bg.gif) 150% -170px no-repeat; } .custom .page { background:none; } * html .full_width .page { width:970px; } .custom #header { border:0; height:100px; } .custom #header p#logo { background:url(images/logo-fxp-banner.png) no-repeat; float:left; height:100px; text-indent:-9999px; width:522px; } .custom #header p#logo a { float:left; height:100px; position:relative; width:522px; outline: none; } .custom #header #tagline { display:none; } .custom #header_area .page, .custom .full_width .page { padding:0; } .custom .full_width .page ul.menu { border:0; margin:5px 0; } .custom .full_width .page ul.menu li.tab {} .custom .full_width .page ul.menu li.tab.current {} .custom .full_width .page ul.menu li.tab a { background:#eee url(images/bg_h3.png) repeat-x 0 50%; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#555; cursor:pointer; font:bold 11px helvetica,arial,sans-serif; letter-spacing:0; padding:5px 10px; margin:0 5px 5px 0; text-shadow:#fff 0 1px 0; text-transform:capitalize; } .custom .full_width .page ul.menu li.tab a:hover { background-image:none; } .custom .full_width .page ul.menu li.tab.current a { background:#fff; border:1px solid #fff; color:#ec2028; } .custom .full_width .page ul.menu li.tab.current a:hover { color:#333; } .custom ul.top-menu { background:#222; border:1px solid #222; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; cursor:pointer; font:bold 13px helvetica,arial,sans-serif; height:30px; letter-spacing:0; list-style:none; margin:0 0 5px 0; text-indent:0; text-shadow:#000 0 1px 0; text-transform:capitalize; } .custom ul.top-menu li { float:left; position:relative; } .custom ul.top-menu li a { color:#fff; display:block; padding:8px; width:auto; } .custom ul.top-menu li a:hover { color:#ec2028; } .custom ul.top-menu li > ul { left:auto; top:auto; } .custom ul.top-menu li ul { display:none; height:auto; } .custom ul.top-menu li:hover ul { background:#333; border:3px solid rgba(255,255,255,.2); border-radius:0 0 4px 4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:block; font-size:11px; margin:0 0 -1px; position:absolute; top:31px; left:0; width:200px; z-index:100; } .custom ul.top-menu li ul li { border-bottom:1px dotted #999; display:block; float:none; } .fxpHome #content_box { background:none; } .fxpHome .col1 { float:left; padding:5px; width:353px; /* width:322.5px; */ } .fxpHome .col2 { float:left; padding:5px; width:292px; /* width:322.5px; */ } * html .fxpHome .col2 { width:282px; } .fxpHome .col3 { float:right; padding:5px; width:292px; } .fxpHome .homebox h3, .custom .sidebar h3 { background:#eee url(images/bg_h3.png) repeat-x 0 50%; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#333; font:bold 14px helvetica,arial,sans-serif; padding:5px 10px; margin:0 0 5px; text-shadow:#fff 0 1px 0; } .custom .sidebar .widget { margin-bottom:20px; } .fxpHome .homebox.colspan2 { float:left; } .fxpHome .homebox.colspan2 #features { background:#fff; margin:0 0 15px 5px; padding:5px 10px 0; width:635px; } .fxpHome .homebox.colspan2 #features .post { border-bottom:1px dotted #ccc; display:block; margin-top:5px; padding:10px 0; } .fxpHome .homebox.colspan2 #features .post .entry.topfeature { min-height:200px; margin:0 0 0 343px; } .fxpHome .homebox.colspan2 div.image { border:1px solid #ddd; display:block; float:left; height:200px; margin:0 15px 15px -343px; padding:0; overflow:hidden; position:relative; text-align:center; width:333px; } .fxpHome .homebox.colspan2 div.image img { display:block; margin:-30px auto 0; position:relative; top:-10%; } .fxpHome .homebox.colspan2 .post .entry { border-bottom:0; } .fxpHome .homebox .post {} .fxpHome .homebox .post .entry { border-bottom:1px solid #ddd; color:#444; line-height:1.6; margin:5px 0; padding:10px 10px 15px; } .fxpHome .homebox .post .entry a { color:#111; } .fxpHome .homebox .post .entry a:hover { color:#c00; } .fxpHome .homebox .post .entry h2 { color:#111; font:normal 28px/1 georgia,times,serif; margin:0 0 .25em; } .fxpHome .homebox .post .entry h4 { color:#333; font:bold 14px/1.4 helvetica,arial,serif; margin:0 0 .25em; } .fxpHome .homebox .post .entry p { font:normal 13px/1.8 georgia,times,serif; margin:0 0 .5em; } .fxpHome .homebox .post .entry img.wp-post-image { background:#fff; border:1px solid #999; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; float:right; margin:0 0 10px 10px; padding:4px; } .fxpHome .homebox .post .entry.topfeature img.wp-post-image { background:none; border:0; float:none; margin:2px 0 5px 0; padding:0; } .fxpHome .homebox .post .entry div.date { color:#999; font:normal 10px helvetica,arial,sans-serif; letter-spacing:1px; text-transform:uppercase; } .fxpHome .homebox .post .entry div.utilities { color:#333; font:normal 11px helvetica,arial,sans-serif; } .fxpHome .homebox .post .entry div.utilities span a, .fxpHome .homebox .post .entry div.utilities span.time { float:left; margin:0 5px 0 0; padding:3px 3px 3px 16px; } .fxpHome .homebox .post .entry div.utilities span.comments a { background:url(images/balloon_small_left.png) 0 50% no-repeat; } .fxpHome .homebox .post .entry div.utilities span.more a { background:url(images/document_small.png) 0 50% no-repeat; font-weight:bold; } .fxpHome .homebox .post .entry div.utilities span.time { background:url(images/clock_small.png) 0 50% no-repeat; } .fxpHome .homebox .widget { margin:0 0 20px; } .fxpHome .homebox .widget a img { display:inline; margin:0 2px 0 0; padding:0; } .fxpHome .homebox .widget input.text_input { background:#fff url(images/magnifier_medium.png) 263px 49% no-repeat; font-size:13px; padding:5px; width:273px; } .fxpHome .homebox .widget input[type=image] { background:none; border:0; display:block; margin:0 auto; } .fxpHome .homebox .widget ul { font-size:13px; list-style:square; margin:0 0 1em 2em; text-indent:0; } .fxpHome .photobar { border:dotted #e6e6e6; border-width:1px 0 0; clear:both; height:1px; } .custom #content h1 { color:#111; font:normal 36px/1.2 georgia,times,serif; margin:0 0 .1em; } .custom #content .box { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:15px 0; padding:15px; width:260px; } .custom #articleSummary, .custom #comments { clear:both; } .custom #content .box.col1 { background:#e6e6e6; border:1px solid #d5d5d5; float:left; } .custom #content .box.col2 { background:#e6e6e6; border:1px solid #d5d5d5; float:right; } .custom #content .box h3 { border-bottom:1px solid #fff; font:bold 18px helvetica,arial,sans-serif; margin:0 0 5px; padding:0 0 5px; text-shadow:#fff 0 1px 0; } .custom #content .box p { font-size:12px; margin:0 0 .5em; } .custom #content .box ul { font-size:12px; list-style:none; margin:0; padding:0; text-indent:0; } .custom #content .box ul li { margin:10px 0; padding:0; } .custom #content .box ul li a { display:block; } .custom #content .box ul li.rss a { background:url(images/button_rss.png); height:74px; text-indent:-9999px; width:259px; } .custom #content .box ul li.twitter a { background:url(images/button_twitter.png); height:74px; text-indent:-9999px; width:259px; } .custom #content .box ol { font-size:14px; list-style:decimal; margin:0 0 0 2em; text-indent:0; } .custom #content .box label { font-weight:bold; } .custom #content .box input[type=text] { font-size:18px; margin:0 0 5px; padding:5px; } .custom #content .box #mc_display_rewards a { display:inline; } .custom .sidebar ul.sidebar_list { padding:5px; } .fxpHome .homebox .widget ul#recentcomments, .custom .sidebar ul.sidebar_list li ul { font-size:13px; list-style:none; margin:0 0 1em; } .custom .sidebar ul.sidebar_list li ul li { background:url(images/document_small.png) 0 5px no-repeat; border-bottom:1px dotted #e6e6e6; margin:0; padding:5px 0 5px 20px; } .custom .sidebar ul.sidebar_list li ul#recentcomments li, .fxpHome .homebox .widget ul#recentcomments li { background:url(images/balloon_small.png) 0 5px no-repeat; border-bottom:1px dotted #e6e6e6; margin:0; padding:5px 0 5px 20px; } .custom #articleSummary { background:#c00 url(images/bg_footer.png) -110% 0 no-repeat; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; margin-left:0; padding:15px; text-shadow:#000 0 1px 0; vertical-align:middle; } .custom #articleSummary h3 { border-bottom:1px solid #fff; font-size:14px; font-weight:bold; letter-spacing:2px; margin:0 0 5px; padding:0 0 5px; text-transform:uppercase; } .custom #articleSummary p { font-size:14px; } .custom .wp-caption { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } .custom .wp-caption p.wp-caption-text { font-style:normal; text-shadow:#fff 0 1px 0; } .custom .comment_num { background:url(images/bg_commentnum.png) 50% 50% no-repeat; height:30px; padding:2px 0 0; text-align:center; width:29px; } .custom #comments .comments_intro { background:#999 url(images/bg_footer.png) 100% 0 no-repeat; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; margin-left:0; padding:5px 10px; vertical-align:middle; } .custom #comments .comments_intro p { color:#fff; font-size:18px; } .custom #comments .comments_intro span { color:#fff; font-size:18px; font-weight:bold; display:inline-block; } .custom #comments .comments_intro span.bracket { display:none; } .custom .headline_meta { font:normal 11px helvetica,arial,sans-serif; font-style:normal; } .custom .headline_meta span { text-transform:capitalize; } .custom .headline_meta .author { background:url(images/pencil_small.png) 0 50% no-repeat; padding:0 0 0 15px; } .custom .headline_meta .published { background:url(images/clock_small.png) 0 50% no-repeat; padding:0 0 0 15px; text-transform: none;} .custom .post_tags {} .custom .post_tags a { background:url(images/tag_small.png) 0 50% no-repeat; padding:0 0 0 15px; } .custom .post_box { padding-top:1em; } .custom .post_nav {} .custom .post_nav p { float:right; font-size:12px; font-weight:bold; width:40%; } .custom .post_nav p.previous { float:left; } .custom .post_nav p a { display:block; font-size:13px; font-weight:normal; } .custom .page-nav { border-top:2px solid rgb(221,221,221); font-size:12px; margin-top:10px; padding:10px; text-align:center; } .custom .page-nav a { background:#eee url(images/bg_h3.png) repeat-x 0 50%; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#555; cursor:pointer; display:inline-block; font:bold 11px helvetica,arial,sans-serif; letter-spacing:0; padding:5px 10px; margin:0 5px 0 0; text-shadow:#fff 0 1px 0; text-transform:capitalize; } .custom .page-nav a:hover { background:#fff; color:#ec2028; } .custom #crumbs { color:#999; font-size:12px; padding:10px 10px 20px; } .custom #crumbs a { color:#999; } .custom #content_box { background:none; } .custom #content_box #content { padding-right:20px; width:60em; } .custom #content_box #content .headline_area { margin-bottom:10px; } .custom #footer { background:#444 url(images/bg_footer.png) 100% 0 no-repeat; border:1px solid #444; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; font:bold 12px/1.6 helvetica,arial,sans-serif; height:100px; letter-spacing:0; list-style:none; margin:0 0 5px 0; text-align:left; text-indent:0; text-shadow:#000 0 1px 0; text-transform:capitalize; } .custom #footer .column h4 { font-size:16px; } .custom #footer .column a { border-bottom:0; cursor:pointer; color:#999; text-decoration:none; } .custom #footer .column a:hover { color:#fff; } .custom #footer .column ul { list-style:none; margin:0; text-indent:0; } .custom #footer .column ul li { display:inline-block; margin:0 10px 0 0; } .custom #footer .column { min-height:100px; } .custom #footer .column.left { float:left; margin-right:50px; width:280px; } .custom #footer .column.middle { border-left:1px dotted #999; float:left; padding-left:10px; width:280px; } .custom #footer .column.right { border-left:1px dotted #999; float:right; padding-left:10px; width:300px; } .custom .copyright { font-size:11px; margin:10px 0; } .custom .widget_search { } /* formats the search input and button */ .custom .search_form .text_input, .custom #searchWidget .text_input, .custom #content .text_input { border:1px solid #333; font-size: 18px; padding: 5px; width:200px; } .custom .search_form #searchsubmit, .custom #searchWidget #searchsubmit, .custom #content #searchsubmit { background:#555; border:1px solid #333; color:#fff; font-size: 18px; padding: 4px; } .custom #content #searchsubmit { width:125px; } .custom #content form { margin:0 0 10px; } .custom .mc_custom_border legend, .custom .mc_custom_border {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .custom #mc_display_rewards {display:none;} .custom .widget #socialWrapper a { display:inline; margin:0; padding:0; } .custom .widget #socialWrapper img { display:inline; margin:0; padding:0; } /* Post Author Credit - Added in After Post Box Thesis hook */ .custom .postauthor { background:#e6e6e6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #D5D5D5; margin:0 0 15px; padding:15px 15px 15px 105px; text-shadow:#fff 0 1px 0; } .custom .postauthor img.avatar { float:left; margin:0 0 0 -90px; } .custom .postauthor h4 { font-size:1.2em; font-weight:bold; border-bottom:1px solid #CCCCCC; margin-bottom:0.3em; } .custom .postauthor p { font-size:1em; margin:0 0 .5em; } .postauthor p.hlight { font-size: 1em; } .custom .postauthor p.hlight { font-style: italic;} .custom #searchWidget { padding:5px; width:324px; } .social-share { border: solid #ddd; border-width:1px 0 1px 0; margin: -5px auto 10px; display:block; padding: 3px 0 1px 0px; overflow: hidden; } .social-share .fxp_social_button {float: left; display: inline; overflow: hidden; height:22px; } .social-share .fxp_social_button.dg { margin: 0px 0 0 20px ; padding-top: 4px;} .social-share .fxp_social_button.tm { margin: 0px 0 0 30px; padding-top: 4px;} .social-share .fxp_social_button.fb { margin: 0 0 0 15px; padding-bottom:0px;} .social-share .fxp_social_button.su { margin: 0px 0 0 30px; padding-top: 3px;} .social-share .fxp_social_button.em { margin: 0 0 0 20px; padding-top: 0px;} .social-share .fxp_social_button.em a{background:#eee url(images/emailthis.gif) 3px 50% no-repeat; color:#111; padding:2px 3px 2px 20px; text-transform:uppercase; letter-spacing:1px; font-size:10px; border:#ddd 1px solid; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .social-share .fxp_social_button.em a:hover {background:#ddd url(images/emailthis.gif) 3px 50% no-repeat} .social-share .fxp_social_button a img { border: 0; padding: 0; } .social-share strong { font-size: 1em; float: left; margin:2px 0 0 0; color:#111; text-transform:uppercase; letter-spacing:1px;} .clear{clear:both;} /* .custom #social { border:solid #e6e6e6; border-width:1px 0; margin:0 0 10px; padding:2px; } .custom #social strong, .custom #social div.social_button { float:left; font-size:12px; height:20px; margin:2px 10px 2px 0; vertical-align:baseline; } .custom #social div.social_button.dg, .custom #social div.social_button.tm { margin:5px 10px 0px 0; } .social .social_button.em a{background:#eee url(http://74.207.234.57/wp-content/uploads/2010/02/emailthis.gif) 3px 50% no-repeat; padding:2px 3px 2px 20px; font-size:10px; border:#ddd 1px solid; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .social .social_button.em a:hover {background:#ddd url(http://74.207.234.57/wp-content/uploads/2010/02/emailthis.gif) 3px 50% no-repeat} */ .custom .headline_meta a {border-bottom:none;} .wp-polls strong { font-size:18px; } #flickr-badge small { display:none; } /* Hacks, Fixes, and More! Oh My! */ /* new clearfix -- via http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */