/*
Theme Name: Matatag
Theme URI: http://www.paddsolutions.com/wordpress-theme-matatag 
Description: Matatag WordPress theme is a two-column, fixed-width and widget-ready Wordpress theme with featured content gallery included by <a href="http://www.paddsolutions.com">Padd Solutions</a>.
Version: 1.0
Author: Padd Solutions
Author URI: http://www.paddsolutions.com
Tags: two columns, fixed width, adsense ready, advertisement ready, valid css, valid xhtml, featured content gallery

The CSS, XHTML and design is released under Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported:
http://creativecommons.org/licenses/by-nc-sa/3.0/
*/
@import 'style-ui-tabs.css';

/*** Layout : Core : Start **********************/
/************************************************/

html, body, div { margin: 0; padding: 0; }
	body { background: #c1c1c1 none; color: #666; }
	html, body, input, button, select, option, textarea { font-size: 13px; line-height: 19px; font-family: Arial, Helvetica, sans-serif; }

img { border:none; }
	
form { display: block; margin: 0; padding: 0; }
.clearer { clear: both; }
.hidden { visibility: hidden; }
.nodisplay { display: none; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 7px 7px 0; }
.alignright { float: right; margin: 0 0 7px 7px; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; background-color: #f3f3f3; }
.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; }
a, a:visited { text-decoration: none; }
a:link, a:visited { color: #00528f; }
a:hover { color: #00528f; text-decoration: underline;}

/*** New********************/
/************************************************/
#twitter-1 li {
list-style: none;
padding-bottom: 15px;
}

#twitter-1 ul {
padding-left: 0;
margin-left: 0;
}

#twitter-1 h2 a:visited, #twitter-1 h2 a:link, #twitter-1 h2 a:hover { text-decoration:none; color: #666666}

#authorentry .edit_posts {
font-family:Georgia,'Times New Roman',sans-serif;
font-size:10px;
line-height:24px;
text-transform:uppercase;
}

#authorentry .comments a:hover, #authorentry .edit_posts a:hover {
color: #aeaeae;
text-decoration: underline;
}

#authorentry .comments a, #authorentry .edit_posts a {
color: #aeaeae;
text-decoration: none;
}

#authorentry .comments {
background:transparent url(images/background-post-comments.gif) no-repeat scroll left center;
padding:7px 10px 7px 18px;
font-family:Georgia,'Times New Roman',sans-serif;
font-size:10px;
line-height:24px;
text-transform:uppercase;
}

#authorentry li {
list-style: none;
background:transparent url(images/background-post-title.gif) repeat-x scroll left bottom;
}

#authorentry ul {
padding: 0;
margin: 0;
}

#authorentry h3 {
font-size: 16px;
margin: 0;
}

#authorentry h2 {
background:transparent url(images/background-post-title.gif) repeat-x scroll left bottom;
color:#666666;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
line-height:40px;
margin:20px 0 10px;
}

.textwidget span{ padding-left: 3px; }

.title-block h1 {
background:transparent url(images/background-post-title.gif) repeat-x scroll left bottom;
color:#666666;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:26px;
line-height:40px;
margin:0;
padding:0 0 5px;
}

#sidebar ul { padding:5px 15px; margin:0; }
#sidebar li{
list-style: circle;
padding-left: 5px;
}

div.clearall {
clear: both;
}

.copyright {
float:left;
padding:15px;
}

.sgemlogo {
float:right;
padding:25px 15px 15px;
vertical-align:top;
}

.sixlivesLogo h1 {
background:transparent url(http://boonhuat.sixlives.sg/wp-content/uploads/2009/08/logo_sixlives-small.png) no-repeat scroll 0 0;
display:block;
height:35px;
margin:0 0 0 10px;
overflow:hidden;
position:absolute;
text-indent:-9999px;
width:130px;
z-index:1;
}

#sixlivesHeader {
background: #BEDB39;
height:35px;
width:100%;
}

#sixlivesHeader .sixlivesLogo {
float: left;
}

/*** Layout : Header : Start ********************/
/************************************************/
div#container { margin: 0; padding: 0; width: 100%; }
div#googleads { padding: 11px 0 0 0; float: left; }

