/*  
Theme Name: The Morning After
Theme URI: http://themasterplan.in/themes/the-morning-after/
Description: A magazine-style theme for WordPress, available at <a href="http://themasterplan.in/themes/the-morning-after/">The Masterplan</a>.
Version: 1.2
Author: Arun Kale
Author URI: http://themasterplan.in/

Please read the license in the README.txt included with the theme.

05.29.08	MDC	added styles for PostThumb thumbnails
06.08.08	MDC	copied for mainline mag
08.07.08	MDC	removed sIFR 3, reinstated sIFR 2.06 CSS
01.25.10	MDC	fix to top-a-left/right
*/

/* --------------------------------------------------------------   
   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: #7F7F7F url(images/bg/body_main.png) repeat-y top center; }
h2 { font-weight: normal; }
table { border-collapse:collapse; border-width:0px; }
table tr { vertical-align: top; }
a { color: #f7941e; text-decoration: underline; }
a:hover { text-decoration: none; }

/* Header styles
-------------------------------------------------------------- */
#header { padding: 1.5em 0 0 0; height: 108px; }
#header #logo { height: 90px; }
#header #logo .title { padding: 0.5em 0 0 0; font: 700 3em arial, sans-serif; letter-spacing: -.050em; line-height: 1.2em; color: #000; }
#header #logo .title .desc { text-align: right; margin: 0.4em 0 0 0; font: 400 0.25em arial, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 0.2em; padding: 0.6em 0 0 1.5em; border-top: 1px solid #ccc;  }
#header #logo .title a { text-decoration: none; color: #000; }
#header #logo .title a:hover { color: #fff; background: #000; }
.container #top-a-left { width:367px; }
.container #top-a-right { width:583px; padding:0px; margin:0px; }

/* Search and navigation
-------------------------------------------------------------- */
#header #search { margin-top: 0px; }
#header #search_menu { text-align: right; }
#header #search label { color:#f7941e; text-transform: uppercase; }
#header #search #search-header { text-align:left; margin-left:85px; text-transform:uppercase; font-weight:bold; padding:5px; }
/* top sub-menu under Search bar */
#menu { width:387px; float: right; margin: 2px; list-style: none; font-weight: bold; }
#menu li { float: left; padding: 2px 0 3px 3px; margin: 3px 12px 0 0; font-size: 0.9em; }
/*#menu li a { padding: 0; text-decoration: none; color: #000; }*/
#menu li a:hover { text-decoration: underline; }
#menu li a { color:black; text-decoration:none; display:block; loat:left; padding: 0 0px 0 18px; }
#menu li a.home { background: url(images/bg/house.png) no-repeat; }
#menu li a.about { background: url(images/bg/information.png) no-repeat; }
#menu li a.advertise { background: url(images/bg/layout.png) no-repeat; }
#menu li a.sitemap { background: url(images/bg/hourglass.gif) no-repeat; }
#menu li a.subscribe { background: url(images/bg/newspaper.png) no-repeat; }
#menu li a.contact { background: url(images/bg/email.png) no-repeat; }

/* Home page
-------------------------------------------------------------- */
#home_content { margin: 1.5em 0; }
h1 {
	margin: 5px 0px;
	padding: 3px 5px;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
}
.welcome_msg {
	background: #FFFFCC;
	border-color: #FFFF00;
}
.edit {
	text-align: right;
	font-size: .8em;
	color: silver;
}
.edit a {
	color: silver;
}
table.hp_current {
	border-width: 0px;
}
.hp_title {
	font-size: 130%;
	font-weight: bold;
}
.hp_excerpt {
	font-size: 100%;
	padding-left: 5px;
	
	font-size: .9em;
	color: gray;
}
.hp_meta, .hp_meta a {
	font-size: .9em;
	color: gray;
}
.hp_block {
	margin-bottom: 20px;
}
.hp_feature_img {
	width: 250px;
	border: 1px solid whitesmoke;
	float: left;
	background-color: whitesmoke;
}
.hp_feature_right {
	float: right;
	background-color: whitesmoke;
}
.hidden_pic {
	display: none;
}



