/*



Theme Name: binarjaya



Theme URI: http://html-designer.com



Description: Designed by: Ronald Sacro - http://html-designer.com



Author: Ronald Sacro



Author URI: http://html-designer.com



Version: 1.0



License: GNU General Public License



License URI: license.txt



Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu



*/











/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html



-------------------------------------------------------------- */







html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code,



del, dfn, em, font, img, ins, kbd, q, s, samp,



small, strike, strong, sub, sup, tt, var,



b, u, i, center,



dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td {



	background: transparent;



	border: 0;



	margin: 0;



	padding: 0;



	vertical-align: baseline;



}



body {



	line-height: 1;



}



h1, h2, h3, h4, h5, h6 {



	clear: both;



	font-weight: normal;



}



ol, ul {



	list-style: none;



}



blockquote {



	quotes: none;



}



blockquote:before, blockquote:after {



	content: '';



	content: none;



}



del {



	text-decoration: line-through;



}



/* tables still need 'cellspacing="0"' in the markup */



table {



	border-collapse: collapse;



	border-spacing: 0;



}



a img {



	border: none;



}







/* =Layout



-------------------------------------------------------------- */







/*



LAYOUT: Two columns



DESCRIPTION: Two-column fixed layout with one sidebar right of content



*/







#sidebar {



	float: left;



	width: 142px;



	overflow: hidden;



}



#navmenu,



#primary,



#secondary {



	overflow: hidden;



	width: 100%;



}



#container {



	float: left;



	width: 800px;



}



#content {



	margin: 0 0 0 15px;



}







/*



LAYOUT: One column, no sidebar



DESCRIPTION: One centered column with no sidebar



*/







.one-column #content {



	margin: 0 auto;



	width: 760px;



}







/*



LAYOUT: Full width, no sidebar



DESCRIPTION: Full width content with no sidebar; used for attachment pages



*/







.single-attachment #content {



	margin: 0 auto;



	width: 900px;



}











/* =Fonts



-------------------------------------------------------------- */



body,



input,



textarea,



.page-title span,



.pingback a.url {



	font-family: verdana, sans-serif;



}



h3#comments-title,



h3#reply-title,



#access .menu,



#access div.menu ul,



#cancel-comment-reply-link,



.form-allowed-tags,



#site-title,



#wp-calendar,



.comment-meta,



.comment-body tr th,



.comment-body thead th,



.entry-content label,



.entry-content tr th,



.entry-content thead th,



.entry-meta,



.entry-title,



.entry-utility,



#respond label,



.navigation,



.page-title,



.pingback p,



.reply,



.widget-title,



.wp-caption-text {



	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;



}



input[type=submit] {



	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;



}



pre {



	font-family: "Courier 10 Pitch", Courier, monospace;



}



code {



	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;



}











/* =Structure



-------------------------------------------------------------- */







/* The main theme structure */



#wrapper {



	margin: 0 auto;



	width: 980px;



	border: 2px solid #7b7b7b;

	

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



#header,

#masthead,

#branding,

#main,

#footer,

#colophon {



	padding: 0;

	margin: 0;

	width: 950px;



}



#wrapper {



	background: #fff;



	margin-top: 75px;



	margin-bottom: 75px;



	padding: 0 15px;



}















/* =Global Elements



-------------------------------------------------------------- */







/* Main global 'theme' and typographic styles */



body {



	background: #4d4d4d;



}



body,



input,



textarea {



	color: #666;



	font-size: 12px;



	line-height: 18px;



}



hr {



	background-color: #e7e7e7;



	border: 0;



	clear: both;



	height: 1px;



	margin-bottom: 18px;



}







/* Text elements */



p {



	margin-bottom: 18px;



}



ul {



	list-style: square;



	margin: 0 0 18px 1.5em;



}



ol {



	list-style: decimal;



	margin: 0 0 18px 1.5em;



}



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;



}



dl {



	margin: 0 0 24px 0;



}



dt {



	font-weight: bold;



}



dd {



	margin-bottom: 18px;



}



strong {



	font-weight: bold;



}



cite,



em,



i {



	font-style: italic;



}



big {



	font-size: 131.25%;



}



ins {



	background: #ffc;



	text-decoration: none;



}



blockquote {



	font-style: italic;



	padding: 0 3em;



}



