/*  
THEME NAME: blog.txt
THEME URI: http://www.plaintxt.org/themes/blogtxt/
DESCRIPTION: Clean, easy to navigate, and content-centered. Offers a unique CMS-ish home page option. Widgets-friendly and for WordPress 2.0+
VERSION: 1.2
AUTHOR: Scott Allan Wallick
AUTHOR URI: http://scottwallick.com/
*/

/*
"blog.txt" (C) 2006 Scott Allan Wallick - http://scottwallick.com/ - and distributed under the terms of the GNU General Public License v2
*/

body {
	margin: 0;
	padding: 0;
}
div#wrapper {
	margin: 0 0 0 1em;
	padding: 0;
}
div#container { margin: 0 17em 0 0; }

/* COMMON ELEMENT DECLARATIONS */
h1#title,  p#about-next, div.sidebar ul li h2, div.navigation , div.post-entry span.more-link {
	text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: normal;
}
h2.post-title, div.post-entry h2, div.post-entry h3, div.post-entry h4, div.post-entry h5, div.post-entry h6, div.sidebar ul li h2 {
	background: #fff;
	color: #34425b;
}
div#content img, li a img { border: none; max-width: 45em}

/* HEADER STUFF */

/* TOPNAV - nah */
div#header-nav { 
    margin: 1em 0 -6em 0; 
    background: #ebedef;
	border-bottom: 1px solid #ebedef;
	border-top: 1px solid #ebedef;
	
	font-size: 11px;
	text-align: center;
        padding: 2px 0;
}

.topnav {
	color: #000000;
	text-decoration: underline;
}

div#header { margin: 6em 0 0 -0.5em; }

/* TOPADS - nah */
p.header-ads {
        background: #f6f7f8;
	border-bottom: 1px solid #ccd0d6;
	border-top: 1px solid #ccd0d6;
	color: #677284;
	font-size: 11px;
	text-align: left;
	margin: 1em 0 4em 0;
	padding: 2px 0;
	
	
}
h1#title, p#description { margin: 0; }
h1#title {
	border-bottom: 0.1em solid #ccd0d6;
	font-size: 4em;
	letter-spacing: 1px;
	line-height: 65%;
	padding: 0 0 0 0.1em;
	z-index: 2;
}
p#description {
	background: #fff;
	color: #777;
	font-size: 1.2em;
	padding: 0.5em;
}

/* CONTENT / CONTAINER STUFF */
div.narrowcolumn {
	padding: 0 4em 0 0;
}
h2.post-title {
	font-size: 1.5em;
	margin: 3em 0 -0.2em 0;
}

/* div.post-entry p - edit nah */
div.post-entry p {
    display:block;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	margin:5px 0; 
	text-align:justify;
	line-height: 17px;
  
}
div.post-entry ul li {
	list-style: square;
	line-height: 150%;
}
div.post-entry ul li ul { margin-bottom: 0.5em; }
div.post-entry ul li ul li {
	list-style: circle;
}
div.post-entry h2, div.post-entry h3, div.post-entry h4, div.post-entry h5, div.post-entry h6 {
	font-size: 1.3em;
	margin: 1.5em 0 -0.7em 0;
}
div.post-entry span.more-link, div.post-entry p.paged-link {
	font-size: 0.9em;
	font-weight: bold;
}
p.post-footer {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #677284;
	font-size: 11px;
	text-align: right;
	margin: 1em 0 4em 0;
	padding: 0.1em 0.2em;
}
span.pre-title {
	background: #fff;
	color: #9aa1ae;
}
/* COMMENTS STUFF */
div#comments { 
	margin: 1em 0 0 0; 
	}

div#comments h3 {
	background: #fff;
	color: #4d5663;
	font-size: 1.4em;
	margin: 2em 0 0.5em 0;
}

ol.commentlist li { 
	margin: 0 0 1em 0; 
	border:1px dashed #CCCCCC;
	padding:5px 10px 5px 10px;
	background: #f6f7f8;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	text-align:justify;
	line-height: 14px;
}

ol.commentlist li.trackback {
	border: 1px solid #ccd0d6;
	font-size: 0.9em;
	list-style: none;
	margin: 1em 0;
	padding: 0.5em;
}

