/* This stylesheet for on-screen display in all modern browsers (not Netscape 4)
 */

/* Master Font/Size Definitions
 * First set the base font for all browsers */
body {font-family:arial,sans-serif;color:#333333; background-color: white; margin-top: 5px; margin-right: 0px; margin-left: 0px; margin-bottom: 5px;}
/* Set the base font size for standards compliant browsers */
body {font-size:78%; }
/* Only IE 5-6 will recognize the following rule - it incorrectly assumes html is a child of the
 * universal selector.  Technically html has NO parent. Now we can feed a different base font
 * size to IE to fix its font-size discrepencies.*/
* html body {font-size:80%}
/* Now allow IE/Win & quirky browsers to inherit font-size into tables & form elements */
body table,select,option,input,textarea {font-size:100%;}

/*  HTML styles  */

/*  Color Reference:

dark blue: 003399
light blue: 4189dd
*/


img {
	border-color: #666666;
}
h3 {
	font-size: 110%;
	font-weight: 900;
	margin-bottom: 0px;
}

/* TEXT TREATMENT CLASSES */

/* Header */

#header {
	float: left;
	width: 930px;
	height: 70px;
	background-color: #ffffff;
	background-image: url('images/somaliareport_header_2011.gif');
	background-repeat: no-repeat;
	background-position: 40%, 0
}

/* ticker heads should maybe be graphic, but above specs should be used for HTML fall back */


