/*
Theme Name: Middle East Progress Custom Theme
Theme URI: http://wordpress.org/
Description: The custom theme created for Middle East Progress.
Version: 1.0
*/



html
{
	height: 100%;
}

body 
{
  height: 100%;
}

@charset "utf-8";

/* Global Settings */

html, body, div, dl, dt, dd, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, blockquote, th, td, ul, li { margin: 0; padding: 0; }

ul,ol,li { list-style: none; }

h1, h2, h3, h5, h5, h6 { font-size: 100%; }

a { outline: none; } /* Gets rid of Firefox's dotted borders */

a img { border: none; } /* Gets rid of IE's blue borders */

span { margin: 0; }

span.hide { display: none; }

p { margin-bottom: 10px; }

input { border: 1px solid #002941; padding: 2px; }

select { border: 1px solid #002941; padding: 2px; }


/* Typography */

h1 { font: 24px/32px "Arial," Tahoma, Verdana; font-weight: bold; margin: 0; color: #002941; }

h2 { font: 18px/24px "Arial," Tahoma, Verdana; font-weight: bold; margin: 0; margin-bottom: 2px; color: #002941; }

h3 { font: 14px/18px "Arial", Tahoma, Verdana; font-weight: bold; margin: 0; color: #fff; }

h4 { font: 12px/16px "Arial", Tahoma, Verdana; font-weight: bold; margin: 0; color: #002941; }

h5 { font: 12px/14px "Arial", Tahoma, Verdana; font-weight: normal; margin: 0; color: #777; }

body { font: 12px/18px "Arial", Tahoma, Verdana; font-weight: normal; color: #333333; }

div.content h3 a:link, div.content h3 a:visited { 
font: 14px/18px "Arial", Tahoma, Verdana; 
font-weight: bold; 
margin: 0; 
color: #002941;
text-decoration: underline;
}

div.content h3 a:hover, div.content h3 a:active { 
font: 14px/18px "Arial", Tahoma, Verdana; 
font-weight: bold; 
margin: 0; 
color: #002941;
text-decoration: none;
}

/* Links */

a:link {
color: #002941;
}

a:visited {
color: #002941;
}

a:hover {
text-decoration: none;
}

h2 a:visited {
font: 18px/24px "Arial," Tahoma, Verdana; font-weight: bold; margin: 0; color: #002941;
}

em a:visited {
font-style: italic;
}

/* Begin Layout */

body { 
background:#6D9BBD url(images/bodybg.jpg) repeat-x scroll left top;
 }

div#wrapper {
	width: 975px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
  }

div#header { 
  width: 100%; 
  height: 93px; 
  background: url(images/banner2.jpg) no-repeat; 
  background-position: center; 
  padding: 0 0 0 0;
  margin:0px;
  border-bottom: 1px solid #fff;
  }
  
a#caplink {
  display: block;
  width: 200px;
  height: 59px;
  position: relative;
  left: 763px;
  top: 17px;
}


/* Navigation */

div#navbar {
  height:28px;
  width: 975px;
  background-color: #036;
  margin:0;
  overflow: hidden;
  }

#navbar #nav {
  /*min-height:28px;*/
  background-color: #002941; /*a6c9df;*/
	height: 28px;
	width: 725px;
	margin: 0;
	padding: 0;
	float: left;
  }
  
#navbar #nav ul#navlist {
	list-style-type:none;
	color: #002941;
	font-size: 15px;
	width: auto;
	height:28px;
	margin:0;
	padding: 0;
  }

#navbar #nav ul#navlist li {	
	height: 28px;
	padding: 0px 11px 0px 10px
	display: inline;
	float: left;
	border-right: 1px solid #d9d9d9;
	line-height: 27px;
	margin:0;
	}
	
	#navbar #nav ul#navlist li.last {	
	
	margin:0;
	}

#navbar #nav ul#navlist li a {	
 	padding: 0px 11px 0px 10px !important;
 	margin: 0;
	color: #fff;
  text-decoration: none; 
  height: 28px;
  font-size: 15px;
}

#navbar #nav ul#navlist li a:visited {	
 	padding: 0px 11px 0px 10px !important;
 	margin: 0;
	color: #fff;
  text-decoration: none; 
  height: 28px;
  font-size: 15px !important;
}

