/*

	Theme Name: TEKSTURA
	URI: http://www.avlack.com/
	Description:  Customized CSS Theme Template for The Pinoy Tech Blog
	Version: 1.0
	Author: Jolo Santos
	Author URI: http://www.avlack.com/

*/

/* Last Updated: November 30, 2006 */

body {
	margin: 0; padding: 0; text-align: left; border: 0; border-top-width: 0; border-bottom-width: 0; border-left-width: 0; border-right-width: 0;
	font: 11px/1.6em Verdana, Arial, Helvetica, sans-serif; color: #1F3D0A; background: url(images/body.png) repeat top left; background-color: #E1F2FB
}

* { margin: 0; padding: 0 } /* Overide browser default margins & paddings */

/* ______________ Main Containers ________________ */
#navBar { margin: 0; padding: 0; background: url(images/navBar.png) repeat-x top left}
#navBar ul { margin: 0; padding: 5px 0 6px 0; list-style-type: none }
#navBar ul li { margin: 0; padding: 0; display: inline; }
#navBar ul li a#home, #navBar ul li a#contact, #navBar ul li a#about, #navBar ul li a#advertising { margin: 0; padding: 0 15px 0 20px; border-right: 2px #fff solid }
#navBar ul li a#community {border-right: 0; padding-left: 20px }
#navBar ul li a:link,#navBar ul li a:visited { color: #fff; text-decoration: none; font-weight: bold }
#navBar ul li a:hover { color: #633401 }
#navBar ul li a.id-tag#home, #navBar ul li a.id-tag#about, #navBar ul li a.id-tag#contact, #navBar ul li a.id-tag#advertising { color: #633401 } 

#header { margin: 0; padding: 0; background: url(images/headWrapper.png) repeat-x top left; height: 89px }
#wrapper {	margin: 0; padding: 0; width: 850px; voice-family: "\"}\"";  voice-family:inherit;	width: 850px; background: url(images/wrapper3.png) repeat-y top left }
html>body #wrapper { width: 850px } /* Be nice to Opera */

#left-container { width: 650px; margin: 0; padding: 0; float: left;  }
#con1 { margin: 0; padding: 0; width: 175px; float: left;  }
#con2 { margin: 0; padding: 6px 0 0 0; float: left; width: 471px;  }
#right-container { margin: 0 0 0 180px; padding: 6px 0 0 0; word-wrap: break-word;}

#con-right1 { width: 140px; float: right; margin: 0 4px 0 0; padding: 0}
#con-right2{ width: 180px; float: left; margin: 0 0 0 6px; padding: 0}

#con-right1 ul { margin: 0; padding: 2px 0 0 16px; list-style-type: circle; word-wrap: break-word; }
#con-right1 ul li { margin: 0; padding: 0 0 6px 0; word-wrap: break-word; }
#con-right1 ul li a { margin: 0; padding: 0; color: #333; text-decoration: none /*background: url(images/li-bash.png) no-repeat .1em .3em*/}
#con-right1 ul li a:hover { color: #111; text-decoration: underline}

#con-right2 ul { margin: 0; padding: 2px 0 0 16px; list-style-type: circle }
#con-right2 ul li { margin: 0; padding: 0 0 6px 0 }
#con-right2 ul li a { margin: 0; padding: 0; color: #333; text-decoration: none /*background: url(images/li-bash.png) no-repeat .1em .3em*/}
#con-right2 ul li a:hover { color: #111; text-decoration: underline}
#con-right2 ul.bullet { color: #333 }

#b2 ul { margin: 0; padding: 2px 0 0 16px; list-style-type: circle }
#b2 ul li { margin: 0; padding: 0 0 6px 0 }
#b2 ul li a { margin: 0; padding: 0; color: #333; text-decoration: none /*background: url(images/li-bash.png) no-repeat .1em .3em*/}
#b2 ul li a:hover { color: #111; text-decoration: underline}

#footer { margin: 10px 0 0 0; padding: 20px 0 12px 0; text-align: center; background: url(images/footer-top.png) no-repeat top center; clear: both }
* html #footer { padding: 16px 0 } * html footer p { margin: 4px 0 0 0 }
#foot{ margin: 10px 0 0 0; padding: 10px 0 2px 0; text-align: center; background: none; clear: both }

