/*
 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.3
 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 "lib/compressed.css";
/* End import/hide */
/* Start The Morning After stylesheet
 -------------------------------------------------------------- */

body {
	background-color:#f8f8f8;
}

a {
    color: #000;
    text-decoration: none;
}

h2 {
    font-weight: normal;
}


/* Top banner with rotating images
 -------------------------------------------------------------- */
#topbanner {
    height: 70px;
    /*border-bottom: 1px solid #999;*/
    /*background: url(images/bg/cloudHeader.png) no-repeat;*/
}

#topbanner_arch {
    height: 70px;
	width:400px;
    /*border-bottom: 1px solid #999;
    background: url(images/bg/archive_banner.png) no-repeat;*/
}

#topbanner_single {
    height: 70px; 
    /*border-bottom: 1px solid #999;
    background: url(images/bg/single_banner.png) no-repeat;*/
}

#topbanner .pagetitle, #topbanner_arch .pagetitle, #topbanner_single .pagetitle {
    float: left; 
    background: #fff; 
    color: #000; 
    font: 2em Georgia, "Times New Roman", Times, 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;*/
}

#rightColumn {
	width:470px;
	background-color:#EFEEE4;
}
/* latest post */
#latest_post {
	padding:20px;
	background:#F8F8F8 url(http://joe-ferraro.com/images/top_white_line.jpg) repeat-x scroll 0 0;
	border:1px solid #E5E5E5;
	/*margin-top:12px;*/
}

#latest_post p {
    font-size: 14px;
    /*font-family: Georgia, serif;*/
	letter-spacing:0.0002em
}

#latest_post_image img {
    margin: 0 0 0.2em 0; 
}

.latest_post_meta {
    font-size: 1.0em;
    line-height: 1.6em;
}

.latest_post_meta a {
    font-weight: bold;
}

.latest_post_meta a:hover {
    text-decoration: underline;
}

.latest_read_on {
    padding: 1.5pt 20px 1px 20px;
    background: url(images/bg/resultset_next.png) no-repeat top left;
}

.latest_comments {
    padding: 1.5pt 20px 1px 20px;
    background: url(images/bg/comment.png) no-repeat top left;
}

.latest_category {
    padding: 1.5pt 25px 1px 20px;
    background: url(images/bg/tag_blue.png) no-repeat top left;
}
/* featured post */
#home_featured {
    background: #f2f2f2;
	border-bottom:1px solid #ccc;
    margin: 0 0 1.1em 0;
    float: left;
    width: 100%;
}

.feat_content {
    float: left;
    padding: 0 0.7em 0.4em 0.7em;
}

.feat_thumb img {
    float: left;
    padding: 0;
    margin: 0.2em 1em 1em 0;
    border: 1px solid #999;
}

.feat_title {
    font: 700 12px georgia, serif;
    padding: 0 0 0.3em 0;
}

.feat_title a {
    color: #0177D0;
}

.feat_title a:hover {
    color: #000;
}
/* 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, ul.reccom li a, ul.email li a {
    color: #0177D0;
}

ul.arrow li a:hover, ul.reccom li a:hover, ul.email li a:hover {
    color: #000;
    background: #eee;
}
/* about */
#home_about {
	border: 1px solid #dadada;
    /*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;
    font-family: tahoma;
}
/* recent posts */
.home_recent_post {
    padding: 5px 0px 0px 5px;
    margin: 0 0 0 0;
    background: #F2F2F2;
	border-bottom:1px solid #ccc;
}

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

/** widgets **/
.widget {
	font-family: Arial;
    margin: 0 0 1.4em 0;
}

.widget a {
	color:#2C2B2B;
	font-weight:bold;
}

.widget a:hover {
	text-decoration:underline;
}

.widget ul, .widget ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget ul li {
    padding: 0 0 0.3em 0px;
    margin: 0 0 0.5em 0;
    /*border-bottom: 1px solid #dadada;*/
    border-bottom: 1px solid #F1F1F1;
}

.widget ol li {
    padding: 0 0 0.3em 10px;
    margin: 0 0 0.5em 0;
    border-bottom: 1px solid #dadada;
}


/* recent comments */
#side_recent_comments, #side_most_emailed, #side_tag_cloud {
    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;
}

/*recent comments*/
ul#recentcomments li.recentcomments {
    background: url(images/bg/bubble.png) no-repeat 0 3px;
	padding-left:20px;
}
/*wp-calendar*/
table#wp-calendar {
    margin: 0;
    width: 100%;
    border: 0;
}

table#wp-calendar caption {
    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: #175595;
}

table#wp-calendar th, table#wp-calendar td {
    height: 1em;
    padding: 0.2em 0.4em; /*padding: 5px 7px;*/
    text-align: right;
    border-right: 2px solid #fff;
}

table#wp-calendar th, table#wp-calendar td#today {
    font-weight: bold;
    background: #dadada;
    color: #000;
    border-bottom: 0;
}

table#wp-calendar td#today {
    font-weight: bold;
    background: #f2f2f2;
}

table#wp-calendar td {
    border-bottom: 1px solid #efefef;
}

table#wp-calendar td a {
    font-weight: bold;
}
/*most e-mailed*/
.widget_email_most_emailed ul li {
    background: url(images/bg/doc.png) no-repeat 0 2px;
}
/* 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_meta a:hover {
    color: #0177D0;
}

.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;
	width:600px;
}

.archive_post_meta {
    color: #818181;
    padding: 0 0 0.6em 0;
}

.archive_post_meta a, .post_meta a {
    color: #0177D0;
}

.archive_post_meta a:hover, .post_meta a:hover {
    color: #000;
    text-decoration: underline;
}
/* Single post styles
 -------------------------------------------------------------- */