#navbar #nav ul#navlist li:hover {
  background-color: #5c768d;
  color: #fff;
}

/* Search */

#navbar #search {
  float: right;
	background-color: #d2e3ee;
	height: 28px;
	width: 250px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
  }
  
.searchtext {
  color: #002941; 
  text-align: left; 
  margin-left: 8px; 
  margin-top: 6px; 
  float: left;
  }

.searchbox {
  margin: 3px 8px 0 8px;
  width: 120px;
  float: left;
  }		

.searchbutton {
  background: #d2e3ee url( images/search_arrow.jpg ) 0 0 no-repeat; 
  padding: 0;
  border: 0;  
  }

/* Drop Shadow under Navbar */

div#dropshadow {
	clear: both;
	background: #fff url( images/drop_shadow.jpg ) repeat-x; 
	width: 975px; 
	text-align: center; 
	margin: auto; 
	height: 9px;
  }
  
  
/* Page Container */

div#page { 
  width: 975px; 
  margin: 0px auto; 
  background: #fff url(images/bkgd_gradient.jpg) no-repeat;
  background-position:bottom; 
  overflow: hidden;
  padding-bottom: 64px;
  height: 100% !important;
  }
  

/* Left Column */

div#content_left {
	width: 580px;	
	padding-right: 0px;
	float: left;
	/*border: thin lime solid;*/
  }

div#content_left #title_text {
	width: 558px; 
	padding: 10px;
  }

div#content_left #title_text h1 {
	color: #002941; 
	margin-left: 8px;
	text-align: left;
	line-height: 1.5em; 
  }

div#content_left #title_text h1 a:link, div#content_left #title_text h1 a:visited {
	text-align: left; 
	text-decoration: none;
	font-size: 24px;
	font-weight: bold; 
	line-height: 1.5em;
  }
  
div#content_left #title_text h1 a:hover, div#content_left #title_text h1 a:active {
	color: #ccc; 
	text-decoration: none;
	line-height: 1.5em;
  }


div#content_left .feature {
  margin: 12px 0 0 32px;
  overflow: hidden;
  }

div#content_left .feature .left {
	float: left; 
	width: 304px; 
	margin-right: 16px;
  }
  
div#content_left .feature .left img {
	width: 304px;
	max-width: 304px; 
  }
  
div#content_left a:link, div#content_left a:visited {
  color: #002941;
  text-decoration: underline;
  }
  
div#content_left a:hover, div#content_left a:active {
  color: #002941;
  text-decoration: none;
  }
  
/* Bulletin Page */
  
div#content_left .feature .bulletin-left {
	float: left; 
	width: 155px; 
	background: #e0e2e3 url(images/bulletin-img-bg.png) bottom left no-repeat;
	margin-right: 10px;
	padding: 10px;
  }
  
div#content_left .feature .bulletin-left p {
color: #002941;
margin: 0px;
}

div#content_left .feature .bulletin-left img {

}
  
div#content_left .feature .bulletin-left .title h2 {
	color: #fff; 
	margin-left: 8px; 
	padding-top: 4px;
  }
  
div#content_left .feature .bulletin-left .caption h5 {
	color: #002941; 
	font-size: 11px;
	font-style:italic;
	font-weight: normal;
	line-height: 15px;
	margin-left: 0px; 
	padding: 4px 5px 5px 0;
  }
  
div.printer-box {
  	border-color:#CCCCCC;
	border-style:solid;
	border-width:0px 1px 1px;
	font-size:10px;
	margin-left:476px;
	width:90px;
	padding: 5px;
}
div.printer-box img {
/* 	padding-top: 10px; */
}

div#bulletin-right div.bulletin-content {
background: url(images/bg-bulletin.gif) no-repeat 0 0 ;
padding-left: 25px;
}

div.bulletin-page div.bulletin-content {
background: url(images/bg-bulletin.gif) no-repeat 0 0 ;
padding-left: 25px;
}

ul.news {
margin-top: 15px;
}

div.bulletin-content h2 {
padding-top: 3px;
}


