/*  
Theme Name: CEIS
Theme URI: http://noja-solutions.jangkang.org/
Description: <a href="http://noja-solutions.jangkang.org/">CEIS</a> theme is a magazine designed especially for CEIS-SWCU. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0
Author: IPTAS
Author URI: http://jangkang.org
*/


/* HTML Elements */
* {
	margin:0;
	padding:0;
	}

body {
	font: 100% Arial, Helvetica;
	background: #A4A4A4;
	color: #000000;
	}

#translation_bar {margin: 7px 0 0; float: right; width: 50px;}

#translation_bar img {margin: 0 5px 0 0;}

#contact-message {
	font-family: Tahoma, "Lucida Sans Unicode", Calibri,  Arial,  Helvetica,  sans-serif;
	width: 99.5%;
	border: 1px solid #BDBDBD;
	background: #ffffff;
        color: #ff0000;
	float: left;
        font-weight: normal;
        font-size: 14px;
}

#celah {
	width:610px;
	margin:5px auto 0;
	height:1px;
	border-top: 1px dashed #333333;
	float:left;
	}

#trans {
	background:#000000;
	clear:both;
	font-size:13px;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:100000;
}

#layar {
	clear:both;
	width:980px;
	margin:40px auto 15px;
	background: #fff;
	}

p {	
	margin: 15px 0;
	}

a {
	outline: none;
}

a:link, a:visited {
	color: #B40404;
	text-decoration:none
	}

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

a img {
	border:0;
	}

code {
	font: 1.0em 'Courier New', Courier, Fixed;
	background:#ececec;
	}	

acronym, abbr, span.caps {	
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}			

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	padding: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font:1.0em Arial;
	line-height:150%;
	margin:10px 0px;
	}

select {
	width: 130px;
	}	



/* Structure */


#head {
	width:960px;
	margin:0px auto;
	padding:15px 0 0;
	font-size:0.7em;
	}


#page {
	width:960px;
	margin:0px auto;
	padding:0;
	background:#424242;
	font-size:0.7em;
	}

#page1 {
	width:940px;
	margin:0px auto;
	padding:10px;
	background:#E6E6E6;
	}

#page2 {
	width:950px;
	margin:0px auto;
	padding:10px 5px;
	background:#E6E6E6;
	}

.left, .alignleft {
	float:left;
	}

.right, .alignright {
	float:right;
	}


/* Text*/

h1 {
	font:3.5em Arial;
	font-weight:bold;
	letter-spacing:-0.08em;
	}

h2 {
	font:2.3em Georgia, "Times New Roman";
	}

h3 {
	font:1.3em Arial;
	margin-bottom:3px;
	color:#3c78a7;
	font-weight:bold;
	}

h4 {
	font:1.0em Arial;
	}

h3.cat_title, h3.cat_title a {
	margin-left:10px;
	color:#333;
	letter-spacing:-0.05em;
	font-size:0.85em;
	}


h2#feature {
	font:2.3em Georgia, "Times New Roman";
        padding: 10px 0 10px 10px
	}

/* Navigation Bar*/
#navbar {
	margin:0 auto;
	padding:0px;
	text-transform:uppercase;
	background: #000000;
	}

#searchform {
	width:194px;
	float:right;
	text-align:right;
	padding-top:7px;
	margin-right:10px;
	}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {float:left; width:700px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:701px; w\idth:700px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;text-align:center;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; color:#fff; width:auto; padding:0 15px; height:30px;  background:#000;  line-height:29px; font-weight:bold;text-decoration:none;border-right:1px ridge #848484;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:auto; w\idth:auto;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#F2F2F2 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#D8D8D8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;text-decoration:none;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;text-decoration:none;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;text-decoration:none;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;text-decoration:none;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:auto;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:auto;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#F2F2F2 none repeat scroll 0 0;border-bottom:1px solid #2E2E2E;border:1px solid #2E2E2E;color:#000000;height:auto;
line-height:1.2em;padding:5px 10px;width:200px;text-align:left;text-transform:none;text-decoration:none;}

.menu ul ul a.c, .menu ul ul a.c:visited {background:#F2F2F2 none repeat scroll 0 0;border-bottom:1px solid #2E2E2E;border:1px solid #2E2E2E;color:#000000;height:auto;
line-height:1.2em;padding:5px 10px;width:160px;text-align:left;text-transform:none;text-decoration:none;}

.menu ul ul a.d, .menu ul ul a.d:visited {background:#F2F2F2 none repeat scroll 0 0;border-bottom:1px solid #2E2E2E;border:1px solid #2E2E2E;color:#000000;height:auto;
line-height:1.2em;padding:5px 10px;width:170px;text-align:left;text-transform:none;text-decoration:none;}

.menu ul ul a.b, .menu ul ul a.b:visited {background:#F2F2F2 none repeat scroll 0 0;border-bottom:1px solid #2E2E2E;border:1px solid #2E2E2E;color:#000000;height:auto;
line-height:1.2em;padding:5px 10px;width:220px;text-align:left;text-transform:none;text-decoration:none;}