/* Left Column */
.subcatnav {font-size:0.9em; color:#333333;line-height:120%;}
.subcatnav a:link {color:#333333;text-decoration:none;}
.subcatnav a:visited {color:#333333;text-decoration:none;}
.subcatnav a:hover {color:#00267f;text-decoration:none;}
.subcatnav a:active {color:#00267f;text-decoration:none;}
.subcatnavtrue {font-size:0.9em; color:#00267f;font-weight:bold;}
.subcatnavtrue a:link {color:#00267f;text-decoration:none;}
.subcatnavtrue a:visited {color:#00267f;text-decoration:none;}
.subcatnavtrue a:hover {color:#00267f;text-decoration:none;}
.subcatnavtrue a:active {color:#00267f;text-decoration:none;}
/* background color = #fac261 */

.archivehead {font-size:0.9em; color:#ffffff; padding-top: 2px;} /* same as catnav */
.archivenav {font-size:0.9em; color:#333333;line-height:120%;}
.archivenav a:link {color:#333333;text-decoration:none;}
.archivenav a:visited {color:#333333;text-decoration:none;}
.archivenav a:hover {color:#00267f;text-decoration:none;}
.archivenav a:active {color:#00267f;text-decoration:none;}
.archivenavtrue {font-size:0.9em; color:#00267f; font-weight:bold;}
/* Archive nav labels' bullets should always stay #333333  */

.leftnavhead {font-family:helvetica; font-size:1.0em; color:white; font-weight:bold; letter-spacing:0.1em;line-height:150%;}
.leftnavlink {font-size:0.9em; color:white;line-height:130%;}
.leftnavlink a:link {color:white;text-decoration:none;}
.leftnavlink a:visited {color:white;text-decoration:none;}
.leftnavlink a:hover {color:#FAC261;text-decoration:none;}
.leftnavlink a:active {color:#FAC261;text-decoration:none;}
.leftnavtrue {font-size:0.9em; color:#00267f; font-weight:bold;}

.contacttight {font-size:0.8em; color:#333333; letter-spacing:-0.1em; line-height:130%;}
.contactnormal {font-size:0.8em; color:#333333; line-height:130%;}
.contactnormal a:link {color:#333333;text-decoration:none;}
.contactnormal a:visited {color:#333333;text-decoration:none;}
.contactnormal a:hover {color:#00267f;text-decoration:none;}
.contactnormal a:active {color:#00267f;text-decoration:none;}


/* Right Column */

.rightlinkhead { font-size:1.1em; color:#ffffff;line-height:140%; background-color: #00267f; 	padding-left: 18px;}
.leftlinkhead { font-size:1.1em; color:#ffffff;line-height:140%; background-color: #00267f; 	padding-left: 7px;}
.leftlinkheadfree { font-size:1.1em; color:#ffffff;line-height:140%; background-color: #049005; 	padding-left: 7px;}
.rightlinkhead b {font-weight:bold;}


.somaliatickerhead b {font-weight:bold;}
.somaliatickernav {font-size:0.9em; color:#333333; width:150px; margin-top: 3px; float: left;}
.somaliatickernav a:link {color:#333333;text-decoration:none;}
.somaliatickernav a:visited {color:#333333;text-decoration:none;}
.somaliatickernav a:hover {color:#FAC261;text-decoration:none;}
.somaliatickernav a:active {color:#FAC261;text-decoration:none;}
.somaliatickerbullet {font-size:0.9em; color:#000000; width: 11px; float: left; padding-left: 7px; margin-top: 3px;}
/* bullets should use single right arrow bracket › and always stay #333333, and linespace between bullets should be slightly greater than within items  */


/* Main Column */

.postcallout {font-family:helvetica;  font-size:1.0em; color:#049005; font-weight:bold; text-transform:uppercase; margin-top: 4px;}

.postheadline { font-family:helvetica; font-size:1.5em; color:#000000;font-weight:bold; clear: both;}
.postheadline a:link {color:#000000;text-decoration:none;}
.postheadline a:visited {color:#000000;text-decoration:none;}
.postheadline a:hover {color:#00267f;text-decoration:none;}
.postheadline a:active {color:#00267f;text-decoration:none;}

.postsubheadline {font-family:helvetica;  font-size:1.0em; color:#00267f; font-weight:bold; margin-top: 2px;}
.postsubheadline a:link {color:#00267f;text-decoration:none;}
.postsubheadline a:visited {color:#00267f;text-decoration:none;}
.postsubheadline a:hover {color:#00267f;text-decoration:none;}
.postsubheadline a:active {color:#00267f;text-decoration:none;}

.postbyline {font-size:0.8em; color:#808080;}
.postbyline a:link {color:#808080;text-decoration:none;}
.postbyline a:visited {color:#808080;text-decoration:none;}
.postbyline a:hover {color:#00267f;text-decoration:none;}
.postbyline a:active {color:#00267f;text-decoration:none;}

.postdatetime {font-size:0.8em; color:#808080;} /* same as .postbyline */

.posttext {font-size:1.0em; color:#333333;line-height:130%; margin-top: 8px; margin-right: 14px;}
.postlocation {font-size:1.0em; color:#333333; font-weight:bold; text-transform:uppercase; line-height:130%}
.postsource {font-size:1.0em; color:#333333;line-height:130%}
.postparagraphhead {font-size:1.0em; color:#333333; font-weight:bold; line-height:130%}
.postphotocredit {font-size:0.8em; color:#808080; line-height:130% }
.postphotocaption {font-size:0.8em; color:#00267f; line-height:90% }
.captionspace {margin-top: 2px; margin-bottom: 2px;}

.postmisclinks {font-size:0.8em; color:#00267f; clear: left; padding-top: 6px;} /* Permalink, Topics, Email This found below full posts */
.postmisclinks a:link {color:#00267f;text-decoration:underline;}
.postmisclinks a:visited {color:#00267f;text-decoration:underline;}
.postmisclinks a:hover {color:#333333;text-decoration:underline;}
.postmisclinks a:active {color:#333333;text-decoration:underline;}


.praedictbox {
	float: left;
	width: 106px;
	margin-left: 3px;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	padding: 7px;
}

/* Post Hypertext Styles */

a:link{color:#00267f;text-decoration: none;}
a:visited{color:#00267f;text-decoration: none;}
a:hover {color: #049005;text-decoration: none;}
a:active{color:#00267f;text-decoration: none;}


/* PageType-Specific Classes */

.homepage_featurewritername {font-size:0.8em; color:#333333;font-weight:bold;margin-top:2px;margin-left: 8px;}
.homepage_featurewritername a:link {color:#333333;text-decoration:none;}
.homepage_featurewritername a:visited {color:#333333;text-decoration:none;}
.homepage_featurewritername a:hover {color:#333333;text-decoration:none;}
.homepage_featurewritername a:active {color:#333333;text-decoration:none;}

.homepage_featurecategoryhead {font-family:helvetica;
  font-size:1.1em;
 color:#333333;
 line-height:90%;
 margin-left: 8px;
}
.homepage_featurecategoryhead_solo { font-family:helvetica;
 font-size:1.1em;
 color:#333333;
 line-height:90%;
 margin-top: 8px;
margin-left: 8px;
}
.homepage_featurecategoryhead b {font-weight:bold;}
.homepage_featurecategoryhead a:link {color:#333333;text-decoration:none;}
.homepage_featurecategoryhead a:visited {color:#333333;text-decoration:none;}
.homepage_featurecategoryhead a:hover {color:#333333;text-decoration:none;}
.homepage_featurecategoryhead a:active {color:#333333;text-decoration:none;}

.homepage_featureheadline {} /* same as .postheadline, also all a: states */
.homepage_featuresubheadline {} /* same as .postsubheadline, also all a: states */

.homepage_teaserheadline {font-family:helvetica; font-size:1.2em; color:#000000;font-weight:bold; width:290px;}
.homepage_teaserheadline a:link {color:#000000;text-decoration:none;}
.homepage_teaserheadline a:visited {color:#000000;text-decoration:none;}
.homepage_teaserheadline a:hover {color:#00267f;text-decoration:none;}
.homepage_teaserheadline a:active {color:#00267f;text-decoration:none;}

.homepage_teasersubheadline {font-size:1.0em; color:#333333;line-height:130%}
.homepage_teasersubheadline a:link {color:#333333;text-decoration:none;}
.homepage_teasersubheadline a:visited {color:#333333;text-decoration:none;}
.homepage_teasersubheadline a:hover {color:#00267f;text-decoration:none;}
.homepage_teasersubheadline a:active {color:#00267f;text-decoration:none;}

.homepage_teasercallout {font-size:0.9em; color:#049005; font-weight:bold; text-transform:uppercase;}

.homepage_datetime {font-size:0.8em; color:#00267f; width: 320px; float: left; padding-top: 2px;}
.homepage_featuredatetime {font-size:0.8em; color:#00267f; width: 240px; float: left; padding-top: 8px; margin-left:0px;}
.postdate_more {margin-top: 10px; float: left; width: 390px;}

.categorypage_headline {
	font-family:helvetica;
 	 font-size:1.75em;
	 color:#ffffff;
	margin-bottom: 6px;
	margin-top: 6px;
	 width: 144px;
	 height: 36px;
}
.categorypage_headline b {font-weight:bold;}


/* Category-Specific Classes */
.HomeLAND       {text-indent: -9000px; background-repeat: no-repeat; overflow: hidden; background-image: url('header_images/HomeLAND.gif');                                   }
.WorldBEAT      {text-indent: -9000px; background-repeat: no-repeat; overflow: hidden; background-image: url('header_images/WorldBEAT.gif');                                  }
.PiracyREPORT   {text-indent: -9000px; background-repeat: no-repeat; overflow: hidden; background-image: url('header_images/PiracyREPORT.gif');                               }
.StreetFIGHT    {text-indent: -9000px; background-repeat: no-repeat; overflow: hidden; background-image: url('header_images/StreetFIGHT.gif');                                }
.MediaMONITOR   {text-indent: -9000px; background-repeat: no-repeat; overflow: hidden; background-image: url('header_images/MediaMONITOR.gif');                               }
.PolicyWATCH    {text-indent: -9000px; background-repeat: no-repeat; overflow: hidden; background-image: url('header_images/PolicyWATCH.gif');                                }
.ReliefSCENE    {text-indent: -9000px; background-repeat: no-repeat; overflow: hidden; background-image: url('header_images/ReliefSCENE.gif');                                }
.StatCRUNCH     {text-indent: -9000px; background-repeat: no-repeat; overflow: hidden; background-image: url('header_images/StatWATCH.gif');                                  }
.Jobs           {text-indent: -9000px; background-repeat: no-repeat; overflow: hidden; background-image: url('header_images/Jobs.gif');                                  }
.Background     {text-indent: -9000px; background-repeat: no-repeat; overflow: hidden; background-image: url('header_images/Background.gif');                                  }
.Somali         {text-indent: -9000px; background-repeat: no-repeat; overflow: hidden; background-image: url('header_images/SomaliLanguage.gif'); }
.Horn24/7       {background-color: #000000;}
.AboutUs        {background-color: #af4104;}

.categorypage_headline.HomeLAND         {}
.categorypage_headline.WorldBEAT        {}
.categorypage_headline.PiracyREPORT     {}
.categorypage_headline.StreetFIGHT      {}
.categorypage_headline.MediaMONITOR     {}
.categorypage_headline.PolicyWATCH      {}
.categorypage_headline.ReliefSCENE      {}
.categorypage_headline.StatCRUNCH       {}
.categorypage_headline.Somali           {}

/* Maurice - I bet you can do this more efficiently - each category has a unique color, as stated in the color
reference above. If not, there should be eight sets of this class referencing each category. */

.categorypage_subcatheadline {font-family:helvetica; font-size:1.5em;font-weight:bold;}
.categorypage_subcatheadline a:link {color:#049005;text-decoration:none;}
.categorypage_subcatheadline a:visited {color:#049005;text-decoration:none;}
.categorypage_subcatheadline a:hover {color:#049005;text-decoration:none;}
.categorypage_subcatheadline a:active {color:#049005;text-decoration:none;}

/* End Category-Specific Classes */
.scHomeLAND  {color: #049005;}
.scWorldBEAT  {color: #09b7aa;}
.scPiracyREPORT  {color: #e59100;}
.scStreetFIGHT  {color: #df0010;}
.scMediaMONITOR  {color: #1c1ca0;}
.scPolicyWATCH  {color: #7a06b7;}
.scReliefSCENE  {color: #af4104;}
.scStatCRUNCH  {color: #003399;}
.scJobs  {color: #003399;}
.scBackground  {color: #003399;}
.scHorn24/7  {color: #000000;}


.categorypage_featureheadline {}  /* same as .postheadline, also all a: states */
.categorypage_featuresubheadline {}  /* same as .postsubheadline, also all a: states */
.categorypage_featuredatetime {}  /* same as .homepage_datetime */
.categorypage_featurecallout {
	font-family:helvetica;
	font-size:1.3em;
	color:#049005;
	font-weight:bold;
	text-transform:uppercase;
	line-height:90%;
	width: 140px;
	float: right;
	text-align: right;
	padding-top: 5px;

}  /* same as .homepage_featurecallout */
.categorypage_featurebyline {} /* same as .postbyline, also all a: states */

.subcategorypage_headline_cat {font-family:helvetica; font-size:20px; color:#ffffff;} /* same as .categorypage_headline */
.subcategorypage_headline_cat b {font-weight:bold;} /* same as .categorypage_headline b */
.subcategorypage_headline_colon {color:#F9A30B;}
.subcategorypage_headline_subcat {font-family:helvetica; font-size:1.9em; color:#ffffff;}

.subcategorypage_featurecallout {} /* same as .postcallout */
.subcategorypage_featureheadline {} /* same as .postheadline, also all a: states */
.subcategorypage_featuresubheadline {} /* same as .postsubheadline, also all a: states */
.subcategorypage_featurebyline {}  /* same as .postbyline, also all a: states */
.subcategorypage_featuretimedate {}  /* same as .homepage_datetime */


.archivepage_archiveheadline {font-family:helvetica; font-size:1.7em; color:#666666;}
.archivepage_archiveheadline_colon {font-family:helvetica; font-size:18px; color:#e59100;}
.archivepage_archiveheadline_month {font-family:helvetica; font-size:16px; color:#666666;}

.permalinkpage_relatedpostshead {font-family:helvetica; font-size:1.1em; color:#ffffff;line-height:140%; padding: 3px; margin-top: 5px; margin-bottom: 5px;}
.permalinkpage_relatedpostshead b {font-weight:bold;}

.topicspage_headline {font-family:helvetica; font-size:2.4em; color:#333333;}
.topicspage_headline_colon {font-family:helvetica; font-size:24px; color:#e59100;}
.topicspage_headline_topic {font-family:helvetica; font-size:1.9em; color:#333333;}


.writerpage_headline {font-family:helvetica; font-size:2.4em; color:#333333;} /* same as .topicspage_headline */
.writerpage_headshot {float: left; margin-right: 5px; margin-top: -1px;} /* same as .topicspage_headline */

.viewby_label {font-size:0.8em; color:#666666;}

.postlists_postheadline {font-size:0.9em; color:#000000;font-weight:bold;}
.postlists_postheadline a:link {color:#000000;text-decoration:none;}
.postlists_postheadline a:visited {color:#000000;text-decoration:none;}
.postlists_postheadline a:hover {color:#00267f;text-decoration:none;}
.postlists_postheadline a:active {color:#00267f;text-decoration:none;}

.postlists_postsubheadline {font-size:0.9em; color:#00267f;}
.postlists_postsubheadline a:link {color:#00267f;text-decoration:none;}
.postlists_postsubheadline a:visited {color:#00267f;text-decoration:none;}
.postlists_postsubheadline a:hover {color:#00267f;text-decoration:none;}
.postlists_postsubheadline a:active {color:#00267f;text-decoration:none;}

.postlists_postcategorysubcategory {font-size:0.9em; color:#666666;}
.postlists_postcategorysubcategory a:link {color:#666666;text-decoration:none;}
.postlists_postcategorysubcategory a:visited {color:#666666;text-decoration:none;}
.postlists_postcategorysubcategory a:hover {color:#00267f;text-decoration:none;}
.postlists_postcategorysubcategory a:active {color:#00267f;text-decoration:none;}

.postlists_postcallout {font-size:0.9em; color:#049005; font-weight:bold; text-transform:uppercase; float: right; text-align:right}

.postlists_bullet {font-size:0.9em; color:#000000; width: 8px; float: left; padding-left: 5px; height: 1.5em;}

.postlists_bullet3 {font-size:0.9em; color:#000000; width: 8px; float: left; padding-left: 5px; height: 2.3em;}


.inlineTable { font-size: 1em; font-family: arial,sans-serif; color:#333333; }
.itdborder { border-bottom: 1px solid #cccccc; padding-bottom: 2px;}
.itdbold { font-weight: bold; color:#333333; }
.itd {padding-left: 5px; padding-right: 5px; padding-top: 4px;}
.itdsmall {font-size: 0.8em;}

.more {width: 14px; float: left;}

#searchinput {
	margin-left: 6px;
	height: 16px;
	width: 100px;
}
#thirdcolumn {
	text-align: left;
	width: 180px;
	/*margin-left: 420px;*/
	margin-left: 619px;
	position: absolute;
	z-index: 10;

}
#thirdcolumn_content {
	float: right;
	text-align: left;
	background-color:#fac261;
	width: 180px;
	overflow: hidden;
	height:100%;
}
#thirdcolumn_tab {
	background-image: url('images/tab2_past7.png');
	height: 52px;
	width: 126px;
	cursor: pointer;
	float: right;

}
/*
#fourthcolumn {
	text-align: left;
	width: 180px;
	margin-left:488px;
	position: absolute;
}
#fourthcolumn_content {
	float: right;
	text-align: left;
	background-color:#4189DD;
	width: 180px;
	overflow: hidden;
}
#fourthcolumn_tab {
	background-image: url('images/tab2_news.png');
	height: 31px;
	width: 74px;
	cursor: pointer;
	float: right;
}
*/

#map_column {
	text-align: left;
	width: 600px;
	position: absolute;

	z-index: 15;
}
#map_content {
	text-align: left;
	background-color:#F9F8E4;
	width: 600px;
}
#map_tab {
	background-image: url('images/tab2_map.png');
	height: 38px;
	width: 93px;
	/*margin-left: 400px;*/
	margin-left: 460px;
	cursor: pointer;
	float: left;
}
#map_buffer { /* adds padding to get us around that third column tab. */
	/*height: 54px;*/
	width: 500px;
}
#map_canvas {
	height: 500px;
	width: 600px;
}


a.navbar_rss {
	color: #FAC261;
}
.rsstextlink {
	position: relative;
	margin-left: 4px;
	top: -6px;
}