blockquote cite,



blockquote em,



blockquote i {



	font-style: normal;



}



pre {



	background: #f7f7f7;



	color: #222;



	line-height: 18px;



	margin-bottom: 18px;



	padding: 1.5em;



}



abbr,



acronym {



	border-bottom: 1px dotted #666;



	cursor: help;



}



sup,



sub {



	height: 0;



	line-height: 1;



	position: relative;



	vertical-align: baseline;



}



sup {



	bottom: 1ex;



}



sub {



	top: .5ex;



}



input[type="text"],



textarea {



	background: #f9f9f9;



	border: 1px solid #ccc;



	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);



	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);



	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);



	padding: 2px;



}



a:link {



	color: #0066cc;



}



a:visited {



	color: #743399;



}



a:active,



a:hover {



	color: #ff4b33;



}







/* Text meant only for screen readers */



.screen-reader-text {



	position: absolute;



	left: -9000px;



}











/* =Header



-------------------------------------------------------------- */







#header,

#masthead,

#branding {



	padding: 0;

	margin: 0;

	width: 950px;



}



#site-title {



	float: left;



	font-size: 30px;



	line-height: 36px;



	margin: 0 0 18px 0;



	width: 700px;



}



#site-title a {



	color: #000;



	font-weight: bold;



	text-decoration: none;



}



#site-description {



	clear: right;



	float: right;



	font-style: italic;



	margin: 15px 0 18px 0;



	width: 220px;



}







/* This is the custom header image */



#branding img {

	

	margin: 0;

	padding: 0;

	

	display: block;



	float: left;



}











/* =Menu



-------------------------------------------------------------- */



#access {



	display: block;



	float: left;



	margin: 0 auto;



	width: 142px;



}



#access ul {



	margin-left: 0;



	padding: 0;



}



div.menu {



	font-size: 12px;



	margin: 0px;



	width: 142px;



}



div.menu ul {



	list-style: none;



	margin: 0;



}



div.menu li {



	float: left;



	width: 142px;



	display: block;



	position: relative;



}



#access a {



	color: #aaa;



	font-weight: bold;



	display: block;



	line-height: 20px;



	padding: 0 10px;



	text-decoration: none;



}







#access ul ul {



	display: none;



	position: absolute;



	top: 38px;



	left: 0;



	float: left;



	width: 142px;



	z-index: 99999;



}



#access ul ul li {



	min-width: 142px;



}



#access .menu ul li {



	width: 142px;



}



#access ul ul ul {



	left: 142px;



	top: 0;



}



#access ul ul a {



	background: #333;



	line-height: 20px;



	padding: 0 5px;



	width: 142px;



	height: auto;



} 



#access li:hover > a,



#access ul ul :hover > a {



	background: #333;



	color: #fff;



}



#access ul li:hover > ul {



	display: block;



}



#access ul li.current_page_item > a,



#access ul li.current-menu-ancestor > a,



#access ul li.current-menu-item > a,



#access ul li.current-menu-parent > a {



	color: #cbe76c;



}



* html #access ul li.current_page_item a,



* html #access ul li.current-menu-ancestor a,



* html #access ul li.current-menu-item a,



* html #access ul li.current-menu-parent a,



* html #access ul li a:hover {



	color: #cbe76c;



}











/* =Content



-------------------------------------------------------------- */







#main {



	clear: both;



	overflow: hidden;



	padding: 0;



}



#content {



	margin: 0 0 0 20px;



}



#content,



#content input,



#content textarea {



	color: #333;



	font-size: 16px;



	line-height: 24px;



}



#content p,



#content ul,



#content ol,



#content dd,



#content pre,



#content hr {



	margin-bottom: 24px;



}



#content ul ul,



#content ol ol,



#content ul ol,



#content ol ul {



	margin-bottom: 0;



}



#content pre,



#content kbd,



#content tt,



#content var {



	font-size: 15px;



	line-height: 21px;



}



#content code {



	font-size: 13px;



}



#content dt,



#content th {



	color: #000;



}



#content h1,



#content h2,



#content h3,



#content h4,



#content h5,



#content h6 {



	color: #000;



	line-height: 1.5em;



	margin: 0 0 20px 0;

	

}