.menu ul ul a.b:hover, .menu ul ul a.c:hover, .menu ul ul a.d:hover {border:2px groove #848484;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:auto;w\idth:200px;}
* html .menu ul ul a.c, * html .menu ul ul a.c:visited {width:auto;w\idth:160px;}
* html .menu ul ul a.d, * html .menu ul ul a.d:visited {width:auto;w\idth:170px;}
* html .menu ul ul a.b, * html .menu ul ul a.b:visited {width:auto;w\idth:220px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#D8D8D8;border:1px groove #848484;text-decoration:none;}
.menu a.selected {color:#000; background:#D8D8D8;border:1px groove #848484;text-decoration:none;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#D8D8D8;border:1px groove #848484;text-decoration:none;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* Index Page*/

#logo {
	width:350px;
	}

#tagline {
	margin-top:5px;
	font-size:1em;
	color:#333;
	}

#top {
	padding:0;
	}

#headline {
	width:600px;
	height:260px;
	float:left;
	background:#424242;
	color:#ffffff;
	padding:20px;
	font-size:1.05em;
	line-height:150%;
	margin:0;
	}

#headline  div.title {
        color:#D8D8D8;
	font-weight:bold;
	font:2.4em Georgia;
	letter-spacing:-0.05em;
	display:block;
	padding:15px 0 15px 0;
	}

#headline div.meta1 {
        text-align:right;
	display:block;
	margin:30px 0 0 0;
	padding-bottom:2px;
	}

.meta2 {
        text-align:right;
	display:block;
	margin:5px 0 0 0;
	}

#headline p {
	padding-bottom:15px;
	}

#featured {
	width:300px;
	height:280px;
	background:#BDBDBD;
	float:right;
	padding:10px;
	}

.clearfloat-ft {
margin-bottom:10px;
font-size:1.1em;
	}

.clearfloat-ft a {
font-family:Georgia; 
font-size:1.4em; 
font-style:normal; 
font-weight:bold;
letter-spacing:-0.05em;
line-height:150%;
color:#000;
	}

.clearfloat-ft a:hover, .clearfloat-ft a:active {
color:#848484;
	}

.meta-f {
        color:#000;
        font-size:1.05em;
        line-height:150%;
	}

.meta1-f {
        color:#f00;
        text-align:right;
        font-size:1.05em;
        margin-top: 10px;
	}

.meta1-f a {
        font-size:1.05em;
	}

#headline a img, #featured a img {
	border:1px solid #ccc;
	margin-top:5px;
	margin-right:10px;
	padding:2px;
	}


#middle {
	width: 920px;
        border-left:20px solid #2C2C2C;
        border-right:20px solid #2C2C2C;
	background:#2C2C2C;
	color:#ffffff;
	float:left;
	padding:0 0 10px 0;
	margin:0 0 0 0;
	}

.category {
	width:164px;
	float:left;
	border-top:8px solid #333;
	margin:0px;
	padding:5px 10px 10px 10px;
	background:#fff;
	}

.category p {
	margin:0;
	}

#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}
#cat-2, #cat-4 {border-top:8px solid #3c78a7;}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	text-transform:lowercase;
	margin:0px;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-0.05em;
	}

#front-popular h3 {
	color:#fff;
	text-transform:none;
	text-align:center;
	}

.category a {
	color:#333;
	display:block;
	background:none;
	}

.category a:hover {
	background:none;
	color:#fff;
	text-decoration:none;
	}

#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#3c78a7; color:#fff; }

#bottom {
	width: 940px;
	}

.clearfloat1 {
	background:#fff;
	float:left;
	border-bottom:none;
	padding:10px 10px 0 10px;
	width:280px;
	margin:5px 0;
	height:210px;
	}

h3.cat_title1 a {
	background:#333333;
	color:#fff;
	letter-spacing:normal;
	margin:0 10px;
}

.clearfloat1 a h3.cat_title1 {
	background:#333333;
	color:#FFFFFF;
	font-family:Arial;
	font-size:1.3em;
	margin:0 0 5px;
	padding:3px 10px;
	text-transform:capitalize;
}

.clearfloat1 a:hover h3.cat_title1 {
	background:#8A0808;
	color:#fff;
	text-decoration:none;
}

.clearfloat1 .title {
	font-family:Georgia;
	line-height:100%;
	font-size:1.9em;
}

.clearfloat1 .meta {
	font-size:1.1em;
}

.clearfloat1 .spoiler {
	font-size:1.2em;
	line-height:130%;
	margin-top:5px;
}

.clearfloat2 {
	background:#fff;
	float:right;
	border-bottom:none;
	padding:10px 10px 0 10px;
	margin:5px 0;
	width:280px;
	height:210px;
	}

.clearfloat2 h3.cat_title1 {
	background:#333333;
	color:#FFFFFF;
	font-family:Arial;
	margin:0 0 5px;
	font-size:1.3em;
	padding:3px 0;
	text-transform:capitalize;
}

.clearfloat2 a h3.cat_title1 {
	background:#333333;
	color:#FFFFFF;
	font-family:Arial;
	margin:0 0 5px;
	font-size:1.3em;
	padding:3px 10px;
	text-transform:capitalize;
}

.clearfloat2 a:hover h3.cat_title1 {
	background:#8A0808;
	color:#fff;
	text-decoration:none;
}

.clearfloat2 .title {
	font-family:Georgia;
	line-height:100%;
	font-size:1.9em;
}