/* latest post */
#latest_post { padding: 0 0 1.5em 0; }
#latest_post_image img { margin: 0 0 0.2em 0; }
.latest_post_meta { font-size: 0.9em; }
.latest_post_meta a { font-weight: bold; }
.latest_read_on { padding: 0 20px 1px 20px; background: url(images/bg/readon.png) no-repeat top left; }
.latest_comments { padding: 0 20px 1px 20px; background: url(images/bg/comment.png) no-repeat top left; }
.latest_category { padding: 0 20px 1px 20px; background: url(images/bg/category.png) no-repeat top left; }



/* homepage featured */
#home_featured {
	height:245px;
	margin-bottom:10px;
}
#home_featured #featured_right { 
	z-index: 5;
	float: right;
	width: 208px;
	color: white;
}
#home_featured #featured_right h3 {
	line-height: 1;
}
#home_featured #featured_right h3.mast2 {
	padding: 10px 0px;
}
#home_featured .dotted {
	float: right;
	width: 200px;
	clear: both;
	margin-right: 10px;
}
#home_featured #featured_right a { 
	display: block;
	width: 200px;
	margin: .5em 0;
	font-size: 1.2em;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
#home_featured #featured_right a:hover {
	text-decoration: underline;
}
.feat_thumb img {
	border: 2px solid gray;
	margin: 5px 5px 0 0;
}


/* asides */
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 12px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; border-left: 5px solid #dadada; }
ul.arrow li a:hover, ul.reccom li a:hover, ul.email li a:hover { color: #000; background: #eee; }


/* about */
#home_about { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 0 0 1em 0; background: #f3f9ff; padding: 0.5em 0.7em 0 0.7em; }
#home_about p { font-size: 0.9em; }



/* recent posts */
.home_recent_post { padding: 0.1em 0 1.2em 0; margin: 0 0 0.8em 0; background: url(images/bg/dot.png) repeat-x bottom left; }
.home_recent_thumb { padding: 0 10px 0 0; margin: 0 0 0.25em 0; float: left; }
.home_recent_thumb img { float: left; margin: 0; }
.home_recent_thumb a img { background: #999; padding: 2px; margin: 0; border: 0; }
.home_recent_thumb a:hover img { background: #333; padding: 2px; margin: 0; border: 0; }
.home_recent_title a { font-weight: bold; }
.home_recent_title a:hover { color: #fff; background: #000; }
.home_recent_date, .home_recent_auth { padding: 0; margin: 0; color: #666; font-size: 0.9em; }
.home_recent_exc p { color: #666; text-align: left; }


/* category list */
#side_categories { margin: 0 0 1em 0; }
ul.cat li { padding: 0 0 0.3em 0; margin: 0; }
ul.cat li a { display: block; text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #000; border-bottom: 1px solid #dadada; border-left: 3px solid #dadada; padding: 3px 12px 0 7px; margin: 0; background: url(images/bg/arrow.png) no-repeat 177px 3px; height: 19px; }
ul.cat li a:hover { background: #f1f1f1 url(images/bg/arrow2.png) no-repeat 177px 3px; color: #224970; }
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; }
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/bg/sub.png) no-repeat; }
ul.cat li ul li a:hover { background: #f1f1f1 url(images/bg/sub1.png) no-repeat; }

#home_asides li.feat_thumb {	/* category page - each post */
	clear: both;
}
#home_asides h2 a {
	font-size: 20px;
}
#home_asides li img {
	/*padding-right: 5px;*/
}
.ptimg {
	list-style: none;
	clear: both;
	height: 100px;
}
.cat_read_on {
	text-align: right;
	margin: 10px 0px;
}



/* recent comments */
#side_recent_comments, #side_most_emailed { margin: 0 0 1.4em 0; }
ul.reccom li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/bg/bubble.png) no-repeat 0 3px; }



/* most emailed */
ul.email li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/bg/doc.png) no-repeat 0 3px; }



