@charset "UTF-8";
/* CSS Document */

/*

  FP BLOG FAMILY V 1.0 2009-11
  Created for ForeignPolicy.com by Blaine D. Sheldon
--------------------------------------------------------

   1. BLOG BANNER
   2. BLOG WELL
   3. BLOG RIGHT RAIL
   4. BLOG POST
   5. BLOG PAGES 

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



/* 1. BLOG BANNER */

.blog_banner { width: 969px; height: 145px; display: block; margin-bottom: 30px; padding: 0; text-align: left; clear: both; border-bottom: 1px solid #ccc;  }
#banner-mideast { margin-bottom: 45px  }

.blog_banner .photo_op { float: left; width: 540px; height: 140px; display: inline-block; }
.blog_banner .select_posts { height: 130px; width: 429px; display: inline-block; vertical-align: middle;  border-bottom: 10px solid #8C1B2E; overflow: hidden; }

.select_posts ul {list-style-type: none; width: 425px; margin: 0 10px; height: 100%; }
.select_posts ul li { list-style-type: none; height: 100%; padding: 0 10px 0 10px; float: left; width: 117px; }
.select_posts ul li p { line-height: 115% }

p.tag { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #8C1B2E; font-weight: bold; margin: 10px 0 5px; letter-spacing: -.02em; font-size: .95em; word-spacing: .2em;   }
p.feature_title { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif, "Times New Roman", Times, serif; font-size: 1.6em; color: #333; letter-spacing: -.02em; font-weight: 100 }



/* 2. BLOG WELL */

.blog_entry { padding-bottom: 20px; margin-bottom: 30px; background-image: url(http://www.foreignpolicy.com/images/091022_post_div_bar.gif); background-position: bottom; background-repeat: no-repeat; width: 625px; display: block;}.full_post { background-image: none }

.blog_entry h1 { border-bottom: none; margin-bottom: 7px; line-height: 100%; }
.blog_entry h1 a { text-decoration: none; color: #333; }

.blog_entry h2 { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.blog_entry h2 a { color: #036 }

.blog_entry h2 img {margin: 0 3px -3px ; padding: 0; }

.blog_entry h2 .post_date { padding-right: 4px; }

.blog_body { margin: 20px 0 10px; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 1.135em !important;}

.blog_body p { font-size: 100% }

.blog_body .graphic-well { margin: -5px 0 15px 0; padding: 0;  } 

.blog_body .graphic-well .inline-left { float: left; margin-right: 15px; margin-bottom: 5px;}
.blog_body .graphic-well .inline-right { float: right; margin-left: 15px; margin-bottom: 5px;}

.blog_body #base-ad a { font-size: 105%; }


.blog_body > * { font-family:Arial, Helvetica, sans-serif; line-height: 1.4em;  }

.blog_body blockquote  { margin: 10px 5px 15px 20px; padding: 20px 15px 4px 32px; background-image: url(http://www.foreignpolicy.com/images/091022_quote_block_back.png); background-position: top left; background-repeat: no-repeat; border: 1px dotted #ccc; background-color: #F8FEFE; color: #333}
.blog_body blockquote p { line-height: 1.2em !important; margin-bottom: .8em  }

.blog_body a { font-weight: bold; color:#036  }

.blog_body .post_more { font-weight: bold; color: #ccc; border: 2px solid; padding:2px 5px 2px 6px; font-size: 1.135em; width: auto; margin: 1px 0 20px 3px; display: inline-block; letter-spacing: -.02em; }
.blog_body .post_more a { color: #333; text-decoration: none;  }
.blog_body .post_more a:hover { color: #990000; }

.blog_body ul { color:#333333; display:block; font-weight:normal;list-style-type:none; padding: 5px 25px 0; text-align:left; font-size: 100%	; }

.blog_body ul li { background-image:url(http://www.foreignpolicy.com/images/091209_blog-bullets.png); background-position: left top; 
background-repeat:no-repeat; color:#333; height:auto; margin: 5px 0 10px 20px; padding: 3px 0 0 
22px;
}

.blog_body ul li p { margin: 0; padding-top: 0  }

.agg_post_meta { line-height: 2em; vertical-align: middle;height: 2em; width: 625px; text-align: left; margin-top: 5px; }

.agg_post_meta .hed { float: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-right: 5px; }

.agg_post_meta .more, .comments, .subj_hed { float: left; margin-right: 7px; font-family:Arial, Helvetica, sans-serif; color: #666  }

.agg_post_meta .comments {line-height: 22px; font-weight: bold; border-left: 1px solid #ccc; margin-left: 5px; padding-left: 5px; color: #333}

.agg_post_meta a  { float: left; display: inline-block; line-height: 100%; margin: 2px 5px;}

.agg_post_meta .bubble {  float: left; padding: 0 5px 0 10px}

.agg_post_meta .more { line-height: 20px; margin: 0; display: inline-block; float: right; margin-left: 5px; }

.subjects { display: inline-block; height: auto; margin-top: 6px; margin-bottom: 3px;  width: 625px; font-family:Arial, Helvetica, sans-serif; font-size: .9em; letter-spacing: -.02em }
.subjects img { float: left; padding-right: 3px;}
.subjects a { float: left; color: #900; text-transform: uppercase; padding-left: 4px;  }
.subjects a:hover { color: #000; }

.today_fp {width: 625px; height: 200px; margin: 0 0 30px 0; padding: 0 0 15px 0; display: block; clear: both;background-image: url(http://www.foreignpolicy.com/images/091022_post_div_bar.gif); background-position: bottom; background-repeat: no-repeat; }

.today_fp #fp-featured-today { margin-top: 0; margin-bottom: 0;  }

/*  3. BLOG SIDEBAR ELEMENTS */

/* Inherit sidebar elements from blocks.css */


/* 4. BLOG POST  */

.full_post { background-image: none; margin-bottom: 0; padding-bottom: 0 }

.full_post .subjects { margin-bottom: 20px; margin-top: 0;  }
.subj_hed { margin-right: 4px }


/* 5. BLOG PAGES */

.blog_about { width: 625px; display: block  }

.blog_about h1 { margin-bottom: 22px; display:block}
.blog_about a { font-weight: bold; color: #036  }

.blog_about ul { margin-left: 25px; list-style-type: square  }
.blog_about li { color: #333; font-size: 1.15em; margin: 10px;  font-family: Georgia, "Times New Roman", Times, serif; list-style-type: square  } 

.blog_blurb p {
	margin-bottom: 8px;
}

.wikileaks {
	font-family: "Courier New", Courier, monospace;
	text-align: justify;
	white-space: pre-wrap;
	color: #1F1F1F;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 16px;
    padding: 0;
}


.pull-quote {
	display: block;
	padding: 20px 10px;
	float: left;
}

.additional-content {
	display: block;
	padding: 10px;
	float: left;
}