/*
Theme Name: DDB Group Singapore - Catchfire
Theme URI: http://192.168.1.9/catchfire
Description: Catchfire was created by DDB Group Singapore in response to the times, in one of the world's most combative consumet markets. The quest to uncover inventive new ways for brands to interact with customers is fiery hot. 
Author: DDB Singapore
Author URI: http://ddb.com.sg/
*/

/* Begin Typography & Colors */
.external {background:transparent url(images/icon_arrow.png) no-repeat top right;font:Helvetica;font-size:11px;font-weight:bold;color:#111111;display:block;padding:1px 24px 1px 0;}
.externalLeft {background:transparent url(images/icon_arrow_back.png) no-repeat top left;font:Helvetica;font-size:11px;font-weight:bold;color:#111111;display:block; background-position:left;padding:1px 0 1px 24px;}

.newsTitle {font:Helvetica;font-size:16px;color:#111111;font-weight:bold;width:564px;}
.newsDate {font:Helvetica;font-size:12px;color:#8d8d8d;font-weight:bold;width:564px;text-transform:uppercase;}
.newsContent {font:Helvetica;font-size:12px;color:#333333;margin-top:12px;width:564px;}

.hdate{font:Helvetica;font-size:11px;margin:0;font-weight:bold;color:#8d8d8d;text-transform:uppercase;padding:10px 0 5px 0;vertical-align:top;}
.tdate{font:Helvetica;font-size:11px;margin:0;font-weight:bold;color:#8d8d8d;text-transform:uppercase;padding:0;}
.searchDate{font:Helvetica;font-size:11px;margin:0;font-weight:bold;color:#8d8d8d;text-transform:uppercase;padding:5px 0 0 15px;}

.homeTitle {padding:5px 0 0 0;margin:0px;line-height:1.3em;font-size:12px;font:Helvetica;font-weight:bold;height:67px;width:171px;}
.homeTitle2 {padding:5px 0 0 0; margin:0px;line-height:1.3em;font-size:12px;font:Helvetica;font-weight:bold;height:67px;width:171px;}
.homeTitle3 {padding:5px 0 0 0;margin:0px;line-height:1.3em;font-size:12px;font:Helvetica;font-weight:bold;height:67px;}



body {font-size: 12px;font-family: Helvetica;color: #333333;background:#fafaf6 url(images/bg_w_shadow.jpg) no-repeat center top;margin: 0 0 0 0;	padding: 0;border:none;}


p{line-height:1.6em;text-align:left;}	

#page {
	margin:0 auto;
	background:#fff;
	width:925px;
	}

#breadcrumb {font-size:11px;font:Helvetica;color:#8d8d8d;font-weight:bold;width:420px;text-align:left;vertical-align:top;padding-left:22px;padding-bottom:10px;}
#breadcrumb a{font-size:11px;font:Helvetica;color:#8d8d8d;font-weight:bold;}
#breadcrumbSingle {font-size:11px;font:Helvetica;color:#8d8d8d;font-weight:bold;width:420px;padding-bottom:10px;}
#breadcrumbSingle a{font-size:11px;font:Helvetica;color:#8d8d8d;font-weight:bold;}

#header {margin: 0 auto;padding:0 20px 0 0px;width: 905px;border:none;}
.headerimg {margin: 0;}

.searchTable{margin-bottom:15px;}
.searchResultTitle{margin:0;padding-left:15px;font-size:16px;font:Helvetica;font-weight:bold;color:#111111;}
.searchResultTitle1{margin:0;font-size:16px;font:Helvetica;font-weight:bold;color:#111111;}
.contentSummary{font-size:12px;padding-left:15px;color:#333333;margin:0;vertical-align:top;}
	

#content {font-size:12px;font-family:Helvetica;color:#333333;width:564px;padding: 0 20px 0 20px;text-align:left;}
#contentSearch {font-size:12px;font-family:Helvetica;color:#333333;width:564px;padding: 0 20px 0 20px;text-align:left;margin-top:5px; vertical-align:top;}
#contentSingle {font-size:12px;font-family:Helvetica;color:#333333;width:564px;padding: 0 20px 0 20px;text-align:left;}
#contentPage {font-size:12px;font-family:Helvetica;color:#333333;width:564px;padding: 0 20px 0 20px;text-align:left;margin-top:55px; vertical-align:top;}

/*Newly added 300610*/
#contentPage p a:link, #contentPage p a:visited {color:#F1592A; text-decoration:none;}
	
.widecolumn {line-height: 1.6em;}	
.widecolumn .entry p {font-size: 1.05m;}

.narrowcolumn .postmetadata {text-align: left;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.6em;text-align:left;font:Helvetica;font-size:12px;color:#333333;}

.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}



.footer {
	border-top: 1px dotted #cfcfcf;
	margin-left:20px;
	width:884px;
	padding-bottom:10px;
	}
	
.footercontent {
	padding:10px 0 0 0;
	color:#a6a6a6;
	font:Helvetica;
	font-size:11px;
	width:320px;
	}
	
.footercontent2 {
	padding:10px 15px 0 0;
	color:#575757; 
	font:Helvetica;
	font-size:11px;
	width:80px;
	}	
	
.footercontent3 {
	padding:10px 15px 0 0;
	color:#575757; 
	font:Helvetica;
	font-size:11px;
	width:70px;
	}

.footercontent4 {
	padding:10px 0 0 0;
	color:#575757; 
	font:Helvetica;
	font-size:11px;
	text-align:left;
	}
		
	
small {
	font-family:Helvetica;
	font-size: 11px;
	color:#8d8d8d;
	text-transform:uppercase;
	font-weight:bold;
	}



	h1, h2, h3 {
	font-family: Helvetica;
	font-weight: bold;
	color:#333333;
	}

h2{font-size:28px;line-height:1.2em;}

h1 {
	font-size: 4em;
	text-align: left;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}



#parentTitle{}
#parentTitle h4{font:helvetica;font-size:11px;color:#8d8d8d;padding-bottom:20px;padding-left:2px;margin-top:-20;}


#sidebar h2 {
	font-family:Helvetica;
	font-size:12px;
	color:#222222;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: black;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font-family:Helvetica;
	font-size:11px;
	color:#333333;
	}
.commentlist li ul li {
	font-size:11px;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.6em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font-family:Helvetica;
	font-size:11px;
	color:#111111;
	list-style:none;
	}

/*small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	font-weight:bold;
	color:#000;
	}*/

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
		

a, h2 a:hover{
	color: #333333;
	text-decoration: none;
	}

a, h3 a:hover {
	color: #333333;
	text-decoration: none;
	}
	
/*start the .black and .white for the headerlinks font colors*/
.black{color: #000000;}
.white{color: #ffffff;}
/*end of the .black and .white for the headerlinks font colors*/


#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font:Helvetica;
	font-weight:bold;
	font-size:12px;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */

.socialmedia {margin:0;padding:0 0 20px 0;font-family:Helvetica;font-size:11px;color:#000;font-weight:bold;text-align:right;vertical-align:middle;	line-height:2px;}

.headerYellow{background-color:#ffd917;font-family:Helvetica;font-size:11px;color:#000;font-weight:bold;padding:15px 0 3px 5px;}
.headerHome{font-family:Helvetica;font-size:11px;color:#fff;font-weight:bold;background-color:#878787;}
.headerHome a{color:#fff;padding:15px 0 3px 5px;display:block;}
.headerCatch{font-family:Helvetica;font-size:11px;color:#fff;font-weight:bold;background-color:#878787;}
.headerCatch a{color:#fff;padding:15px 0 3px 5px;display:block;}
.headerAbout{font-family:Helvetica;font-size:11px;color:#fff;font-weight:bold;background-color:#919191;}
.headerAbout a{color:#fff;padding:15px 0 3px 5px;display:block;}
.headerNews{font-family:Helvetica;font-size:11px;color:#fff;font-weight:bold;background-color:#a5a5a5;}
.headerNews a{color:#fff;padding:15px 0 3px 5px;display:block;}
.headerAwards{font-family:Helvetica;font-size:11px;color:#fff;font-weight:bold;background-color:#9b9b9b;}
.headerAwards a{color:#fff;padding:15px 0 3px 5px;display:block;}
.headerContact{font-family:Helvetica;font-size:11px;color:#fff;font-weight:bold;background-color:#aeaeae;}
.headerContact a{color:#fff;padding:15px 0 3px 5px;display:block;}
.headerCareers{font-family:Helvetica;font-size:11px;font-weight:bold;background-color:#b8b8b8;}
.headerCareers a{color:#fff;padding:15px 0 3px 5px;display:block;}


#printSharePage{font-family:Helvetica;font-size:9px;color:#676767;text-align:right;padding-top:0px;}

#printShareSearch{font-family:Helvetica;font-size:9px;color:#676767;text-align:right;margin-top:-35px;margin-bottom:15px;}
#printShare{font-family:Helvetica;font-size:9px;color:#676767;text-align:right;margin-top:65px;}
#printShareSingle{font-family:Helvetica;font-size:9px;color:#676767;text-align:right;margin-top:21px;}

	
.narrowcolumn {padding:0;margin:0;width:450px;vertical-align:vertical-align:top;}
.widecolumn {padding:10px 0 20px 0;width: 450px;}

.searchTitle{font:Helvetica;font-size:30px;font-weight:bold;padding:10px 0 30px 0;color:#333333;}

#noPost{margin-top:-10px;}
.post {margin:0;text-align:left;}


.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 0;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}


.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {width: 905px;clear:both;padding:20px 0 0 0;}

#footer p {margin:0;padding:20px 0;text-align:center;}
/* End Structure */

/* Start Print and Share Icon */
#print{cursor:pointer;color:#676767;text-align:right;font:helvetica;font-size:10px;font-weight:bold;}
#share{cursor:pointer;color:#676767;text-align:right;font:helvetica;font-size:10px;font-weight:bold;}
#share a{color:#676767;}
/* End Print and Share Icon */


/*	Begin Headers */
h1 {padding-top:70px;margin:0;}
#contentPage h2{margin:0;padding:0;vertical-align:top;}	
pagetitle {font-size:28px;font:helvetica;color:#111111;padding:0;margin:0;vertical-align:top;}
#contentSearch h2{margin:0;padding-bottom:15px;vertical-align:top;}	
h3 {margin:30px 0 0;}
h3.comments {padding:0;margin:40px auto 20px ;}
/* End Headers */



/* Begin Images 
	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) */
p img {padding:0;max-width:100%;}
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 a {display: block;padding:1px 24px 1px 0;background:transparent url(images/icon_arrow.png) no-repeat top right;}
.alignright{font-size:11px;font-weight:bold;font-family:Helvetica;color:#111111;float:right;}	
.alignleft a { padding:1px 0 1px 24px;display:block;background:transparent url(images/icon_arrow_back.png) no-repeat top left;background-position:left;}
.alignleft {font-family:Helvetica;font-size:11px;color:#111111;font-weight:bold;text-align:left;float:left;}

.archiveAlignLeft a { padding:4px 0 4px 24px;display:block;background:transparent url(images/icon_arrow_back.png) no-repeat top left;background-position:left;text-align:left}
.archiveAlignRight a {display: block;padding:4px 24px 4px 0;background:transparent url(images/icon_arrow.png) no-repeat top right;}
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {margin-left:0px;padding:0 0 0 20px;list-style:none;padding-left:10px;text-indent:-10px;}
html>body .entry li {margin:7px 0 8px 10px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:left;}
.entry ol {padding:0 0 0 20px;margin: 0;}
.entry ol li {margin:0;padding:0;}
.postmetadata ul, .postmetadata li {display:inline;list-style-type:none;list-style-image:none;}
select {width: 130px;}
/* End Begin Lists */

/*start of javascript rollover in sidebar*/
.sidebarYellow{background-color:#ffd917;font-family:Helvetica;font-size:11px;font-weight:bold;color:#000;}
.sidebarDefault{background-color:#f4f4f4;font-family:Helvetica;font-size:11px;font-weight:bold;color:#000;}
.sidebarDefault a{}
.sidebarHover{background-color:#ffd917;font-family:Helvetica;font-size:11px;font-weight:bold;color:#000;}
.sidebarHover a{color:#000;}
.sidebarDefault1{background-color:#f4f4f4;font-family:Helvetica;font-size:11px;font-weight:bold;color:#000;}
.sidebarDefault1 a img {border:none;float:left;height:97px;width:125px;padding-right:10px;}
.sidebarHover1{background-color:#ffd917;font-family:Helvetica;font-size:11px;font-weight:bold;color:#000;}
.sidebarHover1 a{color:#000;}
.sidebarHover1 a img {border:none;float:left;height:97px;width:125px;padding-right:10px;}
/*end of javascript rollover in sidebar*/


/* Start of sidebar */
#sidebar {padding:0;margin:0;width:295px;vertical-align:top;}
#sidebar h2 {margin:5px 0 0;padding:0;}
#sidebar form {margin-bottom:20px;}	
#sidebar ul, #sidebar ul ol {margin:0;padding:0;}
#sidebar ul ul, #sidebar ul ol {margin:0;width:295px;}
#sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px;}
#sidebar ul p, #sidebar ul select {margin:5px 0 8px;}
#sidebar ul li {list-style:none;list-style-type:none;list-style-image:none;}
#sidebar_archive{padding:0;width:295px;margin-bottom:30px;}
#sidebar_archive ul {margin:0;padding:0;list-style:none;}
#sidebar_archive ul li {margin:0;padding:0;}
#sidebar_archive ul li {border-bottom:1px dotted #CFCFCF;font-weight:bold;}
#sidebar_archive ul li a {padding:7px 9px 6px;display:block;margin:0;width:283px;}
.sidebartitle{font-family:Helvetica;font-weight:bold;font-size:12px;color:#222222;padding:8px 8px 10px;background-color:#e2e2e2;text-transform:uppercase;height:100%;vertical-align:middle;}
.selectedli {background-color:#ffd917;cursor:pointer;}	

#sidebar_archive1{background-color:#f4f4f4;padding:0;width:295px;margin-bottom:30px;}
#sidebar_archive1 ul li {padding:9px 6px;border-bottom:1px dotted #cfcfcf;font-weight:bold;color:#000;line-height:1.3em;height:100%;}
.sidebartitle1{font-family:Helvetica;font-weight:bold;font-size:12px;color:#222222;background-color:#e2e2e2;text-transform:uppercase;height:100%;	vertical-align:middle;padding:10px 0 10px 7px;}
#sidebar_archive2{background-color:#f4f4f4;padding:0;width:295px;margin-bottom:20px;}
#sidebar_archive2 ul li {padding:7px 9px 6px;border-bottom:1px dotted #cfcfcf;font-weight:bold;color:#000;}

/* Start of search form */
*:focus {outline:0;}/* For Mac text box */
#sidebar #searchform #s {margin:4px 0 4px 4px;}
#sidebar #searchsubmit {}
#searchform {margin:0;padding:1px 0 1px 0;border:1px solid #cfcfcf;background-color:#fff;width:293px;display:block;height:100%;}
.searchbar {vertical-align:top;font-family:Helvetica;font-size:11px;color:#b3b3b3;border:none;font-style:italic;margin:0;padding:0;}
.searchbtn {padding:0 4px 0 0;margin:0;}
/* end of search form */

/*Start of brands we work*/	
.allbrands{background-color:#f4f4f4;}
.allbrandsheight{height:64px;text-align:center;}
	
.borderRightNBottom{border-right:1px dotted #cfcfcf;border-bottom:1px dotted #cfcfcf;padding:0;margin:0;}
.borderBottom{border-bottom:1px dotted #cfcfcf;padding:0;margin:0;}
.borderRight{border-right:1px dotted #cfcfcf;padding:0;margin:0;}
/*end of brands we work*/	


/*Start of subscribe*/
.subscribe{padding:5px 0;background-color:#f4f4f4;height:28px;}
.emailborder{padding:0 0 0 7px;height:21px;}
.btn {padding:0 4px 0 0;margin:0;border:none;}
#mc_embed_signup{height:31px;}	
.mc-field-group {margin:5px 5px 5px 0;padding:1px 0 1px 0;border:1px solid #cfcfcf;width:205px;background-color:#FFFFFF;}
.mc_embed_close{display:none;}
.validate{margin:0;padding:0;}
.response {vertical-align:top;font-family:Helvetica;font-size:11px;color:#b3b3b3;padding-right:5px;margin:0px;}
.requiredemail {vertical-align:middle;font-family:Helvetica;font-size:11px;color:#b3b3b3;border: #FFF;font-style:italic;margin:4px 0 4px 4px;padding:0;background-color:#FFFFFF;-moz-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius-topleft: 0;}
.webfeeds{padding:0 5px 0 9px;}
.webfeeds a{padding:3px 0 0 0;font-weight:bold;}
#davidTangBlog{margin-top:20px;}
/*end of subscribe*/

/*Start of comment*/
#commentform {margin:5px 10px 0 0;}
#commentform p {margin:5px 0;}
#commentform input {width:170px;padding:2px;margin:5px 5px 1px 0;}
#commentform textarea {width:100%;padding:2px;}
#commentform #submit {margin:0 0 5px auto;float:right;}
#respond:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
.commentlist {padding:0;text-align:left;}
.commentlist li {margin:15px 0 10px;padding:5px 5px 10px 10px;list-style:none;}
.commentlist li ul li {margin-right:-5px;margin-left: 10px;}
.commentlist p {margin:10px 5px 10px 0;}
.children {padding:0;}
.commentmetadata {margin:0;display:block;}
.nocomments {text-align:center;margin:0;padding:0;}
.alt {margin:0;padding:10px;}
/*End of comment*/

/* Begin Calendar */
#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 */
acronym, abbr, span.caps {cursor:help;}
acronym, abbr {border-bottom:1px dashed #999;}
blockquote {margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd;}
blockquote cite {margin:5px 0 0;display:block;}
.center {text-align:center;}
.hidden {display:none;}
.screen-reader-text {position:absolute;left:-1000em;}
hr {display:none;}
a img {border:none;}
.navigation {width:564px;display:block;text-align:right;margin-top:10px;margin-bottom:60px;font-family:Helvetica;font-weight:bold;font-size:11px;}
/* End Various Tags & Classes*/

/* 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:11px;line-height:17px;padding:0 4px 5px;margin:0;}
/* End captions */

/* start printpopups */
#printpopup{display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:384px;width:408px;background:#FFFFFF;border:2px solid #cecece;z-index:2;padding:12px;font-size:13px;overflow:auto;}
#printpopupClose{font-size:14px;line-height:14px;right:6px;top:4px;position:absolute;color:#6fa5fd;font-weight:700;display:block;cursor:pointer;}
#printconfirmbtn{font-family:Helvetica;font-size:9px;color:#676767;text-align:right;padding-bottom:5px;cursor:pointer;}
/* end printpopups */

/*
 *	Page-specific sections
 *
 *	ACCOLADES
 */
 
h3.accolades {
	margin:15px 0 10px;	
}
 
.accolades tr.first td {
	border-top: 1px dotted #cfcfcf;
 }
 
.accolades td {
	vertical-align: top;
	border-bottom: 1px dotted #cfcfcf;
	padding: 5px 0px;
}