ol.commentlist li.trackback p {
	background: #fff;
	color: #777;
	margin: 0.5em;
}

ol.commentlist li p { 
    margin: 0 0; 
}

ol.commentlist p.comment-metadata {
	font-style: italic;
	margin: 0 0 0 0;
	color: #9aa1ae;
}

ol.commentlist p.comment-author {
	font-style: italic;
	margin: 0 0 0 0;
	color: #9aa1ae;
}

div.formcontainer p { 
	margin: 0 0 1em 0; 
}

input#author, input#email, input#url, textarea#comment {
	font-size: 1em;
	line-height: 100%;
	padding: 0.3em;
}

input#author, input#email, input#url { 
	width: 17em; 
}

textarea#comment {
	height: 12em;
	overflow: auto;
	width: 510px;
}

/* FOR SEARCH.PHP (THE RESULTS) */
ol.searchresults li { margin: 0 0 2em 0; }
ol.searchresults li p { margin: 0 0 0.2em 0; }

/* SIDEBAR STUFF */
div#col1 {
	border-left: 1px solid #ccd0d6;
	float: left;
	margin: 6em 0 0 -17em;
	padding: 1em 0 0 0;
	width: 16em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
}
div.sidebar ul {
	margin: 0 0 0 2em;
	padding: 0;
}
div.sidebar ul li, div.sidebar ul li p {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
	line-height: 15px;
}
div.sidebar ul li h2 {
	font: bold 1.1em/normal Arial, Helvetica, sans-serif;
	font-size:14px; 
	line-height: 15px;
	letter-spacing: 1px;
	margin: 0 0 0.2em 0;
}
div.sidebar ul li ul, form {
	margin: 0;
	padding: 0;
}
div.sidebar ul li ul li {
	background: #fff;
	color: #4d5663;
	margin: 0;
	padding: 0 0 0.1em 0;
}
div.sidebar ul li ul li ul li {
	background: #fff;
	color: #9aa1ae;
	list-style: disc inside;
	margin: 0 0 0 1em;
}
li#rss-links ul li.rss-link, li#rss-links ul li.twitter-link, li#rss-links ul li.facebook-link, li#interact-links ul li.comment-link, li#interact-links ul li.trackback-link {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1.3em;
}
li#rss-links ul li.rss-link { background: url(images/feed.png) no-repeat left center; }
li#rss-links ul li.twitter-link { background: url(http://www.trendygadget.com/wp-content/themes/blogtxt/images/twitter.jpg) no-repeat left center; }
li#rss-links ul li.facebook-link { background: url(http://www.trendygadget.com/wp-content/themes/blogtxt/images/facebook.jpg) no-repeat left center; }

li#interact-links ul li.comment-link { background: url(images/comment.png) no-repeat left center; }
li#interact-links ul li.trackback-link { background: url(images/trackback.png) no-repeat left center; }

li#friends-links ul li.general-link, li#friends-links ul li.akihabara-link {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1.3em;
}

li#friends-links ul li.general-link { background: url(images/trackback.png) no-repeat left center; }
li#friends-links ul li.akihabara-link { background: url(images/akihabara.png) no-repeat left center; }


/* FOOTER STUFF */
div#footer {
	clear: both;
	width: 100%;
	padding: 1em 0 1em 0;
}
div#footer p {
	background: #fff;
	color: #9aa1ae;
	font-size: 0.9em;
	margin: 0;
}
/* UNIVERSAL THINGS */
blockquote, code, pre {
	background: #ebedef;
	color: #4d5663;
	padding: 0.1em 1em;
	margin:5px 0; 
}
blockquote blockquote {
	border-left: 5px solid #ccd0d6;
}
code, pre { font: 1em/140% "courier new", courier, monospace; }
abbr, acronym {
	border-bottom: 1px dotted #4a5f82;
	cursor: help;
}
.clearer {
	clear: both;
	height: 0;
}
.alignright { float: right; }
.alignleft, div#container { float: left; }
div.navigation {
	clear: both;
	font-size: 0.9em;
	height: 1.5em;
	margin: 3em 0;
}
/* LAYOUT AND LINKS FOR IMAGES CLASSES: ALIGNRIGHT, ALIGNLEFT, AND CENTER */
div#content img.center, div#content img.alignright, div#content img.alignleft {
	border: 1px solid #9aa1ae;
	max-width: 520px;
}
div#content a:hover img.center, div#content a:hover img.alignright, div#content a:hover img.alignleft {
	border: 0px solid #2c384d;
	
}
div#content img.center {
	display: block;
	margin: 0.4em auto;
	
}
div#content img.alignright { margin: 0.4em 0 0.4em 1.1em }
div#content img.alignleft { margin: 0.4em 1.1em 0.4em 0; }

