/*
Theme Name: Developing-8
Theme URI: http://www.rajasa.com/
Description: Theme specifically designed for Developing 8 Countries
Version: 1.0
Author: Bima Satria
Author URI: http://bimasatria.com/
Tags: teal, flash, news
*/



body {
  background: #e6e6e6 url('images/bg-body.jpg') top center repeat-y;
  font:12px/1.5 Verdana,Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
  margin: 0;
  padding: 0;
}

#header {
  background: url('images/bg-header.jpg') top left repeat-x;
  height: 112px;
}

h1, h2, h3 {
  font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
}

h2 {
  text-transform: uppercase;
  color: #a03e3e;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}

h3 {
  color: #0d6164;
  font-size: 25px;
  margin-bottom: 10px;
  font-family: Georgia, Times, 'Times New Roman';
  line-height: 1.2em;
  font-weight: normal;
}

h4 {
  font-weight: bold;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

h2 a, h2 a:visited {
  color: #a03e3e;
  margin-bottom: 10px;
  font-weight: bold;
  text-decoration: none;
}

h3 a, h3 a:visited {
  text-decoration: none;
  color: #0d6164;
}

.alignleft {
  float: left;
  display: inline;
}

.alignright {
  float: right;
  display: inline;
}

img.alignleft {
  margin: 5px 10px 10px 0;
}

img.alignright {
  margin: 5px 0 10px 10px;
}

.clearer {
  clear: both;
  line-height: 0;
  font-size: 0;
  height: 1px;
}

.spacer {
  background: #fff;
  height: 10px;
  clear: both;
}

table {

}

table tr {
  
}

table tr td {
  border: solid 1px #333;
  border-collapse: collapse;
}

#sidebar table tr td {
  border-width: 0;
}

table.noborder tr td {
  border-width: 0;
}

.post p, .post span, .post p.msoInfo, .post font {
  font-family: Verdana, Helvetica, Arial !important;
  font-family: Verdana, Helvetica, Arial;
  font-size: 12px !important;
  font-size: 12px;
}

/* Header */
#header {
  
}
#header #logo {
  
}
#header #logo img, #header #logo .flash {
  margin-left: 9px;
}
#header #logo a img {
  border: 0;
}

#header #logo a {
  background: none;
}

#header #flags img {
  margin: 10px 0 0 0;
}
#header #search {
  text-align: right;
  padding-top: 10px;
}

#header #search .inputText {
  border-width: 0;
  width: 160px;
  
} 

#header #search .inputSubmit {
  background: #307b7e;
  color: #fff;
  text-transform: uppercase;
  border: none;
  font-size: 10px;
  padding: 3px 5px;
  margin-right: 10px;
  vertical-align: middle;
}

/* Main Menu and Tools Menu */
#main-menu {
  background: #fff url('images/bg-menu.jpg') top left repeat-x;
  height: 30px;
  font-family: Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
  z-index: 50;
}

#main-menu ul {
  margin: 0;
  padding: 0;
}

#main-menu ul#tools {
  margin-top: 3px;
  padding-right: 10px;
}

#main-menu ul#tools li {
  float: right;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#main-menu ul#tools li a, #main-menu ul#tools li a:visited {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 4px 10px 4px 28px;
  margin-left: 5px;
}

#main-menu ul#tools li#rss a, #main-menu ul#tools li#tools a:visited {
  background: #97c3c4 url('images/icon-rss.jpg') 5px 5px no-repeat;
}

#main-menu ul#tools li#stats a, #main-menu ul#tools li#stats a:visited {
  background: #97c3c4 url('images/chart.png') 5px 5px no-repeat;
}

#main-menu ul#tools li#forum a, #main-menu ul#tools li#forum a:visited {
  background: #97c3c4 url('images/ot.png') 5px 5px no-repeat;
}

#mc_menu_1, #mc_menu_1 * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size: 11px;
}
#mc_menu_1 {
	line-height:	1.0;
	z-index: 50;
}
#mc_menu_1 ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}

