/* 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/ */ html { background-image:url(images/wood_pagebg.jpg); background-repeat:repeat; background-attachment:fixed; background-color:#d3ba8d; } body { font: 12px/1.3 Arial, Helvetica, sans-serif; color: #000; background:transparent url(images/bg_side_collage.png) center 212px no-repeat; text-align: center; } .custom #content h1, .custom #content h2 { font-size:1.7em; font-weight:bold; padding:10px 0 0 25px; margin:0 0 0 -25px; color:#311d13; background-image:url(images/tape_wide_headerbg.png); background-repeat:no-repeat; min-height:40px; } .custom h2.entry-title a { color:#502b1d; text-decoration:none; } .custom h2.entry-title a:hover { color:#000; } .custom h3 { } .custom a { text-decoration:underline; color:#000; } .custom a:hover { color:#fff; } .custom a:active { outline: none; } .custom a:focus { -moz-outline-style: none; } .custom p { padding:0 0 .5em; margin:0; } .custom .full_width .page, .full_width { margin:0 auto; padding-left:0; padding-right:0; width:953px; } /* Overwrite header */ .custom #header_area { width:953px; height:320px; background:transparent url(images/bg_header.png) left bottom no-repeat; padding:0; border:none; } .custom #header { padding:0; border:none; } /* overwrite archive template */ .custom #archive_info { border:none; padding:0; } /* overwrite logo and title */ .custom #logo, #header #logo { text-indent:-9999px; overflow:hidden; margin:0; padding:0; background-image:none; } .custom #content_area { margin:0 auto; padding-left:0; padding-right:0; width:953px; background-color:#d3ba8d; background-image:url(images/paper_repeatbg.jpg); background-repeat:repeat-y; background-position:0 10px; } .custom #content_area .page { background-color:transparent; background-image:url(images/paper_topbg.jpg); background-repeat:no-repeat; background-position:top; } /* overwrite nav */ .custom #tabs { position:relative; top:210px; padding:0; margin:0; list-style-image:none; list-style-position:outside; list-style-type:none; text-align:left; border:none; } .custom #tabs li { display: inline; float: left; margin:0 37px; background:none; border:none; margin-bottom:0; } .custom #tabs li a { height:37px; display:block; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; text-decoration:none; padding:0; cursor:pointer; } .custom #tabs li a:hover { background-position:0 -37px; } .custom #tabs li.current_page_item a { background-position:0 -37px; } .custom #tabs li.current-cat a { background-position:0 -37px; } .custom #tabs li.home-item a { width:54px; background-image:url(images/nav_home.gif); } .custom #tabs li.cat-item.cat-item-3 a { width:69px; background-image:url(images/nav_videos.gif); } .custom #tabs li.cat-item.cat-item-4 a { width:144px; background-image:url(images/nav_trophy.gif); } .custom #tabs li.cat-item.cat-item-5 a { width:147px; background-image:url(images/nav_photo.gif); } .custom #tabs li.cat-item.cat-item-6 a { width:138px; background-image:url(images/nav_recipe.gif); } .custom #tabs li.cat-item.cat-item-7 a { width:132px; background-image:url(images/nav_trickipedia.gif); } .custom #tabs li.cat-item.cat-item-8 a { width:166px; background-image:url(images/nav_topten.gif); } /* Overwrite Content */ .custom #content { text-align:left; } .custom .sidebar ul.sidebar_list { padding-left:0; padding-right:0; } .custom #sidebar_1 { width:224px; border:none; padding-left:5px; } .custom ul.sidebar_list { padding-top:0; } .custom #column_wrap .sidebar ul.sidebar_list { padding-top:0; } .custom #sidebars { width:224px; border:none; } .custom #sidebar_2 { width:224px; } .custom #content { width:500px; } .custom #content_box, #column_wrap { background:none; } .custom #column_wrap { width:729px; } /* Overwrite Footer */ .custom #footer { /*background-image:url(images/paper_repeatbg.jpg); background-repeat:repeat-y;*/ background-image:url(images/paper_bottombg.jpg); background-repeat:no-repeat; border:none; } /* Fat Footer */ .custom #footer a { border:none; text-decoration:none; color:#000; } .custom #footer a:hover { color:#502b1d; } .custom #footer_recent { background-image:url(images/footer_recentbg.png); background-repeat:no-repeat; height:307px; color: #000; overflow: hidden; padding: 1em; margin:0 0 25px 65px; text-align: center; padding:70px 0 0 55px; } .custom #footer_recent .footerfloater { display: inline-block; width: 20em; text-align: left; padding-right: 2em; float: left; height: 100%; } .custom #footer_recent .footerfloater h3 { display:block; text-indent:-9999px; } .custom #footer_recent .footerfloater ul { margin: 0px; padding: 0px; } .custom #footer_recent .footerfloater ul li { list-style: none; padding-bottom:.5em; font-size:15px; font-weight:bold; } .custom #esrb { padding:30px 0 0 55px; } /* Overwrite Posts */ .custom .post_box, .teasers_box, .full_width #content_box .page { margin:0 .8em; } .custom #respond_intro { margin-bottom:0; margin-top:2.1em; } .custom #respond_intro p { background-image:url(images/tape_headerbg.png); background-repeat:no-repeat; color:#502B1D; display:block; height:50px; padding:10px 0 0 25px; font-weight:bold; } .custom .comments_intro, #respond_intro { margin-left:0; } .custom .comments_intro { margin-bottom:1em; margin-top:2em; } .custom .comments_intro p { color:#000; } .custom .comments_intro p a { color:#502b1d; } .custom .comments_intro p a:hover { color:#fff; } .custom .headline_area { margin-bottom:1.5em; } .custom .headline_meta { color:#000; } .custom .headline_meta a { text-decoration:none; border-bottom:1px solid #000; color:#000; } .custom .format_text .to_comments { font-size:0.857em; line-height:1.833em; color:#000; clear:both; } .custom .post_box, .teasers_box { border-top:1px dotted #502b1d; clear:both; } .custom .format_text .to_comments span.bracket, .custom .comments_intro span.bracket { color:#000; } .custom .format_text .to_comments span { font-size:inherit; } .custom .format_text .to_comments a, .custom .format_text .to_comments a span { color:#502b1d; text-decoration:none; } .custom .format_text .to_comments a:hover, .custom .format_text .to_comments a:hover span { color:#000; } .custom #commentform { border-top:none; } #commentform input.form_submit { border-width:3px; width:auto; } .custom dl#comment_list { border-top:1px dotted #502b1d; } .custom dl#comment_list dd { border-bottom:1px dotted #502b1d; } .custom dl#comment_list dd { padding-bottom:1em; padding-top:1em; } .custom dl#comment_list .bypostauthor { background-color:transparent; } .custom .prev_next { border-top:1px dotted #502b1d; clear:both; color:#000; letter-spacing:normal; text-transform:none; } .custom .post_nav a { font-size:1.2em; line-height:1.538em; color:#502b1d; } .custom .post_nav a:hover { text-decoration:none; color:#000; } .custom .comment_time, .edit_comment { color:#000; } .custom li.widget { font-size:1.3em; line-height:1.385em; margin-bottom:1em; } /* Polls Widget */ .custom .widget_polls-widget { background-image:url(images/poll_bg.png); background-repeat:no-repeat; height:311px; } .custom .wp-polls { font-size:.9em; line-height:1.5em; width:163px; padding-top:90px; margin-left:33px; } .custom .wp-polls-loading { position:relative; top:-100px; } .custom .wp-polls .wp-polls { width:160px; padding-top:0; margin-left:0; } .custom .wp-polls-form { } .custom .wp-polls p { margin-bottom:0; font-size:14px; line-height:20px; width:165px; } .custom .wp-polls-ul { margin:0 0 5px 0px; } .custom li.widget ul li { margin-bottom:0.1em; } /* One-Off Widgets */ /* Profile Widget */ .custom .profile-widget { text-align:left; width:190px; margin-left:15px; } /* Videos */ .custom #enh-rp-4 { margin-left:15px; } .custom #enh-rp-4 h3 { text-indent:-9999px; overflow:hidden; width:197px; height:236px; background-image:url(images/ad_approved_videos.png); background-repeat:no-repeat; } .custom #enh-rp-4 a { color:#3f4246; } .custom #enh-rp-4 a:hover { color:#000; } .custom #enh-rp-4 ul { margin:10px 12px 0px 17px; text-align:left; } .custom #enh-rp-4 ul li { padding-bottom:.25em; font-size:1.1em; } /* Top Ten */ .custom #enh-rp-2 { background-color:#FFFFFF; width:195px; padding-bottom:5px; margin-left:15px; } .custom #enh-rp-2 h3 { text-indent:-9999px; overflow:hidden; width:195px; height:121px; background-image:url(images/ad_topten.jpg); background-repeat:no-repeat; } .custom #enh-rp-2 a { color:#0775fd; text-transform:uppercase; font-size:.8em; } .custom #enh-rp-2 a:hover { color:#000; } .custom #enh-rp-2 ul { margin:5px 10px 0px 10px; text-align:left; } .custom #enh-rp-2 ul li { padding-bottom:.25em; font-size:1.1em; } /* FeedBurner Subscribe Widget */ .custom .fb-widget { width:210px; } .custom .fb-widget p { padding:0; margin-bottom:10px; } .custom .fb-widget .container { background-color:#fefdcc; padding:7px; font-family:Georgia, "Times New Roman", Times, serif; font-size:.9em; color:#9e5611; } .custom .fb-widget .container a { color:#af9a91; } .custom .fb-widget form { border:1px solid #efe4c9; padding:3px; text-align:center; } .custom .fb-widget form input { border-left:solid 1px #e0cda0; border-top:solid 1px #e0cda0; border-rigth:solid 1px #f2ebb9; border-bottom:solid 1px #f2ebb9; background-color:#f9f5d0; font-family:Georgia, "Times New Roman", Times, serif; color:#9e5611; margin-bottom:5px; } /* Links Widget */ .custom .widget_links { text-align:left; margin-left:15px; width:200px; } .custom .widget_links h3 { font-variant:normal; font-weight:bold; letter-spacing:normal; font-size:1.1em; margin-bottom:0px; color:#000000; } .custom .widget_links a { color:#0000ff; } .custom .widget_links a:hover { color:#000; } /* Social Widget */ .custom .social-widget { width:208px; background-color:#fff; padding:10px 0; } /* Archive Widget */ .custom .widget_archive { text-align:left; margin-left:15px; width:200px; } .custom .widget_archive h3 { font-variant:normal; font-weight:bold; letter-spacing:normal; font-size:1.1em; margin-bottom:0px; color:#000000; } .custom .widget_archive a { color:#0000ff; } .custom .widget_archive a:hover { color:#000; } /* Reflex Sucks Links */ .custom #boxshot { } .custom #linkcat-16 { width:196px; margin-top:-15px; } /*.custom #linkcat-16 { background-image:url(images/ad_reflex_target.jpg); background-repeat:no-repeat; padding-top:240px; width:196px; }*/ .custom #linkcat-16 h3 { font-size:1em; margin-bottom:5px; } .custom #linkcat-16 a { color:#830c11; } .custom #linkcat-16 a:hover { color:#000; }