/* LINKS, PEACE BE UPON THEM */
a, a:link, a:visited, a:active, a:hover {
	outline: none;
	text-decoration: none;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active { color: #0d1117; }
div#header a:hover { color: #9aa1ae; }

div#content a, div#content a:link, div#content a:visited, div#content a:active {
	border-bottom: 0px solid #9aa1ae;
	color: #CC0000;
}


div#content h2.post-title a:link, div#content h2.post-title a:active, div#content h2.post-title a:visited {
	border-bottom: none;
	color: #34425b;
}
div.sidebar a, div.sidebar a:link, div.sidebar a:visited, div.sidebar a:active {
	background: #fff;
	border-bottom: 0px solid #ccd0d6;
	color: #34425b;
}
div#content a:hover, div#content h2.post-title a:hover, div#content p.post-footer a:hover, div.sidebar a:hover {
	border-bottom: 0px solid #0d1117;
	background-color: #CC0000;
	color: #fff;
}
div#footer p a, div#footer p a:link, div#footer p a:visited, div#footer p a:active {
	background: #fff;
	border-bottom: 1px solid #ccd0d6;
	color: #9aa1ae;
}

div#footer p a:hover {
	background: #fff;
	border-bottom: 1px solid #34425b;
	color: #34425b;
}

/* EXCERPT RELOADED */
.more-link {
    font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	margin:5px 0; 
	text-align:left;
	color: #9aa1ae;

}

/* TAG WARRIOR */
.tagwarrior {
    font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	margin:5px 0; 
	text-align:left;
    text-decoration: none;
}

/* FOOTER FPONS */
.footer {
	border-top:2px solid #000000;
	background-color: #000000;
	margin:0; 
	padding:10px 0 20px 0;
	color:#000000;
	font-size:10px;
	line-height: 13px;
}

.footerholder {
	width:780px;
	margin:0 auto 20px 0px;
	padding:0 0 0 10px;
	font-size:10px;
	line-height: 13px;
}

.footerholder .block {
	float:left;
	width:178px;
	margin-right:20px;
	margin-left:0;
	padding:0;
}

.footerholder .block h3{
	font: bold 1.1em/normal Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	line-height: 15px;
	letter-spacing: 1px;
	color: #4d5663;
}
.footerholder .block ul {
	margin:5px 0;
	padding-left:0;
	list-style:none;
}

.footerholder .block ul li a {
	margin:0 0 10px 0;
	padding:0;
	text-decoration:none;
	color:#000000;
}

.footerholder .block ul li a:hover {
	border-bottom: 0px solid #0d1117;
	background-color: #CC0000;
	color: #fff;
}

/* Tambahan TLA */

#outerslice { background: #fde9e9; border-bottom: 1px solid #fc0; margin: 0 0 1em 0; padding: 4px 0; text-align: center; }
#slice { width: 780px; margin: 0 auto; }
div#outerslice a, div#outerslice a:link, div#outerslice a:visited, div#outerslice a:active {
	border-bottom: 0px solid #9aa1ae;
	color: #CC0000;
}
div#outerslice a:hover {
	border-bottom: 0px solid #0d1117;
	background-color: #CC0000;
	color: #fff;
}

#outerslice4 { background: #ffffff; border-bottom: 1px solid #ebedef; margin: 0 0 1em 0; padding: 4px 0; text-align: center; }
#slice4 { width: 780px; margin: 0 auto; }
div#outerslice4 a, div#outerslice4 a:link, div#outerslice4 a:visited, div#outerslice4 a:active {
	border-bottom: 0px solid #ebedef;
	color: #CC0000;
}
div#outerslice4 a:hover {
	border-bottom: 0px solid #ebedef;
	background-color: #CC0000;
	color: #fff;
}

