/*  
Theme Name: financialforum
Theme URI: http://www.themesarena.com/
Description: By purchasing a product from <a href="http://themesarena.com/">Themes Arena</a>, you agree to the following: The copyright informations must remain intact in the product, except for Developer Packs. The product may be used by the licensee in any personal or commercial projects. They may not be resold or redistributed.
Version: 1.0
Author: Nurudin Jauhari
Author URI: http://www.jauhari.net/

	This theme was designed and built by Nurudin Jauhari,
	whose blog you will find at http://www.jauhari.net/themes/mbahmu
	Crafted on 27 October 2008
	Last Edit: 03 Novemeber 2008 10.33  +7 GMT

*/

/* \*/
@import url('css-reset.css');
@import url('css-navi.css');
@import url('css-dropdown.css');
@import url('css-bottom.css');
@import url('css-contact.css');
/* :Comment */
@import url('css-comment.css');
/* */

body {
	background: #efefef url(images/bg2.gif) 0 0 repeat-x;
	font: 13px Arial, Verdana, sans-serif;
	line-height: 1.5em;
}
hr {
	display: none;
}
/* */
code, pre {
	font: 1.1em 'Courier New', Courier, Fixed;
	width: 490px;
	overflow: auto;
}
pre {
	overflow: auto;
	max-width: 490px;
	margin-bottom: 20px;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}
br.clear {
	clear: both;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
/* End Images */

/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 15px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Lists

/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}
#wp-calendar a {
	text-decoration: none;
}
#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
#wp-calendar a {
	display: block;
}
#wp-calendar caption {
	text-align: center;
	width: 100%;
}
#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;
}
/* End Calendar */



/* Begin Various Tags & Classes */

img.wp-smiley {
	vertical-align: -25%;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
a img {
	border: none;
}
/* L I N K S */

a:link, a:visited {
	text-decoration: underline;
	color: #c00;
}
a:hover {
	text-decoration: none;
	color: #d10000;
}
/* :Layout Me */

#page {
	position: relative;
	width: 950px;
	margin: 20px auto 0;
	background: #fff;
	border: 1px solid #777;
	padding: 20px;
}
#pager {
	position: relative;
	width: 950px;
}
#content-wrap {
	width: 950px;
}
#contentwide {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	float: left;
	width: 930px;
}
#content {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	float: left;
	width: 700px;
}
#contentad {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	float: left;
	width: 570px;
}
.content .gap {
	width: 100%;
}

#wordtube playlist0 {
background: url(http://www.transitions-mag.com/wp/wp-content/images/wordtube_bg.png);
}

#sidebar {
	margin-left: 10px;
	width: 200px;
	float: left;
}

.side2 {
	width: 100%;
}
.side2 .gap {

}
.sideright {
	float: right;
	margin-left: 0px;
	width: 125px;
}
#footer {
	width: 990px;
	margin: 20px auto 0;
	position: relative;
}
#footer .right {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}
#footer .rss a {
	background: url(images/ico/feed-icon-10x10.png) 0 3px no-repeat;
	padding-left: 13px;
}
#footer a {
	color: #666;
}
.subfoot {
	position: relative;
	margin-top: 15px;
	width: 950px;
}
.onefoot {
	width: 350px;
	float: left;
}
.onefoot .gap {
	padding: 10px;
	border: 1px solid #ccc;
	background: url(images/bg/onefoot.gif) 0 bottom repeat-x;
}
.onefoot .gap:hover {
	padding: 10px;
	border: 1px solid #666;
}
.onefoot .gap {
	margin-right: 15px;
}
.onefoot a:link {
	color: #000;
}
.onefoot a:visited {
	color: #222;
}
.onefoot ul {
	list-style: square;
}
.onefoot ul li {
	margin-left: 20px;
	color: #cc0000;
}
.onefoot a:hover {
	color: #cc0000;
}
.emploan {
	position: absolute;
	right: 0;
	top: 0;
	width: 230px;
}
.subfoot h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	color: #d10000;
	margin-bottom: 10px;
}
.subfoot h3 span {
	border-bottom: 4px solid #ccc;
	padding-bottom: 5px;
}
#sidebar h3, #sidebar h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1px;
	margin-bottom: 5px;
}
#sidebar h3 span, #sidebar h2 span {
	border-bottom: 3px solid #ccc;
	padding-bottom: 1px;
}

/* #mid_banner {
   background-color: black;
   text-align: center;
   margin-bottom:10px;
   position:relative;
} */

   #mid_banner {
   height:100px;
   padding:0px;
   background-color: black;
   text-align: center;
   margin-bottom:10px;
   position:relative;
}

#footer_banner {
   height:130px;
   background-color: black;
   text-align: center;
   margin-top:10px;
   position:relative;
}