.clearfloat2 .meta {
	font-size:1.1em;
}

.clearfloat2 .spoiler {
	font-size:1.2em;
	line-height:130%;
	margin-top:5px;
}

#front-list {
	width:610px;
	background:#fff;
	font-size:0.9em;
	line-height:130%;
        padding-top:5px;
	float:left;
	}


#front-list1 {
	width:610px;
	background:#fff;
	line-height:130%;
	float:left;
	margin:5px 0 5px 0;
	}

#front-list2 {
	width:610px;
	background:#E6E6E6;
	font-size:0.77em;
	line-height:130%;
	float:left;
	}

#archive {
	padding-top:15px;
	font-size:0.9em;
	line-height:140%;
	}

#front-list blockquote {
	padding: 0px 10px 0 10px;
	}

#front-list .title, #archive .title {
	font-weight:bold;
	font:1.6em Georgia;
	letter-spacing:-0.05em;
	}

#front-list1 #front-list .clearfloat {
	display:inline;
	float:left;
	border-bottom:none;
	padding:10px 10px 0;
	width:285px;
	}


#front-list1 #front-list {
	padding-top:10px;
	height:220px;
	}

#front-list1 h3.cat_title, #front-list1 a h3.cat_title {
	background:#333333;
	color:#FFFFFF;
	font-family:Arial;
	font-size:1em;
	letter-spacing:0;
	margin:0 10px;
	padding:3px 10px;
	text-transform:capitalize;
}

#front-list1 a:hover h3.cat_title {
	background:#8A0808;
	color:#fff;
	text-decoration:none;
}
#front-list1 #archive .clearfloat {
	padding-bottom:10px;
	border-bottom:0px;
	padding:10px 10px 0;
	}

#front-list1 #archive {
	padding-top:10px;
	font-size:1em;
	height:520px;
	font-size:1em;
	line-height:160%;
	}

#front-list1 #archive ol, 
#front-list1 #archive ul {
	margin-left:20px;
        list-style-position:inside;
	}

#front-list .clearfloat, #archive .clearfloat {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	height:auto;
	}

#front-list .spoiler, #archive .spoiler {
	display:block;
	margin-top:3px;
	}

#front-list p, #archive p {
        margin:0 0 5px;
        padding:0;
}

.author {
	font-size:0.8em;
	font-weight:bold;
	}

.meta {
	font-size:0.8em;
	color:#333;
	}

.meta1 {
	font-size:1.05em;
	color:#333;
	}

.meta a {
	color:#333;
	}

.meta1 a {
	color:#BDBDBD;
	}

.meta1 a:link, .meta1 a:visited {
	color:#BDBDBD;
	}

.meta1 a:hover, .meta1 a:active {
	color:#ffffff;
	}

#headline p, #featured p {
	margin:0;
	}


/* Content Page*/

#content {
	width:596px;
	background:#fff;
	padding:10px;
	font-size:0.8em;
	line-height:140%;
	float:left;
	height:1846px;
	margin-bottom:5px;
	border:2px solid #B40404;
	}

#content4 {
	background:#FFFFFF;
	border:2px solid #B40404;
	float:left;
	font-size:0.8em;
	height:1810px;
	line-height:140%;
	margin-bottom:5px;
	padding:10px;
	width:596px;
	z-index:5;
	position:relative;
	}

#content5 {
	background:#FFFFFF;
	border:2px solid #B40404;
	float:left;
	font-size:0.8em;
	height:1810px;
	line-height:140%;
	margin-bottom:5px;
	padding:10px;
	width:596px;
	z-index:5;
	position:relative;
	}

#content6 {
	background:#FFFFFF;
	border:2px solid #B40404;
	float:left;
	font-size:0.8em;
	height:1810px;
	line-height:140%;
	margin-bottom:5px;
	padding:10px;
	width:596px;
	z-index:5;
	position:relative;
	}

#content2 {
	width:555px;
	border:2px solid #B40404;
	background:#fff;
	padding:10px 5px;
	font-size:0.8em;
	line-height:140%;
	float:left;
	margin-bottom:5px;
	}

#content3 {
	width:570px;
	background:#E6E6E6;
	float:left;
	}

#content1 {
	width:620px;
	background:#E6E6E6;
	float:left;
	}

#content .breadcrumbs, #content .breadcrumbs a, #content4 .breadcrumbs, #content4 .breadcrumbs a, #content5 .breadcrumbs, #content5 .breadcrumbs a, #content2 .breadcrumbs, #content2 .breadcrumbs a, #content6 .breadcrumbs, #content6 .breadcrumbs a {
	font-weight:bold;
	color:#333;
	}

#content h2.title, #content2 h2.title, #content4 h2.title, #content5 h2.title, #content6 h2.title {
	font:1.5em Georgia;
	font-weight:bold;
	letter-spacing:-0.05em;
	border-top:3px solid #ddd;
	padding:5px 0px;
	}

.post {
	font-size:1em;
	line-height:150%;
	}

.post p {
	margin-top:0px;
	}

.post .clearfloat {
	border-bottom:1px dotted #ccc;
	margin:10px 0px;
	}

