/*
Theme Name: BrandSpeakAsia, Inc.
Theme URI: http://brandspeakasia.com
Description: 2009 November Website Theme
Version: 1.0
Author: Paolo Lazatin
Author URI: http://paololazatin.com
*/

html, body 
	{
	height: 100%;
	margin: 0;
	background-color:#f4f4f4;
	}

#container 
	{
	min-height: 100%;
	margin-bottom: -247px;
	position: relative;
	}

.divcenter
	{
	width:960px; 
	margin: auto; 
	}
	
#headercontainer
	{
	margin:0;
	width:100%;
	height:245px;
	background-image:url(images/bsa_header.jpg);
	}
	
#headerlogo
	{
	width:300px;
	height:205px;
	float:left;
	margin-top:-20px;
	margin-left:20px;
	}
	
#headerButtons
	{
	margin-left:350px;
	margin-top:13px;
	}	
	
#headerRedButton
	{
	width:265px;
	height:43px;
	margin-left:25px;
	margin-right:10px;
	float:left;
	}
	
#headerBlueButton
	{
	width:265px;
	height:43px;
	margin-left:10px;
	margin-right:15px;
	float:left;
	}
	
#navbarBG
	{
	width:602px;
	height:30px;
	background:url(images/bsa_navbar.jpg);
	float:right;
	margin-top:10px;
	}
	
#navTextFormat
	{
	padding-top:8px;
	font-family: georgia, "Book Antiqua", Palatino, serif;
	font-size:12px;
	color:#737272;
	}

#navTextFormat a
	{
	text-decoration:none;
	color:#737272;
	}
	
.navTextSpace
	{
	margin-left:10px;
	margin-right:10px;
	}
	
#headerWriteUp
	{
	padding-top:7px;
	margin-left:350px;
	font-family: georgia, "Book Antiqua", Palatino, serif;
	font-size:22px;
	color:#555555;
	clear:right;
	margin-right:15px;
	}
	
#headerLineBreak
	{
	width:602px;
	height:2px;
	background-image:url(images/bsa_linebreak.gif);
	margin-top:5px;
	margin-left:350px;
	}
	
#headerInfo
	{
	padding-top:9px;
	margin-left:350px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#737272;
	clear:right;
	margin-right:15px;
	text-align:justify;
	}
	
#searchBarBG
	{
	width:300px;
	background:url(images/bsa_searchBG.jpg);
	float:left;
	margin-left:20px;
	margin-top:-60px;
	background-repeat:no-repeat;
	}

.sidebarcontainer
	{
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	}
	
.sidebar ul
	{
	list-style:none;
	padding:0px;
	margin:0px;
	font-size:11px;
	margin-left:20px;
	}
		
.sideLineBreak
	{
	width:280px;
	height:2px;
	background-image:url(images/bsa_linebreak.gif);
	margin-top:5px;
	}
	
#bodyContainer
	{
	background-color:#f4f4f4;
	}
	
#bodySpace
	{
	float:left;
	width:602px;
	margin-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:30px;
	margin-bottom:10px;
	}
	
.bodyLineBreak
	{
	width:602px;
	height:2px;
	background-image:url(images/bsa_linebreak.gif);
	margin-top:5px;
	}
	
#clearfooter 
	{
	height: 247px;
	clear: both;
	}

#footer 
	{
	height: 247px;
	position: relative;
	}

#footerdivider
	{
	margin:0;
	width:100%;
	height:2px;
	background-color:#888888;
	}
		
#footerbar
	{
	margin:0;
	width:100%;
	height:215px;
	background-color:#424242;
	}
	
#footerbarsmall
	{
	margin:0;
	width:100%;
	height:30px;
	background-color:#6d6d6d;
	}
	
#footertext
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#CCCCCC;
	padding-top:9px;
	margin-left:10px;
	}
	
.footerbox
	{
	width:287px;
	height:190px;
	margin:16.5px;
	float:left;
	}
	