#mc_menu_1 ul ul {
  width: 17em;
}

#mc_menu_1 ul li {
	width:			100%;
}
#mc_menu_1 li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#mc_menu_1 li {
	float:			left;
	position:		relative;
	z-index: 51;
}
#mc_menu_1 a {
	display:		block;
	position:		relative;
}
#mc_menu_1 li:hover ul,
#mc_menu_1 li.sfHover ul {
	left:			0;
	top:			2.3em; /* match top ul list item height */
	z-index:		99;
}
ul#mc_menu_1 li:hover li ul,
ul#mc_menu_1 li.sfHover li ul {
	top:			-999em;
}
ul#mc_menu_1 li li:hover ul,
ul#mc_menu_1 li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#mc_menu_1 li li li:hover ul,
ul#mc_menu_1 li li li.sfHover ul {
	left:			17em; /* match ul width */
	top:			0;
}
ul#mc_menu_1 li li:hover li ul,
ul#mc_menu_1 li li.sfHover li ul {
	top:			-999em;
}
ul#mc_menu_1 li li li:hover ul,
ul#mc_menu_1 li li li.sfHover ul {
	left:			17em; /* match ul width */
	top:			0;
}
ul#mc_menu_1 li li li li:hover ul,
ul#mc_menu_1 li li li li.sfHover ul {
	left:			17em; /* match ul width */
	top:			0;
}
/*** Menu Skin ***/
#mc_menu_1 {
	float:			left;
	margin-bottom:	1em;
}
#mc_menu_1 a {
	padding: 		.7em 1em;
	text-decoration: none;
}
#mc_menu_1 a, #mc_menu_1 a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#333;
}
#mc_menu_1 li {
	background: url('images/bg-menu-item.jpg') bottom left repeat-x;
	margin-top: 4px;
}
#mc_menu_1 li li {
	background:		#b3e6e7;
	margin-top: 0;
}
#mc_menu_1 li li li {
	background:		#b3e6e7;
	margin-top: 0;
}
#mc_menu_1 li:hover, #mc_menu_1 li.sfHover,
#mc_menu_1 a:focus, #mc_menu_1 a:hover, #mc_menu_1 a:active {
	background:		#fff;
	outline:		0;
}
 
/* Flash News */
#flash-news {
  padding: 10px 0;
  background: #fff;
  /* z-index: -102; */
}

#flash-news #TICKER {
  border: 0;
  margin-bottom: 0;
  padding: 0;
  *padding: 5px 0;
  background: #fef5a6;
}

#flash-news #TICKER table {
  margin-bottom: 0;
}

#flash-news #TICKER td {
  background: #fef5a6;
  border: 0;
}

#flash-news #TICKER a, #flash-news #TICKER a:visited {
  color: #d00;
  font-weight: bold;
  text-decoration: none;
}

/* Main Content */
#main-content {
  
}

#main-content h2 {
  margin-bottom: 5px;
}

#main-content h3 {
  margin-bottom: 5px;
  clear: both;
}

#main-content .post, #main-content .entry {
  clear: both;
}

ul.list li {
  list-style-type: none;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  padding: 0;
}

ul.list li a, ul.list li a:visited {
  color: #0d6164;
  font-weight: bold;
  text-decoration: none;
}

ul.also {
  
}

ul.also li a, ul.also li a:visited {
  color: #0d6164;
  font-weight: bold;
  text-decoration: none;
  /* font-family: Helvetica, Arial, sans-serif; */
}

img.headline-img {
  margin-bottom: 10px;
}

.post, .entry {
  clear: both;
}

p.info {
  text-transform: uppercase;
  color: #888;
  font: bold 11px Helvetica, Arial, sans-serif !important;
}

p.info .author {
  color: #000;
}

p.read-more {
  margin-bottom: 5px;
}

p.read-more a, p.read-more a:visited {
  color: #c00;
  text-decoration: none;
}