div#title { 
	margin: 0; padding: 0; width: 100%; height: 107px; border-bottom: 1px solid;
	background: #000 none; border-bottom-color: #d6d6d6;	
}
div#title-wrapper { 
	background: transparent url(http://john.sixlives.sg/wp-content/uploads/2009/08/johns-masthead1.png) left top no-repeat;
	margin: 0 auto; width: 959px; height: 107px; 
}
div#sitename { margin: 0; padding: 0; float: left; width: 334px; height: 107px; }
div#sitename h1 { 
	background: transparent url(http://john.sixlives.sg/wp-content/uploads/2009/08/johns-masthead2.png) left top no-repeat;
	display: block; margin: 0; padding: 0; height: 107px;
}
div#sitename h1 a, div#sitename h1 a:visited { display: block; margin: 0; padding: 0; height: 107px; text-indent: -9999px; }
div#sitename p { display: none; }

div#navmensearch-wrapper { margin: 0 auto; width: 995px; height: 44px; }
div#search { 
	background: transparent url(images/background-search.gif) left top no-repeat;
	float: right; width: 270px; height: 44px; 
}
div#search form { width: 270px; height: 44px; }
div#search form p { display: block; margin: 0; padding: 15px 0 0 34px; }
div#search form p input { width: 226px; border: 0; color: #9a9a9a;}

/*** Navigation Menu : Start ********************/
/************************************************/
div#navmenu { margin: 0; padding: 0; height: 44px; float: left; }
div#navmenu ul { display: block; margin: 0; padding: 0; height: 44px; float: left; }
div#navmenu ul li { display: block; margin: 0; padding: 0; float: left; height: 44px; }
div#navmenu ul li a, div#navmenu ul li a:visited { display: block; float: left; margin: 0; padding: 0 0 0 25px; height: 44px; text-decoration: none; }
div#navmenu ul li a span, div#navmenu ul li a:visited span  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; text-transform: uppercase;
	display: block; margin: 0; padding: 0 25px 0 0; height: 44px; line-height: 44px; 
	color: #606060; 
}
div#navmenu ul li a:hover { background: transparent url(images/background-navmenu-item-hover-left.gif) left top no-repeat; text-decoration: none; }
div#navmenu ul li a:hover span { display: block; background: transparent url(images/background-navmenu-item-hover-right.gif) right top no-repeat; color: #00528f; }
div#navmenu ul li.current_page_item a, div#navmenu ul li.current_page a:visited { background: transparent url(images/background-navmenu-item-hover-left.gif) left top no-repeat; }
div#navmenu ul li.current_page_item a span, div#navmenu ul li.current_page_item a:visited span { background: transparent url(images/background-navmenu-item-hover-right.gif) right top no-repeat; color: #00528f; }

/*** Layout : Body : Start **********************/
/************************************************/
div#wrapper { 
	background: #fff none; margin: 0 auto; padding: 24px 20px; width: 995px; 
	border-top: 1px solid #fcfcfc; border-bottom: 1px solid #fcfcfc; 
}
div#wrapper-wrapper { 
	background: #fff url(images/background-wrapper-wrapper.gif) 575px top repeat-y;
	margin: 0; padding: 10px 0; 
}
div#content { margin: 0 0 0 20px; padding: 0; width: 530px; float: left; }
div#sidebar, div#sidebar-right { 
	margin:0 25px 0 0; padding: 0 0 10px; width:190px; float: right; }