/*______________ Formating Elements _______________ */
#con1 h2 { color: #25460D; font-size: 11px; font-weight: bold; margin: 0; padding: 4px 4px 4px 10px; background: url(images/container-lefth2.png) repeat-x top left}
#con2 h1 { font: 18px "Lucida Sans Unicode", Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #EB6B10; padding: 0 0 10px 0 }		
#con2 h1 a:link, #con2 h1 a:visited { color: #EB6B10; margin: 0; padding: 0; text-decoration: none; border: 0 }
#con2 h1 a:hover { color: #F39F61; text-decoration: underline}
p.postmetadata { margin: 10px; color: #EB6B10}
p.postmetadata a:link, p.postmetadata a:visited {color: #F07C26; font-weight: bold; text-decoration: none; border: 0 }
p.postmetadata a:hover { color: #F2934D; text-decoration: underline }
p.date { margin: 0 0 6px 0; padding: 0}
p.date a:link, p.date a:visited { color: #529E18; text-decoration: none; font-weight: bold }
p.date a:hover { color: #21410A }
.post { margin: 0 0 20px 0; padding: 0 20px 18px 20px; border-bottom: 1px #cccccc dotted } 
.post a:link, .post a:visited { color: #418112; font-weight: bold; text-decoration: none}
.post a:hover { color: #21410A; text-decoration: none}
.post small { color: #529E18; margin: 0; padding: 0 }
.post ul { margin: 0 0 0 10px; padding: 0 0 10px 20px; list-style-type: circle }
.post ul li { margin: 0; padding: 0 0 0 2px; }
.post ol {	margin: 10px 0 10px 30px; padding: 0 }
.navigation { margin: 2px; padding: 0; text-align: center }
.navigation a { color: #333; text-decoration: none }
.navigation a:hover { color: #000; }
#footer { color: #888 }
#footer p a:link, #footer p a:visited { color: #418112; text-decoration: none; font-weight: bold }
#footer p a:hover { color: #1F3D0A }
.postmetadata span.entry-post-date a{ margin: 0; padding: 0 0 0 20px; background: url(images/li-comments.png) no-repeat .1em .0em}
#searchForm { margin: 0; padding: 0}

#right-container h2 { font-size: 11px; color: #165A74; background: url(images/right-head.png) repeat-x top left; padding: 4px 4px 4px 8px; margin: 2px 0; color: #fff}
#cat-list ul { margin: 0; padding: 0; list-style-type: none }
#cat-list ul li { margin: 0; padding: 0; }
#cat-list ul li a { color: #24460B; text-decoration: none; display: block }
* html #cat-list ul li a { color: #24460B; text-decoration: none; display: block; width: 144px; }
#cat-list ul li a#Announcements { margin: 0; padding: 5px 0 5px 30px; background: url(images/li-announcements.png) no-repeat .5em .3em; background-color: #EAF9DF }
#cat-list ul li a#Blogging {  padding: 4px 0 4px 30px; background: url(images/li-blogging.png) no-repeat .5em .3em; background-color: #DDF4CC }
#cat-list ul li a#E-Commerce { padding: 4px 0 4px 30px; background: url(images/e-commerce.png) no-repeat .5em .3em; background-color: #EAF9DF }
#cat-list ul li a#Events { padding: 4px 0 4px 30px; background: url(images/li-events.png) no-repeat .5em .3em; background-color: #DDF4CC  }
#cat-list ul li a#Gadgets { padding: 4px 0 4px 30px; background: url(images/li-gadgets.png) no-repeat .5em .3em; background-color: #EAF9DF  }
#cat-list ul li a#Gaming { padding: 4px 0 4px 30px; background: url(images/li-gaming.png) no-repeat .5em .3em; background-color: #DDF4CC }
#cat-list ul li a#Imaging { padding: 4px 0 4px 30px; background: url(images/li-imaging.png) no-repeat .5em .3em; background-color: #EAF9DF }
#cat-list ul li a#Interviews { padding: 4px 0 4px 30px; background: url(images/li-interviews.png) no-repeat .5em .3em; background-color: #DDF4CC }
#cat-list ul li a#Mobile { padding: 4px 0 4px 30px; background: url(images/li-mobile.png) no-repeat .5em .3em; background-color: #EAF9DF }
#cat-list ul li a#Multimedia { padding: 4px 0 4px 30px; background: url(images/li-multimedia.png) no-repeat .5em .3em; background-color: #DDF4CC  }
#cat-list ul li a#Netrepreneurship { padding: 4px 0 4px 30px; background: url(images/li-netrepeneurship.png) no-repeat .5em .3em; background-color: #EAF9DF }
#cat-list ul li a#Outsourcing { padding: 4px 0 4px 30px; background: url(images/li-outsourcing.png) no-repeat .5em .3em; background-color: #DDF4CC }
#cat-list ul li a#Personal { padding: 4px 0 4px 30px; background: url(images/li-personal.png) no-repeat .5em .3em; background-color: #EAF9DF  }
#cat-list ul li a#Public { padding: 4px 0 4px 30px; background: url(images/li-public.png) no-repeat .5em .3em; background-color: #DDF4CC }
#cat-list ul li a#Security { padding: 4px 0 4px 30px; background: url(images/li-security.png) no-repeat .5em .3em; background-color: #EAF9DF }
#cat-list ul li a#Software { padding: 4px 0 4px 30px; background: url(images/li-software.png) no-repeat .5em .3em; background-color: #DDF4CC }
#cat-list ul li a#Tech { padding: 4px 0 4px 30px; background: url(images/li-tech.png) no-repeat .5em .3em; background-color: #EAF9DF }
#cat-list ul li a#Tips { padding: 4px 0 4px 30px; background: url(images/li-tips.png) no-repeat .5em .3em; background-color: #DDF4CC }
#cat-list ul li a#Telecoms { padding: 4px 0 4px 30px; background: url(images/li-telecoms.png) no-repeat .5em .3em; background-color: #EAF9DF }
#cat-list ul li a#Internet { padding: 4px 0 4px 30px; background: url(images/li-internet.png) no-repeat .5em .3em; background-color: #DDF4CC }
#cat-list ul li a#WirelessTech { padding: 4px 0 4px 30px; background: url(images/li-wireless.png) no-repeat .5em .3em; background-color: #EAF9DF }


#cat-list ul li a#Announcements:hover { background-color: #B4EA8C; color: #102004 }
#cat-list ul li a#Blogging:hover { background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#E-Commerce:hover {  background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Events:hover { background-color: #B4EA8C ; color: #102004  }
#cat-list ul li a#Gadgets:hover {  background-color: #B4EA8C ;color: #102004  }
#cat-list ul li a#Gaming:hover { background-color: #B4EA8C ; color: #102004 }
#cat-list ul li a#Imaging:hover {  background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Interviews:hover { background-color: #B4EA8C; color: #102004 }
#cat-list ul li a#Mobile:hover { background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Multimedia:hover {  background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Netrepreneurship:hover {  background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Outsourcing:hover { background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Personal:hover {background-color: #B4EA8C ; color: #102004  }
#cat-list ul li a#Public:hover {  background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Security:hover { background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Software:hover { background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Tech:hover { background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Tips:hover { background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Telecoms:hover {  background-color: #B4EA8C; color: #102004  }
#cat-list ul li a#Internet:hover { background-color: #B4EA8C; color: #102004 }
#cat-list ul li a#WirelessTech:hover {  background-color:#B4EA8C; color: #102004 }


#archive-list { margin: 0; padding: 0; }
#archive-list ul { margin: 0; padding: 0; list-style-type: none }
#archive-list ul li { margin: 2px 0 0 0; background: #DDF4CC; padding: 0; }
#archive-list ul li a:link, #archive-list ul li a:visited  { background: url(images/li-bash.png) no-repeat .7em .5em; text-decoration: none; margin: 0;  padding: 4px 0 4px 28px; color: #24460B; display: block; width: 147px }
#archive-list ul li a:hover {   color: #102004; background-color:#B4EA8C; }

#relatedEntry { margin: 0 0 0 18px; padding: 0; }
#relatedEntry ul { margin: 0; padding: 0; list-style-type: none }
#relatedEntry ul li { margin: 2px 0 0 0; padding: 0; }
#relatedEntry ul li a:link, #relatedEntry ul li a:visited  { background: url(images/li-bash.png) no-repeat .1em .5em; text-decoration: none; margin: 0;  padding: 4px 0 4px 28px; color: #24460B; font-weight: bold}
#relatedEntry ul li a:hover {   color: #102004; text-decoration: underline  }

#comment-container { margin: 0; padding: 10px 20px }
#ad-con img { text-align: center; margin-left: -10px auto; padding: 1px 0 }

/*_____________  EXTRA Styling _______________ */

img { border: 0 }
.hidenav{	width: 1px;	position:absolute; left:-9999px; }
.alert { color: #FF0000 }
.hide { display: none }
.mockthis { clear: both }
.ad-container { margin: 5px 0; background: #DDF4CC; width: 340px; height: 282px; }
input#s { width: 200px}
form#searchform{ color: #165A74; font-weight: bold }
.float-left { margin: 0 10px 4px 4px; float: left }
#about-the-team { margin: 0; padding: 5px 16px 10px 16px }
*html #about-the-team { margin: 0; padding: 5px 0 10px 0; width: 415px}
p.abt-box { margin: 0 0 24px  0}
p.abt-box a:link, .post a:visited { color: #418112; font-weight: bold; text-decoration: none; text-decoration: none; border-bottom: 1px #418112 dashed}
p.abt-box a:hover { color: #21410A; text-decoration: none; border-bottom: 1px #21410A dashed }
h2.pagetitle { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; }
h3#respon, h3#response { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #ccc }

#commList ol { margin: 0 0 0 10px; padding: 0; width: 410px }
#commList ol li.commentbody { margin: 0 0 10px 10px; padding: 14px; background-color: #F8FCF8; border: 1px #fff solid }
#commList ol li.commentbody:hover { background-color: #E4F3E4; border: 1px #88CA88 solid }
#commList ol li.commentbody p {	margin: 0 0 14px 0 }
#commList a { color: #FF9900; font-weight: bold }
#commList a:hover { color: #FF6600; font-weight: bold; text-decoration: none }
.commCount { display: none }
* html .commCount { font-weight: bold }
p.morphme a { color: #102004; text-decoration: underline; font-weight: bold  }
p.morphme a:hover { color: #333; text-decoration: none ; font-weight: bold  }
.post p { margin: 0 0 10px 0; text-align: justify}
.post blockquote { background: url(images/bq.png) no-repeat top left; margin: 12px 24px; background-color: #f9f9f9; padding: 23px 20px 20px 21px; text-align: justify; color: #5f5f5f; border: 1px #eee solid }
.entrytext ul { margin-left: 16px }
.entrytext {  text-align: justify }
.entrytext pre { padding: 10px; margin: 10px; color: #CB450C; }
span.ad-con-top img{ margin: 0; width: 468px; height: 60px; padding: 0 0 10px 0}
p.postmetadata { text-align: right }
p.comment-page-numbers { padding: 10px; margin: 15px auto 6px auto; text-align:center; background-color: #F0F9F0; border: 1px #DCF1DC solid }
p.comment-page-numbers a:link, p.comment-page-numbers a:visited { color: #FF9900; font-weight: bold }
p.comment-page-numbers a:hover { color: #AA6600; font-weight: bold; text-decoration: none }
#comment-form-apps { padding: 18px 14px; margin: 12px 0 6px 0; background: url(images/comment-form-app.png) no-repeat top right; background-color: #F3FAFD; border: 1px #D3ECF7 solid }
input#author, input#email, input#url { margin: 0 0 6px 0; }
input#author:focus, input#email:focus, input#url:focus { color: #111 }
a.alink-ko { color: #669900; font-weight: bold }
a.alink-ko:hover { text-decoration: none }
div#comment-container h3 { margin: 10px 0; font-size: 12px }
h3#comments { font-size: 12px; padding-top: 15px }


body table#MBL_COMM {border:0px solid red;}
body table#MBL_COMM td.mbl_img {background:transparent;}
body table#MBL_COMM img {border-color:white;}