/*
Theme Name: WordPress Hiiraanweyn
Theme URI: http://hiiraanweyn.com
Author: 4ColorGrafix
Author URI: www.4ColorGrafix.net
Description: A WordPress theme for Hiiraanweyn.

*/

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
img {
	border-style: none;
	display: block;
}
p {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	/*background: #3184FF;*/
	background:#B0F1FF;
}
h1 {
	color: #000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 26px;
	margin-bottom: 15px;
	letter-spacing: -1px;
}
h2 {
	color: #333333;
	font: normal 18px/14px "Trebuchet MS", Arial, Verdana, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	/*border-bottom: 1px solid #99CC00;*/
	margin-bottom: 10px;
}
a, a:link {
	color: #00f;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #00f;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #00f;
	text-decoration: underline;
}
a:focus {
	color: #00f;
	outline: none;
}
a:active {
	color: #00f;
	outline: none;
}
#headerWrapper {
	padding: 0px 0px 0px 0px;
	
}
#header {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	text-align: left;
	height: 123px;
	background: #E5EEF4;
}
#logo {
	float: left;
}
#tagline {
	text-align: right;
	padding-right: 10px;
	padding-top: 0px;
	height: 28px;
	padding-bottom: 0px;
	float: left;
	font-size: 13px;
	line-height: 28px;
	font-weight: bold;
}
#nav {
	float: right;
	clear: right;
}
#nav ul {
	margin: 90px 0px 0px 0px;
	padding: 0px;
}
#nav ul li {
	margin: 0px;
	display: block;
	float: left;
	list-style: none;
	clear: right;
}
#nav ul li a {
	font: bold 18px/25px "Trebuchet MS", Arial, Verdana, sans-serif;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	color: #999999;
}
#nav ul li a:hover {
	background: url(images/nav-hover.jpg) repeat-x top;
	text-decoration: none;
	color: #99CC00;
}
#nav ul li#active {
	background: url(images/nav-hover.jpg) repeat-x top;
	text-decoration: none;
}
#nav ul li#active a {
	color: #FFFFFF;
}
#outerWrapper {
	margin: 0 auto 15px;
	text-align: left;
	width: 997px;
	background: #FFFFFF;
}
#featureWrapper {
	background: url('images/feature-wrap-fade.jpg') repeat-x top;
	text-align: left;
}
#featureWrapper #feature {
	background: url('images/feature-fade.jpg') repeat-x top;
	margin: 0px auto;
	height: 233px;
	width: 920px;
}
#feature .feature-title {
	color: #FFFFFF;
	padding-top: 20px;
	padding-left: 25px;
	font: normal 26px/28px "Trebuchet MS", Arial, Verdana, sans-serif;
	letter-spacing: -1px;
}
#feature .feature-text {
	font-size: 18px;
	font-weight: bold;
	color: #EFFFBF;
	padding-top: 10px;
	padding-left: 30px;
	line-height: 20px;
}
#feature li {
	padding-bottom: 7px;
	color: #000000;
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
}
#feature ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#outerWrapper #contentWrapper #leftColumn1 {
	float: right;
	padding: 20px 10px 10px 15px;
	width: 195px;
	line-height: 18px;
}
#external ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#external ul li {
	list-style-image: url(images/arrow.gif);
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}
.sidebarlt {
	padding: 10px;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	margin-bottom: 15px;
	text-align: center;
}
.sidebardk {
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #000000;
	padding: 10px;
	margin-bottom: 15px;
}
.sidebardk a, .sidebardk a:hover, .sidebardk a:visited, sidebardk a:active {
	color: #FFFFFF;
}
.sidebarbox {
	background: url('images/sidebox-fill.gif') repeat-y left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.sidebarbox p {
	margin: 0px;
	padding: 0px;
}
.sidebarboxtop {
	background: url('images/sidebox-top.gif') no-repeat left top;
	padding: 12px 10px 0px;
}
.sidebarboxbottom {
	background: url('images/sidebox-bottom.gif') no-repeat left bottom;
	height: 13px;
}
#footer {
	background: #E5EEF4;
	margin: 0px;
	padding: 7px 5px;
	width: 990px;
	clear: both;
	color: #0000FF; 
	font-size:18px;
}
.fltlft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.fltrt {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#credit {
	text-align: center;
	background: #000000;
	color: #999999;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 11px;
}
#credit a, #credit a:hover, #credit a:visited, #credit a:active, #credit a:focus {
	color: #999999;
}
#col1 {
	float: left;
	width: 800px;
}
#highlights {
	float: left;
	width: 620px;
	background: #eeeeee;
	margin: 0px;
	padding: 10px;
	font-size: 16px;
}
#highlights2 {
	float: left;
	width: 580px;
	background: #eeeeee;
	margin: 0px;
	padding: 30px;
	font-size: 18px;
	line-height: normal;
}
#external {
	float: left;
	width: 130px;
	text-align: center;
	padding: 0px 7px;
	margin: 0px;
	background: #3366CC;
	font-size:12px;
}
#external2 {
	float: left;
	width: 130px;
	text-align: center;
	padding: 0px 7px;
	margin: 0px;
	background: #3366CC;
	font-size:12px;
}
#external a, #external2 a {
	color:#000000;
}
#english {
	float: left;
	background: #eeeeee;
	width: 280px;
	height: 450px;
	padding: 10px;
	overflow: hidden;
	border-bottom: 1px solid #560B05;
	border-top: 1px solid #560B05;
	font-size: 18px;

}
#tv {
	float: left;
	background: #eeeeee;
	width: 479px;
	border-left: 1px solid #560B05;
	height: 450px;
	padding: 10px;
	overflow: hidden;
	border-top: 1px solid #560B05;
	border-bottom: 1px solid #560B05;
	font-size: 18px;
}
#tv object {
	width: 450px;
	height: 350px;
}
#tv embed {
	width: 450px;
	height: 350px;
}
#maqaal {
float: left;
	width: 247px;
	height: 700px;
	padding: 10px;
	background:#eeeeee;
	font-size: 14px;
	overflow: hidden;
}
#saalmo {
	float: left;
	width: 246px;
	height: 700px;
	border-left: 1px solid #560B05;
	padding: 10px;
	background:#eeeeee;
	font-size: 14px;
	overflow: hidden;
}
#wareysiyo {
	float: left;
	width: 245px;
	height: 700px;
	border-left: 1px solid #560B05;
	padding: 10px;
	background:#eeeeee;
	font-size: 14px;
	overflow: hidden;
}
#qisooyin {
	border-top: 1px solid #560B05;
	float: left;
	width: 780px;
	height: 700px;
	padding: 10px;
	background:#eeeeee;
	font-size: 14px;
	overflow: hidden;
}
#maqaal2 {
float: left;
	width: 179px;
	height: 1400px;
	padding: 10px;
	background:#eeeeee;
	font-size: 14px;
	overflow: hidden;
}
#saalmo2 {
	float: left;
	width: 179px;
	height: 1400px;
	border-left: 1px solid #560B05;
	padding: 10px;
	background:#eeeeee;
	font-size: 14px;
	overflow: hidden;
}
#wareysiyo2 {
	float: left;
	width: 179px;
	height: 1400px;
	border-left: 1px solid #560B05;
	padding: 10px;
	background:#eeeeee;
	font-size: 14px;
	overflow: hidden;
}
#qisooyin2 {
	border-left: 1px solid #560B05;
	float: left;
	width: 180px;
	height: 1400px;
	padding: 10px;
	background:#eeeeee;
	font-size: 14px;
	overflow: hidden;
}
#col2 {
	padding: 0px 5px 0px 0px;
	width: 159px;
	float: left;
	text-align: center;
	font-size: 18px;
	border-left: 1px solid #560B05;
	background: #58A1FF;	
}
#innercol2 {
	padding: 0px 0px 0px 25px;
	font-size:14px;
}
#innercol2 img {
	width: 150px;
	height: 150px;
}
#col2a {
	padding: 0px 5px 0px 0px;
	width: 109px;
	float: left;
	text-align: center;
	font-size: 18px;
	border-left: 1px solid #560B05;
	background: #58A1FF;	
}
#flash {
	width: 800px;
	height: 150px;
	margin: 0px 0px;
	background: #aaaaaa;
	color: #FFFFFF;
}
.heading {
	background: #560B05;
	color: #FFFFFF;
	padding: 4px 5px;
	font-size: 16px; 
	font-weight: bold; 
}
#Container {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 25px;
	background: url('images/newbg.gif') repeat-y;
}
#full {
	width: 350px;
	float: left;
	padding: 10px;
	background:#eeeeee;
	font-size: 18px;
	
}
#full img {
	width: 340px;
	height: 227px;
	padding: 20px 0px 10px 10px;
}
#pics img {
	width: 360px;
	height: 81px;
	padding: 0px;
}
#thumb {
	float: left;
	width: 230px;
	border-left: 1px solid #560B05;
	padding: 18px 0px 0px 10px;
	margin: 0px 0xp 30px 0px;
	font-size: 14px;
	text-align: left;
	background: #eee;
}
#thumb img {
	float: left;
	width: 70px;
	height: 70px;
	padding: 5px 5px 5px 15px;
}
#paginate-headImage {
	width: 340px;
	height: 30px;
	font-size: 12px;
	background: #58A1FF;
	margin: 3px auto;
	vertical-align: bottom;
}
#paginate-headImage li {
	float: left;
	list-style: none;
	display: block;
	background: #ffffff;
	margin: 5px 13px;
}
#paginate-headImage a {
	padding: 6px;
	text-decoration: none;
}
#paginate-headImage a:hover {
	background: #0000ff;
	color: #ffffff;
}
#paginate-headImage #reverse a {
background: #0000ff;
	color: #ffffff;
}