.spoiler ul, .spoiler ol, .post ul, .post ol, #front-list ul, #front-list ol {
	margin-bottom:15px;
}

.spoiler ul li, .post ul li, #front-list ul li {
	list-style-image:none;
	list-style-type:square;
	margin-left:30px;
}

.spoiler ul li, .post ol li, #front-list ol li {
	list-style-image:none;
	list-style-type:decimal;
	margin-left:30px;
}

.spoiler ul li, .post ol li ul li, #front-list ol li ul li {
	list-style-image:none;
	list-style-type:square;
	margin-left:20px;
}

.post img, .post a img, #front-list img, #archive img, #sidebar-top2 img, #sidebar2-top2 img, .clearfloat1 img,  .clearfloat2 img, #kiri img, #kanan img, #tengah img {
	border:1px solid #ccc;
	margin:5px;
	padding:2px;
	}

#tools img {
	border:1px solid #ccc;
	margin:5px;
	padding:2px;
	}

#tools img:hover {
	border:1px solid #f00;
	margin:5px;
	padding:2px;
	}

.post .ads {
	margin-top:10px;
	}

.entry {
	margin-top:20px;
	}

#stats {
	margin-top:0px;
	padding:0px;
	font:0.8em Arial;
	display:block;
	}

#stats span {
	padding: 0 5px;
	}

#stats span a:hover {
	background:none;
	}

#stats span a {
	color:#333;
	}

#stats img, #nav img {
	border:0px;
	margin:0px;
	padding:0px;
	}

#tools {
	width:555px;
	height:25px;
	font-size:0.95em;
	float:left;
	}

#tools a:hover {
	background:none;
	}

.navigation {
	padding:5px 0px;
	text-align:Center;
        margin:20px auto 10px;
	width:100%;
	float:left;
	}

/* Sidebar*/
#sidebar {
	width:320px;
	float:right;
	margin:0px 0px 0px 0px;
	line-height:130%;
	font-size:0.7em;
	}

#sidebar1 {
	width:610px;
	float:left;
	margin:0px 0px 0px 0px;
	line-height:130%;
	font-size:0.77em;
	}

#sidebar h3 {
	font:1.1em Arial;
	font-weight:bold;
	text-align:center;
	background:#333;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}

#sidebar-top {
	width:300px;
	float:right;
	padding:0px 10px 10px 10px;
	margin-top:5px;
	margin-bottom:5px;
	background:#fff;
	}

#sidebar-top2 {
	width:300px;
	height:660px;
	float:right;
	padding:0px 10px 10px 10px;
	background:#fff;
	margin-top:5px;
	margin-bottom:5px;
	}

#sidebar #sidebar-top2 .clearfloat {
	height:auto;
	}

#sidebar-top2 a h3, #sidebar-top2 h3 {
	font:1.1em Arial;
	font-weight:bold;
	text-align:left;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	background:#333;
	}

#sidebar-top2 a:hover h3 {
	color:#fff;
	background:#8A0808;
	text-decoration:none;
	}

#sidebar-top2 .title h3, #sidebar-top2 .title a {
	margin:0px;
	font-weight:bold;
	font:1.5em Georgia;
	letter-spacing:-0.05em;
	}

#sidebar-top2 .spoiler {
	display:block;
	margin-top:3px;
	}

#sidebar-bottom {
	width:300px;
	float:right;
	padding:0px 10px 10px 10px;
	margin-top:5px;
	margin-bottom:5px;
	background:#fff;
	}

#sidebar-middle {
	width:320px;
	float:right;
	margin-top:5px;
	}


#sidebar li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebar li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}
#sidebar-ads {
	background:#FFFFFF none repeat scroll 0 0;
	float:right;
	padding:10px 10px;
	margin-top:5px;
	margin-bottom:5px;
	width:300px;
}
#sidebar-ads1 {
	background:#1b3921 none repeat scroll 0 0;
	float:right;
	height:290px;
	padding:0;
	width:300px;
}


/* Form Elements */

select {
	border:1px solid #333;
	width:100%
	}
	
.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	}

#s {
	padding:1px;
	font-size:1.0em;
	width:150px;
	}
	
#searchsubmit {
	padding-left:5px;
	}

/* Footer*/

#front-popular {
	font-size:0.7em;
	color:#fff;
	width: 940px;
	background:#424242;
	margin: 0 auto;
	padding:10px;
	}

#front-popular2 {
	background:#BDBDBD none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:0.75em;
	margin:0 auto;
	padding:10px;
	width:940px;
}

#partner {
	border-right:2px solid #fff;
	float:left;
	padding:10px 18px 10px 10px;
	width:605px;
}

#left-p {
	border-right:2px solid #000;
	float:left;
	padding:0 13px 15px 0;
	width:290px;
}

#right-p {
	float:right;
	width:290px;
}

#libraries {
	float:right;
	padding:10px;
	width:280px;
}

#partner h3, #libraries h3 {
	color:#000;
	text-transform:none;
	text-align:center;
	margin-bottom:15px;
}

#partner a, #libraries a {
	color:#000;
	}

#partner ul, #libraries ul {
	margin-top:5px;
	}

#partner ul li, #libraries ul li {
	list-style:none;
	border-bottom:1px dotted #000;
	padding:5px;
	display:block;
	}