#header_banner {
   height:130px;
   background-color: black;
   text-align: center;
   margin-bottom:10px;
   position:relative;
}

#header {
	position: relative;
    background-color: black;
	height: 100px;
	margin-bottom: 10px;
    background-image: url(images/header_background_red_black.jpg);
    background-repeat: repeat-y;
}
.adtop {
	position: absolute;
	right: 0;
	top: 0;
}
#header h1 {
	position: absolute;
	left: 0px;
	top: 0;
	font-size: 40px;
	letter-spacing: -3pt;
	padding: 10px 0 14px;
}
#header h1 a {
	text-decoration: none;
	color: #000;
}
.description {
	color: #d10000;
        clear: left;
	position: absolute;
        margin: -10px 0 0 14px;
	font-weight: bold;
	float: left;
	font-size: 18px;
}
/* :Menu */
/* :Menu */
#navr {
	position: relative;
	width: 100%;
	height: 25px;
	margin-bottom: 15px;
}

/*
#navr ul.menu {
}
#navr ul.menu li {
	float: left;
}
#navr ul.menu li a:link, #navr ul.menu li a:visited {
	color: #777;
	text-decoration: none;
	padding: 4px 10px;
	border: 1px solid #ccc;
	border-bottom: none;
	border-left: none;
}

*/

#navr ul.menu {
	float: left;
	clear: left;
	list-style: none;
	padding: 0;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #ccc;
	z-index: 597;
}
#navr ul.menu li {
	padding: 0;
	float: left;
	vertical-align: middle;
	zoom: 1;
}
#navr ul.menu li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
#navr ul.menu  ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left:0;
	z-index: 598;
	width: 100%;
}
#navr ul.menu ul li {
	float: none;
}
#navr ul.menu  ul ul {
	top: 1px;
	left: 99%;
}
#navr ul.menu li:hover > ul {
	visibility: visible;
}

/* Set */
#navr ul.menu ul {
	width: 150px;
	margin-top: 1px;
}


#navr ul.menu li a:link, #navr ul.menu li a:visited {
	background: #fff;
	display: block;
	color: #777;
	padding: 3px 10px;
	border: 1px solid #ccc;
	border-left: none;
	border-bottom: none;
	text-decoration: none;
}
#navr ul.menu li li a:link, #navr ul.menu li li a:visited {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: none;
}
#navr ul.menu li.current_page_item a:link, #navr ul.menu li.current_page_item a:visited {
	color: #111;
	background: #bbb;
}
#navr ul.menu li.start a {
	border-left: 1px solid #ccc;
}
#navr ul.menu li.current_page_item a:hover, #navr ul.menu li.page_item a:hover {
	color: #111;
	background: #ccc;
}
#navr ul.menu a:hover,
#navr ul.menu li.hover,
#navr ul.menu li:hover
 {
	background: #efefef;
}




#navr2 {
	position: relative;
	width: 100%;
    background: #AD0800 url(images/bg/catnav.gif) 0 center repeat-x;
	height: 27px;
	margin-top: 15px;
	z-index: 567;
}
#navr2 ul.menu li.current_page_item a {
	background: #000;
}
#navr2 ul.menu a:hover {
	background: #222;
}

#catnavhome {
	margin-bottom: 10px;
	height: 10px;
	background: #AD0800 url(images/bg/catnav.gif) 0 center repeat-x;
}

#catnav {
	margin-bottom: 15px;
	height: 31px;
	background: #AD0800 url(images/bg/catnav.gif) 0 center repeat-x;
}

#catnavicon {
	margin-bottom: 15px;
	height: 190px;
}

/* :Post */
#article-wrap {
	width: 100%;
	float: left;
}
#article {
	margin: 0 0px 0 0;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}
.klik {
	float: left;
	margin-left: -160px;
	width: 160px;
}
#article2 {
	margin: 0 0 0 0px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}
.klik2 {
	float: left;
	margin-left: -500px;
	width: 160px;
}
.lastlast {
	border: 5px solid #ddd;
	padding: 15px;
	background: #efefef url(images/bg/last.gif) 0 0 no-repeat;
	margin-bottom: 15px;
	width: 530px;
}
.lastlast:hover {
	border: 5px solid #aaa;
	background: #fff;
}
#article-blog .post {
	border-bottom: 1px solid #ccc;
	position: relative;
	padding-bottom: 30px;
	width: 500px;
}
#article .post, #article2 .post {
	border-bottom: 1px solid #ccc;
	position: relative;
	padding-bottom: 30px;
	width: 100%;
}
#article .postmetadata2, #article2 .postmetadata2 {
	position: relative;
	bottom: 0;
	left: 0;
	font-size: 12px;
	width: 100%;
}
#article-blog .postmetadata2 {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	width: 500px;
}