div.printer-box a:link, div.printer-box a:visited {
text-decoration: none !important;
font-size: 10px;
}

/* Coverage Page */

h1.cov_header {
height: 38px;
background: #002941 url(images/cov_header-img.jpg) no-repeat center left;
margin-bottom: 20px;
margin-right: 10px;
padding-left: 60px;
color: #fff;
font-weight: bold;
font-size: 16px;
}

form.filter {
  width: 480px;
  height: 24px;
  margin: auto;
  background: url(images/filter-bg.jpg) no-repeat center center;
  color: #fff;
  font-size: 18px;
  padding: 8px 10px 8px 26px;
  margin: 40px 0px 0px 20px;
  float: left;
}

select.filter-menu {
width: 300px;
margin-left: 10px;
}

ul.coverage {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  width: 500px;
  font-size: 12px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #ccc;
}

ul.coverage a:link, ul.coverage a:visited {
color: #002941;
text-decoration: none;
}

ul.coverage a:hover, ul.coverage a:active {
text-decoration: underline;
}

ul.coverage li {
width: 100%;
margin-bottom: 5px;
overflow: hidden;
}

ul.coverage li p {

}

div.content ul.coverage li.header a:link, div.content ul.coverage li.header a:visited {
color: #002941;
font-weight: bold;
font-size: 12px;
}

ul.coverage li.em {
font-style: italic;
}

ul.coverage li.blue {
color: #002941;
}

ul.coverage li div.cov-img {
width: 145px;
background-color: transparent;
float: left;
overflow: hidden;
margin-right: 15px;
}

ul.coverage li div.cov-img p {
color: #666;
font-style: italic;
font-size: 11px;
line-height: 14px;
text-align: left;
padding: 5px;
margin-left: 0px;
}

/* STRS Menu */

.strs {
  display: block;
  height: 45px;
  width: 100%;
 /*  background: url(images/vs.gif) no-repeat center center; */
}


/* Second Menu on In-Depth and About Us pages */
      
ul.cov_menu {
display: block;
overflow: hidden;
height: 30px;
margin-top: -10px;
}

ul.cov_menu li {
float: left;
padding: 5px 10px;
color: #fff;
background-color: #D2E3EE;
border-bottom: 1px solid #002941;
}

ul.cov_menu li.first {

}

ul.cov_menu li.last {
margin: 0;
border-right: 1px solid #002941;
}

ul.cov_menu li a:link, ul.cov_menu li a:visited {
color: #002941;
font-weight: normal;
text-decoration: underline;
}

ul.cov_menu li:hover {
background-color: #fff;
text-decoration:  none;
}          


div#content_left .feature .left .title {
	width: 100%; 
	min-height: 36px; 
	height: auto; 
	margin-top: 2px; 
	background-color: #002941;
  }

div#content_left .feature .left .title h2 {
	color: #fff; 
	margin-left: 8px; 
	padding: 4px 0px;
  } 


div#content_left .feature .left .caption {
	width: 100%; 
	background-color: #c2c5c8;
  }
  
div#content_left .feature .left .caption h5 {
	color: #002941; 
	font-size: 11px;
	font-style:italic;
	font-weight: normal;
	line-height: 15px;
	margin-left: 8px; 
	padding: 4px 5px 5px 0;
  }

/* Bulletin - Page */

div.bulletin-page {
  width: 260px;
  float: left;
  margin-right: 20px;
/*  margin-left: -16px; */
}

div.bulletin-page h2 {
/* margin-top: 7px; */
}

ul.news li {
margin-bottom: 10px;
}

ul.news li h4 {
font-style: normal !important;
}

.view {
margin-left: 10px;
margin-bottom:5px;
}

div#content_left #feature_text {
	 
	font-size: 14px; 
	line-height:18px; 
	color: #000;
	margin-right: 25px;
  }

div#content_left .content {
	clear: both;
	/* float: left; */
	color: #000;
	font-size: 14px;
  margin: 32px 0 0 32px;
  font-size: 10pt;
  overflow: hidden;
  }

div#content_left .content h3 {
	margin-top: 15px;
	color: #002941;
	border-top: 1px solid #eee;
	padding-top: 4px;
  }