#content table {



	border: 1px solid #e7e7e7;



	margin: 0 0 24px 0;



	text-align: left;



	width: 100%;



}



#content tr th,



#content thead th {



	color: #888;



	font-size: 12px;



	font-weight: bold;



	line-height: 18px;



	padding: 9px 24px;



}



#content tr td {



	border-top: 1px solid #e7e7e7;



	padding: 6px 24px;



}



#content tr.odd td {



	background: #f2f7fc;



}



.hentry {



	margin: 0 0 48px 0;



}



.home .sticky {



	background: #f2f7fc;



	border-top: 4px solid #000;



	margin-left: -20px;



	margin-right: -20px;



	padding: 18px 20px;



}



.single .hentry {



	margin: 0 0 36px 0;



}



.page-title {



	color: #000;



	font-size: 14px;



	font-weight: bold;



	margin: 0 0 36px 0;



}



.page-title span {



	color: #333;



	font-size: 16px;



	font-style: italic;



	font-weight: normal;



}



.page-title a:link,



.page-title a:visited {



	color: #888;



	text-decoration: none;



}



.page-title a:active,



.page-title a:hover {



	color: #ff4b33;



}



#content .entry-title {



	font-weight: bold;

	line-height: 1.3em;

	margin-bottom: 0;

	font-size: 18px;

	font-family: Tahoma;

	color: #4d4d4d;



}



.entry-title a:link,



.entry-title a:visited {



	color: #000;



	text-decoration: none;



}



.entry-title a:active,



.entry-title a:hover {



	color: #ff4b33;



}



.entry-meta {



	color: #888;



	font-size: 12px;



}



.entry-meta abbr,



.entry-utility abbr {



	border: none;



}



.entry-meta abbr:hover,



.entry-utility abbr:hover {



	border-bottom: 1px dotted #666;



}



.entry-content,



.entry-summary {



	clear: both;



	padding: 12px 0 0 0;



}



#content .entry-summary p:last-child {



	margin-bottom: 12px;



}



.entry-content fieldset {



	border: 1px solid #e7e7e7;



	margin: 0 0 24px 0;



	padding: 24px;



}



.entry-content fieldset legend {



	background: #fff;



	color: #000;



	font-weight: bold;



	padding: 0 24px;



}



.entry-content input {



	margin: 0 0 24px 0;



}



.entry-content input.file,



.entry-content input.button {



	margin-right: 24px;



}



.entry-content label {



	color: #888;



	font-size: 12px;



}



.entry-content select {



	margin: 0 0 24px 0;



}



.entry-content sup,



.entry-content sub {



	font-size: 10px;



}



.entry-content blockquote.left {



	float: left;



	margin-left: 0;



	margin-right: 24px;



	text-align: right;



	width: 33%;



}



.entry-content blockquote.right {



	float: right;



	margin-left: 24px;



	margin-right: 0;



	text-align: left;



	width: 33%;



}



.page-link {



	clear: both;



	color: #000;



	font-weight: bold;



	margin: 0 0 22px 0;



	word-spacing: 0.5em;



}



.page-link a:link,



.page-link a:visited {



	background: #f1f1f1;



	color: #333;



	font-weight: normal;



	padding: 0.5em 0.75em;



	text-decoration: none;



}



.home .sticky .page-link a {



	background: #d9e8f7;



}



.page-link a:active,



.page-link a:hover {



	color: #ff4b33;



}



body.page .edit-link {



	clear: both;



	display: block;



}



#entry-author-info {



	background: #f2f7fc;



	border-top: 4px solid #000;



	clear: both;



	font-size: 14px;



	line-height: 20px;



	margin: 24px 0;



	overflow: hidden;



	padding: 18px 20px;



}



#entry-author-info #author-avatar {



	background: #fff;



	border: 1px solid #e7e7e7;



	float: left;



	height: 60px;



	margin: 0 -104px 0 0;



	padding: 11px;



}



#entry-author-info #author-description {



	float: left;



	margin: 0 0 0 104px;



}



#entry-author-info h2 {



	color: #000;



	font-size: 100%;



	font-weight: bold;



	margin-bottom: 0;



}



.entry-utility {



	clear: both;



	color: #888;



	font-size: 12px;



	line-height: 18px;



}



.entry-meta a,