#article .postmetadata2 .tagr, #article2 .postmetadata2 .tagr {
	padding-right: 100px;
}
#article .postmetadata2 .commr, #article2 .postmetadata2 .commr {
	position: absolute;
	right: 0;
	bottom: 0;
}
.pagetitle, #the_category h3 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
.post {
	margin-bottom: 20px;
}
.post p {
	margin-bottom: 10px;
}
.post ul {
	list-style: square;
	margin-left: 25px;
	margin-bottom: 10px;
}
.post ol {
	list-style-type: decimal;
	margin-left: 30px;
	margin-bottom: 10px;
}
.post h2 {
	font-family: Helvetica, arial, verdana, sans-serif;
	font-size: 20px;
	letter-spacing: -0.8pt;
}
.post h2 a:link, .post h2 a:visited {
	color: #c00;
	text-decoration: none;
}
.post h2 a:hover {
	color: #000;
	text-decoration: underline;
}
.page h2 {
	margin-bottom: 10px;
}
.xpost h2 {
	font-size: 14px;
}
.xpost h2 span {
	width: 50px;
}
.entry h2 {
	font-size: 16px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}
.entry h3 {
	font-size: 14px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}
.entry blockquote {
	font-style: italic;
	font-size: 15px;
	color: #666;
	margin-left: 60px;
}
.postmetadata {
	font-size: 12px;
	color: #666;
	margin: 5px 0;
}
.archives h3,
.single .postmetadata {
	background: url(images/bg/featured_h3.gif) 0 bottom repeat-x;
	padding-bottom: 4px;
	border-bottom: solid 1px #ccc;
}
.postmetadata a {
	color: #444;
	text-decoration: underline;
}
.lastlast {
	position: relative;
}
.lastlast h2 {
	font-size: 25px;
	line-height: 1.2em;
}
.lastlast a:link, .lastlast a:visited {
	color: #666l
}
.lastlast h2 a:link, .lastlast h2 a:visited {
	color: #000;
	text-decoration: none;
}
.lastlast h2 a:hover {
	color: #d10000;
}
.lastimage {
	float: right;
	margin-left: 10px;
}
.postmetadata2 {
	position: absolute;
	bottom: 0;
	width: 490px;
}
#article .postmetadata2 .commr, #article2 .postmetadata2 .commr, #article-blog .postmetadata2 .commr {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.lastlast .postmetadata2 .commr {
	position: absolute;
	right: 30px;
	bottom: 10px;

}
.postmetadata2 a:link, .postmetadata2 a:visited {
	color: #c00;
}
.postmetadata2 a:hover {
	color: #000;
}
.onhit {
	border: 1px solid #ccc;
	padding: 0;
	margin-bottom: 15px;
}
.onhit ul {
	padding: 0 10px;
}
.onhit:hover {
	border: 1px solid #666;
}
.onhit h3 {
	text-align: right;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 5px;
	background: url(images/bg/featured_h3.gif) 0 bottom repeat-x;
}
.onhit h3 a:link, .onhit h3 a:visited {
	color: #000;
	text-decoration: none;
}
.onhit h3 a:hover {
	color: #d10000;
}
.onhit li {
	margin-bottom: 10px;
}
.info {
	border: 4px solid #ddd;
	padding: 15px;
	background: #efefef url(images/rss.gif) 98% 0 no-repeat;
	position: relative;
	margin-bottom: 15px;
	color: #777;
}
.info a:link, .info a:visited {
	color: #333;
}
.thisavatar {
	float: right;
	margin-left: 10px;
}
.thisauthor {
	border-top: 1px solid #ccc;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
.thisauthor h3 {
	background: #888;
	padding: 4px;
	color: #fff;
	margin-bottom: 5px;
}
/* sidebar */
#sidebar a:link, #sidebar a:visited {
	color: #c00;
}
#sidebar a:hover {
	color: #d10000;
}
.insan {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}
.arsip li, .categories li {
	float: left;
	width: 200px;
}
.about {
	position: relative;
	padding-right: 100px;
	margin-bottom: 15px;
}
.about h3,.emploen h3 {
	background: url(images/bg/featured_h3.gif) 0 bottom repeat-x;
}
.about p {
	padding-right: 10px;
}
.about .stats {
	position: absolute;
	right: 0;
	top: 0;
	background: #efefef;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 11px;
	width: 90px;
}
.rss-top {
	position: absolute;
	right: 5px;
	top: 5px;
}
.emploen {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	position: relative;
}
.emploen h3 {
	padding: 5px;
}
.emploen div {
	padding: 15px;
}
.emploen:hover {
	border: 1px solid #666;
}
.emploen .inmail {
	padding: 5px;
	width: 280px;
	border: 1px solid #ccc;
}
.boxr {
	margin-bottom: 15px;
}
.boxrx {
	margin-bottom: 10px;
}
.search {
	border: 5px solid #ccc;
	padding: 15px 10px;
	margin-bottom: 15px;
	position: relative;
	background: url(images/bg/zoom.gif) 5px 2px no-repeat;
}
.search:hover {
	border: 5px solid #666;
}
.search #s {
	width: 280px;
	border: 1px solid #999;
	padding: 4px;
	background: transparent;
}
.noresults #s {
	width: 480px;
	border: 1px solid #999;
	padding: 4px;
	margin-top: 10px;
	background: transparent;
}
.noresults #searchsubmit {
	width: 80px;
	margin-top: 5px;
	padding: 3px;
	background: #333;
	color: #fff;
	border: 1px solid #333;
}
.search #searchsubmit {
	width: 80px;
	padding: 3px;
	background: #333;
	color: #fff;
	border: 1px solid #333;
	position: absolute;
	right: 15px;
}
.flickr li {
	float: left;
	width: 90px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.flickr li img {
	border: 5px solid #ccc;
}
.flickr li img:hover {
	border: 5px solid #c00;
}
#sub {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 80px;
	border: 1px solid #0FA30A;
	background: #0FA30A;
	color: #fff;
	padding: 4px 10px;
}
.navigation {
	margin-top: 10px;
	width: 100%;
	margin-bottom: 10px;
}
.navigation a {
	color: #d10000;
}
.navigation .alignleft {
	float: left;
	width: 50%;
}
.navigation .alignright {
	float: right;
	text-align: right;
	width: 50%;
}
.nowidgettitle {
	display: none;
}
/* Mybloglog
--------------------------------------
*/