.footerboximage
	{
	width:52px;
	height:52px;
	margin-top:0px;
	margin-left:8px;
	margin-bottom:8px;
	background-color:#FFFFFF;
	float:left;
	}
	
.footerboximagecontainer
	{
	width:200px;
	margin-left:50px;
	margin-right:20px;
	float:left;
	}
	
.footerbox a, .footerbox li
	{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	color:#999999;
	}
	
#pageTitle
	{
	width:602px;
	height:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#666666;
	}
	
.postmetadata
	{
	padding:5px;
	width:592px;
	background-color:#d8d8d8;
	}
	
h1, h1 a
	{
	display:none;
	font-size:3px;
	}
	
h2
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:normal;
	color:#333333;
	}

h2 a
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:400;
	color:#C41616;
	text-decoration:none;
	}
	
h3
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	color:#333333;
	}
	
h3 a
	{
	color:#C41616;
	}
	
p, ul
	{	
	color:#656565;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.articleBody
	{
	line-height:18px;
	text-align:justify;
	}
	
p a, ul a
	{
	color:#C41616;
	text-decoration:none;
	}
	
.whiteTitle
	{
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

.thumbStyle
	{
	width:200px;
	height:150px;
	float:left;	
	margin-top:5px;
	margin-right:10px;
	}
	
#clearthumb
	{
	height:150px;
	clear: both;
	}
	
.thumbnail, .thumbnail a
	{
	border-style:inset;
	border-color:#CCCCCC;
	border-width:10px;
	}
	
img, img a
	{
	border:none;
	}
	
/* Begin Form Elements */
#searchwrapper {
width:250px; /*follow your image's size*/
height:30px;/*follow your image's size*/
background-image:url(images/bsa_searchbar.jpg);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:9px;
width:225px;
height:30px;
color:#666666;
font-style:italic;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:265px;
width:32px;
height:28px;
display:inline;
}
 
.widget_search #s {
	position:absolute;
}

.searchsubmit  {
	position:absolute;
	left:225px;
	margin-top:0px;
	width:45px;
	height:30px;
	background: url("images/bsa_searchbarbutton.jpg") top left no-repeat;  
	border: none; 
	cursor:pointer;
}
 
#commentContainer
	{
	margin-top:20px;
	width:602px;
	border:#CCCCCC solid 1px;;
	background-color:#EEEEEE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:-180px;
	}
	
.commentmetadata
	{
	width:602px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
.commentPadding
	{
	padding-left:10px;
	padding-right:10px;
	}

.commentlist
	{
	padding:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#EDEDED;
	}
	
.commentlist li {
	padding-left:50px;
	margin-bottom:14px;
	border-bottom:solid #CCCCCC 1px;
	background-image:url(images/bsa_comment.jpg);
	background-repeat: no-repeat;
	background-position: 0 10px;
	list-style:none;
	}

.commentauthor 
	{  
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#C41616;
	margin-top:-7px;
	}

.commentdate
	{  
	font: italic 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#999999;
	}
	
.widget li
	{
	padding-left:10px;
	line-height:20px;
	}
	
*:focus {
outline: 0;
}

/*YUI Tabview Styles*/

.yui-navset { 
    padding: 0px; 
    margin-bottom: 20px; 
	margin-top:20px;
	border-bottom: solid 1px #CCCCCC;
}

.yui-nav li 
{ 
    list-style: none; 
    float: left; 
    margin-right: 2px; 
    text-align: center; 
    font-size: 13px;
	font-family:Georgia, "Times New Roman", Times, serif;
} 
 
.yui-nav li a 
{ 
    text-decoration:none; 
    color:#666666; 
    display: block; 
    padding: 8px; 
} 
 
.yui-nav li.selected a { 
    background: #EEEEEE;
} 
 
.yui-nav li a:hover 
{ 
    color:#C41616; 
}

.yui-content { 
    clear: both; 
	padding:10px;
}

.tab-list li { 
    padding: 8px; 
    border-bottom: 2px solid #E8F4FD; 
}

strong.search-excerpt {
  background-color:#FFCCCC;
  color:#CC0000;
}


/*Page Navi*/

#wp-naviContainer
	{
	padding-top:20px;
	padding-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 8px 4px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #656565;
	color: #CC0000;
	background-color: #eeeeee;
}
.wp-pagenavi a:visited {
	padding: 4px 8px 4px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #cccccc;
	color: #656565;
	background-color: #eeeeee;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #656565;
	color: #CC0000;
	background-color: #eeeeee;
}
.wp-pagenavi a:active {
	padding: 4px 8px 4px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #656565;
	color: #656565;
	background-color: #eeeeee;
}
.wp-pagenavi span.pages {
	padding: 4px 8px 4px 8px; 
	margin: 2px 2px 2px 2px;
	color: #656565;
	border: 1px solid #656565;
	background-color: #eeeeee;
}
.wp-pagenavi span.current {
	padding: 4px 8px 4px 8px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #CC0000;
	color: #CC0000;
	background-color: #eeeeee;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #656565;
	background-color: #eeeeee;
}

.author
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-style:italic;
	margin-top:-7px;
	}
	