.entry-utility a {



	color: #888;



}



.entry-meta a:hover,



.entry-utility a:hover {



	color: #ff4b33;



}



#content .video-player {



	padding: 0;



}











/* =Asides



-------------------------------------------------------------- */







.home #content .format-aside p,



.home #content .category-asides p {



	font-size: 14px;



	line-height: 20px;



	margin-bottom: 10px;



	margin-top: 0;



}



.home .hentry.format-aside,



.home .hentry.category-asides {



	padding: 0;



}



.home #content .format-aside .entry-content,



.home #content .category-asides .entry-content {



	padding-top: 0;



}











/* =Gallery listing



-------------------------------------------------------------- */







.format-gallery .size-thumbnail img,



.category-gallery .size-thumbnail img {



	border: 10px solid #f1f1f1;



	margin-bottom: 0;



}



.format-gallery .gallery-thumb,



.category-gallery .gallery-thumb {



	float: left;



	margin-right: 20px;



	margin-top: -4px;



}



.home #content .format-gallery .entry-utility,



.home #content .category-gallery .entry-utility {



	padding-top: 4px;



}











/* =Attachment pages



-------------------------------------------------------------- */







.attachment .entry-content .entry-caption {



	font-size: 140%;



	margin-top: 24px;



}



.attachment .entry-content .nav-previous a:before {



	content: '\2190\00a0';



}



.attachment .entry-content .nav-next a:after {



	content: '\00a0\2192';



}











/* =Images



-------------------------------------------------------------- */







/*



Resize images to fit the main content area.



- Applies only to images uploaded via WordPress by targeting size-* classes.



- Other images will be left alone. Use "size-auto" class to apply to other images.



*/



img.size-auto,



img.size-full,



img.size-large,



img.size-medium,



.attachment img {



	max-width: 100%; /* When images are too wide for containing element, force them to fit. */



	height: auto; /* Override height to match resized width for correct aspect ratio. */



}



.alignleft,



img.alignleft {



	display: inline;



	float: left;



	margin-right: 24px;



	margin-top: 4px;



}



.alignright,



img.alignright {



	display: inline;



	float: right;



	margin-left: 24px;



	margin-top: 4px;



}



.aligncenter,



img.aligncenter {



	clear: both;



	display: block;



	margin-left: auto;



	margin-right: auto;



}



img.alignleft,



img.alignright,



img.aligncenter {



	margin-bottom: 12px;



}



.wp-caption {



	background: #f1f1f1;



	line-height: 18px;



	margin-bottom: 20px;



	max-width: 632px !important; /* prevent too-wide images from breaking layout */



	padding: 4px;



	text-align: center;



}



.wp-caption img {



	margin: 5px 5px 0;



}



.wp-caption p.wp-caption-text {



	color: #888;



	font-size: 12px;



	margin: 5px;



}



.wp-smiley {



	margin: 0;



}



.gallery {



	margin: 0 auto 18px;



}



.gallery .gallery-item {



	float: left;



	margin-top: 0;



	text-align: center;



	width: 33%;



}



.gallery-columns-2 .gallery-item {



	width: 50%;



}



.gallery-columns-4 .gallery-item {



	width: 25%;



}



.gallery img {



	border: 2px solid #cfcfcf;



}



.gallery-columns-2 .attachment-medium {



	max-width: 92%;



	height: auto;



}



.gallery-columns-4 .attachment-thumbnail {



	max-width: 84%;



	height: auto;



}



.gallery .gallery-caption {



	color: #888;



	font-size: 12px;



	margin: 0 0 12px;



}



.gallery dl {



	margin: 0;



}



.gallery img {



	border: 10px solid #f1f1f1;



}



.gallery br+br {



	display: none;



}



#content .attachment img {/* single attachment images should be centered */



	display: block;



	margin: 0 auto;



}











/* =Navigation



-------------------------------------------------------------- */







.navigation {



	color: #888;



	font-size: 12px;



	line-height: 18px;



	overflow: hidden;



}



.navigation a:link,



.navigation a:visited {



	color: #888;



	text-decoration: none;



}



.navigation a:active,



.navigation a:hover {



	color: #ff4b33;



}



.nav-previous {



	float: left;



	width: 50%;



}