#outerslice22 { background: #FFF6BF; border-top: 1px solid #FFD324; border-bottom: 1px solid #FFD324; margin: 0 0 1em 0; padding: 4px 0; text-align: center; }
#slice { width: 520px; margin: 0 auto; }
div#outerslice22 a, div#outerslice22 a:link, div#outerslice22 a:visited, div#outerslice22 a:active {
	border-bottom: 0px solid #9aa1ae;
	color: #CC0000;
}
div#outerslice22 a:hover {
	border-bottom: 0px solid #0d1117;
	background-color: #CC0000;
	color: #fff;
}

#outerslice33 { background: #FFF6BF url(images/blue-feed.png) no-repeat 20px; border-top: 1px solid #FFD324; border-bottom: 1px solid #FFD324; margin: 0 0 1em 0; padding: 4px 0; text-align: center; }
#slice { width: 520px; margin: 0 auto; }
div#outerslice33 a, div#outerslice33 a:link, div#outerslice33 a:visited, div#outerslice33 a:active {
	border-bottom: 0px solid #9aa1ae;
	color: #CC0000;
}
div#outerslice33 a:hover {
	border-bottom: 0px solid #0d1117;
	background-color: #CC0000;
	color: #fff;
}

/* Tambahan TLA2 */

#outerslice7 { 
	background: #FFFFFF; border-top: 1px solid #ebedef; border-right: 1px solid #ebedef; border-bottom: 1px solid #ebedef;
	border-left: 1px solid #ebedef;
	margin: 0 0 0 0; 
	padding: 0; 
	text-align: center; 
}
#slice7 { width: 780px; margin: 0 0 0 0; height: 7.1em; }
div#outerslice7 a, div#outerslice7 a:link, div#outerslice7 a:visited, div#outerslice7 a:active {
	border-bottom: 0px solid #0d1117;
	color: #CC0000;
}

/* Tambahan TLA3 */

#outerslice8 { background: #f6f7f8; border-bottom: 1px solid #f6f7f8; margin: 0 0 0 0; padding: 4px 0; text-align: left; }
#slice8 { width: 780px; margin: .9em 0 0 0; }



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.img-dec {
background: url('images/shadow.gif') no-repeat bottom right;
clear: right;
float: right;
margin: 20px 0 5px 25px;
padding: 0;
position: relative;
}
  
div.img-dec img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}

div.img-ilus {
background: url('images/shadow.gif') no-repeat bottom right;
margin: 10px 5px;
padding: 0;
position: relative;
}
  
div.img-ilus img {
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
vertical-align: bottom;
}

/* caoi */


.bannerContainer{
	clear:both;
	width:140px;
	
}
.banner_bgtop{
	background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);
    background-position:left bottom;
	float:left;
	padding:0px 0px 0px 5px;
	margin:0;
	height:51px;
	width:140px;
	-moz-box-sizing: border-box;	
	
}

.banner_bgtop span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);
	background-position:right bottom;
	width:140px;
	height:51px;
	float:left;
	padding:0px 0px 0px 5px;
	text-align:center;
	-moz-box-sizing: border-box;	
}
.banner_bgtop a img{
	align:center;
	
}
.banner_bgtop table.tableIconos{
	width:100%;
	margin-bottom:6px;
	background:transparent;
	padding: 0px 5px 0px 0px;
}

.banner_bgtop td.iconos{
	vertical-align: top;
	text-align: center;
	overflow: hidden;
	background:transparent;
}


.banner_bgmiddle{
	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);
	background-position:left top;
	float:left;
	padding:0px 0px 0px 5px;
	margin:0;
	width:140px;
	-moz-box-sizing: border-box;	
}
.banner_bgmiddle span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);
	background-position:right top;
	float:left;
	padding:0px 0px 0px 5px;
	font-family:arial,"helvetica, sans-serif";
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	width:140px;
	-moz-box-sizing: border-box;	
	
}
*html .banner_bgmiddle span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);
	background-position:right top;
	float:left;
	padding:0px 0px 0px 5px;
	font-family:arial,"helvetica, sans-serif";
	font-size:11px;
	color:#000000;
	text-decoration:none;
	width:140px;
	
}

