/* ancol komunitas */

body {margin:0px; padding:0px; font: normal 12px arial; margin-top:0px; }
.body_1 {background:url(../images/komunitas/bg.jpg) no-repeat center top #feefc8;}
.body_blog {background:url(../images/komunitas/bg_blog.jpg) no-repeat center top #feefc8;}
.body_blogger {background:url(../images/komunitas/bg_blogger.jpg) no-repeat center top #feefc8;}
.body_foto {background:url(../images/komunitas/bg_foto.jpg) no-repeat center top #feefc8;}
.body_video {background:url(../images/komunitas/bg_video.jpg) no-repeat center top #feefc8;}

.cangkang {width:930px; border:0px solid #666666;}
.clearit {clear:both;}

.menu { width:475px; border:0px solid #333333; padding-top:0px;}
.menu ul {list-style:none; margin:0px; padding:0px;}
.menu ul li { float:left;  background:url(../images/komunitas/menu_02.gif) repeat-x; height:40px;}
.menu ul li a {font: bold 12px arial; color:#FFFFFF; text-decoration:none; height:30px; padding-left:8px; padding-right:8px; padding-top:12px; display:block; float:left;}
.menu ul li a:hover {font: bold 12px arial; color: #000000; text-decoration: none; background:url(../images/komunitas/menu_2_02.gif) repeat-x;}

.head_1 { border:0px solid #666666; height:70px; width:435px; padding-top:30px;}
.head_1 ul { list-style:none; margin:0px; padding:0px;}
.head_1 ul li {float:left; padding-left:5px;}
.head_1 ul li.te {float:left; padding-left:5px; padding-top:5px; font:bold 11px tahoma;}
.head_1_form {padding:2px; font:normal 11px arial; border:1px solid #CCCCCC; width:60px;}
.head_1_login {font:normal 11px arial;}
.head_1 form {margin:0px; padding:0px;}

.footer {font:normal 11px tahoma; color:#000000; padding-top:0px; line-height:20px; padding-bottom:20px; width:auto; padding-top:30px;}
.footer a {font:normal 11px tahoma; color:#000000; text-decoration:underline;}
.footer a:hover {font:normal 11px tahoma; color:#000000; text-decoration:none;}
.footer2 {font:normal 11px tahoma; color:#000000; padding-top:0px; line-height:20px; padding-bottom:20px; width:380px;}

.daftar_home { float:right; padding-top:5px; padding-right:10px;}
.daftar_home ul {list-style:none; margin:0px; padding:0px;}
.daftar_home ul li { float:left; font: normal 12px arial;}
.daftar_home ul li a {font: normal 12px arial; color:#000000; text-decoration:none;}
.daftar_home ul li a:hover {font: normal 12px arial; color:#000000; text-decoration: underline;}

.index_cangkang { width:880px;}
.index_kiri {width: 615px; float: left;  padding-top: 30px;}
.index_kanan {  width: 250px; float: right;  padding-top: 30px;}

.foto_galeri_home {background: url(../images/komunitas/bg_foto_home.gif) top no-repeat; width:615px; margin-top:10px; padding-top:50px;}
.foto_galeri_home a {text-decoration:underline; font:normal 11px arial; color:#990000;}
.foto_galeri_home a:hover {text-decoration:none; font:normal 11px arial; color:#990000;}
.foto_galeri_home ul {list-style:none; margin:0px; padding:0px;}
.foto_galeri_home ul li {float:left; width:280px; padding-left:15px; padding-right:5px;}
.foto_galeri_home ul li a {text-decoration:none;}
.foto_galeri_home ul li a:hover {text-decoration:none;}
.foto_galeri_home ul li img { border:3px solid #CCCCCC;}
.foto_galeri_home ul li span {font: bold 16px arial; color:#003399;}
.foto_galeri_home ul li span a {font: bold 16px arial; color:#003399; text-decoration:none;}
.foto_galeri_home ul li span a:hover {font: bold 16px arial; color:#003399; text-decoration: underline;}

.home_kiri_kiri {width:365px; float:left; padding-left:15px; padding-top:15px;}
.home_kiri_kiri ul {list-style:none; margin:0px; padding:0px; padding-top:10px; padding-bottom:10px;}
.home_kiri_kiri ul li {float:left; padding-right:10px;}
.home_kiri_kiri ul li a { text-decoration:none;}
.home_kiri_kiri ul li span {font: bold 16px arial; color:#0066CC;}
.home_kiri_kiri ul li span a {font: bold 16px arial; color:#0066CC; text-decoration:none;}
.home_kiri_kiri ul li span a:hover {font: bold 16px arial; color:#0066CC; text-decoration:underline;}

.home_kiri_kiri ul li img {border:2px solid #CCCCCC;}

.home_kiri_kanan {width:200px; float:right; }

.more {padding-right:10px; padding-top:10px;}
.more a {text-decoration:underline; font:normal 11px arial; color:#990000;}
.more a:hover {text-decoration:none; font:normal 11px arial; color:#990000; }

.berita { padding-top:20px;}
.berita ul {margin:0px; padding:0px; list-style:none;}
.berita ul li {padding-top:5px; padding-bottom:5px; border-bottom:1px dashed #999999;}
.berita ul li a { font:normal 11px arial; color:#000000; text-decoration:none;}
.berita ul li a:hover { font:normal 11x arial; color:#000000; text-decoration: underline;}

.blog_up {width:250px; background:#fafffc; margin-bottom:15px; }
.blog_up ul {list-style:none; margin:0px; padding:0px; padding-left:15px; padding-right:15px;}
.blog_up ul li { padding-top:8px; padding-bottom:8px; border-bottom:1px dashed #999999;}
.blog_up ul li a { font: bold 12px arial; color:#008ec7; text-decoration:none;}
.blog_up ul li a:hover { font: bold 12px arial; color:#008ec7; text-decoration: underline;}
.blog_up ul li img { float:left; padding-right:5px; padding-bottom:5px;}

.poling {width:250px; background:#fafffc; margin-bottom:15px; }
.poling_isi { padding-left:15px; padding-right:15px; padding-bottom:15px; font: normal 11px tahoma; color:#333333;}

/* ancol blog */
.blog_kiri {padding-left:25px; padding-top:50px; padding-right:10px;}
.blog_kanan { padding-left:10px; padding-top:10px; padding-right:5px;}
.profil_1 {font: normal 12px arial; color:#000000; padding-bottom:10px;}
.profil_1 img {padding-right:10px; padding-bottom:10px; float:left;}
.profil_1 span {font: bold 18px arial; color:#000000;}

.blog_kiri {}
.blog_kiri ul {list-style:none; margin:0px; padding:0px;}
.blog_kiri ul li { padding-top:15px; padding-bottom:15px; border-bottom:1px dashed #8ac9ff;}
.profil {float:left; width:80px;}
.profil img { padding-bottom:5px;}
.profil a {font: normal 11px arial; color:#666666; text-decoration:none;}
.profil a:hover {font: normal 11px arial; color: #666666; text-decoration: underline;}
.blog_latest { float:right; width:480px; font: normal 12px arial; color:#000000;}
.bl_tgl {font: bold 11px arial; color:#333333;}
.bl_jdl {padding-bottom:5px;}
.bl_jdl a {font: bold 14px arial; color:#0074d7; text-decoration:none;}
.bl_jdl a:hover {font: bold 14px arial; color:#0074d7; text-decoration: underline;}

.info_kanan {background:url(../images/komunitas/bg_kiri.jpg) no-repeat top #FFFFFF; padding-left:15px; padding-right:15px; padding-top:10px; border:2px solid #EFEFEF; margin-top:10px; padding-bottom:15px;}
.info_jdl {font: bold 16px arial; color:#003366; padding-bottom:10px;}

.blog_list ul {list-style:none; margin:0px; padding:0px;}
.blog_list ul li { padding-top:8px; padding-bottom:8px; border-bottom:1px dashed #999999;}
.blog_list ul li a { font: bold 12px arial; color:#008ec7; text-decoration:none;}
.blog_list ul li a:hover { font: bold 12px arial; color:#008ec7; text-decoration: underline;}
.blog_list ul li img { float:left; padding-right:5px; padding-bottom:5px;}

.blog_popular ul {list-style:none; margin:0px; padding:0px;}
.blog_popular ul li { padding-top:5px; padding-bottom:5px; border-bottom:1px dashed #999999;}
.blog_popular ul li a { font: normal 11px arial; color: #333333; text-decoration:none;}
.blog_popular ul li a:hover { font: normal 11px arial; color:#333333; text-decoration: underline;}

/*blogger*/
.blogger_kiri {padding-left:25px; padding-top:20px; padding-right:10px;}
.blogger_kanan { padding-left:10px; padding-top:10px; padding-right:5px;}
.blogger_list {font: normal 12px arial; color:#000000;}
.blogger_list ul {list-style:none; margin:0px; padding:0px;}
.blogger_list ul li { padding-top:15px; padding-bottom:15px; border-bottom:1px dashed #999999;}
.blogger_list ul li img {width:150px; padding:0px 10px 10px 0px;}
.blogger_list ul li a { color:#993300; text-decoration:none;}
.blogger_list ul li a:hover { color:#993300; text-decoration:underline;}

.blogger_list_jdl {font: bold 22px arial; color:#003366; padding-bottom:10px;}
.blogger_list_jdl a { color:#003366; text-decoration:none;}
.blogger_list_jdl a:hover { color:#003366; text-decoration: underline;}

.selanjutnya { padding-top:20px;}
.selanjutnya ul {list-style:none; margin:0px; padding:0px; }
.selanjutnya ul li {float:left; border:1px solid #999999; margin-right:10px; display:block;}
.selanjutnya ul li a {background:#fbdc8a; text-decoration:none;display:block; padding:5px; color: #000000;}
.selanjutnya ul li a:hover {background: #cc9400; text-decoration:none;display:block; color:#FFFFFF; font:bold 12px arial;}
.selanjutnya ul li a.pilih {background: #cc9400; text-decoration:none;display:block; color:#FFFFFF; font:bold 12px arial;}


.galeri_blogger { clear:both; padding-top:20px;}
.galeri_blogger span {font: bold 22px arial; color:#990000;}
.galeri_blogger ul {list-style:none; margin:0px; padding:0px; }
.galeri_blogger ul li {float:left; padding:10px 20px 10px 0px; color: #990000;}
.galeri_blogger ul li a {font:bold 12px arial; color: #990000; text-decoration:none;}
.galeri_blogger ul li a:hover {font:bold 12px arial; color: #990000; text-decoration: underline;}
.galeri_blogger ul li img {width:170px; padding-bottom:5px; }

.blogger_info_kanan { font: normal 12px arial; color:#000000; padding-bottom:20px;}
.blogger_info_kanan span {font: bold 22px arial; color:#003366;}
.blogger_info_kanan ul { margin:0px; padding:5px 0px 0px 15px;}
.blogger_info_kanan ul li { padding-bottom:5px;}
.blogger_info_kanan ul li a {font: bold 12px arial; color:#000000; text-decoration:none;}
.blogger_info_kanan ul li a:hover {font: bold 12px arial; color: #990000; text-decoration:underline;}

.blogger_tag  { font: normal 12px arial; color:#000000; }
.blogger_tag a {font: normal 12px arial; color:#000000; text-decoration:none;}
.blogger_tag a:hover {font: bold 14px arial; color: #990000; text-decoration:underline;}

/*blog_detail */
.blog_detail_profil {font: normal 12px arial; padding-bottom:10px; border-bottom:1px solid #999999;}
.blog_detail_profil span {font: bold 14px arial; color:#003399;}
.blog_detail_profil img {float:left; padding-right:15px;}
.blog_detail_profil a {font: bold 11px arial; color:#333333; text-decoration:none;}
.blog_detail_profil a:hover {font: bold 11px arial; color:#333333; text-decoration: underline;}

.blog_detail_isi {padding-top:20px; font: normal 12px arial;}
.blog_detail_isi img {padding: 10px;}
.blog_detail_isi_tgl {font: bold 11px arial; color:#333333;}
.blog_detail_isi_jdl {font: bold 22px arial; color:#e76d1b; padding-bottom:15px;}

.blog_komentar {padding:10px; font: bold 12px arial; background: #CCCCCC; margin-top:15px;}
.list_komentar { padding-top:15px;}
.list_komentar ul {list-style:none; margin:0px; padding:0px; padding-left:10px; padding-right:10px;}
.list_komentar ul li {padding-top:5px; padding-bottom:5px; border-bottom: 1px dashed #999999; font: normal 11px arial;}
.list_komentar ul li a {font: normal 11x arial; color: #333333; text-decoration:underline;}
.list_komentar ul li a:hover {font: normal 11px arial; color: #333333; text-decoration: none;}

/*foto */
.foto {padding-top:80px; padding-left:20px;}
.foto_besar { padding-bottom:10px; border-bottom:1px solid #999999;}
.foto_besar a {font: normal 12px arial; color:#333333; text-decoration:none;}
.foto_besar a:hover {font: normal 12px arial; color:#333333; text-decoration:underline;}
.foto_besar img {width:570px; padding-bottom:10px;}
.foto_besar span {font: bold 18px arial; color:#003366;}

.foto_thumb { padding-top:10px;}
.foto_thumb ul {list-style:none; margin:0px; padding:0px;}
.foto_thumb ul li { padding-left:10px; padding-right:10px; float:left; width:125px; padding-bottom:10px; padding-top:5px;}
.foto_thumb ul li a {font: normal 11px arial; color: #000000; text-decoration:none;}
.foto_thumb ul li a:hover {font: normal 11px arial; color: #000000; text-decoration: underline;}
.foto_thumb ul li span a {font: bold 12px arial; color: #003366; text-decoration:none;}
.foto_thumb ul li span a:hover {font: bold 12px arial; color: #003366; text-decoration: underline;}

.foto_thumb ul li img {padding-bottom:5px;}