@font-face {font-family:'Celtic';font-style:normal;font-weight:normal;font-size:16px;src:url(http://raflesia.tk/box/Celtic.ttf) format('truetype');}

body {max-width:640px;margin:0;padding:0;color:#FFF;font-size:12px;overflow-wrap:break-word;background:-o-radial-gradient(circle, #E74C3C, #F1C40F, #00CED1, #3498DB, #00CED1, #F1C40F, #E74C3C);background:radial-gradient(circle, #E74C3C, #F1C40F, #00CED1, #3498DB, #00CED1, #F1C40F, #E74C3C);background:-webkit-radial-gradient(circle, #E74C3C, #F1C40F, #00CED1, #3498DB, #00CED1, #F1C40F, #E74C3C);background:-ms-radial-gradient(circle, #E74C3C, #F1C40F, #00CED1, #3498DB, #00CED1, #F1C40F, #E74C3C);background:-moz-radial-gradient(circle, #E74C3C, #F1C40F, #00CED1, #3498DB, #00CED1, #F1C40F, #E74C3C);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img {max-width:100%;height:auto}
img:hover {transform:rotate(390deg);-o-transform:rotate(390deg);-moz-transform:rotate(390deg);-webkit-transform:rotate(390deg);-ms-transform:rotate(390deg);transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out}
h1 {font-size:24px}
h2 {font-size:22px}
h3 {font-size:18px}
h4 {font-size:14px;font-size:14px}
h5 {font-size:12px}
h6 {font-size:10px}
h1, h2, h3, h4, h5, h6 {font-family:"Celtic", cursive;}
a {color:#6495ed;text-decoration:none}
a:hover {color:#3498db;text-decoration:none;cursor:zoom-in}
a:focus {font-size:38px;font-family:"Celtic";}
a:visited {text-decoration:none;color:#C0392B}
a.no-link,a.no-link:hover {color:#3498db;text-decoration:none} 

#header {background:transparent;margin:0 -5px 0 0;padding:0;text-transform:capitalize;}
#header .heading {background:rgb(20,20,20);font-size:24px;margin:3% 4% 0 3%;padding:5px 15px 15px;text-decoration:none;height:24px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#009CFF;font-weight:normal;font-family:"Celtic", cursive;border-radius:9px 9px 0px 0px;box-shadow:3px 0px 4px #777}
#header .heading a {text-decoration:none;color:#FFF;cursor:crosshair}
#header .description {background:rgb(20,20,20);color:#FFF;margin:0px 4% 3% 3%;font-size:16px;font-weight:normal;text-align:left;height:32px;padding:7px 15px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px 0px 9px 9px;box-shadow:3px 3px 4px #777}
#header #search-form {position:relative;float: right;margin:13px 16px 10px 0px}
#header #search-text {background:#FFF;border-radius:12px;color:#F00;width:140px;text-align: left;font-size:24px;height:24px;padding-left:20px;margin:0px;border:none}
#header #search-submit {position:absolute;right:3px;top:4px;background:url(/template/highend-mui/search-button.png)no-repeat center;background-size:cover;width:20px;height:20px;border:medium none;cursor:pointer;}
#header-bottom {background:rgba(20, 20, 20, 0.9);margin:0px 4% 0px 3%;padding:0px;border-radius:7px;}

#navigation {margin:0;float:left}
#open-nav-icon {padding:0px;cursor:pointer;margin:6px 0 10px 10px} 
#open-nav-icon img {content:url(/template/highend-mui/menu.png);}
#nav-links {background:rgba(142, 68, 173, 0.3);margin:0;padding:0 0 2px;overflow:hidden;text-align:center;}
#nav-links ul {margin:7px 0px 7px 0px;padding:7px 7px;list-style:none outside none;border-radius:0 7px 7px 7px;position:relative;}
#nav-links ul li {display:block;margin:0;padding:2%;text-align:left;padding-left:48px;background:url(/template/highend-mui/home.png)no-repeat left top;background-size:48px 48px;}
#nav-links ul li+li {padding-left:48px;background:url(/mui/invite.png)no-repeat left top;background-size:48px 48px;}
#nav-links ul li+li+li {padding-left:48px;background:url(/template/highend-mui/rss.png)no-repeat left top;background-size:48px 48px;}
#nav-links ul li+li+li+li {padding-left:48px;background:url(/template/highend-mui/notif.png)no-repeat left top;background-size:48px 48px;}
#nav-links ul li a {content;'HOME';padding:5px;text-decoration:none;font-size:22px;color:#3498DB;font-family:"Celtic", cursive;}
#nav-links ul li:after {content:'adalah halaman beranda dari blog ini';display:block;text-indent:11px;text-transform:lowercase;font-size:16px;}
#nav-links ul li+li a {content:'PROFILE'}
#nav-links ul li+li:after {content:'Selalu gunakan halaman ini untuk mengetahui informasi dari pemilik blog mulai dari alamat, kategori dan lain sebagainya';display:block}
#nav-links ul li+li+li a {content:'RSS'}
#nav-links ul li+li+li:after {content:'adalah untuk mengetahui pembaharuan dari blog ini dengan menekan tombol subscribe';display:block}
#nav-links ul li+li+li+li a {content:'NAVY'}
#nav-links ul li+li+li+li:after {content:'gunakan ini untuk mengakses cepat ke bagian bawah tanpa harus menggeser layar';display:block}
#nav-links ul li a:visited {color:#E74C3C;text-decoration:none;}
#nav-links ul li+li a:visited {font-size:22px;text-transform:uppercase;color:#1ABC9C}
#nav-links ul li+li+li a:visited {color:#8E44AD}
#nav-links ul li+li+li+li a:visited {color:#F1C40F}

#content {margin:0;padding:3% 3% 0 3%;background:transparent}
.clear {clear:both;}
.post {background:-o-linear-gradient(top, #5D5D5D, #4D4D4D, #3D3D3D, #2D2D2D, #1D1D1D, #2D2D2D, #3D3D3D, #4D4D4D, #5D5D5D);background:-ms-linear-gradient(top, #5D5D5D, #4D4D4D, #3D3D3D, #2D2D2D, #1D1D1D, #2D2D2D, #3D3D3D, #4D4D4D, #5D5D5D);background:-moz-linear-gradient(top, #5D5D5D, #4D4D4D, #3D3D3D, #2D2D2D, #1D1D1D, #2D2D2D, #3D3D3D, #4D4D4D, #5D5D5D);background:-webkit-linear-gradient(top, #5D5D5D, #4D4D4D, #3D3D3D, #2D2D2D, #1D1D1D, #2D2D2D, #3D3D3D, #4D4D4D, #5D5D5D);background:linear-gradient(top, #5D5D5D, #4D4D4D, #3D3D3D, #2D2D2D, #1D1D1D, #2D2D2D, #3D3D3D, #4D4D4D, #5D5D5D);margin:0px 0 8px 0;padding:9px;position:relative;font-family:"Indonesiana", cursive;border-radius:9px;box-shadow:3px 3px 5px #777}
.post .post-container {margin:0}
.post .post-meta {background:transparent;margin:0;padding:0px;}
.post .post-content {background:transparent;margin:0;padding:7px 21px 3px 3px;color:#FFF;text-align:justify;font-size:14px;min-height:70px;}
.post .post-meta .title {background:transparent;font-family:"Celtic", cursive;margin:0;padding:5px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-spacing:2;}
.post .post-meta .title a {margin:0;padding:0;color:#FFF;font-size:18px;text-decoration:none;}
.post .post-meta .title a:hover {text-decoration:none;background:url(/template/highend-mui/ajax.gif)no-repeat left center;color:#FFF;text-shadow:1px 1px 2px #EEE, 2px 2px 3px #00CED1;padding-left:22px}
.post .post-meta2 {background:transparent;color:#FFF;text-align:left;margin:0px 0px 7px 0px;padding:15px 0 0 0;}
.post .post-meta2 span {color:#FFF;margin:0;padding:0;font-weight:400;}
.post .post-meta2 a {color:#F1C40F;text-decoration:none}
.post .thumbnail {width:70px !important;height:70px !important;margin:3px 12px 5px 5px !important;padding:5px 5px 5px 5px !important;border:3px !important;border-style:solid !important;border-color:#E74C3C #1ABC9C #3498DB #F1C40F !important;border-radius:50px;}
.post-single {background:rgba(236, 240, 241, 0.5);margin:0;padding:9px;font-size:16px;border-radius:7px 7px 10px 10px;position:relative;box-shadow:3px 3px 4px #777} 
.post-single .post-container {padding:0} 
.post-single .post-meta {font-size:12px;padding:5px 0;color:#222}   
.post-single .post-meta .title {background:rgba(20,20,20,0.9);color:#FFF;font-family:"Celtic", cursive;font-size:24px;margin:-14px -10px 0 -9px;padding:9px;font-weight:400;border-radius:5px 5px 0 0;} 
.post-single .post-content {height:auto;color:#777;font-size:14px;text-indent:11px}
.post-single .post-content p:first-letter {font-size:50px}
.post-single .post-content h2 {background-color:#E74C3C;} 
.post-single .post-content h3 {background-color:#6495ED;}
.post-single .post-content h4 {background-color:#8E44AD;}
.post-single .post-content h5 {background-color:#16A085;}
.post-single .post-content h6 {background-color:#F1C40F;}
.post-single .post-content h2, 
.post-single .post-content h3, 
.post-single .post-content h4, 
.post-single .post-content h5, 
.post-single .post-content h6 {margin:7px 0 5px 0;padding:5px 7px;color:#FFF;text-transform:uppercase;font-weight:400;text-align:center;background-image:none}
.post-single .post-meta2 {color:#78F;font-size:medium;margin:0;padding:0;text-transform:uppercase;text-align:left;font-weight:bold}
.post-single .categories {font-family:"Celtic";display:block;color:#222;font-size:10px;padding:0;font-weight:normal}
.post-single .categories a {display:inline-block;color:#78F;padding:5px;font-size:10px;margin:0 2px 5px;}

#comments {margin:0;padding:0}
#comments h3 a {color:#fff}
#comments h4 {background:rgba(236, 240, 241, 0.5);margin:0;padding:5px 5px 5px 12px;color:#222;}
#comments h5 {background:rgba(236, 240, 241, 0.5);margin:0px;padding:5px 5px 5px 12px;color:#222;border-radius:0px 0px 9px 9px;}
#comments h3 {background:rgba(20,20,20,0.9);font-size:20px;text-transform:uppercase;font-weight:bold;text-align:center;margin:11px 0 0 0;padding:5px;border-radius:5px 5px 0 0}
#new-entry h3 {background:#222;font-size:20px;text-transform:uppercase;font-weight:bold;text-align:center;margin:11px 0 0 0;padding:5px;border-radius:5px 5px 0 0}
#comments .comment {background:-o-linear-gradient(top, #5D5D5D, #4D4D4D, #3D3D3D, #2D2D2D, #3D3D3D, #4D4D4D, #5D5D5D);background:-ms-linear-gradient(top, #5D5D5D, #4D4D4D, #3D3D3D, #2D2D2D, #3D3D3D, #4D4D4D, #5D5D5D);background:-moz-linear-gradient(top, #5D5D5D, #4D4D4D, #3D3D3D, #2D2D2D, #3D3D3D, #4D4D4D, #5D5D5D);background:-webkit-linear-gradient(top, #5D5D5D, #4D4D4D, #3D3D3D, #2D2D2D, #3D3D3D, #4D4D4D, #5D5D5D);background:linear-gradient(top, #5D5D5D, #4D4D4D, #3D3D3D, #2D2D2D, #3D3D3D, #4D4D4D, #5D5D5D);padding:0px;margin:8px 0px;font-size:12px;display:table;width:100%;min-height:90px;box-shadow:3px 3px 4px #777;border-radius:9px}
#comments .comment .comment-header {margin:0;padding:11px 11px 11px 0px;font-size:10px;}
#comments .comment .comment-header .title{color:#FFF;text-transform:uppercase;font-size:16px;font-weight:bold;margin:0 0 2px;padding:0;background:transparent!important;box-shadow:none !important}
#comments .comment .comment-header .title a {text-decoration:none;font-size:16px;font-weight:bold;color:#FFF;text-shadow:1px 1px 2px #EEE, 2px 2px 3px #DDD, 3px 3px 4px #34495E;position:relative}
.comment-left-content
{text-transform:uppercase;font-weight:normal;display:table-cell;text-align:center;margin: 0px;width: 22%;vertical-align:middle;color:#009CFF;border-radius:9px 0px 0px 9px}
.comment-left-content .date {content:url(/template/highend-mui/invite.png);font-size:24px;font-size:18px;padding:10px;color:transparent}
.comment-left-content .date span {display:inline}
.comment-right-content {padding:8px;display:table-cell;width:77%;margin-left:1%;color:#FFF;}
#comment_form {margin:0;padding:8px 5px 8px 73%;text-align:center;position:relative;background:rgba(236, 240, 241, 0.5);color:#222;border-radius:0 0 9px 90px;box-shadow:2px 2px 5px #777}
#comment_form [type=text] {background:#FFF;margin:1px;padding:5px 7px;width:90%;height:18px;color:#F00;display:inline-block;border:none;border-radius:5px} 
#comment_form .inp-textarea {background:url(/template/highend-mui/honeycomb.png)no-repeat;background-size:100% 100%;color:#F00;margin:0;padding:0px;width:150px;height:150px;position:absolute;left:10px;top:10px;display:inline-block;border:none;font-weight:bold;border-radius:90px}
#comment_form [type=submit] {height:45px;margin:0 -1px;padding:5px 7px;width:90%;color:#FFF;font-size:18px;font-weight:normal;border:0;background:#222;border-radius:5px}

#footer {text-transform:uppercase;font-weight:400;font-size:12px;text-align:center;color:#fff;background:rgba(20,20,20,0.9);padding:9px;margin:3%;border-radius:7px;box-shadow:3px 3px 4px #777}
#footer a {color:#FFF;text-decoration:none}
#footer #powered-by {font-family:Arial,Helvetica,sans-serif;font-size:8px;padding:0;margin:0;line-height:8px;word-spacing:normal}
#footer:after {display:block;content:"Designed by : Eza Dwi Anandharizky-2015";margin:0;padding:5px;font-family:"Miss Fajardose"}

#pagination-links {font-weight:bold;font-family:"Celtic";font-size:12px;text-align:center;margin:5px 7px;padding:9px 0px;line-hight:1}
#pagination-links span {background:rgba(236, 240, 241, 0.5);color:#222;padding:2px 8px;margin:-5px 0 7px 0;border-radius:20px;box-shadow:4px 4px 4px #777;}
#pagination-links a {background:#222;background-size:auto;color:#FFF;font-size:12px;padding:2px 8px;margin:5px 0 0 0;border-radius:90px;box-shadow:4px 4px 4px #777;} 
#pagination-links a:last-child {background:#16A085;color:#FFF;font-size:12px;padding:2px 8px;margin:0px;content:'\00bb';border-radius:23px;box-shadow:4px 4px 4px #777;}

#bottom-content {font-size:14px;margin:0;padding:2% 3% 0 3%;color:#FFF;}
#bottom-content a {color:#78F;}
#bottom-content a:hover {text-decoration: none;}
#bottom-content h3 {background:#222;margin:0px;padding:12px;border-radius:7px 7px 0px 0px}
#bottom-content h3, #bottom-content h3 a {text-transform:uppercase;font-weight:bold;font-size:medium;padding:12px;color:#FFF;text-align:center;margin:0}
#bottom-content ul {margin:0px;padding:0px;list-style:none;list-style-position:inside;}
#bottom-content ul li {margin:4px 0px;padding:8px 10px;color:#34495E}
#bottom-content ul li a {color:#78F;padding:0px;}
#bottom-content ul li h2 {background-color:#E74C3C;} 
#bottom-content ul li h3 {background-color:#6495ED;}
#bottom-content ul li h4 {background-color:#8E44AD;}
#bottom-content ul li h5 {background-color:#16A085;}
#bottom-content ul li h6 {background-color:#F1C40F;}
#bottom-content ul li h2, 
#bottom-content ul li h3, 
#bottom-content ul li h4, 
#bottom-content ul li h5, 
#bottom-content ul li h6 {margin:0 0 5px 0;padding:5px 7px;color:#FFF;text-transform:uppercase;font-weight:bold;text-align:center;border-radius:0;background-image:none}
#bottom-content .link-top {text-align:right}
#bottom-content .link-top a {border:0px;font-size:large;content:url(/template/highend-mui/zoom.png);text-decoration:none;color:#F00;}
#bottom-content .link-top a:hover {-o-transform:rotate(385deg);-ms-transform:rotate(385deg);-moz-transform:rotate(385deg);-webkit-transform:rotate(385deg);transform:rotate(385deg);-o-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-webkit-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out}
#navigation-menu, #category-bottom, #blogroll {background:rgba(236, 240, 241, 0.5);padding:9px;margin-bottom:3%;border-radius:0px 0px 7px 7px;box-shadow:3px 3px 4px #777}
#category-bottom ul:before {width:132px;height:132px;content:'';background:url(/template/highend-mui/android.png)no-repeat;background-size:100% 100%;display:block;margin-left:35%;padding:7px;border-radius:90px;border:1px;border-style:solid;border-color:#E74C3C #16A085 #3498DB #F1C40F;border-width:7px}
#category-bottom li {font-family:"Celtic", cursive;text-transform:capitalize;text-align:right;}
#category-bottom li.last {border-bottom:none}
#category-bottom li a {float:left}
#blogroll ul li {display:block;margin:0;padding:8px 10px;}

.highlight {font-family:"Celtic";text-transform:capitalize;font-weight:400;font-size:16px;background:#fff;border:1px solid #ddd;text-align:center;margin:3px 0;padding:5px;color:#000} 
.highlight span {color:#2D2D2D}  
#recent-posts-list h4 {background:#222;color:#FFF;text-transform:uppercase;text-align:center;font-weight:400;font-size:20px;word-spacing:2px;margin:0px;padding:5px 10px;text-shadow:none}
#recent-posts-list {background:rgba(236,240,241,0.5);margin:11px 0px 5px 0px;padding:0px 0px 5px 0px;border-radius:7px 7px 9px 9px;}
#following-list h4, #blogroll_list h4 {background:#16A085;color:#fff;text-transform:uppercase;text-align:center;font-weight:400;font-size:20px;word-spacing:2px;margin:0;padding:5px 10px;border-radius:5px 5px 0 0} 
#following-list h4 a, #blogroll_list h4 a {color:#fff}
#recent-posts-list ol {list-style:none;margin:0;padding:0;} 
#following-list ol, #blogroll_list ol {background:#DDD;list-style:none;margin:0;padding:0;border-radius:0 0 7px 7px;font-family:"Celtic", cursive}
#recent-posts-list ol li:before, #following-list ol li:before, #blogroll_list ol li:before {display:inline-block;content:'\00bb';margin-right:9px;color:#6495ED;font-size:16px}
#recent-posts-list ol li, #following-list ol li, #blogroll_list ol li {color:#2D2D2D;margin:0px;padding:5px 7px;}
#recent-posts-list ol li:last-child, #following-list ol li:last-child,#blogroll_list ol li:last-child{border-bottom:0}

#share-buttons {text-align:center;padding:10px;margin-bottom:10px} 
#share-buttons a {content:url(/template/highend-mui/fb.png)}
#share-buttons a+a {content:url(/template/highend-mui/tw.png)}

table {border-collapse:normal;table-layout:auto;table-caption:top;empty-cell:hide;color:#222;background:transparent}
table a {color:#3498DB}
th {color:#222;padding:9px}
tr {padding:5px 7px} 
tr:nth-of-type(even) {background:#ECF0F1}
td {border:none;} 

blockquote {font-style:italic;min-height:40px;background:#FFF;color:#16A085;position:relative;overflow-wrap:break-word;margin:20px 10px 0;padding:5px 9px;border-radius:0px 9px 9px 9px} 
blockquote:after {content:'';display:block;position:absolute;top:-10px;left:0px;width:0;height:0;border-color:transparent transparent transparent #FFF;border-style:solid;border-width:12px;} 
pre {font-family:Arial;background:#2C3E50;color:#FFF;margin:7px 0px 7px;padding:5px 7px;overflow-wrap:break-word}
#content [type=submit], #content [type=button] {border:none;background:#222;color:#FFF;line-height:2;padding:7px 9px}
.post-single .post-content img {border-radius:30px;max-width:70%;height:auto;}
.post-single .post-content [alt~=Foto], 
.post-single .post-content [alt~=Profile] {width:180px;height:180px;padding:9px;border:1px;border-style:solid;border-color:#E74C3C #F1C40F #1ABC9C #3498DB;border-width:7px;margin-left:20%;margin-right:20%;border-radius:120px}
textarea {max-width:70%;border:none;background:#222;color:#F00}

#next_previous {margin:5px 0 5px 0;font-size:20px;text-transform:uppercase;}
#next_previous .previous, #next_previous .next {display: inline-block;background:#E74C3C;padding:6px 8px;color:#FFF;margin:5px 0 0 0;border-radius:50px}
#next_previous .previous {float:left;content:'Go Back'}
#next_previous .next {float:right;margin-left:4px;content:'Next'}