/*
Theme Name: Bandar Seri Begawan
Theme URI: http://www.bsb-masterplan.com.bn/
Description: Theme for Bandar Seri Begawan
Version: 1.0
Author: Kenny Wan via Whitespace.
Author URI: http://www.whitespace.hk
Tags: 

	Copyright 2009.

*/


body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position:top center;
	background-color: #060033;
	font-size: 62.5%;
}

form{ 
	margin:0; padding:0;
}

.fltlft{
	float:left;
}
.fltrt{
	float:right;
}

#container {
	width:850px; margin:0 auto;
}

#header {
	margin-top:60px;height: 97px;	
	color: #fff;
}

#logo { 
	width:277px;
}

.navigation { 
	width: 572px;
}

#search { 
	padding-bottom:50px; text-align:right;
}

#search input {
	border:	1px solid #3333cc; background-color: #060033; height:13px; color:#fff; width:100px; margin-right:5px; 
	font-size:11px;
}

#bluebar {
	width:100%; background-color: #3333cc; height:9px; margin-top: 10px; font-size:1px;
}

#main-image {
	height:258px; background-color: #3333cc;
}


#secondary-image {
	 background-color: #3333cc;
}


#content-container {
	padding: 20px; font-size:11px; width:815px;
}

#sidebar { 
	width: 260px;
}

#content-h { 
	float:right; padding-bottom:15px; height:215px;
}

#home-about { 
	width:280px;
}

#signup { 
	width: 230px; margin-left:20px;
}
.email_input {
	width: 160px; margin-right: 10px;	
}

#footer {
	text-align: right; color:#fff; padding:5px; color:#ccc;
}	

.inner {
	width: 550px; font-size:12px; color:#333;
}

.size_9 { font-size:9px; }
.size_11 { font-size:10px; }
.size_12 { font-size:12px; }
.size_18 { font-size:18px; }
.size_24 { font-size:24px; }
.is_menu, .is_roman { text-decoration: none; color:#fff; }
.menu_pad { padding-right:16px; }
.active { color: #3333cc;}
.bg_blue { background-color: #000033; }
.bg_white { background-color: #fff; }
.is_sub { text-decoration: none; color:#fff; }
.is_grey { color: #666; }
.is_blue { color: #000033; }
.is_list { list-style:none; margin:0; padding:0;}
.is_white { color: #fff; }
.h_10 { margin-bottom:10px; }
.is_inner_active { color: #000033; }
.is_link { color: #000033; font-size:14px;}
li { zoom: 1.0;}
.img-left { margin-right: 10px; margin-bottom:10px; border:1px solid #ccc;}
.img-right { margin-left: 10px; margin-bottom:10px; border:1px solid #ccc;}
.page_item, .cat-item { list-style: none; margin:0; padding:0; }
.page_item a, .cat-item a { text-transform: capitalize; font-size:24px; text-decoration: none; color: #666;  }
.current_page_item a { color: #000033; }
.current-cat a { color: #000033; }
.post .is_link { text-transform: capitalize; font-size:21px; text-decoration: none; color: #000033;  }
h2 { margin-bottom:5px; }
.post { border-bottom:1px solid #ccc; margin-bottom:5px;}
.postthumb { padding-left:15px; padding-bottom:5px;}

ul { padding:0; }

.mmf-form input.mmf-validates-as-required { width:50%; border:	1px solid #3333cc;  height:13px;  font-size:11px; }

ol { padding:0;  }
ol li { padding:0; list-style:decimal; display: list-item; vertical-align: top; }}
#team li { padding-bottom:10px; }

.comment p {
padding:0; margin:0; display: inline;	
}

#respond input {
	width: 150px;font-size:11px; border:1px solid #ccc; padding:3px; margin-bottom:5px;
}


#content .post a, #content .post a:visited, #content .post a:active { 
	color: #060033;
}

.inner a, .inner a:visited, .inner a:active, .inner a:hover { color: #060033; }

#content {
  min-height:300px;
  height:auto !important;
  height:300px;

}

.comment { 
	font-size:11px; border:1px solid #ccc; padding: 10px; margin-bottom:5px; 
}
#commentbox {
	width:435px;	font-size:11px; border:1px solid #ccc;  padding:3px; 
}

#visitors {
	text-align:right; color:#ccc; padding-top:5px; padding-right:3px;	
}

/*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 */

.is_white .page_item a { color: #fff !important; }