.banner_bgmiddle a.arrowCiao{
	background:transparent url(http://images.ciao.com/ide/images/box/arrow.gif) no-repeat 0px 5px!important;	
	font:11px arial!important;
	color:#ff7c00!important;
	margin:0!important;
	padding:0px 0px 0px 10px!important;
	text-decoration:underline!important;
	display:block!important;
	text-align:left!important;
	border:0!important;	
}

.banner_bgtop a.linksCiaoTop{
	background: none;
	background:transparent!important;
	background-image:none!important;
	margin:0!important;
	padding:0px 10px 0px 0px!important;
	text-decoration:none!important;
	border:0!important;	
}

.banner_bgbottom a.linksCiaoBottom{
	background: none;
	background:transparent!important;
	background-image:none!important;
	margin:0!important;
	padding:0px 0px 0px 10px!important;
	text-decoration:none!important;
	display:block!important;	
	border:0!important;	
}


.banner_bgmiddle form.busqueda{
	margin:0px;
	padding:0px;
}
.banner_bgmiddle span  input.search{
	background:url(http://images.ciao.com/ide/images/box/form_80x25.gif) no-repeat;
	font:10px arial;
	border:0px solid #ff0000;
	float:left;
	width:80px;
	height:25px;
	margin:0px 1px 0px 0px;
	padding:5px 0px 0px 0px;
	vertical-align:middle;
	text-align:center;
}

.banner_bgmiddle input.go{
	margin:2px 0px 0px 5px;
	width:20px;
	height:20px;
	display:inline;
	float:clear;
	border:0;
}

.banner_bgbottom{
	background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);
	background-position:left bottom;
	float:left;
	padding:0px 0px 0px 5px;
	margin:0;
	color:#000000;
	height:51px;
	width:140px;
	-moz-box-sizing: border-box;	
}

.banner_bgbottom span{
	background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);
	background-position:right bottom;
	float:left;
	padding:0px 0px 0px 5px;
	font:22px bold;
	color:#000000;
	height:51px;
	width:140px;
	-moz-box-sizing: border-box;	
}
.banner_bgbottom div.footnoteCiao {
	margin: 5px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	font: 9px arial;
	color: #7b7b7b;
	text-align: center;
}

.banner_bgbottom div.logo{
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	text-align:center;
}

.ccuk {
	border-top: 3px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 3px solid #999999;
}
.ccuk img {
	border: 0px;
}
.ccuk p {
	font: 11px Tahoma, Arial, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px 8px 5px;
	text-align: justify;
}
.ccuk a {
	color: #0000FF;
}

#ecost, #ecost p, #ecost img, #ecost a {
	margin: 0px;
	padding: 0px;
	font: normal 12px Tahoma, Arial, sans-serif;
	line-height: 13px;
	background-color: #0B4680;
	text-decoration: none;
}
#ecost {width: 145px; border: 1px solid #093664;}
#ecost a, #ecost a.link, #ecost a.visited {color: #FF9900; padding: 0px 1px;}
#ecost a img {border-width: 0px;}
p#ecostlogo {padding: 5px 0px; text-align: center;}
p#ecosttext { padding: 0px 5px 5px 5px; color: #FFF; text-align: center}
.style3 {color: #FFFFFF}

#ecost2, #ecost2 p, #ecost2 img, #ecost2 a {
	margin: 0px;
	padding: 0px;
	font: normal 12px Tahoma, Arial, sans-serif;
	line-height: 13px;
	background-color: #FFFFFF;
	text-decoration: none;
}
#ecost2 {width: 145px; border: 1px solid #FFFFFF;}
#ecost2 a, #ecost2 a.link, #ecost2 a.visited {color: #FF9900; padding: 0px 1px;}
#ecost2 a img {border-width: 0px;}
p#ecostlogo {padding: 5px 0px; text-align: center;}
p#ecosttext { padding: 0px 5px 5px 5px; color: #FFF; text-align: center}
.style3 {color: #FFFFFF}