/*
Design Free For Blog Xtgem
http://www.xtgem.com
Name       : Blue Diamond style
Version    : 2.0
Released   : 2015.03.13
Editing    : http://ykub.xtgem.com
Description: khusus xtgem blog mobile.
petunjuk   : pertanyaan, kritik dan saran fb.com/yakubnay
*/

#wrapper{margin:0;padding:0}
body {word-wrap: break-word;
max-width: 100%;
 margin: 0 auto; padding: 0; 
background:#eee; 
border:1px solid #586776;
color: #636363;
font-size: 14px;
font-family : sans-serif;}

a {
color:#18687D;
text-decoration: none;
}


a:hover { text-shadow: 0 0 6px #666;
}

img { max-width: 85%;}
.post_content p textarea { max-width: 30%; height: 12px;}


/* header */

#header
 {background: #18687D; margin: 0; padding: 0; }

#header .heading, #header .heading a
{ color: #fff; text-shadow : black 1px 1px 1px; font-size: 22px;
  text-align: left; padding: 4px; margin: 0;
font-weight:
bold; text-transform:
uppercase;}

#header .description
{ font-size: 14px; margin: 0; text-transform:
capitalize; margin: 0;
    padding: 0 0 2px; text-align: center; font-weight: normal; text-transform:
capitalize;
color: #fff;
text-shadow : black 1px 1px 1px; }

/* menu */

#menu {
background:#2B90A5;
margin:0;
padding:5px 2px;
display:block;
font-size:12px;/*
border-top:2px
    inset #cccccc; border-bottom:1px outset #ababab;*/
}
#menu span {
padding:0;
margin:0;
display:inline-block;
width:30%;
text-align:center;
border-left:1px solid #18687D;
}
#menu span:first-child{
border:none;
}

#menu span a{
margin:0px;
padding:0px;
color:#fff;
text-transform: capitalize;
text-shadow : black 1px 1px 1px;
font-weight: bold;
}
/* Search */

#search  { text-align: center; margin: 12px 0 2px 0;}

#search #search-text { background:#fff ; border: 1px solid #18687D;
width: 50%; height: 15px; color: #000;padding: 4px 0;}


#search #search-submit {
background:#2B90A5; border: 1px solid #18687D;
color: #FFF; width: 20%; padding: 4px 0;}


#content{margin:0;padding:5px 3px 0;}
.xt_container
{margin:0;padding:0;}

/* Sidebar */

#sidebar {
background: #eee !important;
color:#888;
  text-align: left; 
margin:0; 
padding:0;
}

#sidebar ul{
list-style: none;
margin: 0;
padding: 0;
}

#sidebar ul li:first-child {border-top:0;}
#sidebar ul li:last-child
 {border-bottom:0;}

#sidebar li{
	padding: 0  2px;
	margin: 0;
}

#sidebar li ul{ margin: 0;
  padding:0;
  background: none;
}

#sidebar li li {
	padding:1px 4px 3px 3px;
	margin-bottom: 8px;
	line-height: 25px;
	border-bottom:1px solid #ddd;
}


#sidebar h3 {
	
background-color: #18687D;
text-align: center; padding: 8px 0; margin: 0;
font-size: 20px; font-weight:
bold; text-transform:
uppercase; color: #fff;
text-shadow : black 1px 1px 1px; border-top:2px
inset #cccccc; border-bottom:1px outset #ababab;
	
}



#sidebar a {
	border: none;
color: #000;
	text-decoration: none;
}

#sidebar a:hover { 
color:#577695;
text-decoration: underline;
}


/* category */

#sidebar ul li:nth-child(2) ul li a:before {
content:url(http://ykubnay.yn.lt/Desktop/mobility/E-white/images/arrow.png);
text-align:center; padding-right:5px;
}

#sidebar ul li:nth-child(2) ul li {
margin-bottom: 4px;
color: #555; text-align: right;
padding-right: 10px;
}

#sidebar ul li:nth-child(2) ul li a {
float: left; 
overflow: hidden;
text-align: left; 
}
/* Footer */

#footer {
clear: both;
background: #18687D;
color: #eee;
margin:0 auto;
padding:0;
}


#footer p {
text-align: center;
margin:0; padding:8px;
}

#footer a {
  color: #fff;
}

#footer a:hover {text-shadow:1px 1px 6px #666; text-decoration:none;}

