/* 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. 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(http://www.thesnowboardscene.com/images/TSS_background.jpg) fixed; background-repeat:no-repeat; position: center; } .custom #container { position:center; margin-top:15.5em; width: 1100px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } .custom #content_box { margin-bottom: 2em; } .custom #page { background: #ffffff; } .custom #header { margin: .5em; border: 15px double #5BA0E5; padding:0; background: url(http://farm3.static.flickr.com/2481/4073272382_6119ddc677_b.jpg) no-repeat; margin-left:auto; margin-right:auto; height: 127px; width: 1024px; } /* /* /* /* /* HEADLINES */ .custom #content .entry-title { margin-bottom: 5px; } .custom h2 a{ font-variant: small-caps; color: #000; font-weight: bold; } .custom h1 { font-variant: small-caps; color: #000; font-weight: bold; } .custom h2 a:hover{ border-bottom: 1px solid #000; text-decoration: none; border-bottom: 3px solid #ff9933; } /* /* /* /* /* BLOCKQUOTES */ .custom #content .format_text blockquote { width: 300px !important; margin: 0px 0px 5px 30px !important; font-size: 1.25em !important; font-style: italic !important; color:#000000 !important; text-align: center !important; padding-top: 1em !important; padding-right: .5em !important; padding-left: .5em !important; border-left: 0em !important; border-left: 4px dotted #ff9933 !important; border-right: 4px dotted #ff9933 !important; float: right !important; } .custom .post.post_box { padding-bottom:18em; margin-bottom:2.5em; border-bottom: 10px dotted #ff9933; border-top:none; } .custom .post #teasers_box { padding-bottom:18em; margin-bottom:2.5em; border-bottom: 10px dotted #ff9933; border-top:none; } .custom .car-collapse .car-yearmonth { cursor: move !important; } .custom .car-monthlisting li span { display: none;} /* /* /* /* /* SIDEBARS */ .custom #sidebars .widget_text h3 { padding-left: 4px; padding-right: 4px; font-variant: small-caps; font-size: 12px; letter-spacing: 2px; font-weight: bold; color: #fff; background: #5BA0E5;} .custom #sidebars .thesis_widget_search h3 { padding-left: 4px; padding-right: 4px; font-variant: small-caps; font-size: 12px; letter-spacing: 2px; font-weight: bold; color: #fff; background: #000;} .custom #sidebars .widget_killer_recent_entries h3 { padding-left: 4px; padding-right: 4px; font-variant: small-caps; font-size: 12px; letter-spacing: 2px; font-weight: bold; color: #fff; background: #000;} .custom #sidebars .widget_popular_posts h3 { padding-left: 4px; padding-right: 4px; font-variant: small-caps; font-size: 12px; letter-spacing: 2px; font-weight: bold; color: #fff; background: #000;} .custom #sidebars .widget_wppp h3 { padding-left: 4px; padding-right: 4px; font-variant: small-caps; font-size: 12px; letter-spacing: 2px; font-weight: bold; color: #fff; background: #000;} .custom #sidebars .widget_links h3 { padding-left: 4px; padding-right: 4px; font-variant: small-caps; font-size: 12px; letter-spacing: 2px; font-weight: bold; color: #fff; background: #5BA0E5;} .custom #sidebars .sidebar p { padding-left: 10px; padding-right:2px;} .custom #sidebars li { padding-left: 10px; padding-right:2px;} .custom #sidebars ul ul li a:hover {border-bottom: 1px solid #ff9933; text-decoration: none;} .custom #sidebars ul li a:hover {border-bottom: 1px solid #ff9933; text-decoration: none;} .custom #sidebars ul li a {border-bottom: 0px; text-decoration: none;} .custom #sidebars { background: url(http://www.thesnowboardscene.com/images/TSS_sb.jpg) no-repeat; height: 1850px; padding-top:6em; padding-bottom:42em; margin-top: 1em; margin-left: 20px; } .custom #sidebars .widget_text { width: 20em; margin-left:auto; margin-right:auto; padding: 3px; border: .2em solid #5BA0E5; background: white; } .custom #sidebars .widget_killer_recent_entries { margin-top:-2.5em; width: 20em; margin-left:auto; margin-right:auto; padding: 3px; border: .2em solid #5BA0E5; background: white; } .custom #sidebars .widget_wppp { margin-top:-2.5em; width: 20em; margin-left:auto; margin-right:auto; padding: 3px; border: .2em solid #5BA0E5; background: white; } .custom #sidebars .widget_popular_posts { margin-top:-2.5em; width: 20em; margin-left:auto; margin-right:auto; padding: 3px; border: .2em solid #5BA0E5; background: white; } .custom #sidebars .thesis_widget_search { margin-top:-2.5em; width: 20em; margin-left:auto; margin-right:auto; padding: 3px; border: .2em solid #5BA0E5; background: white; } .custom #sidebars .widget_links { width: 20em; margin-top:-2.5em; margin-left:auto; margin-right:auto; margin-bottom: 32em; padding: 3px; border: .2em solid #5BA0E5; background: white; } /* /* /* /* /* NAVIGATION TABS */ .custom #page ul.menu {float: right; margin-right:0px; margin-bottom:4px; margin-top:-10px;} .custom #page ul.menu a:hover, #page ul.menu .current ul a:hover, #page ul.menu .current-cat ul a:hover, #page ul.menu .current-parent a:hover { color: #FFFFFF; background: #000000;} .custom #page ul.menu .current a, #page ul.menu .current a:hover, #page ul.menu .current-cat a, #page ul.menu .current-cat a:hover { color: #FFFFFF; background: #000000; text-decoration:underline;} /* /* /* /* /* COMMENTS */ .custom #comments_intro p { color: #666; } .comments_intro a { text-decoration: underline; } .comments_intro a:hover { text-decoration: none; } .comments_intro span { color: #111; line-height: 1em; } .comments_intro span.bracket { color: #ccc; } dl#comment_list { border-top: 0px solid #000000; margin-bottom: 2em;} dl#comment_list dt a:hover { text-decoration: underline; color: #000000; } dl#comment_list dt .comment_author { font-size: 18px; text-decoration: underline;color:#5BA0E5;} .avatar img { float: right; } .comment_time, .edit_comment { color: #888; } .comment_time { white-space: nowrap; } .comment_time a, .edit_comment a { color: #888; } .comment_time a:hover, .edit_comment a:hover { color: #888; } .comment_num { float: right; } dl#comment_list .comment_num a { font-weight: bold; color: #aaa; } dl#comment_list .comment_num a:hover { color: #fff; background: #aaa; text-decoration: none; } dl#comment_list .bypostauthor { background: #fff; padding-bottom: .5em; } dl#comment_list dd { border-bottom: 2px solid #5BA0E5; border-right: 2px solid #5BA0E5; border-left: 2px solid #5BA0E5; } dl#comment_list dd p.reply a { color: #888; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } dl#comment_list dd p.reply a:hover { text-decoration: underline; } dl#comment_list dl { border-top: 0; } dl#comment_list dl dt, dl#comment_list dl dd { background: none; } dl#comment_list dl dd { border-bottom: 0; } dl#comment_list dl .bypostauthor { background: none; } dl#comment_list dl dt, dl#comment_list dl dd .format_text { border-style: solid; border-color: #ddd; } dl#comment_list dl dt.bypostauthor, dl#comment_list dl dd.bypostauthor > .format_text { border-color: #bde0e6; } a.comment_link { color: #000000; font-variant: normal; } a.comment_link:hover { color: #000000; font-variant: normal; border-bottom-color: #000; } /*---:[ author comment and alternating comment colors ]:---*/ /*dl#comment_list .even { background: #f5f5f5; } dl#comment_list .odd { background: #fff; }*/ dl#trackback_list { border-top: 1px dotted #000; } dl#trackback_list dt a { color: #111; } dl#trackback_list dt a:hover { color: #111; text-decoration: underline; } dl#trackback_list dd { color: #888; } .comments_closed p { text-transform: uppercase; letter-spacing: 1px; color: #888; } .custom a.commenter_link { color: #000000; text-decoration: none; font-variant: small-caps; font-weight:bold; font-size: 14px; } .custom a.commenter_link:hover { color: #000000; text-decoration: underline; font-variant: small-caps; font-weight:bold; font-size: 14px; } /*---:[ comment form styles ]:---*/ #respond_intro p { color: #555; } #respond_intro p a { font-weight: bold; } #respond_intro p a:hover { text-decoration: underline; } #cancel-comment-reply-link { text-transform: uppercase; letter-spacing: 1px; color: #fff; background: #d00; border-style: solid; border-color: #ac0000; border-top-color: #fa5a5a; border-left-color: #fa5a5a; float: right; } .login_alert { background: #f5f5f5; border: 1px solid #ddd; } .login_alert p { font-weight: bold; } .login_alert p a:hover { text-decoration: underline; } .comment_moderated { font-weight: bold; } #commentform { border-top: 0px dotted #000000; } #commentform p { margin-bottom: 1em; } #commentform p a { text-decoration: underline; } #commentform p a:hover { text-decoration: none; } #commentform p .required { color: #d00; } #commentform span.allowed { display: block; color: #807e70; background: #f9f7e4; border-style: dotted; border-color: #bbb; } #commentform span.allowed span { display: block; } /* Support for the highly-recommended Subscribe to Comments Plugin */ #commentform p.subscribe-to-comments label { font-size: 1em; } /* /* /* /* /* FOOTER */ .custom #footer { width: 103.25em; clear:both; border-top:.6em solid #5ba0e5; background:#000; text-align:right; color: #fff; } .custom #footer p { padding-right:1.5em; color: #fff; font-size: 9px; } .custom #footer a { font-size: 9px; color: #fff; border-bottom: none; } .custom #footer a:hover { border-bottom: 1px solid #fff; } .custom #footer_setup .footer_items ul, .custom #footer_setup .footer_items li { font-size:11px; padding:3px; padding-left: 5px !important; display: list; list-style: none; } .custom #footer_setup a { color: #fff; border-bottom: none; } .custom #footer_setup a:hover { border-bottom: 1px solid #fff; } .custom #sp_div_list { padding-top: 1px !important; } .custom #sp_div_list a:hover { border-bottom: none !important; } /* footer widget area setup */ .custom #footer_setup { padding-top:1em; padding-bottom:3em; background: #000; /* do not change this! */ overflow: hidden; } /* widget item setup */ .custom #footer_setup .footer_items { border: .2em solid #5BA0E5; text-align: left; width: 23em; padding: 3px; margin-right: 9px; margin-left: 9px; color: #5BA0E5; /* do not change these! */ display: inline-block; float: left; height: 100%; } /* widget item headers*/ .custom #footer_setup .footer_items h3 { padding-left: 4px; padding-right: 4px; font-variant: small-caps; font-size: 12px; letter-spacing: 2px; font-weight: bold; color: #fff; background: #5BA0E5; } /* do not change these! */ #footer_setup .footer_items ul li { list-style: none; } #footer_setup .footer_items ul { margin: 0px; padding: 0px; }