#partner ul li:hover, #libraries ul li:hover {
	background:#D8D8D8;
	color:#fff;
	cursor:pointer;
	}

#partner ul li:first-child, #libraries ul li:first-child {
	border-bottom:1px dotted #000;
	}

#front-popular1 {
	font-size:0.7em;
	color:#fff;
	width: 940px;
	height: 15px;
	background: #000000;
	margin: 0 auto;
	padding:10px;
	}

#mostcommented {
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	margin:0 0 0 4px;
	padding:10px 14px 10px 13px;
	width:290px;
	float:left;
}

#recentpost {
	float:left;
	padding:10px;
	width:290px;
}

#recent_comments {
	width:280px;
	float:right;
	padding:10px;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	color:#FA5858;
	}

#recentpost a:hover, #mostcommented a:hover, #recent_comments a:hover {
	color:#F00;
	}

#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top:5px;
	}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style:none;
	border-bottom:1px dotted #fff;
	padding:5px;
	display:block;
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	background:#000;
	color:#fff;
	cursor:pointer;
	}




#footer {
	margin: 0 auto;
	width: 960px;
	font-size:0.6em;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	}


/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}

/* Stepcarousel*/
#myslides{
background:#2C2C2C;
}

#button1 {
float:left;
position:relative;
right:14px;
top:85px;
z-index:50;
}

#button2 {
bottom:100px;
float:right;
left:15px;
position:relative;
z-index:50;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 918px; /*Width of Carousel Viewer itself*/
height: 186px; /*Height should enough to fit largest content's height*/
background:#0B0B0B;
right:15px;
border:1px solid #A4A4A4;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 33px ; /*margin around each panel*/
width:260px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#14181a;
height:165px;
border:1px solid #373C3F;
}

.stepcarousel .panel:hover{
border:1px solid #ff0000;
cursor: pointer;
}

.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
height:16px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 5px ; /*margin around each panel*/
font-size:13px;
font-weight:normal;
text-align:center;
font-family:Tahoma,century gothic,Arial,verdana, sans-serif;
text-transform:uppercase;

}
.stepcarousel .panel h2 a:visited ,.stepcarousel .panel h2 a:link{
	color:#8B979F;

}
.stepcarousel .panel img{
background:#040404 none repeat scroll 0 0;
height:155px;
margin:5px;
width:250px;
}


/* JCarousel*/

.jcarousel-skin-tango .jcarousel-container {
    background: #BDBDBD;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 300px;
    height: 195px;
    padding: 30px 0px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  300px;
    height: 195px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 285px;
    height: 165px;
    padding: 5px;
    border: 2px ridge #FFFFFF;
    background: #D8D8D8;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin: 8px 0 12px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

#mycarousel {
    z-index: -1; position: relative;
}

#mycarousel li {
    z-index: -2; position: relative;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 140px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(images/down.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
    background: url(images/down-d.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
    background: url(images/down.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
    background: url(images/down-d.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 140px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(images/up.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
    background: url(images/up-d.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
    background: url(images/up.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
    background: url(images/up-d.gif) no-repeat 0 0;
}


/* Carousel Extra*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 300px;
    height: auto;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* about-slide*/
.jcarousel-skin-alpha .jcarousel-container {
    background: #424242;
}

.jcarousel-skin-alpha .jcarousel-container-horizontal {
    width: 590px;
    padding: 20px 20px 0 20px;
    height: 278px;
}

.jcarousel-skin-alpha .jcarousel-clip-horizontal {
    width:  590px;
    height: 275px;
}

.jcarousel-skin-alpha .jcarousel-item {
    width: 570px;
    height: 275px;
}

.jcarousel-skin-alpha .jcarousel-item-horizontal {
    margin:0 10px 0 10px;
}

.jcarousel-skin-alpha .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-alpha .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 2px;
    height: 2px;
    background: #424242;
}

.jcarousel-skin-alpha .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-alpha .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-alpha .jcarousel-next-disabled-horizontal,
.jcarousel-skin-alpha .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-alpha .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-alpha .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 2px;
    height: 2px;
    background: #424242;
}

.jcarousel-skin-alpha .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-alpha .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-alpha .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-alpha .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-alpha .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 570px;
    height: 275px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.5 Plugin: WP-PageNavi 2.30									|
|	Copyright (c) 2008 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					|
|																							|
+----------------------------------------------------------------+
*/


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	text-decoration: none;
	border: 1px solid #303030;
	color: #303030;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	text-decoration: none;
	border: 1px solid #303030;
	color: #303030;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #808080;
	color: #808080;
	background-color: #ffffff;
}
.wp-pagenavi a:active {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	text-decoration: none;
	border: 1px solid #808080;
	color: #808080;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 5px 2px 5px; 
	margin: 3px 3px 3px 3px;
	color: #303030;
	border: 1px solid #303030;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	font-weight: bold;
	border: 1px solid #303030;
	color: #ffffff;
	background-color: #303030;
}
.wp-pagenavi span.extend {
	padding: 2px 5px 2px 5px; 
	margin: 3px;	
	border: 1px solid #303030;
	color: #303030;
	background-color: #FFFFFF;
}

/* Tambahan Sidebar*/
#sidebar2 {
	width:310px;
	float:right;
	margin:0px 0px 0px 0px;
	line-height:130%;
	font-size:0.7em;
	}

#sidebar2 h3 {
	font:1.1em Arial;
	font-weight:bold;
	text-align:center;
	background:#333;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}

#sidebar2-top2 {
	width:290px;
	height:510px;
	float:right;
	padding:0px 10px 10px 10px;
	background:#fff;
	margin-top:5px;
	margin-bottom:5px;
	}

#sidebar2 #sidebar2-top2 .clearfloat {
	height:auto;
	}