div#content_left .content h4 {
	margin-top: 3px;
	color: #002941;
	font-style:italic;
  }

div#content_left .content .bodytext {
	font-size: 10pt;
	color: #000;
	line-height: 16px;
  }

div#content_left .content .bodytext a {
	font-size: 10pt;
	color: #002941;
	line-height: 16px;
	font-style:italic;
  }
  
div#bulletin-right {
margin-left: 280px;

}



/* BR */

div.br {
  margin-top: 10px;
}

/* Right Column */

#wrapper #page #contentRight {	
	width: 347px;
float: right;
margin-right: 16px;
  }
  
#wrapper #page #contentRight div {
	padding: 8px 10px 12px 10px;
	
  }


/* Right Column: Stay Informed -- Email Signup Box */	

#wrapper #page #contentRight #signup {
	color: #fff;
	background-image: url(images/comm_bkgd_top.jpg);
	background-repeat: no-repeat;
	background-color: #7799AC;
	overflow: hidden;
	width: 318px;
	padding-bottom: 0px;
  }

#wrapper #page #contentRight #signup h2 {
	color: #fff;
	font-size: 14px;
	line-height: 18px;
  }
  
#wrapper #page #contentRight #signup label {
	color:#fff;
	display: block;
  }
  
#wrapper #page #contentRight #signup #support {
  padding: 10px 0px 0px 0px;
  border-top: 1px solid #fff;
  margin-top: 10px;
}

#wrapper #page #contentRight #signup #support h2 {
  margin-bottom: 5px;
}
  
#wrapper #page #contentRight #signup_end {
background: #fff  url(images/comm_bkgd_bottom.gif) no-repeat;
margin-bottom: 10px;
padding: 0;
height: 15px;
}

/* Submit Button Styling - can't get this to work  
#wrapper #page #contentRight #signup .submit_btn {
  margin-right:6px;
  padding: 0 0 0 4px;
  background-image: url(images/submit_btn.jpg);
  background-repeat: no-repeat;
	height: 23px;
	min-height: 23px; !important	
	width:71px;
  min-width: 71px; !important	
  }*/
  

/* Right Column: Support Middle East Progress */	
  
#wrapper #page #contentRight #donate {
	background-image: url(images/donate_bkgd.jpg);
	background-repeat: no-repeat;
	height: 89px;
	min-height: 89px !important;
	margin-top: 10px;
  }
  
  
  #wrapper #page #contentRight #support ul#donate_menu {
    list-style-type:none;	
    margin: 10px 10px 0 0px;
    padding: 0;
    text-align: center;
    }

  #wrapper #page #contentRight #support ul#donate_menu li {
  display: inline;
  width: 151px;
  height: 24px;
  min-height: 24px; !important;
  background: url(images/donate_btn.png) no-repeat 0 0;
  padding-top:3px;
  }
  
  #wrapper #page #contentRight #support ul#donate_menu li a {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-decoration:none;
  }
  
  #wrapper #page #contentRight #support ul#donate_menu li a:hover {
  color:#ccc;
  }
  
  .dnt {
  float:left;
	}
	
	.int {
	float: right;
	}
	
/* Right Column: Browse Archives */

#wrapper #page #contentRight #browse-archives {
	padding-top: 0px !important;
	margin-bottom: 10px;
  }
  
#wrapper #page #contentRight #browse-archives ul {
  margin-left: 15px;
}
  
#wrapper #page #contentRight #browse-archives ul li {
/*   margin-left: 10px; */
}
  
#wrapper #page #contentRight #browse-archives ul li.year {
 font-weight: bold;
 margin-left: 0px;
}

#wrapper #page #contentRight #browse-archives ul li a:link, #wrapper #page #contentRight #browse-archives ul li a:visited {
color: #002941;
text-decoration: underline;
}

#wrapper #page #contentRight #browse-archives ul li a:hover, #wrapper #page #contentRight #browse-archives ul li a:active {
color: #002941;
text-decoration: none;
}


/* Right Column: In-Depth Coverage */	  
  