@import url(http://fonts.googleapis.com/css?family=Lobster);

*
{border-radius:3px;}

.blog_body {
word-wrap: break-word;
margin: 0 auto; padding: 0;
}

.blog, .xt_blog_comment_form {
background: #F5F5F5;
border: 1px solid #fafafa;
margin: 3px 2px;
padding: 0px;
}

.yn_breadcrumbs {
background: #f5f5f5;
border: 1px solid #fafafa;
margin: 3px 2px;
padding: 7px;
} 

.yn_tags{
background: #f5f5f5;
border: 1px solid #fafafa;
margin: 3px 2px;
padding: 7px;
} 

.xt_blog_title h2.title {font-weight:normal;
margin:0 2px 4px 2px;text-align:center;color:#fff;
padding:7px; 
background: #2B90A5;
}

h2.title a{color:#FFF;font:bold 16px "Arial";
text-transform:capitalize;}


.yn_description {
margin: 0 0 20px 0;
border-top: 1px dotted #ccc;
padding: 0 7px;
text-align: justify;
}
.yn_date {
color: #666;
padding: 0 7px;
}
.yn_comment {
padding: 3px 7px;
margin-bottom:5px;
text-align: right;
color: #666
}
.yn_comment a{
color: #fff !important;
font-weight: bold;
text-decoration: none;
border: 1px solid #a7a7a7;
padding: 3px 4px;
background: #2B90A5;
}

.heading1
{
padding: 7px;
margin: 1px;
text-decoration: none;
font-weight: bold;
} 
.post-title {
font-size: 18px;
margin: 0;
}
.post_content p a { color:#990000 !important;
padding: 0px 7px 7px; font-weight: bold;
}

h2.post-title {
background: #2B90A5;
text-align: center; padding: 8px 0; margin: 0;
font-size: 18px; font-weight:
bold; text-transform:
uppercase; color: #fff;
text-shadow : black 1px 1px 1px; border-top:2px
inset #cccccc; 
	
}

.post_subtitle{ background: #E5F4F8;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
font-family: 'Lobster',Arial,sans-serif;
padding: 8px 0 8px 5px; margin: 0;
border-left: 6px solid #18687D;
}

.post_content img {
max-width: 90%;
}
.post_content blockquote { overflow-wrap: break-word;
position: relative;font:italic 15px Georgia, "Times New Roman", Times, serif;
background: transparent; color:#000;
margin:30px auto;text-align:left;padding: 10px;width:85%;line-height: 1;
border-left:5px solid #555;
}


.post_content p:first-letter { float: left;
text-indent: 15px;
background:
transparent; color: #18687D;
font-size: 40px; text-shadow: 0 2px 0
lightgray; margin-top:
-5px !important;
line-height:40px;padding-right:5px;font-family:times;}

.xt_blog_review {
padding-left: 4px;}

.post_content ol, .post_content ul {
	margin:0 0 4px;
	padding:0;
	list-style-type:none;
	counter-reset:ol-counter
}
.post_content ol li,.post_content ul li {
	margin:0;
	padding:6px;
	border-bottom:1px solid #aaa
}



.post_content ol li, .post_content ul li {
	padding-left:40px;
	position:relative;
	overflow:hidden
}

.post_content ol li:first-child,.post_content ul li:first-child {
	border-top:1px solid #aaa
}

.post_content ol li:before, .post_content ul li:before {
	position:absolute;
	height:100%;
	left:0;
	top:0;
	width:20px;
	text-align:center;
	padding:8px;
	background:#B0B0B0;
	color:#fff;
	content:counter(ol-counter);
	counter-increment:ol-counter
}

.xt_blog_social, #xt_social_shares {
text-align: right; padding-right: 5px !important;}
#xt_social_shares li { list-style: none;
display: inline; }

.yn_created {
padding: 5px 7px 7px 7px;
text-align: right;
color: #666
}
.yn_back-post {
padding: 7px;
font-weight: bold;
}
.yn_back-post a {
border: 1px solid #fafafa;
padding: 3px;
background: #eee;
}


.yn_comment_blok { margin:0; padding:0;
}
.yn_comment_title {
background: #f5f5f5;
border: 1px solid #fafafa;
margin: 3px 1px;
font-weight: bold;
padding: 7px
}

.yn_comment_body {
}
.xt_search{text-align:center; margin:10px 0px; display:block;}
.xt_input[type="text"] 
{padding: 10px 0;width: 25%;}

.xt_button[type="submit"]
{border: 1px solid #f5f5f5;
background:#18687D;
color: white; border-radius: 3px;
width: 17%; padding: 4px 0;}