.post_meta {
    color: #666;
    padding: 0.3em 0 1.4em 0;
}

.post_meta_tag {
    color: #666;
}

.post_meta p img {
    margin: 0;
    padding: 0;
    float: none;
}

.post_meta p {
    margin: 0 0 0.4em 0;
}

#post_content {
	background-color:#fff;
	padding: 20px 20px 20px 20px;
	border:1px solid #D2D2CF;
}

#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 p {
    color:#333;
	font-size: 14px;
}

#post_content blockquote p {
    text-align: right;
    line-height: 1.5em;
}

#post_content p img {
    margin: 0;
    padding: 0;
}

#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon, #post_content img.posttag {
    margin: 0 0.3em 0 0;
    padding: 0.1em 0 0 0;
}

#post_content p a, #arch_content p a {
    color: #0177D0;
}

#post_content p a:hover, #arch_content p a:hover {
    color: #0177D0;
    text-decoration: underline;
}
/* 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;*/
    border: 1px solid #dadada;
    margin: 0 0 1em 0;
    /*padding: 0 1em 1em 0;*/
	padding: 10px 10px 10px 10px;
    overflow-x: hidden;
	background-color:#f8f8f8; 
}

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 {
    color: #0177D0;
}

ol#commentlist cite a:hover {
    color: #000;
    text-decoration: underline;
}

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;
    color: #0177D0;
}

ol#commentlist li .commentauthor a:hover, ol#commentlist li .commenttime a:hover {
    color: #000;
    text-decoration: underline;
}

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;
}
/* 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/bg/doc.png) no-repeat 0 2px;
}

ul.archives li a, ul.wp-tag-cloud li a {
    color: #0177D0;
}

ul.archives li a:hover, ul.wp-tag-cloud li a:hover {
    color: #000;
    background: #eee;
}
/* Footer
 -------------------------------------------------------------- */
#footer {
	/*border-top:1px solid #cccccc;*/
    padding: 1em 0 0 0;
    color: #666;
    width:985px;
}
/* Form styles
 -------------------------------------------------------------- */
input.search_input {
    width: 292px;
    border: 0;
    background: #fff url(images/bg/input2.gif) no-repeat;
    padding: 5px;
    color: #E0691A;
    /*font-weight: bold;*/
    margin: 0;
    float: left;
    height: 30px;
    font-size: 24px;
	font-family:Times New Roman;
}

textarea.large_search_input {
    width: 292px;
	max-width: 300px;
    border: 0;
    background: #fff url(images/bg/largeInput.png) no-repeat;
    padding: 5px;
    color: #E0691A;
    /*font-weight: bold;*/
    margin: 0;
    float: left;
    height: 200px;
	max-height:210px;
    font-size: 24px;
	font-family:Times New Roman;
}
/*
 input.search_input { width: 292px; border: 0; background: #fff url(images/bg/input.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }
 */
input.submit_input {
    /*background: #E0691A url(images/bg/submit.png) no-repeat;*/
    background: /*#E0691A*/ url(images/bg/submit.gif) no-repeat;
    border: 0;
	height:38px;
    /*height: 24px;*/
    padding: 0;
    width: 65px;
    margin: 0 0 0 5px;
    color: #FFF;
    font: 1.3em Georgia, serif;
    float: left;
	cursor:pointer;
	cursor:hand;
}
/* Miscellaneous styles
 -------------------------------------------------------------- */
/*  heading styles */
h2.archive_name, h2.post_name {
    letter-spacing: -0.04em;
	font-family:Georgia, sarif;
	text-transform:lowercase;
}

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

h2.post_comm {
    text-transform: uppercase;
    font-size: 1.4em;
    /*line-height: 1.8em;*/
    font-weight: bold;
    padding: 0 0 0 0.2em;
    margin: 0 0 0.2em 0;
    letter-spacing: 0.1em;
    color: #000;
    border-bottom: 1px solid #dadada;
    /*background: url(images/bg/stripe.png) repeat;*/
	height:20px;
}

h2.post_comm2 {
    text-transform: uppercase;
    font-size: 1em;
    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 Georgia, 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;*/
	border-top:1px solid #ccc;
    text-transform: uppercase;
    font-size: 1.0em;
    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: lowercase;
    /*font-size: 1.1em;*/
	font-size:20px;
	font-family:Georgia,serif;
   /* line-height: 1.8em;*/
    /*font-weight: bold;*/
    padding: 0 0 0 0;
    /*letter-spacing: 0.1em;*/
    /*color: #00AEEF;*/
	color: #0177D0;
}

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: #0177D0;
}

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

h3.mast5 {
    text-transform: lowercase;
    font-size: 1.0em;
    line-height: 1.8em;
    font-weight: normal;
    padding: 0 0 0.2em 0.2em;
    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;
}

h3.archive_title a:hover {
    color: #fff;
    background: #000;
}
/* 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;*/
	font-family: Georgia, 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;
}

/*---------------
 * TWITTER
 */

/* style for each tweet */ 
.mytwitter_tweet {
	color: #FFFFFF;
}

ul.twitter {
	font-family:Arial;
	list-style: none;
	margin: 0 0 0 0;
}

ul.twitter li.twitter-item{
	background-color:#eeecd1; 
	border-bottom: 1px solid #ffffff;
		list-style: none;
		padding-top:5px;
		padding-left:5px;
		font-size:12px;
		/*font-family:Georgia, serif;*/
}


li.twitter-item a:hover{
   /* color: #fff;
    background: #000;*/
	text-decoration:underline;
}