.post-tools {
  border: solid 1px #ddd;
  border-width: 1px 0;
  padding: 5px 0;
  margin-bottom: 10px;
  font-size: 11px;
}
.post-tools .post-ratings {
  padding: 3px 0;
}
.post-tools a.print-post, .post-tools a.print-post:visited {
  display: block;
  background: url('images/printer_famfamfam.gif') 3px 1px no-repeat;
  text-decoration: none;
  padding: 3px 3px 3px 25px;
  float: right;
  display: inline; 
  margin-left: 15px;
  color: #666;
}
.post-tools a.email-post, .post-tools a.email-post:visited {
  display: block;
  background: url('images/email_famfamfam.gif') 3px 1px no-repeat;
  text-decoration: none;
  padding: 3px 3px 3px 25px;
  float: right;
  display: inline;
  margin-left: 15px;
  color: #666; 
}
p.comment-info {
  padding: 5px;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption.alignleft {
  margin: 0 10px 10px 0;
}

.wp-caption.alignright {
  margin: 0 0 10px 10px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 10px !important;
  line-height: 16px;
  padding: 0 4px 5px;
  margin: 0;
}

.post-thumbnail .thumbnail {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
}

.headline .post-thumbnail.medium {
  width: 310px;
  height: auto;
  margin: 0;
  padding: 0;
}

.navigation {
  margin: 10px 0;
  text-align: center;
  background: #eee;
  border: solid 1px #ddd;
  border-width: 1px 0;
  padding: 5px 0;
}

/* Category Page */

#main-content.categories h3 {
  font-size: 20px;
}

#main-content.categories .post {
  margin-bottom: 15px;
  clear: both;
}

#main-content.categories .entry p {
  margin-bottom: 10px;
}

#main-content.categories .entry p.read-more {
  margin: 0 0 15px 0;
}

#main-content .post .post-info {
  margin-bottom: 10px;
  font-size: 10px;
}

#main-content.categories .post-thumbnail {
  float: left;
  display: inline;
  margin: 5px 10px 10px 0;
  border: solid 4px #ddd;
}

/* Latest News */
#latest-news {
  background: #eee;
  border: solid 1px #ddd;
  padding: 10px 0;
  font-family: Helvetica, Arial, sans-serif;
}

#latest-news h2, #latest-news ul, #latest-news p {
  margin-left: 10px;
  margin-right: 10px;
}

#latest-news ul {
  margin-bottom: 5px;
}


#latest-news ul li {
  border-bottom: solid 1px #ddd;
  margin: 0;
  padding: 5px 0;
}

/* Middle Content */
#middle-content {
  background: #eee;
  border: solid 1px #ddd;
  border-width: 1px 0;
  padding: 0;
  margin: 0;
}

#middle-content h3 {
  font-size: 18px;
  padding-bottom: 10px;
}

#middle-content #usual2 {
  margin: 10px;
  padding: 0;
}

#middle-content .usual {
  color:#111;
  padding: 0;
  margin: 0;
}
#middle-content .usual ul.selector {
  margin: 0;
  padding: 0;
}
#middle-content .usual ul.selector li { 
  list-style:none; 
  float:left; 
  margin: 0 1px 0 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
}
#middle-content .usual ul.selector li a, #middle-content .usual ul.selector  a:visited {
  display:block;
  padding:4px;
  text-decoration: none;
  margin: 0;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: normal;
  background: #aaa;
  margin-bottom: 0;
}
#middle-content .usual ul.selector li a.selected, #middle-content .usual ul.selector li a.selected:visited {
  cursor:default;
  background:#fff;
  color: #c00;
}
#middle-content .usual div.inside {
  clear:left;
  background:#fff;
  margin: 0;
  padding: 0;
  *margin-top:-10px;
  border-bottom: solid 1px #eee;  
}

#middle-content .usual div.inside .left {
  float: left;
  display: inline;
  width: 400px;
  background: #fff;
  padding-right:4px;
  margin-right:5px;
  border-right:1px solid #ddd;
}