div#sidebar-right { margin: 0; width:185px; }
/*** Layout : Blog Entry : Start ****************/
/************************************************/
div.postgroup { border-top-color: #b1c7e2; margin:0; }
div.post { padding: 10px 0; }

div#featured h2 { font-family: Georgia, 'Times New Roman', sans-serif; font-size: 24px; line-height: 30px; font-weight: bold; }
div#featured p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

div.post div.title h2 { 
	background: transparent url(images/background-post-title.gif) left bottom repeat-x; 
	font-family: Arial, Helvetica, sans-serif; display:block; margin: 0; padding: 0 0 5px 0; 
	color: #00528f; font-size: 16px; line-height: 24px;
}
div.post div.title h2 a, div.post div.title h2 a:visited { 
	font-size: 20px; line-height: 24px; color: #00528f;}
	
h2.pagetitle { 
	background: transparent url(images/background-latestnews.gif) left top repeat-x; 
	color: #666; display: block; margin: 10px 0 0 0; padding: 0px 5px; font-size: 12px;
	border: 1px solid #e7e7e7; line-height: 27px; height: 27px; text-transform: uppercase; }

div.post div.title p { 
	background: #fff url(images/background-post-meta.gif) left top repeat-x;
	font-family: Georgia, 'Times New Roman', sans-serif; color: #909090;
	display: block; margin: 0; padding: 0 0 15px 0; line-height: 24px;
	font-size: 10px;  text-transform: uppercase; border-bottom-color: #b1c7e2;
}
div.post div.title p a, div.post div.title p a:visited { color: #aeaeae; }
div.post div.title p span.date { 	
	background: transparent url(images/background-post-date.gif) left center no-repeat;
	padding: 7px 10px 7px 18px;  }
div.post div.title p span.comments { 
	background: transparent url(images/background-post-comments.gif) left center no-repeat;
	padding: 7px 10px 7px 18px; }
div.post div.title p span.categories { 
	background: transparent url(images/background-post-categories.gif) left center no-repeat; 
	padding: 7px 10px 7px 18px; }

div.post blockquote { font-style: italic; }
div.post blockquote blockquote { font-style: normal; }

div.post div.entry a { font-weight: bold; }
div.post div.entry blockquote { 
	background: transparent url(images/background-blockquote.gif) left top no-repeat; 
	margin: 15px 0; padding: 0 10px 0 35px; }
div.post div.entry blockquote {  }

div.indexpost img.header { float: left; }
div.indexpost div.title { width: 500px; }
div.indexpost div.entry { margin: 0; }

div.singlegoogle { padding: 0 0 10px 0; text-align: center; }
div.singlepost { border-top-color: #b1c7e2; padding: 0; }
div.singlepost div.title p { display: block; margin: 0; padding: 4px 0 15px 0; height: 16px; line-height: 16px;  }
div.singlepost div.title p span.date { background: transparent url(images/background-post-date.gif) left center no-repeat;
	padding: 7px 10px 7px 18px;   }
div.singlepost div.title p span.comments { background: transparent url(images/background-post-comments.gif) left center no-repeat; 
	padding: 7px 10px 7px 18px; }
div.singlepost div.title p span.categories { float: left; }

/************************************************/
/*** Layout : Blog Entry : End ******************/
/************************************************/
div#comments, div#postcomment { margin: 40px 0 0 0; }
div#comments h2, div#postcomment h2 { 
	background: transparent url(images/background-post-title.gif) left bottom repeat-x;
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px;
	display: block; margin: 0; padding: 0 0 5px 0; color: #00528f; 
}
div#comments p, div#postcomment p { 
	line-height: 22px; display: block; margin: 0; padding: 0; color: #aeaeae;
}
div#comments p a, div#comments p a:visited { 
	text-transform: uppercase; text-decoration: underline; color: #aeaeae; }

ol.commentlist { display: block; margin: 20px 0 0 0; padding: 0; list-style-type: none; }
ol.commentlist li.commentlist { display: block; margin: 0;  padding: 0 0 10px 0; }
ol.commentlist li.commentlist cite { display: block; padding: 0; height: 40px; font-style: normal;}
ol.commentlist li.commentlist cite img { float: left; margin: 0 10px 0 0; padding: 1px; border: 1px solid; }
ol.commentlist li.commentlist img.avatar { border-color: #c1c1c1; }
ol.commentlist li.commentlist cite span { display: block; margin: 0; padding: 0; line-height: 20px; }
ol.commentlist li.commentlist cite span.nodisplay { display: none; }
ol.commentlist li.commentlist div.commenttext { margin: 0; padding: 0 0 0 50px; }

small.commentmetadata { display: block; }
small.commentmetadata cite { display: block; margin: 0; padding: 0 0 3px 0; }

form#commentform { 
	background: #fff url(images/background-post-meta.gif) left 1px repeat-x;
	display: block; margin: 10px 0; padding: 0; border-color: #b1c7e2; }
form#commentform p { display: block; margin: 0 0 5px 0; padding: 0; line-height: 27px; }
form#commentform p label { display: block; margin: 0; padding: 0 0 5px 0; }
form#commentform p small { font-size: 11px; }
form#commentform p.input span { 
	background: transparent url(images/background-input.gif) left top no-repeat;
	display: block; width: 220px; height: 21px; margin: 0; padding: 6px 0 0 0; float: left; }
form#commentform p.input span input { background:none; width: 191px; padding: 0 5px; border: 0; }
form#commentform p.textarea { display: block; margin: 0 0 10px 0;  }
form#commentform p.textarea label { display: none; }
form#commentform p.textarea span { 
	background: transparent url(images/background-textarea.gif) left top no-repeat;
	display: block; }

form#commentform p.button { text-align: right; }
textarea#comment { width:520px; height: 136px; padding: 5px; border: 0; background:none; }

h3#replycomment { font-family: Georgia, 'Times New Roman', sans-serif; font-size: 24px; line-height: 30px; }
h3#replycomment a:hover { text-decoration: none; }

/************************************************/
/*** Pagination : Start *************************/
/************************************************/
div#pagenav { height: 38px; color: #fff; }
div#pagenav a, div#pagenav a:link { padding: 5px 10px; margin: 6px 4px 0px 0px; color: #000; background: #adcee6 none; }

div.wp-pagenavi { height:38px; padding: 0; margin:20px 0 0; }
div.wp-pagenavi a:visited { text-decoration: none;  }

div.wp-pagenavi span, div.wp-pagenavi a, div.wp-pagenavi a:link { 
	float: left; display: block; padding:3px 8px !important;  
	margin: 6px 6px 0px 0px !important; color: #000; background: #adcee6 none;  
}
div.wp-pagenavi span.current { font-weight: bold; color: #000;  }
div.wp-pagenavi span.extend { color: #000; background: #adcee6 none; }

/*** Layout : Sidebar : Start *******************/
/************************************************/
div.box { padding: 0; margin: 0 0 35px 0; }
div.box h2 { 
	background: transparent url(images/background-post-title.gif) left bottom repeat-x;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height:16px;
	text-transform: uppercase; display: block; margin: 0; padding: 0 0 12px 0; color: #666; }

div.box div.interior ul  { display: block; list-style-type: none; margin: 0;  padding: 0; }
div.box div.interior ul li { display: block; }
div.box div.interior ul li a, div.box div.interior ul li a:visited { 
	background: transparent url(images/background-post-title.gif) left bottom repeat-x;
	display: block; padding: 5px 0 6px 0; }
div.box div.interior ul ul { margin: 0; }

div#box-newsletter div.interior { 
	background: transparent url(images/background-feedburner.jpg) left 10px no-repeat;
	padding: 10px 0 10px 65px; }
div#box-newsletter div.interior p { display: block; margin: 0; padding: 0; line-height: 28px; }
div#box-newsletter div.interior span { 
	background: transparent url(images/background-input.gif) left top no-repeat;
	display: block; height: 21px; margin: 0 0 0 0; padding: 6px 0 0 0; }
div#box-newsletter div.interior span input { 
	background: transparent none; color: #9a9a9a;
	width: 191px; padding: 0 5px; border: 0; }
	
table#wp-calendar { width: 180px; margin: 0 auto; color: #999; }

/*** Layout : Footer : Start ********************/
/************************************************/
div#footer { 	
	background: #000 url(images/background-ankle.jpg) center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto; padding: 24px 20px; width:995px; 
	font-size: 12px; line-height: 16px; color: #949494; height: 100px;
}
div#footer-wrapper { margin: 0 auto; padding: 0; width: 920px; }
div#footer-wrapper p { display: block; margin: 0; padding: 8px 0px; }
div#footer a, div#footer a:visited { color: #949494; }