/* ad */
.ad_block { border: 1px solid #dadada; padding: 4px 0; margin: 1em 0 1.2em; text-align: center; }
.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; }



/* Archive styles
-------------------------------------------------------------- */
#arch_content, #post_content { margin: 1.5em 0; }
.archive_meta { margin: 1.5em 0; border-top: 1px solid #dadada; }
.archive_meta a { color: #666; }
.archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(images/bg/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/bg/info.png) no-repeat 0 8px;  }
.archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
.archive_post_block { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; }
.archive_post_meta { color: #818181; padding: 0 0 0.6em 0; }



/* Single post styles
-------------------------------------------------------------- */
.post_meta { color: #818181; padding: 0.3em 0 1.4em 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 { float:left; margin:0 1.5em 1em 0;padding:0; }
.WP-EmailIcon {
	text-align: left;
	top: 5px;
}
.WP-PrintIcon {
	text-align: left;
	margin-top: 5px;
	position: relative;
	top: 5px;
}



/* Comment area styles
-------------------------------------------------------------- */
#comments { margin-top: 3em; }
#commenthead { margin-bottom: 1em; }
ol#commentlist { list-style-type: none; margin: 0; padding: 0 0 12px 0; }
ol#commentlist li { border-right: 3px solid #dadada; border-bottom: 1px solid #dadada; margin: 0 0 1em 0; padding: 0 1em 1em 0; overflow-x: hidden; }
ol#commentlist li.alternate { border-right: 3px solid #999; border-bottom: 1px solid #dadada; }
ol#commentlist cite { font-style: normal; text-align: left; display: block; color: #818181; }
ol#commentlist cite a:hover { color: #000; }
ol#commentlist li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em arial, sans-serif; letter-spacing: 0; text-align: left; }
ol#commentlist li .commentauthor { font-weight: bold; color: #333; }
ol#commentlist li .commentauthor a, ol#commentlist li .commenttime a { font-weight: bold; }
ol#commentlist li .commnumber { width: 30px; text-align: left; float: left; font-size: 3em; font-weight: bold; line-height: 1em; }
ol#commentlist li .commentcont p { margin: 0 0 0.5em 0; padding: 0; }



/* comment form */
#comment-form form { margin-top: 1.5em; }
label.com { float: left; width: 100px; }
input.comtext, textarea.comtext { width: 300px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #f7f7f7; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }
input.comsubmit { margin-left: 100px; }
ul.archives {  margin: 0 0 1.5em 0; list-style: none; list-style-image: url(foo.gif); }
ul.archives li { padding: 0 0 0.2em 20px; background: url(images/bg/doc.png) no-repeat 0 3px; }



/* sidebar */
.widget {
	background-color: #d2d2d2;
	margin-bottom: 20px;
}
.widget div {
	
}
#widget_subscribe img {
	padding: 0 5px 5px 5px;
}
#widget_subscribe .mast2 {
	font-size: 12px;
}
#widget_sister, #widget_special {
	background-color: transparent;
}
#widget_sister .mast2 {
	font-size: 10px;
}
h3#widget_epub.mast2 a {
	font-size: 10px;
}
#widget_sidead {
	background-color: transparent;
	text-align: center;
}



/* Footer
-------------------------------------------------------------- */
#footer { background: url(images/bg/dot.png) repeat-x top left; padding: 1em 0 0 0; color: #666; }
ul.footer_cat li {
	width: 150px;
	float: left;
}