.articleicon
	{
	width:40px;
	height:40px;
	background-image:url(images/icon_articles.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
	}
	
.newsicon
	{
	width:40px;
	height:40px;
	background-image:url(images/icon_news.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
	}
	
.pressreleaseicon
	{
	width:40px;
	height:40px;
	background-image:url(images/icon_pressrelease.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
	}
	
.prinsighticon
	{
	width:40px;
	height:40px;
	background-image:url(images/icon_prinsight.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
	}
	
#navTextFormat a:hover , h1 a:hover, h2 a:hover, ul a:hover, p a:hover
	{
	text-decoration:underline;
	color:#C41616;
	}
	
.footerbox a:hover
	{
	text-decoration:underline;
	color:#CCCCCC;
	}
	

	
.widget_categories .widgettitle
	{
	font-size:18px;
	background:url(images/bsa_category.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:30px;
	margin-bottom:5px;
	}

.widget_pages .widgettitle
	{
	font-size:18px;
	background:url(images/bsa_pages.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:30px;
	margin-bottom:5px;
	}

.widget_archive .widgettitle
	{
	font-size:18px;
	background:url(images/bsa_archive.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:30px;
	margin-bottom:5px;
	}

.widget_tag_cloud .widgettitle
	{
	font-size:18px;
	background:url(images/bsa_keyword.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-top:30px;
	margin-bottom:5px;
	}
	
img.alignright {float:right; margin:0 0 10px 10px}
img.alignleft {float:left; margin:0 10px 10px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 10px 10px}
a img.alignleft {float:left; margin:0 10px 10px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#announcements
	{
	width:602px;
	height:250px;
	margin-top:10px;
	margin-bottom:10px;
	}

.navigation, .navigation a
	{
	margin-top:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:602px;
	text-align:center;
	color:#C41616;
	text-decoration:none;
	height:20px;
	}
	
.navigation a:hover
	{
	text-decoration:underline;
	}
	
#left
	{
	float:left;
	}
	
#right
	{
	float:right;
	}
	
.workcontainer
	{
	width:602px;
	height:200px;
	margin-top:15px;
	margin-bottom:15px;
	}
	
.screenshot
	{
	width:315px;
	height:200px;
	background-color:#FFFFFF;
	float:left;
	}

.screenshotinfo
	{
	width:260px;
	height:140px;
	float:left;
	margin-left:20px;
	margin-top:40px;
	clear:right;
	}
	
	
/*------------------------------------------*/


.pwaimg	{ padding: 5px; margin: 0px; background: #f1f1f1; border-style: solid; border-width: 1px; border-color: #CCC; }

#pages {
	padding-top:   	20px;
	padding-bottom:	10px;
	width: 		100%;
	float: 		right;
	font-size:	12px;
}

#title {

	width: 		100%; 
	text-align: right;

}