@charset "UTF-8";
@import "reset.css";

div {
	margin: 0;
	padding: 0;
}

a {
	color: white;
	text-decoration: none;
}
a:hover {
	color: white;
	text-decoration: underline;
}



/* Wrapper */
	div#wrapper {
		width: 900px;
		margin: 0 auto 0 auto;
	}



/* Header Box */
	div#wrapper div#heading {
		height: 83px;
		background: url(/images/title_bar.png) repeat-x top left;
	}
	div#wrapper h1 {
		background: url(/images/title_logo.png) no-repeat top center;
		height: 83px;
		text-indent: -9999px;
	}



/* Navigation Box */
	div#wrapper div#navigation h2#navigation-header {
		display: none;
	}
	div#wrapper div#navigation {
		width: 100%;
		height: 66px;
		background: url(/images/tab_bar.png) repeat-x bottom;
		background-color: #181818;
	}
	div#wrapper div#navigation ul#navigation-list {
		list-style-type: none;
		text-align: center;
		padding: 0;
		margin: 0 auto 0 auto;
		width: 768px;
	}
	div#wrapper div#navigation ul#navigation-list li {
		float: left;
		display: block;
		width: 128px;
		height: 66px;
		background: url(/images/tab_unselected.png) no-repeat;
		background-color: #181818;
		font-family: Droid Sans, Lucida Sans Unicode, Lucida Grande, sans-serif;
		vertical-align: bottom;
		margin: 0px;
	}
	div#wrapper div#navigation ul#navigation-list li#selected {
		background: url(/images/tab_selected.png) no-repeat;
		background-color: #181818;
	}
	div#wrapper div#navigation ul#navigation-list li a {
		text-decoration: none;
		color: #FFFFFF;
		font-size: 150%;
		margin-top: auto;
	}
	div#wrapper div#navigation ul#navigation-list li a:hover {
		text-decoration: underline;
	}
	div#wrapper div#navigation ul#navigation-list li#selected a {
		color: #313031;
	}



/* Content Box */
	div#wrapper div#content {
		background-color: #181818;
		color: #b5b6b5;
		padding: 2em;
		overflow: hidden;
		width: 860px;
	}
	div#wrapper div#content p {
		font-size: 1.1em;
	}



/* Copyright */
	div#wrapper div#copyright {
		padding-top: 2em;
		text-align: center;
	}
	div#wrapper div#copyright a {
		color: #000;
	}








/* For Home */
	div#home_love p,
	div#home_other p {
		margin-left: 2em;
		margin-right: 2em;
	}

	div#home_featured,
	div#home_twitter {
		width: 410px;
		float: left;
		margin-top: 2em;
	}
	div#home_twitter {
		margin-left: 32px;
	}

	div#home_featured h3#header_featured,
	div#home_twitter h3#header_twitter {
		background-image: url(/images/activity_title_bar.png);
		height: 21px;
		margin-bottom: 0px;
		color: white;
		padding: 4px 0px 0px 0.5em;
		overflow: hidden;
	}

	div#home_featured_content,
	div#home_twitter_content {
		background-color: white;
		color: black;
		padding: 1em;
		height: 200px;
	}
	div#home_featured_content a,
	div#home_twitter_content a {
		color: black;
	}
	div#home_featured img {
		float: left;
	}
	div#home_featured h4 {
		margin-left: 125px;
	}
	div#home_featured p#featured_description {
		margin: 0px 0em 0 125px;
	}

	div#home_twitter_content p.tweet {
		margin-bottom: 0;
	}
	div#home_twitter_content p.tweet_time {
		text-align: right;
	}
	div#home_featured_content a#featured_more,
	div#home_twitter_content a#twitter_more {
		text-align: right;
		display: block;
		color: blue !important;
		margin-top: 1.4em;
	}



/* For About */
	div#about_about p,
	div#about_history p,
	div#about_salut p {
		margin-left: 2em;
		margin-right: 2em;
	}
	div#about_history,
	div#about_salut {
		margin-top: 3em;
	}