#wrapper #page #contentRight #coverage {
	padding: 0px 10px 20px 10px;
  }
   
  #wrapper #page #contentRight #coverage ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 10px;
    }
  
  #wrapper #page #contentRight #coverage ul li a {
    display: block;
    padding-left: 5px;
    margin-left: 20px;
    text-decoration: none;
    color: #002941;
    font-weight: bold;
    }
  
  #wrapper #page #contentRight #coverage ul li a:hover {
    display: block;
    padding-left: 5px;
    padding-right: 0px;
    margin-right: 0px;
    background-color: #c2c5c8;
    } 
  
  #wrapper #page #contentRight #coverage select {
    margin-left: 20px;
    width:150px;	   
    } 
    
  
/* Right Column: Original Commentaries */	  
    
    /* Right Column: Original Commentaries: Top Section */	
    #wrapper #page #contentRight #comm_top {
		color:#fff;
		background-image:url(images/comm_bkgd_top.jpg);
		background-repeat:no-repeat;
		margin: 0;
		padding-bottom: 2px;
		padding-top: 6px;
		height: 36px;
    } 	
    
       #wrapper #page #contentRight #comm_top h2 {
		display: inline;

		
    } 
    
    #wrapper #page #contentRight #comm_top a {
		color:#fff;
		text-decoration:none;
		font-size: 10px;
		margin-left: 20px;
    }
    
    #wrapper #page #contentRight #comm_top .comm_btn {
    margin-top:-25px;
    margin-right:10px;
    padding: 0 8px 0 0;
    }

      /* Right Column: Original Commentaries: List of Links */	    
      #wrapper #page #contentRight #commentaries {
		  background-color: #7799ac;
		  font-weight: normal;
		  color:#fff;
		  width: 318px;
		 margin: 0px;
      } 
      
      #wrapper #page #contentRight #commentaries a:link, #wrapper #page #contentRight #commentaries a:visited {
      color: #fff;
      }
    
      #wrapper #page #contentRight #commentaries div {
      margin-top:0;
      padding: 0 10px 0px 10px;
      }
      
      #wrapper #page #contentRight #commentaries h2 {
      color:#fff;
      } 
	
		  #wrapper #page #contentRight  #commentaries dl {
			color:#fff;
      margin: 0;
      padding: 0;
			}
			
			#wrapper #page #contentRight  #commentaries dl dt {
			font-weight: bold;
      padding: 5px 0 0 0;
			}
			
      #wrapper #page #contentRight  #commentaries dl dd {
		  padding: 0;
		  margin: 0;
			}
			
			#wrapper #page #contentRight  #commentaries dl dd a {
      color:#fff;
			}
  
    #wrapper #page #contentRight #comm_end {
		background-image: url(images/comm_bkgd_bottom.gif);
		background-repeat:no-repeat;
		height: 15px;
		padding-top: 0;
		} 
		
		
/* Right Column: Lastest Bulletin */

  #wrapper #page #contentRight #latest {
		  background-color: #7799ac;
		  font-weight: normal;
		  color:#fff;
		  width: 318px;
		  margin-top:0;
		  margin-bottom: 0;
      } 
      
      #wrapper #page #contentRight #latest a:link, #wrapper #page #contentRight #latest a:visited {
      color: #fff;
      }
      
     #wrapper #page #contentRight #latest ul li {
	   margin-bottom: 5px;
	   }
	   
	 #wrapper #page #contentRight #latest ul li a:link, #wrapper #page #contentRight #latest ul li a:visited {
	 color: #fff;
	 text-decoration: underline;
	 }
	 
	 #wrapper #page #contentRight #latest ul li a:hover, #wrapper #page #contentRight #latest ul li a:active {
	 color: #fff;
	 text-decoration: none;
	 }
	
