/*
Theme Name: Trismedia
Theme URI: http://blog.trismedia.com/
Description: The Trismedia WordPress theme
Author: Tris Hartanto
Author URI: http://trismedia.com/
*/

/* BODY */
* { margin: 0px; padding: 0px; list-style:none; outline:none; text-decoration:none;}
body { background:url(images/bg.png) repeat-x; font:12px Arial, Helvetica, sans-serif; color:#666;}

/* H2,H3 HYPERLINKS */
h2 { font-size: 16px;}
h3 { font-size: 14px; padding:20px 0 10px 0;}
a {font-weight:bold;color:#666;}
a:hover { text-decoration:underline;}

/* MISC */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

.center { text-align: center; }
.clear { clear:both; }
.space { clear:both; height:10px;}

img { border:1px solid #eee; padding: 3px;}
a img { border: none; }
img.wp-smiley { border: none;margin-top:-35px;}
img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; color: #FF0000;}

.alignright { float: right; }
.alignleft { float: left }
html>body #content ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body #content li { margin: 7px 0 8px 10px; }
#content ul li:before {}
#content ol { padding:0; margin:0;}
.hrthin { height: 1px;color: #ddd;background-color: #eee;border: none; margin-bottom: 10px;}
.hrbalanced { height: 1px;color: #ddd;background-color: #eee;border: none;margin: 10px 0 10px 0;}

/*  MAIN  */
#wrapper { width:1000px; margin:20px auto 20px; }
#main { width:1000px; margin:auto; }

/* HEADER  */
#header {width:1000px;height:72px;margin-bottom:20px;background-image: url(images/bg_topline.gif);background-repeat: repeat-x;	background-position: bottom;}
#logo { width:180px; float:left; height:51px;}
#logo h1 { text-indent:-9999px;}
#logo h1 a { display:block; background:url(images/logotrismedia.png) no-repeat; height:51px;}


/*  NAVIGATION  */
#nav { float:right; width: 430px; height: 30px; margin:25px 0 0 0;}
#nav ul {font-size: 14px; text-transform: uppercase;font-weight: bold;}
#nav ul li {display:inline; height:40px; line-height:40px; float:left; }
#nav ul li.current_page_item a { color:#555;text-decoration: underline;}
#nav ul li.current_page_item a:hover{text-decoration: underline;}
#nav ul li a { color:#999;text-decoration: none; padding:0 43px 0 0;}
#nav ul li a:hover{ text-decoration: underline; color:#555;}
#nav ul li.rsslink a { color:#ff6600;}
#nav ul li.date { float:right; }

/*  CONTENT  */
#content { float:left; width:540px; padding-right:0px; line-height:18px;}
#content img {margin:0 10px 5px 0;}
#sidebar { float:right; width:430px; }
.boxes { padding-bottom:10px; padding-top:0px;}
.ads {margin-right:1px;}
.ads img {border:2px solid #101010;}
.rss {background:url(images/rss.gif) left no-repeat; padding-left:35px;}
.subscribetext{border:1px solid ;width:150px;padding:2px;}
.subscribebutton {background-color:#72B6CF; border:none; font-size:11px; color:#000; font-weight:bold; padding:3px;}

#content p {padding-bottom:10px;text-align: justify;}
#content h2 {padding-bottom:10px;font-family: "Times New Roman", Times, serif;font-size: 24px;}
#content h2 a { color:#666;text-decoration: none;}
#content h2 a:hover {text-decoration: underline;}
#content h2.pages {font:24px "Times New Roman", Times, serif;padding-bottom: 10px;font-weight: bold;}
#content h3 { padding: 0;margin:0;}
#content h3.archieve a { color:#666;padding: 0;}
#content h3.archieve a:hover {text-decoration: underline;}
#content p.archieve { font-size:14px;padding-bottom: 10px;}
#content p.info { font-size:11px;padding: 0;}
#content p.comment a { font-family: "Times New Roman", Times, serif;font-size: 16px; font-style: italic;font-weight: bold;}
#content p.postmetadata { width:540px; line-height:26px;font-size:11px; color:#666;margin-bottom: 7px;}
#content p.postmetadata a { height:35px; line-height:26px;}
#content p small { font-size: 10px;color: #999;line-height:14px;}
#content p small a{ color: #666;}
#content p small a:hover { text-decoration:underline;}
#content ul li {list-style-type: disc;}
#content ul li a { color:#666;font-weight:normal;border-bottom: 1px groove #bbb;}
#content ul li a:hover{ color:#333333;border-bottom: none}

/* NEXT PREVIOUS  */
.navigation { width:540px; height:20px; margin-bottom:20px; }


/* SIDEBAR */
#sidebar h2 { font-size: 16px;padding-bottom:10px; color:#666;}
#sidebar ul{ margin:10px auto 20px;}
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; background:url(images/list.gif) no-repeat 0 3px; padding-left:18px; padding-bottom:10px;}
#sidebar p { padding-bottom:10px; line-height:18px;}
#sidebar a { color:#666;font-weight:normal;}
#sidebar a:hover { color:#333333;border-bottom: none}

#searchform {margin: 0;padding:0;}
#sidebar #searchform #s {background:#eee;width:358px; height:20px; border:none;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}

#sidebar #cari{background:#eee;width:360px; height:20px; border:none;padding: 2px;}

#lsidebar { width:200px; float:left;}
#lsidebar ul li h2 { padding-bottom:2px;}
#rsidebar { width:200px; float:right;}
#rsidebar ul li h2 { padding-bottom:2px;}


/* COMMENTS  */
#comen { width:540px;}
#cleft { float:left;}
#cright { float:right; width:480px; }

#formbox { background:#eee;padding: 10px;margin: 10px 0 20px 0;}
#commentform textarea { width: 380px; padding: 2px; }
#commentform label { display:block; float:left; width:100px;text-align:right; padding-right:10px;}
#commentform #author {width:200px; height:20px; border:none;padding: 2px;}
#commentform #email {width:200px; height:20px; border:none;padding: 2px;}
#commentform #url {width:200px; height:20px; border:none;padding: 2px;}
#commentform #comment {border:none;}
#commentform #submit {margin-left: 110px; }

.admin {border: solid 5px #eee;padding: 8px;}
.ucomen {font-size: 11px;}


/*  FOOTER  */
#footer {width:1000px;height:40px;background-image: url(images/bg_footer.gif);background-repeat: repeat-x;font-size: 11px;}
#footer p {color:#fff; padding-left: 15px;padding-top: 12px;}
#footer p a {color:#fff;font-weight:normal;}
#footer p a:hover { text-decoration: underline;}