/* Form styles
-------------------------------------------------------------- */
input.search_input, input.search_scene, input.search_rest {
	width: 302px; border: 0; background: #fff url(images/bg/input.png) no-repeat;
	padding: 5px; font-weight: bold; margin: 0; loat: left;
}
input.submit_input {
	cursor: pointer; background: transparent url(images/bg/submit.png) no-repeat;
	border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 2px; color: #FFF; font: bold 0.9em arial, sans-serif; loat: left;
}
.search_label {
	color: #f7941e;
	text-transform: uppercase;
}
input.search_scene {
	width: 215px;
}
#searchform label {
	color:#f7941e; text-transform: uppercase;
}
#home_scene .div_home_more {
	padding: 10px 0px;
	text-align: right;
}
input.search_rest {
	width: 250px;
}

/* Miscellaneous styles
-------------------------------------------------------------- */
.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; }
.dotted { background: transparent url(images/bg/dot2.png) repeat-x; margin:2px 0px; width:100%; height:10px; }
.home_more {
	color: #f7941e;
	font-weight: bold;
	text-transform: uppercase;
}


/*  heading styles */
h2.archive_name, h2.post_name { letter-spacing: -0.04em; }
h2.post_cat { text-transform: uppercase; font-size: 1.2em; font-weight:normal; padding:0; margin: 0; letter-spacing: 0.1em; color: #999999; }
.post_cat_table {
	width: 100%;
	margin-bottom: 15px;
	height: 25px;
}
.post_cat_table td {
	height: auto;
	padding: 0;
}
.post_cat_table .post_cat_middle {
	background: transparent url(images/bg/post_cat_mid.png) repeat-x top left;
	width: 113px;
}
.post_cat_table .post_cat_right {
	background: #f7941e url(images/bg/post_cat_rightbg.png) repeat-x top left;
	color: white;
	text-transform: uppercase;
	padding: 4px;
	width: 400px;
	font-size: .9em;
	font-weight: bold;
}
h2.post_comm { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; background: url(images/bg/stripe.png) repeat; }
h2.post_comm2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #dadada; }
h3.latest_post_title { font: bold 1.6em arial, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0; }
h3.latest_post_title a:hover { color: #fff; background: #000; }
h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em; }

/* if you change the BG color you must change sIFR too */
h3.mast { text-transform: uppercase; font-size: 1.0em; line-height: 1.8em; font-weight: bold; padding: 7px 10px; letter-spacing: 0.1em; color: #FFFFFF; background-color: #bababa; margin: 5px 0px; }
h3.mast2,h3.mast3,h3.mast4 {
	background-color: #bababa;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	padding: 5px 10px;	
	line-spacing: 1em;
	color: #FFFFFF;
}/* must also change sIFR */

h3.mast3 { font-size: 1.2em; }
h3.mast4 { font-size: 0.8em; }
h3.mast5 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: normal; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #5f9410; }
h3.archive_title { line-height: 1em; padding: 0 0 5px 0; }
h3.archive_title a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em; }
#sidebar h3.mast2,#sidebar h3.mast3,#sidebar h3.mast4 {
	background-color: #f9ad52;
}


/* 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; }



/* events */
.ec3_events {
	margin-left: 10px;
}
.ec3_events li {
	list-style-type: none;
	width: auto;
	background: url(images/bg/dot.png) repeat-x bottom left;
	margin-bottom: 10px;
}
.ec3_events li {
	color: gray;
	font-size: 0.9em;
}
.ec3_events a {
	font-weight: bold;
	font-size: 1.1em;
}
.ec3_events .hp_event {
	margin: 5px 0px;
	padding-bottom: 10px;
}



