/*

Theme Name: The Morning After

Theme URI: http://code.google.com/p/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.3.2

Author: Arun Kale

Author URI: http://themasterplan.in/



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 "compressed.css";

/* End import/hide */



/* Start The Morning After stylesheet

-------------------------------------------------------------- */

body { background: #f66 url(images/body-main-ff6.png) repeat-y top center; }


a { color: #66f; text-decoration: none; }

	a:visited { color: #f6f; text-decoration: none; }

	a:hover { color: #66f; text-decoration: underline; }

	a img { border: none; }

/*h2 { font-weight: normal; color: #033;}
h2 a { color: #033; text-decoration: none; }
h2 a:visited { color: #033; text-decoration: none; }

   h2 a:hover { color: #5F5F5F; text-decoration: underline; }  */



/* Header styles

-------------------------------------------------------------- */

#header { padding: 1.5em 0 0 0; height: 108px; border-bottom: 1px solid #999; }

#header #logo { height: 90px;font-family:"Reservoir Grunge","Rockwell Extra Bold",Verdana,sans-serif; }

#header #logo .title { padding: 0.5em 1.0em 0 0; font-weight: 500; font-size:2em; letter-spacing: -.050em; line-height: 1.2em; color: #f66; }

#header #logo .title .desc { text-align: right; margin: 0.4em 0 0 0; font-weight: 400; font-size:0.65em; text-transform: uppercase;
color: #66f; letter-spacing: 0.2em; padding: 0.6em 0 0 1.5em; border-top: 1px solid #ccc;  }

span { text-align: left; margin: 0.2em 0; font-weight: 500; font-size:1.15em;  color: #66f;
 padding: 0;  }

/* Search and navigation

-------------------------------------------------------------- */



#header #search_menu { background: url(images/bear-trans90.png) right no-repeat; height: 90px;}

#header #search_menu #search { padding: 0 0 0 5px;}

#menu {padding: 4px 0 26px 0; margin: 3px 2px 16px 60px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; }
#menu ul {color: #66f;background: #ff6;}
#menu li { float: left;  margin: 1px 12px 0 0; line-height: 1.9em; font-size: 1.2em; text-transform: uppercase;}
#menu li a { text-decoration: none;padding: 8px 12px; color: #66f; background: #ff6;}
/*#menu li a { padding: 0 0px 0 22px; text-decoration: none; color: #99f; background: url(images/bear-trans18.png) no-repeat; }*/

#menu li a:hover { text-decoration: none; color: #ff6; background: #f66;}

#menu li.current {display:none}
#sidebar li.current, li.cp {display:none}

#menu ul {color: #66f;background: #ff6;}

.vert ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

.vert li a
{
 font-size:1.5em;
display: block;
padding: 3px;
background:transparent;
}

.vert a:link, .vert a:visited
{
color: #00f;
text-decoration: none;
}

.vert a:hover
{
color:#0c0;background:transparent;text-decoration:underline;
}
.vert li.cp {
display:none
}

/* Top banner with rotating images
     border-top: 0px solid #66f; border-right: 0px solid #66f;
border-bottom: 2px solid #66f;border-left: 2px solid #66f;
-------------------------------------------------------------- */

#topbanner { height: auto;background: #f66; margin:0;padding:0;}

#topbanner_site { height: 70px; border-bottom: 1px solid #999; background: url(images/tma-masspike.jpg) no-repeat; }


#topbanner .pagetitle, #topbanner_arch .pagetitle, #topbanner_single .pagetitle, #topbanner_site .pagetitle
{ float: left; background: #fff; color: #000; font: 700 2em arial, sans-serif; text-transform: lowercase; letter-spacing: -0.036em;
padding: 1px 5px 1px 0; margin: 20px 0 0 0; }



/* Home page columns

-------------------------------------------------------------- */



#home_content { margin: 1.5em 0; }




/* Footer

-------------------------------------------------------------- */



#footer { background: url(images/dot.png) repeat-x top left; padding: 1em 0 0 0; color: #666; }

#footer p { margin: 0 0 0.923em 0; font-size: 1.3em; color: #888; text-align: right; }

#footer a, #footer a:visited { color: #888; text-decoration: none; }

#footer a:hover { color: #888; text-decoration: underline; }



/* Form styles

-------------------------------------------------------------- */



input.search_input { width: 292px; border: 0; background: #fff url(images/input.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }

input.submit_input { background: /*#E0691A*/ 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; }



/* Miscellaneous styles

-------------------------------------------------------------- */



/*  heading styles */

h2 { text-transform: uppercase; font-family:"Reservoir Grunge","Rockwell Extra Bold",Verdana,sans-serif;
font-size: 1.4em; line-height: 1.9em; font-weight: bold; padding: 0 0 2px 0; margin: 0 0 0.15em 0;
letter-spacing: 0.1em; color: #f66; }

h2 a { color: #f66; }

h2 a:link { color: #f66; }
h2 a:visited { color: #f66; }

h2 a:hover { color: #fff; background: #f66; }

h3 { text-transform: uppercase; font-size: 1.0em; line-height: 1.8em; font-weight: bold; padding: 0 0 1px 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em;
color: #f66;}

h2.archive_name, h2.post_name { letter-spacing: -0.04em; }

h2.post_cat { text-transform: uppercase; font-size: 1.4em; line-height: 2.4em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em;
color: #f66; border-bottom: 1px solid #dadada; }

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

h3.mast { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }

h3.mast2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #5f9410; }

h3.mast3 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #224970; }

h3.mast4 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; }

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





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