#sidebar2-top2  a h3, #sidebar2-top2 h3 {
	font:1.1em Arial;
	font-weight:bold;
	text-align:left;
	color:#fff;
	background:#333;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}

#sidebar2-top2 .title h3, #sidebar2-top2 .title a {
	margin:0px;
	font-weight:bold;
	font:1.5em Georgia;
	letter-spacing:-0.05em;
	}

#sidebar2-top2 a:hover h3 {
	color:#fff;
	background:#8A0808;
	text-decoration:none;
	}

#sidebar2-top2 .spoiler {
	display:block;
	margin-top:3px;
	}

#sidebar2 li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebar2 li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

/* Sidebar3*/
#sidebar3 {
	width:940px;
	float:left;
	line-height:130%;
	font-size:0.7em;
	background:#E6E6E6;
	}

#sidebar3 h3 {
	font:1.1em Arial;
	font-weight:bold;
	text-align:left;
	color:#000000;
	margin:0 0 10px;
	padding:3px 0;
	text-transform:capitalize;
	}


#sidebar4 {
	float:left;
	width:620px;
}

#kiri {
	background:#fff;
	float:left;
	height:210px;
	margin:5px 0;
	padding:10px;
	width:285px;
}

#kiri .spoiler {
	display:block;
	margin-top:3px;
	}

#kiri .title h3, #kiri .title a {
	margin:0px;
	font-weight:bold;
	font:1.6em Georgia;
	letter-spacing:-0.05em;
	}

#kiri h3 a, #kiri h3 a:hover {
	color:#fff;
	}


#tengah {
	background:#fff;
	float:right;
	height:210px;
	margin:5px 0;
	padding:10px;
	width:285px;
}

#tengah .spoiler {
	display:block;
	margin-top:3px;
	}

#tengah .title h3, #tengah .title a {
	margin:0px;
	font-weight:bold;
	font:1.6em Georgia;
	letter-spacing:-0.05em;
	}

#tengah h3 a, #tengah h3 a:hover {
	color:#fff;
	}

#kanan {
	background:#fff;
	float:right;
	height:210px;
	margin:5px 0;
	padding:10px;
	width:290px;
}

#kanan .spoiler {
	display:block;
	margin-top:3px;
	}

#kanan .title h3, #kanan .title a {
	margin:0px;
	font-weight:bold;
	font:1.6em Georgia;
	letter-spacing:-0.05em;
	}

#kanan h3 a, #kanan h3 a:hover {
	color:#fff;
	}

/* Sidebar Post*/
#post-side {
	width:380px;
	float:left;
	}

#sidebarleft {
	width:185px;
	float:left;
	line-height:130%;
	font-size:0.7em;
	background:#E6E6E6;
	margin:0 0 0 5px;
	}

#sidebarright {
	width:185px;
	float:right;
	line-height:130%;
	font-size:0.7em;
	background:#E6E6E6;
	}

#sidebar-left {
	width:175px;
	padding:5px;
	float:left;
	background:#fff;
	margin:2.5px 0;
	}

#sidebarleft #sidebar-left a h3 , #sidebarleft #sidebar-left h3 {
	font:0.94em Arial;
	font-weight:bold;
	background:#333;
	color:#fff;
	margin:0px;
	padding:3px;
	text-transform:capitalize;
	}

#sidebarleft #sidebar-left a:hover h3 {
	background:#8A0808;
	color:#fff;
	text-transform:capitalize;
	text-decoration:none;
	}

#sidebarleft #sidebar-left li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebarleft #sidebar-left li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebar-right {
	width:175px;
	padding:5px;
	float:right;
	background:#fff;
	margin:2.5px 0;
	}

#sidebarright #sidebar-right a h3 , #sidebarright #sidebar-right h3 {
	font:0.94em Arial;
	font-weight:bold;
	background:#333;
	color:#fff;
	margin:0px;
	padding:3px;
	text-transform:capitalize;
	}

#sidebarright #sidebar-right a:hover h3 {
	background:#8A0808;
	color:#fff;
	text-transform:capitalize;
	text-decoration:none;
	}

#sidebarright #sidebar-right li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebarright #sidebar-right li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}


/* begin css for comments box */

