/*
THEME NAME: Innovate2
THEME URI: http://innovatesmart.com.my/
DESCRIPTION: Theme for Innovate Smart
VERSION: 1.0
AUTHOR: Wafiq Rodzuan
AUTHOR URI: http://wfxyz.com/
TAGS: marketing, branding, advertising
*/

/* =Wfx's Reset
-------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, p, div, ol, ul, li, form { border: 0; margin: 0px; padding: 0px; outline: 0; background: transparent; }

html { font-size: 100.01%; }


/* =Global Elements
-------------------------------------------------------------- */

body { color: #065150; font-size: 67.5%; line-height: 1.6; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; }

a { text-decoration: none; }

a:link { color: #0062A3; }

a:hover, a:active { color: #B01246; text-decoration: none; }

a:visited { color: #093757; }

a img { border: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	
blockquote { font-style: italic; color: #444; margin: 0 2em 1.6em 2em; padding: 0 0 0 1em; border-left: 1px solid #999; }
	
code { color: #333; font-family: Courier, monospace;  }

pre { overflow: auto; clear: both; }

acronym, abbr { border-bottom: 1px #666 dotted; cursor: help; }

ol { list-style: decimal; }

ul { list-style: disc; }

	li { margin-left: 1.6em; }
	
	ol ol { list-style:upper-alpha; }

	ol ol ol { list-style:lower-roman; }

	ol ol ol ol { list-style:lower-alpha; }

	ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
	
p, hr, ol, ul, pre, table, fieldset { margin-bottom: 1.6em; }
	
strong, b { font-weight: bold; }

cite, em, i { font-style: italic; }


/* =Headlines
-------------------------------------------------------------- */

h1, h2, h3 , h4, h5, h6 { font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-weight: bold; line-height: 1; margin-bottom: 16px; color: #2E3192; text-shadow: 0px 1px 0px #EDD; }

h1 { font-size: 3.6em; letter-spacing: -0.03em; }
	
h2 { font-size: 2.8em; text-shadow:	0px 1px 0px #DDE; text-transform: capitalize; }

	h2.cufon { font-size: 3.6em; margin-bottom: 4px; color: #C1272D; }
	
	.post h2.entry-title, .page h2.entry-title, .category h2.entry-title { padding-bottom: 4px; border-bottom: 1px dotted #C1272D; margin-bottom: 16px; }
	
	.entry-content h2 { font-size: 3em; font-weight: normal; letter-spacing: -0.05em; margin-bottom: 8px; }
	
h3 { font-size: 1.6em; text-transform: uppercase; }

	.entry-title h3, h3.entry-title { text-transform: none; font-size: 1.4em; text-shadow: 0px 1px 0px #ECDAEA; }
		
	.entry-content h3 { letter-spacing: 0.05em; font-style: italic; padding-bottom: 2px; border-bottom: 1px dotted #0071BC; }

	.category-news h3.entry-title, .category-article h3.entry-title { margin: 8px 0; text-transform: uppercase; }
	
	.category-portfolio .entry-title { margin: 16px 0 4px 0; }
	
	.single .category-portfolio .entry-title { color: #0071BC; text-transform: uppercase; font-size: 1.4em; padding: 0 0 8px 0; margin: 4px 0 32px 0; border-bottom: 1px dotted #C1272D; }
	
h4 { font-size: 1.4em; }

	.entry-content h4 { text-shadow: none; line-height: 1.4; color: #065150; 1margin-bottom: 4px; }
		
h5 { font-size: 1.2em; }

h6 { font-size: 1em; }


/* =Common Classes / WorPress Defaults
-------------------------------------------------------------- */

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { font-size: 1em; line-height: 0; }

.alignleft, img.alignleft { display: inline;	float: left; margin-right: 1em; }

.alignright, img.alignright { display: inline; float: right; margin-left: 1em; }

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin: 0 0 0.5em 0; padding: 4px; border: 1px solid #29ABE2; background-color: #DDE; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.wp-caption { text-align: center; margin-bottom: 1.5em; }

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

.wp-caption p.wp-caption-text { margin: 0; }

.wp-smiley { max-height: 1em; margin:0 !important; }

.gallery dl {	margin: 0; }

.gallery-caption { margin:-1.5em 0 0 0; }

blockquote.left { float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%; }

blockquote.right { float: right; color: #FFF; font: italic 1.2em georgia, sans-serif; text-shadow: 0px 1px 2px #444; margin: 0 0 8px 8px; padding: 8px; text-align: right; background-color: #0071BC; border: 0; width: 33%; }

	blockquote.right p { margin: 0; }

a.link:hover { padding: 2px 4px; color: #FFF; background-color: #0071BC; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.separator { height: 2px!important; width: auto!important; visibility: visible!important; padding: 16px 0 0 0; margin: 0 0 16px 0; background: url('./images/separator.gif') repeat-x 0% 100%; }

	.comment .separator { padding: 0; margin: 4px 0 16px 0; }
	
.button a, a.button { display: block; text-align: center; font-weight: normal!important; color: #FFF; text-shadow: 0px 1px 0px #333; margin: 0 0 0.5em 0; padding: 0.2em 0.7em; background: url('./images/button_bg.gif') repeat-x 0% 0%; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

	.button a:hover, a.button:hover { background-image: none; background-color: #C1272D; }
	
.no-bottom-margin { margin-bottom: 0; }

.whitespace { margin: 0 0 24px 0 !important; }


/* =Layout
-------------------------------------------------------------- */

#header-box, #slide-box, #content-box, #content-box-span, #footer-box { width: 100%; text-align: center; }

#header, #content, #sidebar, #footer { text-align: left; }

#wrapper { background: url('./images/wrapper_bg.gif') repeat fixed; }


/* =Header
-------------------------------------------------------------- */

div.skip-link { position: absolute; right: 1em; top: 1em; line-height: 0; }

	div.skip-link a { color: #CCC; }

h1#blog-title { background: url('./images/innovate_logo.png') no-repeat 50% 0%; margin-bottom: 0; }

h1#blog-title:hover { background-position: 50% 100%; }

	h1#blog-title a { display: block; height: 100px; text-indent: -9999px; outline: none; }

div#blog-description { height: 0; text-indent: -9999px; outline: none; }

div#menu { float: right; margin: 54px 0 0 0; }

#beta { background: url('./images/beta.gif') no-repeat 4px 0px; margin-top: 28px; text-indent: -9999px; }


/* =Content Style
-------------------------------------------------------------- */

#content-box { background: url('./images/content_bg.gif') repeat 0% 0% #93D4F0; border-top: 1px solid #DDDDEE; border-bottom: 1px solid #DDDDEE; }

	#container { padding: 48px 0; }
	
	#content { min-height: 300px; text-shadow: 0px 1px 0px #CCDDEE; }
	
		.home .post { padding-bottom: 0; }
		
		.entry-thumb { position: relative; }
		
		.category .entry-thumb, .page .entry-thumb { margin-bottom: 4px; }
		
		.entry-thumb a.taglink { position: absolute; right: 20px; top: 10px; line-height: 1; padding: 5px; text-transform: uppercase; font-family: "Lucida Grande", sans-serif; color: #FFF; background-color: #000; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; }
	
			.entry-thumb a.taglink:hover { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
	
		.entry-thumb img { padding: 4px; background-color: #DDE; border: 1px solid #29ABE2; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
		
		.tag-print .entry-thumb a:hover img { border: 1px solid transparent; background-color: #2778BE!important;  }
		
		.tag-web .entry-thumb a:hover img { border: 1px solid transparent; background-color: #DA494E!important; }
		
		.tag-event .entry-thumb a:hover img { border: 1px solid transparent; background-color: #2CBE27!important; }
		
	ul#services-list { list-style: none; }
	
		ul#services-list li ul { list-style: none; margin: 0; padding: 0; }
		
		ul#services-list li h3 { padding: 8px 0; margin: 0; }
		
		ul#services-list li li { font-size: 1.2em; margin: 0; padding: 0 0 0 16px; background: url('./images/list_bullet.png') no-repeat 0px 6px; }
		
		ul#services-list li p { font-size: 1.2em; margin: 16px 0; }
	
.request-quot { float: right!important; background: url('./images/request_quot.gif') no-repeat 100% 50%; }

	.request-quot a { display: block; padding: 12px; font-size: 1.4em; font-weight: bold; color: #EEE; text-shadow:	0px -1px 0px #00385E; }
	
	.request-quot a:hover { color: #00385E; text-shadow: 0px 1px 0px #80B8DE; }
	
.single div.post { margin-bottom: 32px; }

.entry-date { margin-bottom: 4px; text-align: center; line-height: 1; color: #C1272D; }

	.entry-date .day { display: block; font-size: 3.4em; margin: 0; border: 1px solid #29ABE2; background-color: #DDE; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
	
	.entry-date .month { display: block; text-transform: uppercase; margin-top: 4px; }

.single .entry-content { margin-bottom: 32px; }

	.entry-content { margin-bottom: 8px; } 
	
.single .category-portfolio .entry-content ul { line-height: 1.4; list-style: none; background-color: #DDDDEE; border-top: 1px dotted #29ABE2; border-bottom: 1px dotted #29ABE2; margin-bottom: 10px; padding-top: 16px; padding-bottom: 4px; }

	.single .category-portfolio .entry-content li { background-color: #DDDDEE; margin: 0; padding: 0 16px 12px 34px; background: url('./images/list_bullet.png') no-repeat 16px 5px; }
	
.entry-content p, .entry-content li { font-size: 1.2em; }

.entry-content a, .entry-meta a, .comments a { font-weight: bold; }

.entry-meta { color: #0071BC; padding: 8px 8px 0 8px; border-top: 1px solid #29ABE2; background-color: #DDE; }

	.entry-meta ul { margin: 0; padding: 0; }
	
	.entry-meta li { float: left; display: inline; padding: 0 16px 0 20px; margin: 0 16px 8px 0; border-right: 1px dotted #29ABE2; }
	
	.entry-meta p { margin-bottom: 8px; }
	
	.entry-meta a { text-transform: capitalize; }
	
		.date-icon { background: url('./images/calendar.png') no-repeat 0% 50%; padding-left: 20px; }
		
		.admin-icon { background: url('./images/user_suit.png') no-repeat 0% 50%; padding-left: 20px; }
		
		.cat-icon { background: url('./images/folder.png') no-repeat 0% 50%; padding-left: 20px; }
		
		.tag-icon { background: url('./images/attach.png') no-repeat 0% 50%; padding-left: 20px; }
		
	.category-portfolio .entry-meta ul { margin: 0; }
	
.number-1 { background: url('./images/1.png') no-repeat 10px 4px; }

.number-2 { background: url('./images/2.png') no-repeat 10px 4px; }

.number-3 { background: url('./images/3.png') no-repeat 10px 4px; }

.number-4 { background: url('./images/4.png') no-repeat 10px 4px; }

.number-5 { background: url('./images/5.png') no-repeat 10px 4px; }

.number-6 { background: url('./images/6.png') no-repeat 10px 4px; }

#nav-above { padding-bottom: 16px; }

.description { font-size: 1.2em; font-style: italic; line-height: 1; }

.amp { font-family: "Palatino Linotype", "Book Antiqua", serif; font-size: 1.1em; }

.comment p { font-size: 1.2em; } 

	.mmf input, .mmf textarea { border: 1px solid #999; padding: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

	.mmf input { width: 276px; color: #666; font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode",  sans-serif; }

	.mmf textarea { width: 280px; }

	.mmf input:focus, .mmf textarea:focus { padding: 3px; border: 2px solid #29ABE2; }
	
	.mmf label { font-weight: bold; }
	
	.mmf .form-submit input { width: 80px; font-weight: normal!important; color: #FFF; border: 0; text-shadow: 0px 1px 0px #333; padding: 0.3em 1em; background: url('./images/button_bg.gif') repeat-x 0% 0%; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
	
		.mmf .form-submit input:hover { background-image: none; background-color: #C1272D; cursor: pointer; }
		
		.mmf .mmf-checkbox input { width: auto; }

.contact-detail { color: #2E3192; line-height: 1.2; display: block; margin: 0.5em 0; padding: 0.5em 0.5em 0.5em 32px; background: url('./images/info_button_16.png') no-repeat 8px 6px #DDDDEE; border-top: 1px solid #29ABE2; }

/* =Sidebar Style
-------------------------------------------------------------- */

.sidebar ul.xoxo { font-size: 1.2em; margin: 0; }

	.sidebar ul.xoxo h3 { font-size: 1.2em; color: #0071BC; text-shadow:	0px 1px 0px #DDE; background: url('./images/sidebar_h3_bg.gif') no-repeat 100% 100%; }

	.sidebar ul.xoxo li { list-style: none; margin: 0; padding: 16px 0 16px 20px; border-left: 1px solid #29ABE2; background: url('./images/separator.gif') repeat-x 0px 0px; }
	
	.sidebar ul.xoxo li li { list-style: disc; margin-bottom: 0; margin-left: 1.6em; padding: 0; background: none; border: 0; }
	
		#latest-article ul, #latest-work ul, #latest-news ul { margin: 0; padding: 0; }
		
		#latest-article li { list-style: none; margin: 0 0 16px 0; padding: 0; }
		
			#latest-article li:last-child { margin: 0 0 8px 0; }
			
		#latest-article .entry-thumb { overflow: hidden; }
	
		#latest-article .entry-thumb a { float: left; overflow: hidden; outline: none; }
	
		#latest-article .entry-thumb img { display: block; }
		
		#latest-article .entry-thumb span { display: block; position: absolute; margin: 5px; padding: 5px; background: url('./images/transparent.png') repeat; z-index: 99; font-size: 1.4em; line-height: 1.1; color: #FFF; }
		
			#latest-article .entry-thumb a:hover span { display: none; }
		
		#latest-work li { list-style: none; margin: 0 0 16px 0; padding: 0; float: left; }
		
		#latest-news li { list-style: none; line-height: 1.2; margin: 0; padding: 0; }
		
			#latest-news li a { display: block; padding: 5px; } 
			
			#latest-news li a:hover { color: #FFF; background-color: #0071BC; border-bottom: none; }
			
				#latest-news a:hover .entry-date { color: #FFF; }
		
			#latest-news .entry-date { color: #808080; font-variant: small-caps; }

			
/* =Comment Style
-------------------------------------------------------------- */

#comments li.comment { list-style: none; margin: 0; }

#comments .comment p { margin-bottom: 0.4em; }

	#comments .comment-meta { text-align: right; color: #666; }
	
	#comments .entry-content { margin-bottom: 8px; }
	
	#comments .comments-icon { padding-left: 22px; background: url('./images/comments.png') no-repeat 0% 50%; }
	
	#comments .comments-add-icon { padding-left: 22px; background: url('./images/comments_add.png') no-repeat 0% 50%; }
	
	#comments .comment .unapproved { font-weight: bold; color: #C1272D; }
	
	#comments .comment .bypostauthor img  { padding-bottom: 16px; }
	
	#comments .form-label { display: none; }
	
	#comments .form-input { position: relative; }
	
		#comments .form-input #working { position: absolute; right: 5px; top: 5px; }

	#comments .form-input input, #comments .form-textarea textarea { border: 1px solid #999; padding: 4px; margin: 0 0 8px 0; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

		#comments .form-input input { color: #666; font-size: 1.2em; font-weight: bold; font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode",  sans-serif; }
		
		#comments .form-input input:focus, #comments .form-textarea textarea:focus { padding: 3px; border: 2px solid #29ABE2; }
	
		#comments .form-input input { width: 210px; }

		#comments .form-textarea textarea { width: 290px; }
	
	#comments #respond p { font-size: 1.2em; }
	
	#comments #login { margin: 0 0 8px 0; }
	
	#comments .form-submit input { padding: 2px 10px; margin: 8px 0 0 0; font-size: 1.2em; font-weight: bold; font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode",  sans-serif; }

	
/* =Footer Style
-------------------------------------------------------------- */

#footer-box { background: url('./images/footer_bg.png') repeat-x 50% 0%; padding-top: 32px; }

#footer {  }
	
	#footer a { color: #548CA4; }
	
	#footer a:hover { color: #FFF; }
	
	#footer-widget { background-color: #222; border-top: 1px solid #333; border-bottom: 1px solid #000; }
	
		#footer-widget div { padding: 12px; }
	
		#footer-widget ul { list-style: none; padding: 0; margin: 0; }
		
			#footer-widget ul h3 { font-size: 1.4em; color: #C1272D; text-shadow: 0px -1px 0px #000; margin-bottom: 12px; }
			
			#footer-widget li li, #footer-widget li p { color: #808080; }
			
			#footer-widget .latest ul { list-style-type: disc; }
			
			#footer-widget .latest li { margin-bottom: 4px; }
			
		#footer-widget .else {  }
			
		#footer-widget .else ul { list-style: none; margin: 16px 0 0 0; padding: 0; }
			
			#footer-widget .else li { float: left; display: inline; padding: 10px 0 10px 36px; }
			
				#footer-widget .rss-badge { background: url('./images/rss_badge.png') no-repeat 0% 50%; margin: 0 16px 0 0; }
				
				#footer-widget .facebook-badge { background: url('./images/facebook_badge.png') no-repeat 0% 50%; margin: 0; }
				
			#footer-widget .else p { margin-bottom: 8px; }
			
				#footer-widget .else p span { font-size: 1.2em; font-weight: bold; border-bottom: 1px dotted #548CA4; color: #548CA4; }
			
	#footer #credit { display: block; padding: 8px 0; background-color: #222; border-top: 1px solid #333; border-bottom: 1px solid #000; text-align: center; margin: 20px 10px 16px; }
			
	#footer #tagline { text-align: center; font-size: 1.8em; color: #808080; text-transform: uppercase; margin-bottom: 16px; }