/* Right Column: Setting the Record Straight */	
	
	  #wrapper #page #contentRight #strs_top {
		background-image:url(images/STRS_bkgd_top.jpg);
		background-repeat:no-repeat;
		width: 318px;
		margin-bottom: 0;
		padding: 2px 10px 8px 10px;
		} 
		
		#wrapper #page #contentRight #strs_top h2 {
	  font-size:17px;
	  padding-top:5px;
		color:#fff;
		} 
		
		#wrapper #page #contentRight #strs_top .strs_btn {
    margin-top:-25px;
    margin-right:0px;
    padding: 0 0 0 0;
    }

    #wrapper #page #contentRight #strs {
	  background-color: #002941;
	  font-weight: normal;
		color:#fff;
		width: 318px;
		margin-bottom: 0;
		margin-top: -4px;
		} 
  
      #wrapper #page #contentRight  #strs h2 {
		  color:#fff;
		  font-weight: none;
		  font-size: 16px;
		  margin-bottom: 20px;
		  } 
  
  	  #wrapper #page #contentRight  #strs a {
		  color:#fff;
		  text-decoration:none;
		  padding: 0px;
			font-size: 12px;
		  margin-left: 0px;
		  font-style: italic;
		  font-weight: bold;
      } 
  
  	  #wrapper #page #contentRight  #strs h3 {
			margin-bottom: 15px;
      } 
  
      #wrapper #page #contentRight  #strs blockquote {
      font-weight: normal;
      }
  
      #wrapper #page #contentRight #strs_end {
		  background: transparent url(images/strs_bkgd_bottom.gif) top left no-repeat;
		  height: 13px;
		  padding-top: 0;
		  } 


/* Footer */

#wrapper #footer {
	clear: both;
	text-align: center;
	color: #002941;
	padding: 15px 0 25px 0;
	margin: auto;
  }

#wrapper #footer a:link, #wrapper #footer a:visited {
color: #002941;
text-decoration: underline;
}

#wrapper #footer a:hover, #wrapper #footer a:active {
color: #002941;
text-decoration: none;
}
  
/* Entry Styles */

div.entry ul {
margin-bottom: 10px;
}

div.entry h2 {
color: #999;
}

.homepagefeature img {
  margin: 3px;
}

/*Byline Style */

div.byline {
margin: 5px 32px;
font-size: 12px;
font-style: italic;
color: #777;
}

/*Date Style */

div.date {
font-weight: bold;
color: #002941;
}

/* Caption Styles */

div.quote {
	color: #666; 
	font-size: 14px;
	margin-left: 10px; 
	margin-right: 20px;
	padding: 4px 5px 5px 0;
	float: right;
	width: 137px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;;
	border-color: #002941;
	text-align: center;
	padding: 5px;
}

div.quote p {
font-size: 11px;
line-height: 13px;
text-align: left;
color: #002941;
}

/* Navigation */

div.navigation div.alignleft {
float: left;
width: 70px;
margin-right: 15px;
border-style: solid;
border-color: #002941;
border-width: 0px 1px 0px 0px;
}

.searchresults .post { /* individual search result */
  margin-bottom: 12px;
}

  .searchresults .post h3 a:link { /* search result title */
    color: #002941;
  }
  
  .searchresults .post h3 a:visited, .searchresults .post h3 a:hover, .searchresults .post h3 a:active {
    color: #577283;
  }
  
  .searchresults .post small { /* search result date */
    color: #888;
  }
  
  .searchresults .postmetadata {
    color: #555;
  }
  
  .searchresults .postmetadata a:link, .searchresults .postmetadata a:visited, .searchresults .postmetadata a:hover, .searchresults .postmetadata a:active {
    color: #7799ac;
  }
  
/* restore bullets for content area */

.content ul li, .post ul li {
  list-style: disc;
  list-style-type: disc;
}

.content ul.coverage li {
  list-style: none;
  list-style-type: none;
}

.content ul li {
  margin-left: 20px;
}


/* New styles for the blog reformatting, June 2011 */
.blog-listing {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.addthis_toolbox {
  float: right;
  width: 88px;
}

#content_left .navigation {
  border-top: 1px solid #DDDDDD;
  margin-left: 30px;
  padding-top: 10px;
  text-align: center;
}

#content_left .navigation div {
  border-right: 0px;
  width: 93px;
  font-size: 1.1em;
}

#content_left .navigation .alignleft {
  float: left;
}
#content_left .navigation .alignright {
  float: right;
}

.single-blog-post {
  margin-top: 0 !important;
}
.single-blog-post .byline {
  margin-left: 0px;
}

.blog-listing input,
.single-blog-post input {
  margin: 8px;
}

.content blockquote {
  margin: 10px 50px;
}