.comment {
margin: 7px 1px;
padding: 8px;
background: transparent;
}

 .comment .comment-header {
margin: 0;
padding: 0;
}
.comment-header .avatar {
float: left;
background: #f9f9f9;
margin-right: 6px;
padding: 2px;
border: 1px solid #ccc;
}
.comment-header .author {
display: block;
margin: 0;
font-size: 13px;
font-weight: normal;
letter-spacing: -0.05em;
}
.xt_reply h5.author a { color:#990000;
}
.xt_reply h5.author{ color:#000;font-family:Arial;
}
.comment-header .date {
color: #777;
font-size: small;
}
.comment .comment-content {
padding: 5px 0;
font-size: 11px;
clear: both;
}
.xt_blog_comment_actions {
padding: 5px 0;
text-align: right;
}
a.xt_blog_comment_action_reply, a.xt_blog_comment_action_report_spam {
color:#fff !important;
background: #2B90A5;
border: 1px solid #fff;
padding: 3px 5px;
}
.comment-title {
background: #18687D;
padding: 5px 0;
font-weight: bold;
}

.comment-title h3 a,.yn_comment_title h3 a {
font-weight:bold;
text-decoration: none;
color: #fff;
text-align: center;
}
 
.comment-title h3, .yn_comment_title h3 {
background: #18687D;
color: #fff;
text-align: center;
padding: 5px 0;
}

.xt_label span.xtblog_community_name 
{ color:#990000;}

.xt_reply {border-radius: 3px;
border-left: 1px solid #18687D;
margin: 5px 0px 5px 50px;
border-left: 5px solid #18687D;
position: relative; word-wrap: break-word;}

.xt_reply:after { content:''; display:block; position:absolute; 
top:10px; left:-20px; width:0; height:0;
 border-color: transparent #18687D transparent transparent; 
border-style: solid; border-width: 10px;}
.xt_blog_paging {
background: #18687D;
border: 1px solid #fafafa;
padding: 5px;
margin: 3px 2px;
font-weight: bold;
}
.xt_blog_paging a {
padding: 0 3px;
margin: 1px;
background: #efefef;
border: 1px solid #fafafa;
}
.xt_blog_paging span {
padding: 0 3px;
margin: 1px;
background: #f5f5f5;
border: 1px solid #fafafa;
}
.xt_blog_comment_form {
text-align: center;
}

.xt_blog_comment_form textarea {
text-align: left;
}

/* PAGINATION */
.xt_blog_paging a:nth-child(odd), .filelist_paging a:nth-child(odd) {
display: inline-block;
background: #fff;
margin: 1px;
padding: 4px 6px 4px 6px;
color: #222;
text-decoration: none;
border: #ccc solid 1px;
}

.xt_blog_paging a:nth-child(even), .filelist_paging a:nth-child(even) {
display: inline-block;
background: #eee;
margin: 1px;
padding: 4px 6px 4px 6px;
color: #222;
text-decoration: none;
border: #ccc solid 1px;
}

.xt_blog_paging a:hover, .filelist_paging a:hover {
text-decoration: none;
}

.xt_pagination, .xt_blog_paging, .filelist_paging
{
background: #18687D;
padding: 4px;
margin:2px;
text-align:center
}
.xt_pagination:before, .xt_blog_paging:before, .filelist_paging:before
{
content: url("http://ykub.xtgem.com/CSS/xtblog/page_white_stack.png");
padding:0 2px;
}
.xt_pagination a , .filelist_paging a
{
background: #bbb;
text-decoration: none;
margin:1px;
padding: 3px;
}
.xt_pagination a 
{ padding: 7px 5px;
color: #040;
}
.xt_pagination .selected 
{
background: #ddd;
margin:1px;
}
.xt_pagination .selected span 
{ padding: 7px 5px;
color: #400;
}

#yn_blog_share h3 
{ background: #18687D; padding: 4px; border-radius: 3px; border-left: 5px solid #2B90A5;
width: 30%; color: #FFF; font-weight: normal; }

.share-on{background:transparent;max-width:100%;padding:5px 4px}
a.sfb {background: url(http://ykub.xtgem.com/xtblog/images/icon-facebook.png)no-repeat; width: 16px; height: 16px; padding: 0 17px;padding-right: 0px;margin-right:6px;font-size:15px;}
a.stwit { background: url(http://ykub.xtgem.com/xtblog/images/twitter.png)no-repeat; width: 16px; height: 16px; padding: 0 17px;padding-right: 0px;margin-right:6px;font-size:15px;}
a.sgp { background: url(http://ykub.xtgem.com/xtblog/images/icon-gplus.png)no-repeat; width: 16px; height: 16px; padding: 0 17px;padding-right: 0px;margin-right:6px;font-size:15px;}
a.smail{background: url(http://ykub.xtgem.com/xtblog/images/icon-email.png)no-repeat; width: 16px; height: 16px; padding: 0 17px;padding-right: 0px;margin-right:6px;}
a.slintas{background: url(http://ykub.xtgem.com/xtblog/images/icon-lintasme.png)no-repeat; width: 16px; height: 16px; padding: 0 17px;padding-right: 0px;margin-right:4px;}