/* For Contact */
	div#contact_app p,
	div#contact_client p {
		margin-left: 2em;
		margin-right: 2em;
	}
	div#contact_client {
		margin-top: 3em;
	}

/* For Jobs */
	div#jobs_main p {
		margin-left: 2em;
	}


/* For Projects */
	div.project_rundown {
		margin-right: 2em;
		margin-bottom: 2em;
		margin-left: 2em;
	}
	div.project_rundown h3 {
		font-size: 125%;
		font-weight: bold;
	}
	div.project_rundown p {
		margin-left: 2em;
	}
	div.project_rundown img {
		margin-right: 2em;
		float: left;
	}


/* For Blog */
	div.blog_entry {
		margin: 0px 2em 2em 2em;
	}
	div.blog_entry h3.blog_entry_title {
		background-image: url(/images/activity_title_bar.png);
		height: 21px;
		margin-bottom: 0px;
		color: white;
		padding: 4px 0px 0px 0.5em;
		overflow: hidden;
	}
	div.blog_entry div.blog_entry_body {
		background-color: white;
		color: black;
		padding: 1em;
	}
	div.blog_entry p.blog_entry_time {
		text-align: right;
		margin: 0px;
		font-style: italic;
	}
	div.blog_entry p.blog_entry_time span.blog_entry_author {
		font-weight: bold;
	}



/* For APP pages*/
/*                                 About Section                             */
div#about div#about-screenshots,
div#about div#about-videos,
div#about div#about-moreinfo{
	margin: 0 2em 2em 2em;
	padding: 0;
}
div#about div#about-screenshots a {

}
div#about div#about-screenshots a img {
	border: 1px solid #ccc;
	padding: 0.5em;
	margin: 0.5em;
}
div#about img#about-qrcode {
	float: right;
	margin: 0 0 0 2em;
}
div#about p#about-description {
	margin: 0px 2em 0.5em 2em;
}
div#about ul {
	margin: 0px 2em 2em 2em;
}
div#about ul li {
	margin-bottom: 0.5em;
}


/*                               FAQ Section                                 */
h4.ui-accordion-header {
	font-weight: 900 !important;
	font-size: 120% !important;
}
div.ui-accordion-content {
	height: auto !important;
}



/*                             News section                                  */
div#news div#news-rss {
	float: right;
}
div#news div.news-item {
	margin-bottom: 2em;
}

div#news div.news-item p {
	margin: 0;
}
div#news div.news-item p.news-item-title {
	/*background-color: #CCC;*/
	border-bottom: 1px solid #AAA;
	font-weight: bold;
	font-size: 110%;
	padding: 3px;
}
div#news div.news-item p.news-item-body {
	padding: 0 2em 0 2em;
	text-align: justify;
}
div#news div.news-item p.news-item-date {
	text-align: right;
}




/* For 404 - overwriting google */
	div#cse {
		margin: 0px auto !important;
		width: 50% !important;
	}
	div#cse div.gsc-control-cse {
		border: 0px solid transparent !important;
		background: transparent;
	}
	div.gsc-tabsArea {
		background-image: url(/images/activity_title_bar.png) !important;
		height: 21px !important;
		margin-bottom: 0px !important;
		padding: 4px 0px 0px 0.5em !important;
		overflow: hidden !important;
		border: 0px solid transparent !important;
	}
	div.gsc-tabHeader,
	div.gsc-tabhActive {
		border: 0px solid transparent !important;
		background: transparent !important;
		color: white !important;
		font-size: 125% !important;
	}

	a.gs-title,
	a.gs-title b {
		color: white !important;
	}
	div.gs-visibleUrl,
	div.gs-visibleUrl-short {
		color: #444 !important;
	}
	div.gsc-webResult,
	div.gsc-result {
		border: 0px solid transparent !important;
	}

	div.gsc-cursor-box a {
		color: white !important;
	}


	/* doesn't work because it's in an iframe */
	div.ad a {
		color: white !important;
	}
	div.ad span {
		color: #b5b6b5 !important;
	}
	div.ad cite a {
		color: #444 !important;
	}