/* Theme Name: The Morning After - CGNZ version Theme URI: http://code.google.com/p/the-morning-after/ Description: A magazine-style theme for WordPress, available at The Masterplan. Version: 1.3.2 Author: Arun Kale - Re-skin by Nilut Author URI: http://www.nilut.com Please read the license in the README.txt included with the theme. */ /* -------------------------------------------------------------- This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint] -------------------------------------------------------------- */ /* Import stylesheets and hide from IE/Mac \*/ @import "lib/compressed.css"; /* End import/hide */ /* Start The Morning After stylesheet -------------------------------------------------------------- */ body { background-color: #000; background: #1a1a1a; } .container {text-align:left; position:relative; margin:0 auto; width:1000px; background:#efefef; padding:0;} a { color: #000; text-decoration: none; } #header, #home_left, #footer {padding-left:30px;} .pad-1 {padding:1.5em;} /* Header styles -------------------------------------------------------------- */ #header { padding: 15px 30px 0; height:60px; background:#fff; width:940px;} #logo { height: 40px; } #header #logo a.sitelogo { display: block; width: 320px; height: 40px; background: url(images/sitelogo.gif) no-repeat; } #headbanner { width:1000px; height:100px; padding:0; border-top: 2px solid #ddd; float:left;} #main_menu { width:1000px; height:30px; padding:0; float:left; background:black;} /* Search and navigation -------------------------------------------------------------- */ #search_menu { padding: 0; height:50px; margin:0 ; float:right;} #search { padding: 0;} #search h3 { text-transform: uppercase; font-size: 0.8em; line-height: 0.8em; font-weight: bold; padding: 0; letter-spacing: 0.1em; } /* Form styles*/ input.search_input { width: 140px; border: 0; background: #fff url(images/input.png) no-repeat; padding: 5px; color: #51741d; font-weight: bold; margin: 0; float: left; } input.submit_input { background: /*#51741d*/ url(images/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; } /*Main Menu*/ #menu { float: left; margin: 0 0 0 30px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; text-transform: uppercase; letter-spacing: 0.15em; } #menu li { float: left; padding: 0 ; margin: 0 20px 0 0 ; line-height: 30px; font-size: 1em;} #menu li a { padding: 0; text-decoration: none; color: #AEAC9F;} #menu li a:hover { padding: 0; text-decoration: none; color: #fff;} #menu li span { display: block; float: left; padding: 0; } #menu .current a { color:#fff;} /* Forum Post box -------------------------------------------------------------- */ #forumbox_bg { background: url(images/forumbox_bg.png) top no-repeat; margin:-5px 0 0 -20px; padding-bottom:2em; ; width:245px; height:320px; position:relative;} #forumbox { padding:50px 13px 10px 30px; margin:0 0 2em 0;} #forumbox p {font-size:11px;} #forumbox a {color:#fff;} #forumbox a:hover {color:#dfebaf;} #forumbox_content {height:242px; overflow:hidden;} ul.forumposts { list-style: none; margin:0; padding:0;} ul.forumposts li {font-size:11px; color: #f7faeb; padding: 8px 0 8px 0; *padding: 5px 0 5px 0; margin: 0; border-top: 1px dotted #95b02c;} ul.forumposts li a {color: #fff;} ul.forumposts li a:hover { color: #dfebaf; } ul.forumposts li h3 { font-size:13px; line-height:13px; font-weight:bold; padding:0 0 0 15px; margin:0; background: url(images/bubble2.gif) left no-repeat;} #forumbox_footer {height:20px; } /* Home page columns -------------------------------------------------------------- */ .fp_background {background: url(images/headband_bg.jpg) top repeat-x;} #home_content { width:1000px; padding-top:1.5em;} #intro {padding-top:3px; color: #444; font-size: 14.5px; font-weight:normal;} #intro.strong {font-weight:bold; color:#333333; margin:0;} #blog_navigation { height:50px;} #blog_navigation a {color:#444444; font-variant: small-caps; float:right; background:#f9f9f9; padding: 2px 5px; border:1px solid #fff; margin:0 5px;} #blog_navigation a:hover {background:#fff;} /* latest post */ #latest_post { padding: 0; margin: 20px 0 10px 0; height:260px; background:white; position:relative; } #latest_post h2 { font-family: Verdana; padding:0 0 0.3em 0; margin:0; font-weight: bold; line-height:1.2em; letter-spacing: -0.04em;} #latest_post_image img { float: left; margin: 0 15px 0 -30px;} #latest_post_content {margin:20px 20px 20px 335px; position:absolute; bottom:0; left:0;} #latest_post_content a:hover { color: #51741d;} .latest_post_meta { margin: 20px 0 20px 0; font-size: 1em; color:#999999;} .latest_post_label { text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; color: #51741d; } .latest_read_on { font-weight: bold; padding: 0 0 1px 20px; background: url(images/readon.png) no-repeat top left; } .latest_comments { padding: 0 20px 1px 20px; background: url(images/comment.png) no-repeat top left; } .latest_category { padding: 0 20px 1px 20px; background: url(images/category.png) no-repeat top left; } /* post blocks */ .post_block { margin-bottom: 10px; background: #f9f9f9; } .post_block_thumb { padding:0; float:left; overflow: hidden; height:170px; margin:0 15px 0 -30px;} .post_block_thumb img { } .post_block_content {padding:15px 20px;} .post_block_meta { margin: 0 0 15px 0; font-size: 1em; color:#999999;} .post_block_title, .post_block_title a { font-family: verdana; font-weight: normal; margin:0 0 5px; padding:0; color:#666;} .post_block_title a:hover { color: #51741d; } .post_block p { padding: 0; margin:0; text-align: left; line-height:1.4em;} /* asides */ #home_asides { margin: 0 0 2em 0; } ul.arrow, ul.cat, ul.reccom, ul.email { list-style: none; list-style-image: url(foo.gif); margin: 0; } ul.arrow li { padding: 0 0 0.5em 0; margin: 0 0 0.5em 0; } ul.arrow li a, ul.reccom li a, ul.email li a { color: #51741d; text-decoration: underline;} ul.arrow p {font-size:0.9em; margin:0; padding:0;} ul.arrow li a:hover, ul.reccom li a:hover, ul.email li a:hover { color: #000; background: #eee; } /* about */ #home_about { padding: 20px 0 0 0; } #home_about h1 { color:#e2dfc9; } #home_about p { font-size: 1.4em; line-height:1.4em; font-family: Arial; color:#deddd4; text-decoration: none; word-spacing: normal;} /* category list */ #side_categories { margin: 0 0 2em 0; } ul.cat li { padding: 0; margin: 0; border-bottom: 1px dotted #dadada;} ul.cat li a { background: url(images/category.gif) no-repeat 2px 3px; display: block; font-size: 1.2em; font-weight: normal; color: #444444; padding: 1px 12px 0 20px; margin: 0; height: 22px; } ul.cat li a:hover { background: #e0e0e0 url(images/category.gif) no-repeat 2px 3px; color: #51741d; } ul.cat li ul { list-style: none; list-style-image: url(foo.gif); margin: 0; padding: 0.3em 0 0.2em 0.8em; } ul.cat li ul li { padding: 0; margin: 0; border:none;} ul.cat li ul li a { border: 0; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 0.9em; height: 19px; background: url(images/sub.gif) no-repeat; } ul.cat li ul li a:hover { background: #d3d1cb url(images/sub.gif) no-repeat; } /* ad */ .ad_block { border: 1px solid #d1d1d1; padding: 1.5em 0; margin: 2em 0 2em; text-align: center; background: #dddddd} .ad_block .ad160 { margin: 0 auto; width: 160px; } .ad_block .ad180 { margin: 0 auto; width: 180px; } .ad_block .ad250 { margin: 0 auto; width: 250px; } .ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; border: 1px solid #f9f9f9;} /** widgets **/ .widget { margin: 0 0 1.4em 0; } .widget a { color: #224970; } .widget a:hover { color: #000; } .widget ul, .widget ol { list-style: none; padding: 0; margin: 0; } .widget ul li { padding: 0 0 0.3em 20px; margin: 0 0 0.5em 0; border-bottom: 1px dotted #dadada; background: url(images/postbullet.gif) no-repeat 0 2px; } .widget ol li { padding: 0 0 0.3em 10px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; } /* Archive styles -------------------------------------------------------------- */ #page_bg { margin:30px 0 30px 30px;} .archive_meta { margin: 0 0 1.5em; border-top: 1px solid #dadada; } .archive_meta a { color: #666; } .archive_meta a:hover { color: #224970; } .archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(images/feedicon12.png) no-repeat 0 8px; color: #666; } .archive_number { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/info2.gif) no-repeat 0 8px; } .archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/email_author.gif) no-repeat 0 9px; } .archive_post_block { margin-bottom: 10px; background: #f9f9f9; height: 170px;} .archive_post_meta { margin: 0 0 15px 0; font-size: 1em; color:#999999;} .archive_post_meta a, .post_meta a { color: #224970; } .archive_post_meta a:hover, .post_meta a:hover { color: #000; text-decoration: underline; } /* Single post styles -------------------------------------------------------------- */ #post_content {background: #fbfbfb;} .challenges {position:relative; float:right; top:-20px; right:-50px; } .post_meta { color:#999999; margin-bottom:2em; } .post_meta_tag { color: #666; } .post_meta p img { margin: 0; padding: 0; } #post_content blockquote { float: right; width: 260px; color: #666; margin: 0 0 0 1.5em; color: #000; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; } #post_content blockquote p { text-align: right; line-height: 1.5em; } #post_content p img { } #post_wrap {padding:20px;} #post_wrap .post_intro {font-size:1.35em; line-height:1.5em; padding-top:0.5em;} #post_content p a, #arch_content p a { color: #51741d; } #post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; } #post_tags {background:#dadada url(images/post_footer.gif) no-repeat; height:40px; } #post_tags p {margin-top:5px; font-size:1em; line-height:35px; padding-left:10px; color:#999999;} .posttag { padding:0 20px 0 20px; background: url(images/tag_green.png) no-repeat 5px;} #sharethis_0 {margin-right:20px} #post_discuss{ } #post_tags p img {margin:7px 0 0 0 ; padding:0;} #post_nav { font-size:1.2em; font-variant: small-caps; float:right;} #post_nav .nav_numbers {font-weight: bold; padding: 2px 8px;} #post_nav a { font-weight: normal; color:#444444; background:#efefef; padding: 2px 5px; border:1px solid #fff; } #post_nav a:hover {background:#fff;} .header_img {margin:-20px 0 0 -20px; padding-bottom:10px; } /* archives page */ ul.archives, ul.wp-tag-cloud { margin: 0 0 1.5em 0; list-style: none; list-style-image: url(foo.gif); } ul.archives li, ul.wp-tag-cloud li { padding: 0 0 0.2em 20px; background: url(images/doc.png) no-repeat 0 2px; } ul.archives li a, ul.wp-tag-cloud li a { color: #224970; } ul.archives li a:hover, ul.wp-tag-cloud li a:hover { color: #000; background: #eee; } /* Footer -------------------------------------------------------------- */ #footer {background:#000; width:970px;} #footer_box { padding:20px 0 20px 0; } #f1, #f2, #f3 {background:; height:200px;} #f1 p {padding-top:12px;} #f1 p a{color:#c6c6c6; padding-left:17px; background: url(images/calendar.gif) no-repeat 0 1px;} .footer_widgets {color:#dadada;} .footer_widgets ul {padding:0; margin:0; line-height:1.5em; } .footer_widgets li {list-style:none; padding:0; padding-left:10px; background: url(images/arrow_right.gif) no-repeat 0 2px; font-weight: bold;} .footer_widgets li a {color:#dadada;} .footer_widgets li a:hover {color:#fff;} /* events */ #wpng-cal-widget-events {line-height:1.2em} .wpng-widget-date-title {color:#666;} #wpng-cal-widget-events ul {padding:0; margin:0;} #wpng-cal-widget-events li {list-style:none; padding:0; padding-left:10px; background: url(images/arrow_right.gif) no-repeat 0 2px; font-weight: bold;} #wpng-cal-widget-events li a {color:#dadada;} #wpng-cal-widget-events li a:hover {color:#fff;} #smallprint { color:#333; height:40px; margin-top:10px ; padding:0px;} /* Miscellaneous styles -------------------------------------------------------------- */ /* heading styles */ h3.mast { font-family: verdana; text-transform: uppercase; font-size: 0.9em; font-weight: normal; padding: 0 0 0.5em 0; margin:0 0 0.5em; letter-spacing: 0.1em; color: #51741d; border-bottom: 3px solid #dadada} h3.mast a {color: #51741d;} h3.archive_title {padding: 0 0 5px 0; margin:0;} h3.archive_title a { color: #000; letter-spacing: -0.036em; } h3.archive_title a:hover { color: #fff; background: #000; } h2.archive_name, h2.post_name { font-family: verdana; font-weight: normal; letter-spacing: -0.04em; padding:0; margin-bottom: 0.2em;} h3.footer {font-family: verdana; text-transform: uppercase; font-size: 0.9em; font-weight: normal; padding: 0 0 0.5em 0; margin:0 0 0.5em; letter-spacing: 0.1em; color: #51741d; border-bottom: 3px solid #222} /* miscellaneous */ .none { display: none; } .border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; } .dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; } .navigation { color: #818181; } input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; } input.buttonem { background: #dadada; float: left; } /* Image styling -----------------------------------------------------------------------*/ img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;} img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;} img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;} .alignright { float: right;} .alignleft { float: left; } /* image caption classes */ .captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; } .captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; } .captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; } .captionleft img, .captionright img, .captionfull img { margin: 0; display: block; } .captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; } /*gallery styling */ .gallery img, .gallery a img { border: solid 1px #D9D9D9; background: #ffffff; padding: 4px; } .gallery a:hover img { border-color: #666666; background: #ffffff; }