/*
	CSS files kept in the 'schemes' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: Ivan Lopez
	Author Site	: http://van.pandela.net/
	Style Name	: GlossyBlue-K2
	Style URI	: http://van.pandela.net/k2-scheme/
	Version		: 2.0
	Comments	: <a href="http://www.ndesign-studio.com/">N.Design Studio</a>
	Style Footer    : <a href="%stylelink%" title="%style% by %author%">%style%<!-- %version%--></a> | %comments%
*/

body {
 	font: 70% 'Trebuchet MS',Verdana, Arial, Sans-Serif;
	background: #f7f7f7 url('main-bg.gif') repeat;
	}

#page {
	background: white;
	padding: 0 0 0 !important;
	border: 5px solid #edd38b;
	border-top: none;
	}

a,a:visited,a:hover,a:active {
	color:#724800;
	text-decoration: none;
}

#header {
	height: 180px;
	background: url('header.jpg') left repeat-x;
	border-bottom: 3px solid #724800;
	align: right;
	}

.secondary {
	font-size: 1.1em;
	line-height: 1.1em;
	}

ul.menu {
	left: 0px;
	width: 95%;
	text-align:left;
        margin: 0 0 0 12px;
	}

ul.menu li a {
	background: #fff url('nav-button-bg.gif') repeat-x;
	border: 1px solid #AFCD69;
	border-bottom: none;
	font-size: 1em;
	color: #FEFEFE;
	font-weight: bold;
	}

ul.menu li a:hover {
	background: #fff url('nav-button-bg.gif') repeat-x;
	border: 1px solid #AFCD69;
	border-bottom: none;
	color: #333 !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: #fff url('nav-button-bg.gif') repeat-x;
	}

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

h1 { /* H1 is the title in the header */
	font-size:3.5em;
	letter-spacing:-3px;
	padding: 45px 35px 0;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-align:left;
	color: #c9eefe !important;
	}

#header .description { /* Description in header */
	font-weight: bold;
	margin: 0 35px;
	}

.secondary h4 { /* Secondary H2 is sidebar headlines */
	font-size: 1.2em!important;
	font-weight: bold!important;
	border-bottom:1px solid #CFE1AC;
	padding-bottom:5px!important;
	display: block;
	color: #bf4b17!important;
	}

.feedlink img { /* On the sidebar */
	display: inline;
	top: 0px !important;
	}

#primary h3, #primary h4, .single #primary .k2-asides h3 { 
	font-size: 1.9em;
	letter-spacing:-1px;
	font-weight:bold;
	border-bottom:1px solid #eee;
	padding-bottom:5px;
	}

h3 a:hover {
	color: #F8B22E!important;
	text-decoration:none!important;
	}

#primary .entry-content h3 {
	font-size: 1.3em;
	font-weight:bold;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #724800;
	}

.entry-meta { /* Time and category for blog entries */
	font-size: 1.1em;
	}

.entry-meta a, .comment-meta a {
	color: #666;
	}

.entry-content blockquote {
	background-position: 15px 5px;
	color: #777;
	}

.entry-content a[href*='#more-'] {
	display: block;
	}

.entry-content a[href*='#more-']:after {
	content: ' \00BB';
	}

.entry-content {
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: justify;
	color: #494949;
	}

.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content div,
.entry-content blockquote {
	margin: 10px 0;
	}

#commentlist li .comment-content {
	font-size: 1.1em;
	line-height: 1.3em;
border:1px solid #E9A844;
	}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
        margin: 10px 10px 10px 10px;
	}

li.byuser {
	background: #f6f7f8;
	}

li.bypostauthor {
	background: #f7f7f7;
	border: 1px solid #e8e8e8;
	}

li.bypostauthor blockquote {
	background-color: transparent;
	}

#footer {
	font-size: 1em;
	text-align: left;
	margin: 0 auto;
	padding: 5px 10px 5px 10px;
	}

.columns-one #footer { width: 500px; }
.columns-two #footer { width: 720px; }
.columns-three #footer { width: 890px; }

#footer p {
	line-height: 1.2em;
	}

#footer a {
	border-bottom: 0px solid #bbb;
	}

#footer a:hover {
	color: black;
	}

#primary .entry-content img {
	background: none;
	padding: 0px;
	margin: 0px;
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	}
	
img.alignright, img[align="right"] {
	padding: 0px !important;
	margin: 0 0 2px 7px !important;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 0px !important;
	margin: 0 7px 2px 0 !important;
	display: inline;
	}

img.noborder {
	border: none !important;
	background: none !important;
	padding: 0px !important;
	}

.k2download {
	display: block;
	margin: 0 0 1em 0; padding: 5px 5px 5px 36px;
	background: #fafeff url('download.gif') no-repeat 10px 50%;
	border: 1px solid #cfe2e5; border-top: 3px solid #cfe2e5;
	}

.k2download a {
	font-weight: bold;
	}

.k2download small {
	display: block;
	}

.alert {
	display: block; text-align: justify;
	margin: 0 0 1em 0; padding: 5px 5px 5px 36px;
	background: #FFF6BF url('../../images/exclamation.png') no-repeat 10px 50%;
	border: 1px solid #FFD324; border-top:3px solid #FFD324;
	}