#middle-content .usual div.inside .left p {
  padding: 0;
}

#middle-content .usual div.inside .right {
  float: right;
  display: inline;
  width: 200px;
  background: #fff;
}

#middle-content .usual div.inside .content {
  padding: 10px 0 0 0;
}

#middle-content .usual div.inside .content h3, #middle-content .usual div.inside .content p,
#middle-content .usual div.inside .content ul {
  margin: 0 10px;
}

#middle-content .usual div.inside .content ul li {
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1.2em;
  list-style-type: none;
}

#middle-content .usual div.inside .content ul li a, 
#middle-content .usual div.inside .content ul li a:visited {
  color: #0d6164;
  font-weight: bold;
  text-decoration: none;
}  

#middle-content .usual div.inside .content p {
  margin-bottom: 10px;
}

/* Side Content */
#sidebar {
  padding: 10px 0;
}

.side-content {
  background: #fff;
  margin: 0 10px 10px 10px;
  padding: 10px 0;
  
}

.side-content .content {
  margin: 0 10px;
}

.side-content .usual {
  color:#111;
  padding: 0;
  margin: 0;
}
.side-content .usual ul.selector {
  margin: 0;
  padding: 0;
}

.side-content .usual ul.selector li { 
  list-style:none; 
  float:left; 
  margin: 0 2px 0 0;
  padding: 0;
}
.side-content .usual ul.selector li a, .side-content .usual ul.selector  a:visited {
  display:block;
  padding:6px 10px;
  text-decoration: none;
  margin-left:0;
  color: #777;
  font-family: Helvetica, Arial, sans-serif;
}
.side-content .usual ul.selector li a.selected {
  margin-bottom:0;
  color:#000;
  cursor:default;
  background:#eee;
  font-weight: bold;
}
.side-content .usual div {
  clear:left;
  background:#fff;
  margin: 0;
  padding: 0;
  *margin-top:-10px;  
}

.side-content .usual div ul {
  margin: 0;
  padding: 0;
}

.side-content .usual div ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #ddd;
}

.side-content .usual div ul li a, .side-content .usual div ul li a:visited {
  display: block;
  text-decoration: none;
  color: #000;
  margin: 0;
  padding: 5px 10px;
  background: #eee;
}

.side-content .usual div ul li a:hover {
  background: #e7e7e7;
}

/* Banners */
.side-content.banner-content {
  padding: 10px 0 0 0;
}

.side-content.banner-content .content{
  margin: 0 0 0 10px;  
}

.banner {
  margin: 0;
  padding: 0;
  font-size: 0;
  
}

.banner img {
  float: left;
  display: inline;
  margin: 5px;
}

.banner div {
  float: left;
  display: inline;
  margin: 5px;
}


/* Newsletter */
.newsletter {
  line-height: 2em;
}

.newsletter input {
  color: #aaa;
}

.newsletter input.button {
  background: #c00;
  border: solid 1px #ddd;
  color: #fff;
  padding: 2px 5px;
  vertical-align: top;
}

.newsletter .newsletter-info {
  font-size: 10px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #999;
  line-height: 1em;
}

/* Polling */
.polling {

}

.polling p {
  margin: 0;
  padding: 5px 0;
  clear: both;
}

.polling p.option {
  
}

.polling p.option input {
  float: left;
  display: inline;
  margin-top: 3px;
}

.polling p.option span {
  margin-left: 30px;
  display: block;
}

.polling .button {
  background: #c00;
  color: #fff;
  border: solid 1px #ccc;
  padding: 3px 5px;
  font-size: 11px;
  text-decoration: none;
}

.polling a.button, .polling a.button:visited {
  color: #fff;
}

.polling input.button {
  padding: 2px 10px;
  vertical-align: middle;
}

/* Bottom Content */
#bottom-content {
  background: #fff;
}

#bottom-content #about {
  background: #bfe3e3;
  padding: 10px 0;
}

#bottom-content .content {
  margin: 10px;
}