.nav-next {



	float: right;



	text-align: right;



	width: 50%;



}



#nav-above {



	margin: 0 0 18px 0;



}



#nav-above {



	display: none;



}



.paged #nav-above,



.single #nav-above {



	display: block;



}



#nav-below {



	margin: -18px 0 0 0;



}











/* =Comments



-------------------------------------------------------------- */



#comments {



	clear: both;



}



#comments .navigation {



	padding: 0 0 18px 0;



}



h3#comments-title,



h3#reply-title {



	color: #000;



	font-size: 20px;



	font-weight: bold;



	margin-bottom: 0;



}



h3#comments-title {



	padding: 24px 0;



}



.commentlist {



	list-style: none;



	margin: 0;



}



.commentlist li.comment {



	border-bottom: 1px solid #e7e7e7;



	line-height: 24px;



	margin: 0 0 24px 0;



	padding: 0 0 0 56px;



	position: relative;



}



.commentlist li:last-child {



	border-bottom: none;



	margin-bottom: 0;



}



#comments .comment-body ul,



#comments .comment-body ol {



	margin-bottom: 18px;



}



#comments .comment-body p:last-child {



	margin-bottom: 6px;



}



#comments .comment-body blockquote p:last-child {



	margin-bottom: 24px;



}



.commentlist ol {



	list-style: decimal;



}



.commentlist .avatar {



	position: absolute;



	top: 4px;



	left: 0;



}



.comment-author {



}



.comment-author cite {



	color: #000;



	font-style: normal;



	font-weight: bold;



}



.comment-author .says {



	font-style: italic;



}



.comment-meta {



	font-size: 12px;



	margin: 0 0 18px 0;



}



.comment-meta a:link,



.comment-meta a:visited {



	color: #888;



	text-decoration: none;



}



.comment-meta a:active,



.comment-meta a:hover {



	color: #ff4b33;



}



.commentlist .even {



}



.commentlist .bypostauthor {



}



.reply {



	font-size: 12px;



	padding: 0 0 24px 0;



}



.reply a,



a.comment-edit-link {



	color: #888;



}



.reply a:hover,



a.comment-edit-link:hover {



	color: #ff4b33;



}



.commentlist .children {



	list-style: none;



	margin: 0;



}



.commentlist .children li {



	border: none;



	margin: 0;



}



.nopassword,



.nocomments {



	display: none;



}



#comments .pingback {



	border-bottom: 1px solid #e7e7e7;



	margin-bottom: 18px;



	padding-bottom: 18px;



}



.commentlist li.comment+li.pingback {



	margin-top: -6px;



}



#comments .pingback p {



	color: #888;



	display: block;



	font-size: 12px;



	line-height: 18px;



	margin: 0;



}



#comments .pingback .url {



	font-size: 13px;



	font-style: italic;



}







/* Comments form */



input[type=submit] {



	color: #333;



}



#respond {



	border-top: 1px solid #e7e7e7;



	margin: 24px 0;



	overflow: hidden;



	position: relative;



}



#respond p {



	margin: 0;



}



#respond .comment-notes {



	margin-bottom: 1em;



}



.form-allowed-tags {



	line-height: 1em;



}



.children #respond {



	margin: 0 48px 0 0;



}



h3#reply-title {



	margin: 18px 0;



}



#comments-list #respond {



	margin: 0 0 18px 0;



}



#comments-list ul #respond {



	margin: 0;



}



#cancel-comment-reply-link {



	font-size: 12px;



	font-weight: normal;



	line-height: 18px;



}



#respond .required {



	color: #ff4b33;



	font-weight: bold;



}



#respond label {



	color: #888;



	font-size: 12px;



}



#respond input {



	margin: 0 0 9px;



	width: 98%;



}



#respond textarea {



	width: 98%;



}



#respond .form-allowed-tags {



	color: #888;



	font-size: 12px;



	line-height: 18px;



}



#respond .form-allowed-tags code {



	font-size: 11px;



}



#respond .form-submit {



	margin: 12px 0;



}



#respond .form-submit input {



	font-size: 14px;



	width: auto;



}











/* =Widget Areas



-------------------------------------------------------------- */







.widget-area ul {



	list-style: none;



	margin-left: 0;



}



.widget-area ul ul {



	list-style: square;



}