/* Main menu
--------------------------------------------------------------
http://www.cssplay.co.uk/menus/drop_line.html
*/
.menu {
	position: relative;
	height: 2em;
	margin-bottom: 2em;
	padding-bottom: 1px;
	width: 100%;
	background-color: #f7941e;
}
* html .menu {
	padding-bottom:0pt;
}
.menu ul * {
	text-transform: uppercase;
}
.menu ul {
	height:100%;
	list-style-type:none;
	margin: 0pt;
	padding:0pt;
	width:100%;
}
.menu li {
	float:left;
	background-color: #f7941e;
}
.menu table {
	border-collapse:collapse;
	left:0pt;
	position:absolute;
	top:0pt;
}
.menu a, .menu *:visited, .menu a:visited, .menu a:active, .menu a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
.menu a em.lft, .menu *:visited em.lft {
	background: #f7941e url(images/drop/lefta.gif) no-repeat top left;
	border-bottom:1px solid #f7941e;
	display:block;
	float:left;
	height:2em;
	width:5px;
}
.menu a b, .menu *:visited b {
	background:transparent url(images/drop/mida.gif) repeat-x top left;
	border-bottom:1px solid #f7941e;
	cursor:pointer;
	display:block;
	float:left;
	height:2em;
	line-height:1.9em;
	padding:0pt 10px;
}
.menu a em.rgt, .menu *:visited em.rgt {
	background:transparent url(images/drop/righta.gif) no-repeat top right;
	border-bottom:1px solid #f7941e;
	display:block;
	float:left;
	height:2em;
	width:5px;
}
.menu ul ul {
	background-color: #f9ad52 !important;
	height:2.1em;
	left: 0px;
	position:absolute;
	top:2em;
	visibility:hidden;
	width: 100%;
}
.menu *:hover {
	white-space:normal;
}
.menu a:hover b {
	background:transparent url(images/drop/midb.gif) repeat-x top left;
	border-bottom-color:#f9ad52;
	color:#000000;
}
.menu a:hover em.lft {
	background:transparent url(images/drop/leftb.gif) no-repeat top left;
	border-bottom-color:#f9ad52;
}
.menu a:hover em.rgt {
	background:transparent url(images/drop/rightb.gif) no-repeat top right;
	border-bottom-color:#f9ad52;
}
.menu li:hover > a b {
	background:transparent url(images/drop/midb.gif) repeat-x top left;
	border-bottom-color:#f9ad52;
	color:#FFFFFF;
}
.menu li:hover > a em.lft {
	background:transparent url(images/drop/leftb.gif) no-repeat top left;
	border-bottom-color:#f9ad52;
}
.menu li:hover > a em.rgt {
	background:transparent url(images/drop/rightb.gif) no-repeat top right;
	border-bottom-color:#f9ad52;
}
.menu ul li:hover ul, .menu ul a:hover ul {
	display:block;
	margin-top:1px;
	top:2em;
	visibility:visible;
}
.menu ul *:hover ul li {
	background: #f9ad52;;
	display: block;
	height: 2em;
}
.menu ul *:hover ul li a {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:0.9em;
	height:2em;
	line-height:2.5em;
	padding:0pt 10px;
	width:auto;
}
.menu ul *:hover ul li a:hover {
	text-decoration: underline;
}

/* sIFR 2 */
.sIFR-alternate {
	display: none;
}
.sIFR-hasFlash {
	font-size: 1.6em;
	line-height: 1em;
	padding: 5px 10px;
}

/* sIFR 3 
.sIFR-flash {
  display    : none !important;
  height     : 0;
  width      : 0;
  position   : absolute;
  overflow   : hidden;
}

.sIFR-alternate {
  visibility : visible !important;
  display    : block   !important;
  position   : static  !important;
  left       : auto    !important;
  top        : auto    !important;
  width      : auto    !important;
  height     : auto    !important;
}
	.sIFR-active h3.mast {
		color: #FFFFFF;
		background-color: #bababa;
		padding: 10px 7px 10px 7px;
		text-transform: uppercase;
	}
	.sIFR-active #sidebar h3.mast2,.sIFR-active #sidebar h3.mast3 {
		color: #FFFFFF;
		background-color: #f9ad52;
		padding: 7px;
		text-transform: uppercase;
	}
	.sIFR-active h2.post_cat {
		color: #999999;
		background-color: #FFFFFF;
		text-transform: uppercase;
	}*/