#mmbl {
}
td.mbl_fo_hidden {
	display:none
}
tr#tr0 {
	display:none
}
th.mbl_h {
	display:none
}
.mblku {
	margin: 10px 0 0;
	padding: 0;
	line-height: 0;
}

/* Change Log ****
1.0	: First Public Released
*** */


/* Default CSS generated by dTabs */

#tabbar ul {
clear:left;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
}
#tabbar ul li {
float:left;
padding:0;
vertical-align:middle;
}

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
#tabbar li, #tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
	/* space them a little in IE*/
	margin: 0 5px;
}

/* make changes to the selected tab */
.tabselected {
	
	/* set a white background */
	background-color: white;
	
	/* make the border along the bottom blend into the white background */
	border-bottom-color: white;
}

/* style the drop down menus */
.dmenu {
	/* left align the text */
	text-align: left;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 23px 0 0 0;
	
	/* put some space around the contents */
	padding: 5px 15px;
	
	/* set a grey background */
	background-color: rgb(240,240,240);
	
	/* set a border, round all the corners except the top left */
	border: 1px solid rgb(150,150,150);
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-khtml-border-radius: 5px;
	-khtml-border-radius-top-left: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
}
#tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 5px 0 0 10px;
	
	/* stop ie going crazy */
	margin: 0;
	
}
#tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	
}

/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

/* STYLING JUST FOR CSS MENUS */
#tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: -23px 0 0 -90px;
}
/* REQUIRED: show menus on hovering */
#tabbar .fademenu:hover .dmenu {
	left: auto;
}

.cformtop input#email { 
	padding:1px 10px 1px 10px;
        margin:5px 0 0 0;
	border: none; 
	vertical-align:top;
	color:white;
        text-align:right;
	background:url(images/fancy_dark_input.gif) no-repeat;
	font-size:12px;
	width:215px; 
        height:20px;
}

.cformtop input#last_name {
        padding:1px 10px 1px 0;
        margin:5px 5px 0 -3px;
        border: none;
        vertical-align:top;
        color:white;
        text-align:right;
        background:url(images/fancy_dark_submit.gif) no-repeat;
        font-size:12px;
        width:105px;
        height:20px;
}

.cformtop input#first_name {
        padding:1px 5px;
        margin:5px 0 0 0;
        border: none;
        vertical-align:top;
        color:white;
        text-align:right;
        background:url(images/fancy_dark_submit.gif) no-repeat;
        font-size:12px;
        width:105px;
        height:20px;
}

.cformtop input.sendbutton {
        background:transparent url(images/fancy_dark_submit.gif) no-repeat scroll 0 0;
        border:medium none !important;
        font-size:12px;
        color:white;
        height:20px;
        margin:5px 0 0 120px;
        padding:0 8px 5px 10px;
        text-align:right;
        width:115px;
}

#subscribetop {
	float: right;
	margin-left: 0px;
	width: 250px;
}

.linklove {
	visibility: hidden;
	display:none;
}

.cf_hidden {
	visibility: hidden;
	display:none;
}

#li--4 label {
    visibility: hidden;
	    display:none;
		}

#li--1 label {
	visibility: hidden;
	display:none;
}

#li--2 label {
	visibility: hidden;
	display:none;
}

#li--3 label {
	visibility: hidden;
	display:none;
}