/*
Theme Name: YKT2010
Theme URI: http://yogyakomtek.info/
Description: The 2010 default theme for Yogyakomtek.
Author: Zoom Bali
Version: 1.0
Tags: green, white, 960gs
*/


/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* 960GS */
.container_12{margin-left:auto;margin-right:auto;width:960px;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin-left:24px;margin-right:24px;}.alpha{margin-left:0;}.omega{margin-right:0;}.container_12 .grid_1{width:32px;}.container_12 .grid_2{width:112px;}.container_12 .grid_3{width:192px;}.container_12 .grid_4{width:272px;}.container_12 .grid_5{width:352px;}.container_12 .grid_6{width:432px;}.container_12 .grid_7{width:512px;}.container_12 .grid_8{width:592px;}.container_12 .grid_9{width:672px;}.container_12 .grid_10{width:752px;}.container_12 .grid_11{width:832px;}.container_12 .grid_12{width:912px;}.container_12 .prefix_1{padding-left:80px;}.container_12 .prefix_2{padding-left:160px;}.container_12 .prefix_3{padding-left:240px;}.container_12 .prefix_4{padding-left:320px;}.container_12 .prefix_5{padding-left:400px;}.container_12 .prefix_6{padding-left:480px;}.container_12 .prefix_7{padding-left:560px;}.container_12 .prefix_8{padding-left:640px;}.container_12 .prefix_9{padding-left:720px;}.container_12 .prefix_10{padding-left:800px;}.container_12 .prefix_11{padding-left:880px;}.container_12 .suffix_1{padding-right:80px;}.container_12 .suffix_2{padding-right:160px;}.container_12 .suffix_3{padding-right:240px;}.container_12 .suffix_4{padding-right:320px;}.container_12 .suffix_5{padding-right:400px;}.container_12 .suffix_6{padding-right:480px;}.container_12 .suffix_7{padding-right:560px;}.container_12 .suffix_8{padding-right:640px;}.container_12 .suffix_9{padding-right:720px;}.container_12 .suffix_10{padding-right:800px;}.container_12 .suffix_11{padding-right:880px;}.container_12 .push_1{left:80px;}.container_12 .push_2{left:160px;}.container_12 .push_3{left:240px;}.container_12 .push_4{left:320px;}.container_12 .push_5{left:400px;}.container_12 .push_6{left:480px;}.container_12 .push_7{left:560px;}.container_12 .push_8{left:640px;}.container_12 .push_9{left:720px;}.container_12 .push_10{left:800px;}.container_12 .push_11{left:880px;}.container_12 .pull_1{left:-80px;}.container_12 .pull_2{left:-160px;}.container_12 .pull_3{left:-240px;}.container_12 .pull_4{left:-320px;}.container_12 .pull_5{left:-400px;}.container_12 .pull_6{left:-480px;}.container_12 .pull_7{left:-560px;}.container_12 .pull_8{left:-640px;}.container_12 .pull_9{left:-720px;}.container_12 .pull_10{left:-800px;}.container_12 .pull_11{left:-880px;}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}