h1#comments {
	float:left;
	font-family:Georgia;
	font-size:1.5em;
	letter-spacing:0.02em;
	margin:20px 0 10px;
}
.celah1 {
	float: left;
        clear: both;
	height: 15px;
	width: 100%;
}
.comment {
	font-family: Tahoma, "Lucida Sans Unicode", Calibri,  Arial,  Helvetica,  sans-serif;
	width: 100%;
	float: left;
}
.userid {
	background:#424242 none repeat scroll 0 0;
	color:#FFFFFF;
	float:left;
	font-family:Tahoma,"Lucida Sans Unicode",Calibri,Arial,Helvetica,sans-serif;
	width:98.2%;
	padding:5px;
}
.gravatar {
	float:right;
	height:80px;
	width:80px;
}
.user {
	float:left;
	width:75%;
}
.date {
	float:left;
	font-family:Tahoma,"Lucida Sans Unicode",Calibri,Arial,Helvetica,sans-serif;
	font-size:1em;
	margin-top:20px;
	width:75%;
	clear:left;
}
.browser-sniff {
	float:left;
	font-family:Tahoma,"Lucida Sans Unicode",Calibri,Arial,Helvetica,sans-serif;
	font-size:1em;
	width:75%;
}
.user h1 {
	letter-spacing:0.01em;
	font-family:Tahoma,"Lucida Sans Unicode",Calibri,Arial,Helvetica,sans-serif;
	font-size:1.2em;
	font-weight:bold;
}
.text {
	clear:both;
	float:left;
	font-family:Tahoma,"Lucida Sans Unicode",Calibri,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:150%;
	width:100%;
}
.text1 {
	clear:both;
	float:left;
	font-family:Tahoma,"Lucida Sans Unicode",Calibri,Arial,Helvetica,sans-serif;
	font-size:10px;
	padding:0 0 5px;
	width:100%;
}
.text2 {
	clear: both;
        float:left;
	font-size: 10px;
	font-family: Tahoma, "Lucida Sans Unicode", Calibri,  Arial,  Helvetica,  sans-serif;
	width: 100%;
}
.text2 a {
	border-top:1px solid #000;
	padding:4px 0 0;
}
#respond {
	font-family: Tahoma, "Lucida Sans Unicode", Calibri,  Arial,  Helvetica,  sans-serif;
	float: left;
	width: 100%;
}
.hovering {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.hovering p {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 12px;
	float: left;
	width: 100%;
        color: #ff0000;
}
.hovering input {
	margin: 0px;
	padding: 1px 2px;
	width: 30%;
	float: left;
	border: 1px solid #BDBDBD;
	background: #ffffff;
        color: #ff0000;
	font-size: 13px;
}
.hovering input:hover {
	margin: 0px;
	padding: 1px 2px;
	width: 30%;
	float: left;
	border: 1px solid #BDBDBD;
	background: #ffffff;
}
.subscribes {
	margin: 3px 0px;
	padding: 0px;
	float: left;
	width: 100%;
        font-size: 12px;
}
.comment-box {
	margin: 0px;
	float: left;
	width: 100%;
}
.comment-box p {
	margin-top: 0px;
	font-size: 11px;
	float: left;
	width: 100%;
}
.comment-box textarea {
	font-family: Tahoma, "Lucida Sans Unicode", Calibri,  Arial,  Helvetica,  sans-serif;
	width: 99.5%;
	border: 1px solid #BDBDBD;
	background: #ffffff;
        color: #ff0000;
	float: left;
        font-weight: normal;
        font-size: 14px;
}
.comment-message {
	margin-top: 0px;
        padding:0 0 10px;
	font-size: 12px;
	float: left;
	width: 100%;
}
.comment-message blockquote {
	font-size: 12px;
        line-height:150%;
	float: left;
	text-align:justify;
	margin: 10px 0 0 0;
	padding: 10px;
	width:96.5%;
}
.comment-message1 {
	float:left;
	width:100%;
}

.comment-message1 h1 {
	color:#000000;
	font-family:Georgia;
	font-size:1.3em;
	letter-spacing:0em;
	line-height:100%;
}
.comment-message2 {
	float:left;
	width:100%;
}
.comment-message2 h1 {
	color:#000000;
	font-family:Georgia;
	font-size:1.3em;
	letter-spacing:0em;
	line-height:100%;
        margin-bottom:10px;
}

/* end */
/* framework for comments */

ol.commentlist { width: 100%; float: left; }

ol.commentlist li { float:left; list-style-type:none; margin:0 0 5px; padding:5px; }

ol.commentlist li.alt {}

ol.commentlist li ul.children {}
ol.commentlist li ul.children li {margin:0px; }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.depth-2 {width: 536px;}
ol.commentlist li ul.children li.depth-3 {width: 526px;}
ol.commentlist li ul.children li.depth-4 {width: 516px;}
ol.commentlist li ul.children li.depth-5 {width: 506px;}
ol.commentlist li ul.children li.depth-6 {width: 496px;}
ol.commentlist li ul.children li.odd {background:#BDBDBD;}
ol.commentlist li ul.children li.even {background:#D8D8D8;}
ol.commentlist li.even {}
ol.commentlist li.odd { }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { background:#E6E6E6 none repeat scroll 0 0; float:left; width:546px; }
ol.commentlist li.thread-even ul.children li {float: left; padding: 5px; }
ol.commentlist li.thread-odd { background:#E6E6E6 none repeat scroll 0 0; float:left; width:546px; }
ol.commentlist li.thread-odd ul.children li {float: left; padding: 5px; }

/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.7 Plugin: WP-CommentNavi 1.00							|
|	Copyright (c) 2008 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-commentnavi/commentnavi-css.css		|
|																							|
+----------------------------------------------------------------+
*/


.wp-commentnavi a, .wp-commentnavi a:link {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	text-decoration: none;
	border: 1px solid #303030;
	color: #303030;
	background-color: #FFFFFF;	
}
.wp-commentnavi a:visited {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	text-decoration: none;
	border: 1px solid #303030;
	color: #303030;
	background-color: #FFFFFF;	
}
.wp-commentnavi a:hover {	
	border: 1px solid #808080;
	color: #808080;
	background-color: #ffffff;
}
.wp-commentnavi a:active {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	text-decoration: none;
	border: 1px solid #808080;
	color: #808080;
	background-color: #FFFFFF;	
}
.wp-commentnavi span.pages {
	padding: 2px 5px 2px 5px; 
	margin: 3px 3px 3px 3px;
	color: #303030;
	border: 1px solid #303030;
	background-color: #FFFFFF;
}
.wp-commentnavi span.current {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	font-weight: bold;
	border: 1px solid #303030;
	color: #ffffff;
	background-color: #303030;
}
.wp-commentnavi span.extend {
	padding: 2px 5px 2px 5px; 
	margin: 3px;	
	border: 1px solid #303030;
	color: #303030;
	background-color: #FFFFFF;
}

/* IDTabs*/
.idTabs {
	background:#E6E6E6;
	float:left;
	width:620px;
}

.idtabs ul{
	list-style-type: none;
}

.idTabs li {
	display: inline;
	font-weight: 600;
}

.idTabs li a {
	background:#6E6E6E;
	border:1px solid #000000;
	border-bottom:none;
	color:#FFFFFF;
	float:left;
	font-size:13.5px;
	margin:0 2px 0 0;
	padding:8px 10px;
	position:relative;
	top:10px;
	z-index:4;
}

.idTabs li a:link, .idTabs li a:visited {
	background:#6E6E6E;
	border:1px solid #000000;
	border-bottom:none;
	color:#FFFFFF;
	float:left;
	font-size:11px;
	margin:0 2px 0 0;
	padding:8px 10px;
	position:relative;
	top:10px;
	z-index:4;
}

.idTabs li a:active, .idTabs li a:hover{
	text-decoration:underline;
}

#idTabs li a.selected, #idTabs li a.selected:hover {
	background:#FFFFFF;
	border:2px solid #B40404;
	border-bottom:none;
	color:#000000;
	float:left;
	font-size:13.5px;
	margin:0 2px 0 0;
	padding:10px;
	position:relative;
	text-decoration:underline;
	top:2px;
	z-index:6;
}

/* Visitors*/
#visitor {
	background:#000000 none repeat scroll 0 0;
	border:2px ridge #A4A4A4;
	clear:both;
	color:#FF0000;
	display:block;
	height:70px;
	margin:0 auto;
	padding:5px;
	position:relative;
	top:15px;
	width:180px;
}
#visitor h3 {
	font-size:14px;
	text-align:center;
	font-weight:bold;
	margin:0px;
	color:#f00;
}
#visitor ul{
	list-style-type: none;
	margin:0px;
}
#visitor ul li{
	font-size:11px;
	text-align:center;
	border:none;
	padding:0px;
	color:#f00;
}
#visitor ul li:hover{
	background:#000;
	color:#f00;
	cursor:default;
}
#recent_comments #visitor ul li:fist-child {
	border:none;
}
#recent_comments #visitor ul li#chcounter ul li:fist-child {
	border:none;
}