.aviso {
	display: block; font-family: trebuchet ms, georgia, times new roman;
	font-size: 1.3em !important; line-height: 1.3em;
	text-align: left; font-style: italic;
	margin: 0 0 1em 0; padding: 5px 5px 5px 85px;
	background: #fff url('tip.png') no-repeat 0px 50%;
	border-bottom: 1px solid #cfe2e5; border-top: 1px solid #cfe2e5;
	}

#s.livesearch {
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	width: 100%;
	font-size: 1em;
	color: #bbb;
	font-weight: bold;
	text-transform: lowercase;
	}

#rollingarchives,
#nested_rollingarchives {
	font-size: 1em;
	font-weight: bold;
	text-transform: lowercase;
	}

.antispam {
	unicode-bidi:bidi-override; 
	direction: rtl;
	}

/* - Calendario ---------------------- */

#wp-calendar {
	width: 100%;
	padding:5px 10px;
	margin:0 auto;
	}

#wp-calendar td {
	color: #aaa;
	}

#wp-calendar td, #wp-calendar th {
	text-align: center;
	padding: 2px 0;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
	margin:0 auto;
	}

#wp-calendar td:hover{
	color: #444;
	}

#wp-calendar a:hover {
	background: #E5F1FF url('bias_fff.png') !important;
	color: #000 !important;
	text-decoration: none !important;
	}

#wp-calendar #today{
	color: #888;
	background: #F7DEEA url('bias_fff.png') !important;
	}

.activityentry {
	font-size: 1em;
	}

div#latest-comments small {
	margin: 2px 0 0 0;
	line-height: 1.1em;
	}

body.smartposition #rollingarchives {
	border-bottom: 1px solid #eee;
	opacity:0.9;
	}
	
.sb-links ul ul li {
	margin-top: 0;
	margin: 0 0 0 -10px;
	}

/*untuk tag script*/
pre code{  
width:450px;
display:block;  
padding:10px;  
border:1px solid #ddd;  
overflow:auto  
}

/*[if lte IE 7]*/
code{  
white-space:pre;  
overflow-y:hidden  
}     
.html,.css,.php  
{ background-attachment:fixed }  


.html  
{  background:#f4f4f4 url('html.gif') no-repeat top right  }  

.css  
{  background:#f4f4f4 url("css.gif") no-repeat top right  }  

.php  
{  background:#f4f4f4 url("php.gif") no-repeat top right  }

.js  
{  background:#f4f4f4 url("js.gif") no-repeat top right  }

.related_post {
	margin-top: 0;
	margin: 0 0 0 15px;
	}

/*coment answer*/
.CommAns {
background:#E4F4E6 url("commans.gif") no-repeat top left;
width:400px;
border:1px solid #724800;
padding:25px 20px 10px 20px;
}

.CommAnsDate {
width:100%;
text-align:right;
font-style: italic;
font-size: 0.8em;
}

/*for ads banner*/
#ads_banner { /*468 x 60*/
  width:488px;
  text-align:center;
  background:#FFFFFF url(ads_banner.jpg) center center no-repeat;
  padding:8px 11px 16px 10px;
}

#ads_skycraper { /*120�600*/
  width:156px;
  text-align:center;
  background:#FFFFFF url(ads_skycraper.jpg) center center no-repeat;
  padding:0px 5px 5px 0px;
}

/*for footer room*/
.footer-room { 
  background-color:#bf4b17; 
  width:100%;
  height:220px;
  margin: 0 0 0 0;
  padding: 10px 0 10px 0;
}

/*for reader-comment*/
#reader-comment { /*220�350*/
  width:220px;
	height:350px;
  text-align:center;
  background:#FFFFFF url(reader-comment.jpg) center center no-repeat;
  padding:0;
	float:right;
	margin:0;
}
#reader-feed {
	margin:50px 0 0 0;
	padding:0 10px 0 10px;
}
#reader-button{
	margin:10px 0 0 0;
}

/*for tab header*/
#header-right {
	float: right;
	margin: 0px;
	background-image: url(top-bg.gif);
	background-repeat: no-repeat;
	width: 400px;
	height: 115px;
	overflow: hidden;
	padding: 0px;
}
.idTabs {
	margin: 10px 10px 0px 0px;
	padding: 0px;
	float: right;
	width: 400px;
	list-style-type: none;
}
.idTabs li {
	margin: 0px;
	padding: 0px;
	float: right;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	display: inline;
}
.idTabs li a {
	color: #FFFFFF;
	background-image: url(top-button-1.gif);
	height: 21px;
	width: 85px;
	text-decoration: none;
	margin: 0 4px 0 0;
	padding-top:0px;
	display: block;
	float: left;
}
.idTabs li a:hover,.idTabs li a:visited {
	color: #FFFFFF;
}
.idTabs li a.selected {
  background-image: url(top-button-2.gif);
	color: #7b5d04;
	text-decoration: none;
	height: 21px;
	width: 85px;
	display: block;
	float: left;
	padding: 0px;
	margin-right: 4px;
}

#refOne {
	display: block;
}
#refTwo {
	display: none;
}
#refThree {
	display: none;
}

.topList {
color: #7b5d04;
margin-top: 0px;
list-style-type:square;
padding:0 0 0 30px;
}

.topList li a{
	font-size:11px;
	text-decoration:none;
	color : #7b5d04;
}
.topList li a:hover{
	font-size:11px;
	text-decoration:underline;
	color:#FCA40A;
}

.topTitle {
font-size: 12px;
text-transform: uppercase;
color: #7b5d04;
font-weight: bold;
display: block;
margin: 3px 0 0 15px;
}