/* GENERAL */
a {color:#069;text-decoration:none}
a:hover {color:#6AD}
body {background:#62B622 url('images/bg_body.jpg');color:#444;font-family:'Lucida Grande',Arial,Helvetica,sans-serif;font-size:12px}
big {font-size:18px}
h2 {font-size:28px;margin:12px 0 24px 0}
h3 {color:#BB0;font-size:18px;margin:12px 0}
h4 {color:#444;font-size:14px;margin:12px 0}
h5 {color:#AAA;font-size:11px;margin:12px 0;text-transform:uppercase}
input, select, textarea {color:#444;font-family:Arial,Helvetica,sans-serif;font-size:12px}
p {margin:12px 0}
small {color:#888;font-size:11px}
table {margin-bottom:16px}
th {padding:8px 0}


/* TOP */
#top_wrapper {background:url('ximages/bg_top.png') bottom left repeat-x}
#top {line-height:0;padding:20px 0 16px 0}

/* -- Logo -- */
#top #logo h1 {margin:0 0 4px 0}
#top #logo h1 a {background:url('images/yogyakomtek.png') top left no-repeat;display:block;width:200px;height:45px}
#top #logo h1 a span {display:none}

/* -- Menu -- */
#menu {background:url('images/bg_menu_corner.png') bottom right no-repeat;line-height:normal}
#menu ul.sf-menu {display:block;float:right;padding-right:4px !important}
#menu ul li {display:inline;font-weight:bold;margin:0;padding:0}
#menu ul li a {background:url('images/bg_menu.png') top left repeat-x;color:#127317;display:block;float:left;padding:16px 12px 18px 12px;text-decoration:none;height:16px}
#menu ul li a:hover, #menu ul li b a:hover {background-position:0 -50px;color:#3FB045}
#menu ul li.current_page_item b a, #menu ul li.current_page_parent > a, #menu ul li.current_page_item > a {background-position:0 -100px;color:#FFF}
#menu ul li.home b {background:url('images/bg_menu_corner.png') top left no-repeat;display:block;float:left;padding:0 0 0 4px}

#menu ul li ul li {height:30px}
#menu ul li ul li a {padding:8px 12px 16px 12px;margin:0;height:8px}


/* HEADER */
#header_wrapper {background:url('images/bg_header.jpg') bottom center no-repeat;color:#FFF;font-size:12px}
#header {line-height:160%}
#header big {font-size:28px;letter-spacing:-1px}
#header h2 {font-weight:normal;margin:48px 0 0 0}
#header h3 {color:#FFF}
#header h4 {color:#FFF;font-size:18px}

/* -- Tagline -- */
#header #tagline {padding:16px 0}
#header #tagline h2 {background:url('images/bg_tagline.png') top center no-repeat;display:block;margin:0 auto;width:740px;height:30px}
#header #tagline h2 span {display:none}
#header #tagline h3 {font-size:24px;text-align:center}

#header #announce {padding:0 0 48px 0}

#countdown {display:block;font-family:Arial,Helvetica,sans-serif;margin:0 auto;width:254px;height:112px}
#countdown .dash {background:url('images/bg_date.png') top left no-repeat;float:left;margin-left:2px;position:relative;width:48px;height:60px}
#countdown .dash .digit {color:#444;font-size:32px;font-weight:bold;float:left;letter-spacing:-2px;line-height:130%;text-align:center;position:relative;width:23px}
#countdown .dash_title {color:#444;display:block;font-size:9px;position:absolute;bottom:0;right:4px;text-transform:uppercase}


/* CONTENT */
#content_wrapper {background:url('images/bg_content.png') top center repeat-y}
#content {background:#FFF}

/* -- Main -- */
#main {line-height:150%;padding:0 0 24px 0}

/* -- Breadcrumb -- */
#breadcrumb {border-bottom:1px solid #EAEAEA;color:#888;font-size:11px;margin-bottom:12px;padding:0 0 8px 0}
#breadcrumb b {margin:0 8px}
#breadcrumb p {margin:8px 0 0 0}
#breadcrumb strong {color:#444}

#breadcrumb #s {background:url('images/bg_search.gif') top left no-repeat;border:none;line-height:150%;padding:0 4px 0 28px;width:260px;height:29px}
#breadcrumb #s:focus {background-position:0 -34px}

/* -- Intro -- */
#intro {background:url('images/bg_intro.png') bottom center no-repeat;line-height:160%;padding-bottom:12px}
#intro h2 {background:url('images/bg_thumbsup.png') top left no-repeat;margin:-50px auto 24px auto;width:225px;height:250px}
#intro h2 span {display:none}
#intro h3 {font-size:24px;line-height:120%;margin:12px 0 24px 0}

#intro #welcome {color:#444;line-height:160%}
#intro #welcome p {padding-left:160px}

#intro ul#access li {display:block;float:left}
#intro ul#access li a {background:#EEE;display:block;float:left;padding:8px 12px;text-align:center;text-decoration:none;width:110px}
#intro ul#access li a:hover {background:#DDD}

/* -- Sponsors -- */
#intro #sponsors {border-top:1px solid #EAEAEA;margin-top:24px}
#intro #sponsors h5 {margin:4px 0}
#intro #sponsors #sponsorlogo {display:block;height:48px}
#intro #sponsors ul li {background:url('images/bg_sponsors.gif') top left no-repeat;display:block;float:left;line-height:0;margin:2px;width:120px;height:48px}
#intro #sponsors ul li span {visibility:hidden}
#intro #sponsors ul li.ac {background-position:0 0}
#intro #sponsors ul li.av {background-position:0 -48px}
#intro #sponsors ul li.dl {background-position:0 -96px}
#intro #sponsors ul li.ep {background-position:0 -144px}
#intro #sponsors ul li.hp {background-position:0 -192px}
#intro #sponsors ul li.ln {background-position:0 -240px}
#intro #sponsors ul li.sm {background-position:0 -288px}
#intro #sponsors ul li.ts {background-position:0 -336px}
#intro #sponsors ul li.vg {background-position:0 -384px}
#intro #sponsors ul li.zh {background-position:0 -432px}
#intro #sponsors ul li.zy {background-position:0 -480px}

/* -- Column -- */
#column {background:url('images/bg_column.png') top center no-repeat;color:#666;font-size:11px;line-height:150%}
#column h3 {font-size:16px;margin:16px 0}
#column ul.events li {border-bottom:1px solid #F5F5F5}

/* -- Slip -- */
.post-slip {clear:both;padding-bottom:12px}
.post-slip .entry-date {margin-top:4px}
.post-slip a.more-link {font-weight:bold}

/* -- Article -- */
h2.entry-title {font-weight:normal;margin-bottom:24px}
h3.entry-title {line-height:120%}
h4.entry-title a {text-decoration:none}

h3.event-title {font-size:24px}
h3.comment-title {margin:24px 0}

.entry-list {margin-bottom:16px}
.entry-list li {border-bottom:1px solid #F5F5F5;padding:4px 0}
.entry-list li .entry-time {font-weight:bold}

.entry-date {background:url('images/bg_date.gif') top left no-repeat;display:block;float:left;font-size:10px;line-height:100% !important;margin:16px 10px 4px 0;width:32px}
.entry-date span {display:block;text-align:center;text-transform:uppercase}
.entry-date .mm {color:#FFF;padding:2px 0}
.entry-date .dd {font-size:18px;font-weight:bold;letter-spacing:-1px;padding:6px 0 8px 0}

.entry-time {color:#888}

.entry-content {font-size:13px;line-height:160%}
.entry-content h3 {margin:16px 0}

.entry-meta {clear:both;color:#888;font-size:11px}
.entry-meta a {color:#888}
.entry-meta a:hover {color:#444;text-decoration:underline}

.entry-utility {background:#F5F5EF url('images/bg_utility.gif') top left repeat-y}
.entry-utility ul {margin-bottom:12px}
.entry-utility ul li {border-bottom:1px solid #E2E2DC;padding:4px 0}
.entry-utility-top {background:#F5F5EF url('images/bg_utility_top.gif') top left no-repeat;display:block;height:8px}
.entry-utility-bottom {background:#F5F5EF url('images/bg_utility_bottom.gif') bottom left no-repeat;display:block;height:8px}
.entry-utility .topsy_widget_data {margin:0 auto;width:50px}

#entry-author-info {background:#ECEEF5 url('images/bg_author.gif') top left repeat-y;margin-bottom:24px}
#entry-author-top {background:#ECEEF5 url('images/bg_author_top.gif') top left no-repeat;display:block;height:8px}
#entry-author-bottom {background:#ECEEF5 url('images/bg_author_bottom.gif') bottom left no-repeat;display:block;height:8px}
#entry-author-info h4, #entry-author-info p {margin:8px 0}
#entry-author-info #author-avatar {display:block;float:left;margin:0 10px 0 0;padding-left:16px}
#entry-author-info #author-description {display:block;float:right;padding-right:16px;width:500px}

ul.entry-metadata {font-size:11px;margin:8px 0}
ul.entry-metadata li {padding:4px 0}
ul.entry-metadata li.sicon {padding-left:24px}

ul.event-detail li {border-bottom:1px solid #EAEAEA;padding:4px 0}

p.wp-caption-text {color:#888;font-size:11px;margin:8px 0;text-align:center}

.wp-smiley {vertical-align:middle}

a.more-link {text-decoration:underline}

.page {font-size:12px;line-height:160%}

.navigation {}

.not-found {text-align:center}

ol.commentlist {margin:16px 0}
ol.commentlist li {border-top:1px solid #EAEAEA}
ol.commentlist > li:first-child {border-top:none}
ol.commentlist > li:last-child {border-bottom:1px solid #EAEAEA}
/*ol.commentlist li.odd {background:#F8F8F8}*/
ol.commentlist li .comment-author {float:left;margin:0 8px 8px 0;text-align:center;width:48px}
ol.commentlist li .comment-author .avatar {background:#FFF;border:1px solid #EAEAEA;padding:3px}
ol.commentlist li.bypostauthor .comment-author .avatar {background:#ECEEF5}
ol.commentlist li .comment-author .reply a {background:#069;color:#FFF;padding:2px 4px;text-align:center}

ol.commentlist li .comment-meta {float:left;width:400px}

ol.commentlist li .comment-date {color:#888;float:right;font-size:11px;padding:0 4px;text-align:right;width:120px}

ol.commentlist li ul.children .comment-meta {background:transparent}

ol.commentlist li ul.children li.depth-2 {padding-left:55px}
ol.commentlist li ul.children li.depth-2 .comment-meta {width:345px}

#respond {background:#ECEEF5;border:1px solid #CAD4E7;margin-bottom:8px;padding:8px 16px}
#respond .respond-title {display:block;float:left}
#respond .cancel-comment-reply {display:block;float:right}
#respond .cancel-comment-reply a#cancel-comment-reply-link {background:#C00;color:#FFF;padding:2px 4px;text-align:center}
#respond .respond-detail {display:block;float:left}
#respond .respond-comment {display:block;float:right;width:270px}

/* -- Archive -- */
.archive_post ul li {border-bottom:1px solid #EAEAEA;padding:4px 0}


/* SIDEBAR */
#sidebar {color:#888;font-size:11px;line-height:150%;padding:0 0 24px 0}
#sidebar h4 {color:#AA0;font-size:16px}

/* -- Events -- */
#sidebar ul.events {margin:8px 0 0 0}
#sidebar ul.events > li {background:#F5F5EF;margin-bottom:2px;padding:8px}
#sidebar ul.events > li p {margin:0}

/* -- RecentComments -- */
#sidebar ul.recentcomments li {padding:4px 0}
#sidebar ul.recentcomments li.rc_item {border-bottom:1px solid #F5F5F5}
#sidebar ul.recentcomments li .rc_avatar {display:block;float:left;margin:0 8px 0 0}
#sidebar ul.recentcomments li .rc_avatar img {background:#FFF;border:1px solid #EAEAEA;padding:2px}

.rc_item .rc_avatar {line-height:1px}
.rc_item .rc_left {display:inline;float:left;padding-right:0 !important;padding-right:4px}
.rc_item .rc_right {display:inline;float:right;padding-left:4px !important;padding-left:4px}
.rc_item .rc_info .author_name {font-weight:bold}
#rc_newest {float:left;padding-right:10px}
#rc_newer {float:left}
#rc_older {float:right}
.rc_fixed {clear:both}
.rc_label {font-weight:bold}
.rc_back {float:left}
.rc_datetime {float:right}


/* FOUND */
#found_wrapper {background:url('images/bg_footer.jpg') bottom center no-repeat}
#found {color:#CCC;font-size:11px;line-height:140%;padding:16px 0 32px 0}
#found a {color:#AA0}
#found a:hover {color:#CC0}
#found h4 {color:#FFF;margin:0 0 16px 0}
#found ul#social li {display:block;float:left;line-height:0;margin:0 4px 4px 0}
#found ul#social li a {background:url('images/icon_social.png') top left no-repeat;display:block;float:left;width:24px;height:24px}
#found ul#social li a span {display:none}
#found ul#social li.fb a {background-position:0 0}
#found ul#social li.fb a:hover {background-position:0 -24px}
#found ul#social li.tw a {background-position:0 -48px}
#found ul#social li.tw a:hover {background-position:0 -72px}
#found ul#social li.fs a {background-position:0 -96px}
#found ul#social li.fs a:hover {background-position:0 -120px}

#found .tweet ul li {clear:both}
#found .tweet .tweet_avatar {display:block;float:left;margin:0 8px 16px 0}


/* FOOTER */
#footer_wrapper {color:#444}
#footer {font-size:11px;line-height:150%;padding:0 0 16px 0;text-align:center}
#footer a {color:#444}


.aligncenter {display:block;margin:0 auto}

.align_right {text-align:right}

.bigger {font-size:14px}

.packed {border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA}
.guide {display:none}
.pads {padding:8px 16px}


/* SUPERFISH */
.sf-menu ul {position:absolute;top:-999em;width:10em}
.sf-menu ul li a {background:url('images/bg_menu.png') top left;width:100px}
.sf-menu li:hover {visibility:inherit}
.sf-menu li {float:left;position:relative}
.sf-menu a {display:block;position:relative}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:49px;z-index:99}
.sf-menu li ul li a {border-left:1px solid #818747;border-right:1px solid #818747;border-bottom:1px solid #818747}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em;top:0}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em;top:0}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0}
.sf-menu a.sf-with-ul {padding-right:28px !important;min-width:1px}
.sf-sub-indicator {position:absolute;right:10px;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('images/arrows-fff.png')}

a > .sf-sub-indicator {top:18px;background-position:0 -100px}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px}

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {}

/* UPM POLLS */
.upm_poll_form_question {color:#444;font-weight:bold;padding-bottom:10px;text-align:center}
.upm_poll_form_list {padding:2px 0px}
.poll_submit {text-align:center}
.upm_poll_form_label {cursor:pointer}
.upm_polls {padding:2px 0px}
.upm_polls input {background:transparent}
.upm_poll_form_submit {background:#FFF;border:1px solid #999;cursor:pointer;font-size:13px;margin-top:10px}
.upm_poll_footer {text-align:center;padding-top:10px}
.upm_poll_result_text {color:#444;font-size:11px}
.upm_next_poll {text-decoration:none}