/* Sidebar Post1*/
#sidebarleft1 {
	width:365px;
	float:left;
	line-height:130%;
	font-size:0.7em;
	background:#fff;
	margin:0 0 5px 5px;
	padding:5px;
	}

#sidebarleft1 a h3 , #sidebarleft1 h3 {
	font:1.25em Arial;
	font-weight:bold;
	background:#333;
	color:#fff;
	margin:0px;
	padding:3px;
	text-transform:capitalize;
	text-align:center;
	}

#sidebarleft1 a:hover h3 {
	background:#8A0808;
	color:#fff;
	text-transform:capitalize;
	text-decoration:none;
	}

#sidebarleft1 li {
	list-style:none;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebarleft1 #recent-comments {
	background:#fff;
	}

#sidebarleft1 #recent-comments li {
	background:#EEEEEE none repeat scroll 0 0;
	float:left;
	margin:2px 0;
	padding:5px;
	width:355px;
}

#sidebarleft1 #recent-comments .avatar {
	float:right;
	height:70px;
	width:70px;
}

#sidebarleft1 #recent-comments .avatar img {
	border:1px solid #6E6E6E;
	height:65px;
	padding:2px;
	width:65px;
	float:right;
}

#sidebarleft1 #recent-comments .ce {
	float:left;
	font-size:1em;
	width:280px;
}

#sidebarleft1 #recent-comments .more {
	float:left;
	font-size:1em;
	font-weight:bold;
	width:280px;
        margin-bottom:0px; 
}

a.more-link {
        background: url(images/arrow-rt.gif) 100% 70% no-repeat;
        padding-right:14px; 
        }

a.more-link:hover, a.more-link:active {
	text-decoration:none;
	background:url(images/arrow-rt.gif) 100% 70% no-repeat;
	}