#headImage {
	height: 400px;
}

.postmetadata {
	padding: 20px 0px 15px 0px;
}
#cols4 {
width: 802px;
background: url('images/newbgMain.gif') repeat-y;
}

/*==============================================================================

	Adapted from GRC.COM
	
	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

                      PUBLIC DOMAIN CONTRIBUTION NOTICE							 
   This work has been explicitly placed into the Public Domain for the
	benefit of anyone who may find it useful for any purpose whatsoever.
	
==============================================================================*/



 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	padding:0;
	border:0;
	height:30px;                                  /* the menu's overall height */
	width:800px;         /* we always want our menu to fill the available space */
	background:#3366FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;         /* this (and also below) sets the menu's font size */
	color: #ffffff;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	margin:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
	color: #ffffff;
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	color: #ffffff;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:18px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

#research {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
	color: #ffffff;
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:20px;
	color: #ffffff;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border-top:1px solid #560B05;    /* these 2 lines create the push-in illusion */
	height:18px;
	color: #ffffff;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:30px;              /* place us just up underneath the top-level images */
	left:0px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:6em;
	color:#ffffff;                        /* this sets the unselected-text color */
	background:#741F22;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
	width:400px;      /* with a 12px default font, this is 228px width (228/12) */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#fff;               /* this sets the unselected drop-down text color */
	background:#741F22;       /* this sets the drop-down menu background color */
	width:6em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:#A21307;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:8.08333em;
	width:14em;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:14em;
	background:#d8d8d8;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:14em;
	background:white;
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */

.navigation {
	display: block;
	width: 530px;
	text-align: center;
	height: 25px;
	margin: 0px 10px 20px 20px;
	padding: 5px;
	background: #ddd;
	font-size: 16px;
	}
	
#cse-search-results iframe { 
	width: 600px;
}

.alignright {
	float: right;
}
.alignleft {
	float: left;
}