/* 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/ */ .custom #header, .custom .post, .custom .teasers_box, .custom #footer, .custom #footer a, .custom #footer a:active, .custom #archive_info, .custom .prev_next, .custom #comment_list, .custom #comment_list dd, .custom #commentform, .custom #sidebar_1, .custom #sidebar_2, .custom #comment_list dt.comment, .custom #comment_list dd.comment, .custom #comment_list dl .format_text, .custom #trackback_list { border-bottom: 0px; border-top: 0px; border-right: 0px; border-left: 0px; } .custom #content_box, .custom #column_wrap { background: #000; } /* ---GENERAL --- */ body { font-size: 11px; background: #000 url(http://www.starnaglethron.com/images/bg.jpg) repeat-y top center; margin: 0; padding: 0; color: #f2f2f2; } bodybg { background:#000 url(http://www.starnaglethron.com/images/DWbkgd.jpg) no-repeat top right; z-index: 0;} .custom #box { width: 940px; margin: 0 auto; padding: 0px; } .custom #top { width: 940px; background: url(http://www.starnaglethron.com/images/starnheader.png) no-repeat; height: 208px; margin: 0; padding: 0; } a, a:link { text-decoration: none; color: #f7941d; } a:hover { text-decoration: underline; color: #0072bc; } hr { border: none; border-top: 1px solid #ccc; } #page { padding:0px; } #container { margin:0 auto; width:940px; } #content { width: 580px; } /*---HEADER---*/ #header { float: left; width: 880px; margin: 160px 0 0 10px; padding: 0;} #header h1 { font-family: Georgia, Tahoma, Verdana; margin: 0; padding: 0; color: #fbaf5d; font-size: 26px; font-weight: normal; font-style: italic; text-align: right; } #header h1 a, #header h1 a:link { color: #fad00a; } #header h1 a:hover { color: #fff; text-decoration: none; } #description { text-align: right; color: #fff; width: 880px; font-size: 12px; padding: 0 0 0 10px; } /*---:[ #header styles ]:---*/ #header #logo { float: right; font-weight: bold; } #header #logo a { color: #111; float: right;} #header #logo a:hover { color: #2361a1; } #header #tagline { font-weight: normal; color: #888; } /*---:[ nav menu styles ]:---*/ .menu { list-style: none; border: 0px solid #ddd; border-width: 0; background:url(http://www.starnaglethron.com/images/nav.jpg); } .menu li { margin-bottom: 0; border: 0px solid #ddd; float: left; background: transparent;} .menu .current_page_item, .menu .current-cat { padding-bottom: 0.1em; border-bottom: 0; background: transparent; color: #ccc; } .menu a { display: block; line-height: 1em; color: #ccc; text-transform: uppercase; letter-spacing: 2px; background: transparent;} .menu a:hover { color: #fff; text-decoration: none; background: url(http://www.starnaglethron.com/images/nav-hover.jpg) repeat-x;} .menu .current a, .menu .current-cat a { cursor: default; font-weight: bold; text-decoration: underline; background: transparent;} .menu .current a:hover, .menu .current-cat a:hover, .menu .current-cat a:active { color: #fff; text-decoration: none; font-weight: bold; background: url(http://www.starnaglethron.com/images/nav-hover.jpg) repeat-x;} .menu .rss { padding-right: 0; background: none; border: none; float: right; } .menu .rss a { padding-right: 16px; background: url(http://www.starnaglethron.com/images/rss12.png) 100% 50% no-repeat; } /*---:[ sidebar styles ]:---*/ .sidebar a:hover { text-decoration: underline; } .sidebar h3 { font-size: 12px; font-weight: bold; margin: 0 0 10px; padding: 5px 0 0 5px; background: url(http://www.starnaglethron.com/images/sidebartitle.jpg) no-repeat top center; height: 39px; color: #f2f2f2;} ul.sidebar_list { list-style: none; } li.widget { width: 100%; } li.centered { text-align: center; } li.widget p a { text-decoration: underline; } li.widget p a:hover { text-decoration: none; } li.widget ul { list-style: none; } li.widget ul li .num_comments { color: #111; } /*---:[ widget box styles ]:---*/ li.widget .widget_box { background: #e3f0f2; border-style: solid; border-color: #addde6; } /*---:[ subscriptions widget ]:---*/ .thesis_widget_subscriptions .sub_rss a { padding-left: 20px; background: url(images/icon-rss.gif) 0 50% no-repeat; } .thesis_widget_subscriptions .sub_email a { padding-left: 20px; background: url(images/icon-email.gif) 0 50% no-repeat; } /*---:[ google custom search ]:---*/ li.thesis_widget_google_cse form input[type=\"text\"] { width: 95%; } li.thesis_widget_google_cse form input[type=\"submit\"] { font-weight: bold; color: #111; background: url(images/submit-bg.gif); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; } li.thesis_widget_google_cse form input[type=\"submit\"]:hover { color: #2361a1; } /*---:[ calendar widget ]:---*/ #calendar_wrap { width: 98%; padding: 0 1%; } #calendar_wrap a { font-weight: bold; } #calendar_wrap a:hover { background: #ddd; text-decoration: none; } table#wp-calendar { width: 98%; border-collapse: collapse; } table#wp-calendar caption { font-weight: normal; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; } table#wp-calendar th { width: 14%; background: #f2f2f2; border-bottom: 1px solid #ddd; text-align: center; } table#wp-calendar td { width: 14%; color: #888; text-align: center; } table#wp-calendar td#next, table#wp-calendar td#prev { width: 45%; text-transform: uppercase; letter-spacing: 1px; } table#wp-calendar td#next { text-align: right; } table#wp-calendar td#prev { text-align: left; } .posthead { position: relative; clear: left; padding-bottom: 10px; } .posthead h3 { font-size: 22px; font-weight: normal; padding: 0px 0px 0px 60px; margin: 0px; } .posthead h3 a { color: #fff200; } .posthead h3 a:hover { color: #070; } .postauthor { padding: 0px 0px 0 60px; margin: 0px; font-size: 12px; color:#666; } .postdate { margin: 0px; position: absolute; top: 0px; left: 0px; text-align: center; padding: 0px 10px 6px 10px; border-right: 1px solid #666;} .postdate small { font-size: 9px; color:#666; } .postdate .month { display:block; text-transform: uppercase; font-size: 10px;} .postdate .day { display:block; font-size: 22px; letter-spacing: -1px; font-weight: normal; color:#777;} .postdate .year { display:block;} h2 {display: none; font-size: 1.3em;} h1 { font-size: 14px; font-weight: normal; margin: 0 0 -15px 0; color: #fff200;} .entry-title {display: none;} .headline_area { margin-bottom: 1em; } /*---:[ after-post elements ]:---*/ .format_text .to_comments { color: #ccc; clear: both; } .format_text .to_comments span { color: #aaa; line-height: 1em; } .format_text .to_comments span.bracket { color: #ccc; } .format_text .to_comments a { color: #ccc; text-decoration: none; } .format_text .to_comments a:hover { color: #aaa; text-decoration: underline; } /* -------------------- FOOTER -------------------- */ #footer { width: 940px; background: url(http://www.starnaglethron.com/images/footer.jpg) no-repeat bottom center; height: 50px; clear: both; color: #ccc; font-size: 9px; margin: 0; text-align: center; padding: 0; border-color: black;} #footer p { padding: 16px 10px 0 0; background: black;} #footer a, .footer a:link { text-decoration: none; color: #04bf08; } #footer a:hover { text-decoration: none; color: #ccc; } /*-------------------- Bottom --------------------*/ #bottom { clear: both; float: left; width: 940px; height: 100%; margin: 0 0 0 0; padding: 0; background: url(http://www.starnaglethron.com/images/bot.jpg) top center; text-align: left; color: #ccc; font-size: 10px; } #bottom-divs { float: left; clear: both; margin: 0; padding: 20px; } #bottom-left { width: 30%; padding: 20px 0 20px 30px; float: left; } #bottom-mid, #bottom-right { width: 30%; padding: 20px 0 20px 20px; float: left; } #bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 14px; color: #f2f2f2; font-weight: bold; } #bottom h3 { margin: 0; padding: 10px 10px; font-size: 12px; color: #999; text-align: center; } #bottom h3:hover { color: #f2f2f2; } #bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #666; } #bottom ul li { line-height: 20px; border-bottom: 1px solid #666; } #bottom ul li a { display: block; padding: 0 10px; color: #fff; text-decoration: none; } #bottom ul li a:hover { background: #111; } #bottom-right ul li a:hover { background: #111; } #bottom-sep { clear: both; background: black;} .sidebar input[type=\"text\"], .sidebar input[type=\"submit\"] { border: 1px solid #040; background-color: #222; font-size: 11px; font-variant: small-caps; color: #999; } /*---:[ video box styles ]:---*/ #video_box { background: #000; } /*---:[ custom box styles ]:---*/ .custom_box { background: #000; border-bottom: 0px solid #ddd; margin-bottom: -65px; padding: 20px 35px 0 35px;} .custom #post-93 h1 { display: none; } .custom #post-15 h1 { display: none; } input, textarea { font-size: 1em; color: #444; background: #222; border: 1px solid #040; } input:focus, textarea:focus { background: #ccc; border-color: #070; color: #000; } input.form_submit { font-weight: bold; font-size: 1em; color: #ccc; background: #222; border: 1px single #040; border-top-color: #040; border-left-color: #040; border-right-color: #040; border-bottom-color: #040; cursor: pointer; width: auto !important; overflow: visible; } #commentform input.form_submit { border: 1px single #040; border-width: 1px; } input.form_submit:hover { color: #fff; } blockquote { border-left: 0px double #040; color: #aaa; background: #000 url(http://www.starnaglethron.com/images/quote.png) no-repeat; font-style: italic;} .format_text p.note { background: #222; border: 1px solid #040; margin: 20px; } .armory_display h4 { font-size:1em; font-weight:bold; margin-bottom:5px; margin-top:15px; color: #aaa;} #multimedia_box { color: #ccc; } ul.armory_achiev_list { padding-left: 10px; } span.active_spec { border:0px dashed #000000; padding-right:5px; margin-left: 60px;} dl#comment_list .bypostauthor { background: #010; color: #fff; } .dropcap { float: left; font-size: 2.5em; font-family: Georgia, serif; color: #fff200; margin: .3em .2em .1em 0;} dl#trackback_list dt a{ color:#ddd; }