.widget-area select {



	max-width: 100%;



}



.widget_search #s {/* This keeps the search inputs in line */



	width: 60%;



}



.widget_search label {



	display: none;



}



.widget-container {



	margin: 0 0 18px 0;



}



.widget-title {



	color: #222;



	font-weight: bold;



}



.widget-area a:link,



.widget-area a:visited {



	text-decoration: none;



}



.widget-area a:active,



.widget-area a:hover {



	text-decoration: underline;



}



.widget-area .entry-meta {



	font-size: 11px;



}



#wp_tag_cloud div {



	line-height: 1.6em;



}



#wp-calendar {



	width: 100%;



}



#wp-calendar caption {



	color: #222;



	font-size: 14px;



	font-weight: bold;



	padding-bottom: 4px;



	text-align: left;



}



#wp-calendar thead {



	font-size: 11px;



}



#wp-calendar thead th {



}



#wp-calendar tbody {



	color: #aaa;



}



#wp-calendar tbody td {



	background: #f5f5f5;



	border: 1px solid #fff;



	padding: 3px 0 2px;



	text-align: center;



}



#wp-calendar tbody .pad {



	background: none;



}



#wp-calendar tfoot #next {



	text-align: right;



}



.widget_rss a.rsswidget {



	color: #000;



}



.widget_rss a.rsswidget:hover {



	color: #ff4b33;



}



.widget_rss .widget-title img {



	width: 11px;



	height: 11px;



}







/* Main sidebars */



#main .widget-area ul {



	margin-left: 0;



	padding: 0;



}



#main .widget-area ul ul {



	border: none;



	margin: 0;



	padding: 0;



}



#primary {



}



#secondary {



}







/* Footer widget areas */



#footer-widget-area {



}











/* =Footer



-------------------------------------------------------------- */







#footer {



	margin-bottom: 20px;



}



#colophon {



	overflow: hidden;



	padding: 0;



}



img#wpstats {



	display: block;



	margin: 0 auto 10px;



}











/* =Mobile Safari ( iPad, iPhone and iPod Touch )



-------------------------------------------------------------- */







pre {



	-webkit-text-size-adjust: 140%;



}



code {



	-webkit-text-size-adjust: 160%;



}



#access,



.entry-meta,



.entry-utility,



.navigation,



.widget-area {



	-webkit-text-size-adjust: 120%;



}



#site-description {



	-webkit-text-size-adjust: none;



}











/* =Print Style



-------------------------------------------------------------- */







@media print {



	body {



		background: none !important;



	}



	#wrapper {



		clear: both !important;



		display: block !important;



		float: none !important;



		position: relative !important;



	}



	#header {



		border-bottom: 2pt solid #000;



		padding-bottom: 18pt;



	}



	#colophon {



		border-top: 2pt solid #000;



	}



	#site-title,



	#site-description {



		float: none;



		line-height: 1.4em;



		margin: 0;



		padding: 0;



	}



	#site-title {



		font-size: 13pt;



	}



	.entry-content {



		font-size: 14pt;



		line-height: 1.6em;



	}



	.entry-title {



		font-size: 21pt;



	}



	#access,



	#branding img,



	#respond,



	.comment-edit-link,



	.edit-link,



	.navigation,



	.page-link,



	.widget-area {



		display: none !important;



	}





	#header,

	

	#masthead,

	

	#branding,

	

	#footer,

	

	#colophon {



		padding: 0;

		margin: 0;

		width: 950px;



	}

	

	

	



	#content,



	.one-column #content {



		margin: 24pt 0 0;



		width: 100%;



	}



	.wp-caption p {



		font-size: 11pt;



	}



	img#wpstats {



		display: none;



	}



	#entry-author-info {



		border: 1px solid #e7e7e7;



	}



	#main {



		display: inline;



	}



	.home .sticky {



		border: none;



	}



}







#colophon p {



	text-align: center;



}



#colophon a {



	text-decoration: none;



	color: #4d4d4d;



}



#navmenu li {



	background: #4d4d4d;



	margin: 1px 0;



	border: 1px solid #a6a6a6;



}



#igallery {

	width: 100% !important;

	margin: 0 auto;

	font-size: 11px;

	font-family: Tahoma;

	border: none;

	border-collapse: collapse;

	display: block;

}