/* Gallery List */
.ngg-widget, .ngg-widget a {
  
}

.ngg-widget a {
  margin: 0 10px 10px 0;
  float: left;
  display: inline;
}

ul.gallery-list {
  margin: 0;
  padding: 0;
}

ul.gallery-list li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: both;
}

ul.gallery-list li h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 70px;
}

ul.gallery-list li p {
  margin-left: 70px;
}

ul.gallery-list li img.thumbnail {
  width: 60px;
  height: 60px;
  float: left;
  display: inline;  
}

/* Tag Cloud */
#tag-cloud {
  font-family: Georgia, 'Times New Roman', serif;
}

#tag-cloud a, #tag-cloud a:visited {
  color: #369;
  text-decoration: none;
  font-family: Georgia, 'Times New Roman', serif;
} 

/* Forms */
form.cmxform fieldset {
  margin-bottom: 10px;
  border: none;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.cmxform input.inputText {
  border: solid 1px #aaa;
  width: 240px;
}
form.cmxform .inputTextarea {
  border: solid 1px #aaa;
  height: 150px;
}
form.cmxform .inputButton {
  border: solid 1px #aaa;
  background: #ddd;
  text-transform: uppercase;
  font-weight: bold;
  padding: 4px 10px;
  font-size: 10px;
  font-family: Helvetica, Arial, sans-serif;
}

/* Links */
.links-list {

}

.links-list li {
  list-style-type: none;
}

.links-list h2 {
  color: #000;
}

/* Site Map */
.ddsg-wrapper {
  
}

.ddsg-wrapper ul {
  margin-bottom: 15px;
}

.ddsg-wrapper ul li{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ddsg-wrapper ul ul {
  margin-top: 10px;
}

.ddsg-wrapper ul li li {
  list-style-type: circle;
}

/* Comments */
ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background: #999;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#fff;
        font-size: 10px;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#fff;
	}

.commentlist a:hover, .commentlist a:active {
	color:#d00;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 16px Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commentlist .time {

	}

.commenttext {
	background: #eee;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 10px 20px 10px 20px;
	color:#000;
	}


/* Events and Highlight Slider */
#event-slider {
	width: 270px;
	*width: 268px;
	height: 140px;
	border: 1px solid #ddd;
	background-color: #eee;
}

#event-slider div {
	width: 240px;
	height: 110px;
	padding: 15px;
	color: #333;
	text-align: left;
	margin-bottom: 10px;
}

#event-slider div h3 {
  font-size: 16px;
  font-weight: bold;
}

#event-slider div p {
  clear: both;
}

#event-slider div img {
	float: left;
	margin: 0 10px 10px 0;
	width: 100px;
	height: 100px;
	padding: 3px;
	background: #fff
}

/* Downloads */
.download-cat {
  background: #eee url('images/folder_48.png') 10px 10px no-repeat;
  margin-bottom: 2px;
  padding: 5px 5px 5px 70px;
}

.download-cat h3 {
  font-size: 18px;
}

.download-cat p {
  margin-bottom: 10px;
}

.download-item {
  background: #eee url('images/default-item.png') 10px 10px no-repeat;
  margin-bottom: 2px;
  padding: 5px 5px 5px 44px;
}

.download-item h4 {
  margin-bottom: 5px;
}

.download-item a, .download-item a:visited {
  text-decoration: none;
  color: #555;
}

.download-item p {
  margin-bottom: 5px;
}

/* Gallery */
div.ngg-album-compact h4 {
  margin-bottom: auto;
  font-size: 12px;
  line-height: 15px;
}

div.ngg-album-compact h4 a, div.ngg-album-compact h4 a:visited {
  text-decoration: none;
  color: #69f;
}

/* Footer */
#footer {
  background: #fff;
  padding: 10px 0;
  border-top: solid 1px #ddd;
  font-size: 11px;
  color: #666;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
}

#footer a, #footer a:visited {
  color: #c00;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer b {
  color: #000;
}

#footer .right {
  text-align: right;
}