#igallery tr td {

	border: none;

	padding: 5px 0 0;

}



#igallery .caption {

	line-height: 14px;

	margin: -20px auto 0;

	padding: 0 10px;

	width: 238px;

	vertical-align: top;

	display: block;

}



#gallery {

	width: 100% !important;

	margin: 0;

	border: none;

}

#igallery img {

	border: 1px solid #fff;

	margin: 0 auto;

	position: relative;

	display: block;

}

#igallery a:hover img {

	border: 1px solid #3e3e3e;

}



#igallery a {

	text-decoration: none;

	font-size: 18px;

	font-family: Tahoma;

	color: #4d4d4d;

}

#igallery a:hover {

	color: #4d4d4d;

}



.clear {

	clear: both;

	height: 2px;

}



/* qoutes */

.squote {

	background: url('http://abj.com.my/wp-content/uploads/2011/11/squote.png') 0 0 no-repeat;

}

.equote{

	background: url('http://abj.com.my/wp-content/uploads/2011/11/equote.png') 100% 100% no-repeat;

}



/* talk to us */

#contact  .cbox {

	width: 40%;

	float: left;

	position: relative;

	border-right: solid 1px #e6e6e6;

}

#contact  .cbox2 {

	width: 45%;

	float: left;

	padding: 0 0 0 30px;

	position: relative;

}

#contact input[type="text"], #contact textarea {

	margin: 0;

	width: 280px;

	background-color: #e6e6e6;

	border: none;

	font-size: 12px;

	line-height: 16px;

}

#contact input[type=submit] {

	float: right;

	margin-right: 30px;

	font-size: 12px;

	line-height: 16px;

}

#contact .shadedbox {

	background: #e6e6e6;

	padding: 5px 20px;

}

#contact p {

	margin-bottom: 10px;

	font-size: 12px;

	line-height: 16px;

}



/* articles */

.wrap {

	display: inline;

}

.post-wrapper  {

	width: 177px;

	height: 140px;

	border: 1px solid #4d4d4d;

	margin: 5px;

	padding: 0;

	position: relative;

	float: left;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.entry-content-crop{

	width: 175px;

	height: 60px;

	margin: 5px 0;

	padding: 0;

	overflow:hidden;

}

.entry-content-crop p {

	font-size: 12px;

	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

	line-height: 14px;

	padding: 0 5px;

	margin: 0;

}

.entry-title-wrapper {

	width: 175px;

	padding: 0;

	height: 23px;

	overflow: hidden;

}

.entry-title-box, .entry-meta span {

	padding: 0 5px;

	line-height: 18px;

	margin: 0;

	font-size: 16px;

	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

	color: #4d4d4d;

}

.entry-meta {

	padding: 0;

}

.entry-meta a {

	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

	text-decoration: none;

}



.post-wrapper .entry-utility {

	background: #4d4d4d;

	color: #e6e6e6;

	width: 175px;

	padding: 0;

	margin: 0;

	text-align: right;

	font-size: 12px;

	height: 22px;

}

.post-wrapper .entry-utility a {

	text-decoration: none;

	color: #e6e6e6;

	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;

}

.hentry {

	margin: 0;

}



#carousel {

	width:780px;

	margin:0;

	overflow:hidden;

}

#slides {

	overflow:hidden;

	/* fix ie overflow issue */

	position:relative;

	width:780px;

	height: 380px;

	border:none;

	margin: 0;

}



/* remove the list styles, width : item width * total items */	

#slides ul {

	position:relative;

	left:0;

	top:0;

	list-style:none;

	margin:0;

	padding:0;

	width:1560px;	

}



/* width of the item, in this case I put 250x250x gif */

#slides li {

	width:780px;

	height: 380px;

	float:left;

	margin-bottom: 0;

}



/* Styling for prev and next buttons */

#buttons {

	margin: 0 40px 0 0;

	padding:0;	

	float:right;

	background: #4d4d4d;

}



#buttons a {

	display:inline; 

	margin: 0 5px;

	height:32px;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

}



a#prev {

	color: #e6e6e6;

}



a#prev:hover {

	color: #cbe86b;

}



a#next {

	color: #e6e6e6;

}



a#next:hover {

	color: #cbe86b;

}