/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
Name       : salju
Version    : 1.0
Released   : 2014.04.02
Editing    : http://ykubnay.mywapblog.com
Description: A two-column for mywapblog only
petunjuk   : masuk mwb dashboard > themes > desktop > aktifkan tema The Missing Piece
*/

* {
	padding: 0;
	margin: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	background:#f1fcff
url(http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/wrapper.png) repeat-x top left;
font: normal 13px "trebuchet ms", arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
	color:#000;
	line-height:19px;
	background-repeat:no-repeat;
	background-position: center top;
}
body:before {
          content: "";
          width:100%; height:71px; 
background:url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/ice.png') repeat-x bottom left; 
position:fixed; top:0; left:0; z-index:9000; 
}


a { 
	text-decoration: none;
	color: #434243;
}
a:hover {
	text-decoration: underline;
}

a img {
	border:none;
}


h3, h5, #comments li  { 
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
text-transform: capitalize;
  text-decoration: none;
  color: #333; 
text-shadow: 1px 1px #fff;}
  
blockquote { overflow-wrap: break-word;
position:relative;
width:250px;
padding:20px 40px;
margin:10px 10px 80px 40px;
background:#f7a944; 
background:-webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#eee), color-stop(.1,#f3f3f3));
background:-moz-linear-gradient(#eee, #f3f3f3);
background:-o-linear-gradient(#eee, #f3f3f3);
background:linear-gradient(#eee, #f3f3f3);
-webkit-border-radius:180px;
-moz-border-radius:180px;
border-radius:180px;
-webkit-box-shadow: -3px 4px 8px #989898;
-moz-box-shadow: -3px 4px 8px #989898;
box-shadow: -3px 4px 8px #989898;
color:#575544;
font-size:1em;
letter-spacing:.06em;
}

blockquote:before {
content:"";
position:absolute;
bottom:-40px; 
left:20px; 
background:#eee;
width:30px; 
height:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
-webkit-box-shadow: -3px 3px 4px #989898;
-moz-box-shadow: -3px 3px 4px #989898;
box-shadow: -3px 3px 8px #989898;
}

blockquote:after {
content:"";
position:absolute;
bottom:-55px;
left:0;
width:15px;
height:15px;
background:#eee;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
-webkit-box-shadow: -3px 3px 4px #989898;
-moz-box-shadow: -3px 3px 4px #989898;
box-shadow: -3px 3px 8px #989898;
} 



/* Header */

#header{
	margin:0 auto;
	position:relative;
	height:332px;
	width:980px;
	background:url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/snowh.png'),
url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/snow3q.png'),
url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/snow2l.png'),
url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/headerimg.jpg') no-repeat top center,transparent;
-webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;

}
#logo {
	position:absolute;
	top:110px;
	right:20px;
	width:710px;
	margin:0;
	height:60px;
	overflow:hidden;
}

#logo .heading {
	text-align:left;
	color:#ff4900;
	line-height:normal;
	text-transform:uppercase;
	margin:0;
	padding:0;
}


#logo  a:hover 
{       color: #000;
	text-decoration:none;
	font-weight:700;
}


#logo a
{
	color:#ff4900;
	font-size:26px;
	font-weight:700;
	text-decoration:none;
}

#logo .description 
{
	color:#2e677a;
        width:720px;
	height:90px;
	text-align:justify;
text-transform:capitalize;
font-size:14px;
}

/* search */

#search {
	position:absolute;
	width:199px;
	height:34px;
	bottom:21px;
	right:-7px;
	padding:20px 0 0 40px;
	background: transparent url(http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/search_bg.jpg) no-repeat bottom right;
}

#search fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

#search-text {
	float:left;
	border: 1px solid #91bbc9;
	color: #2f5764;
	font-size:11px;
	line-height:13px;
	height:14px;
	width:140px;
	padding:3px 6px;
	margin:0 6px 0 0;
	background:#FFF url(http://ykubnay.yn.lt/import/desktop/boxes/google_search.gif) center no-repeat;
 display: block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#search-text:hover { background:#FFF; color: #444;}

/* menu */

#menu 
{
	position:absolute;
	top:52px;
	left:245px;
	height:40px;
	width:725px;
	background: transparent url(http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/t_menu_bg.png) no-repeat bottom left;
}



#menu ul {
	width:726px;
	height:30px;
	overflow:hidden;
	padding:0;
	margin:0;
	list-style: none;
}

#menu li {
	float: left;
	list-style:none;
	display:inline;
}

#menu li a,#menu .current_page_item a {
	float:left;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	height:30px;
	line-height:29px;
	padding: 0 16px 0 10px;
	margin:0;
	cursor:pointer;
	background: transparent url(http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/t_menu_divider.png) no-repeat right center;
}

#menu li a:hover{
color:#000;
}


/* Page */

#page {background:
url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/snowh.png'),
url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/snow3q.png'),
url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/snow2l.png'),#d3e1e4;
	-webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
width:980px;
	margin:0 auto;
	}



/* Content */

#content { overflow-wrap: break-word;
  float: left;
  width: 68%;
margin: 0 10px 0 0;
font-family: Arial, Helvetica, sans-serif;
	padding:4px;
text-align: left;
}

.post .links { 
margin: 15px 0 0 0;
border-radius:3px;
color: transparent;
	width: 300px;
	height: 20px;
	background: rgba(0,0,0,0.2);

}


.post { 
margin: 0 0 20px 0;
padding: 20px 10px;
margin: 20px 10px 20px 30px;
	color: #434243;
	outline: none;
	background:#d3e1e4 
}


.post .entry{ overflow-wrap: break-word;
font:normal 14px Georgia, Times New Roman, Arial, Helvetica, sans-serif;
color: #434243;
}

 .comment p { 
	 font-size: 14px;
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
} 

.post .entry ol, .post .entry ul { 
	margin-left: 20px; 
}

.post .entry ol li a, .post .entry ul li a {
	color: #990000 !important; text-shadow: none;
text-decoration: none;}


.post .entry ol li a:hover, .post .entry ul li a:hover
{       color: #000 !important;
        min-width: 600px; padding: 5px;
	height: 40px;
	background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	border-left: 1px dashed rgba(0, 0, 0, 0.1);
	border-right: 1px dashed rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}



.post a { 
color: #bf6223;
text-shadow:0 0 10px #777;
text-decoration: none;}

.post a:hover { color: #990000;
text-shadow:0 0 10px #c17086;text-decoration: underline;}

h4, .post h3, h5, #comments li { 
padding: 10px 0; 
text-align: center;
background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	border-left: 1px dashed rgba(0, 0, 0, 0.1);
	border-right: 1px dashed rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}

.post .title {
margin-top:-18px;
padding: 10px 0; 
text-align: center;
background:url(http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/gallery_bottom.png) repeat-x top,
-webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	border-left: 1px dashed rgba(0, 0, 0, 0.1);
	border-right: 1px dashed rgba(0, 0, 0, 0.1);
	
}


#comments li { list-style: none;}



.post .title a { 
font:bold 17px/38px Georgia, Times New Roman, Arial, Helvetica, sans-serif;
line-height:30px;
color:#4d2502;
text-shadow:1px 1px 1px #FFF;
text-decoration: none;
}

.post .title a:hover { 
text-shadow:0 0 10px #222;
text-decoration: none;
}

.post-single .title {
margin-top:-18px;
padding: 10px 0; 
text-align: center;
background:
url(http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/gallery_bottom.png) repeat-x bottom,
-webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	border-left: 1px dashed rgba(0, 0, 0, 0.1);
	border-right: 1px dashed rgba(0, 0, 0, 0.1);
  font-size:19px;
color: #333;
text-shadow: 1px 1px #fff;}

.post .byline {
  margin-bottom: 1em;
margin-top: 7px;
color: #555;
text-align: center;
position: relative;
}

.post .byline:after {
content: "";
   position: absolute;
   bottom: 1px;
   left: 0;
   height: 1px;
   width: 100%;
   background: #222;
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,transparent), color-stop(50%,#222), color-stop(100%,transparent));
   background: -webkit-linear-gradient(left, transparent 0%,#222 50%,transparent 100%);
   background: -moz-linear-gradient(left, transparent 0%, #222 50%, #transparent 100%);
   background: -ms-linear-gradient(left, transparent 0%,#222 50%,#transparent 100%);
   background: -o-linear-gradient(left, transparent 0%,#222 50%,transparent 100%);
   background: linear-gradient(left, transparent 0%,#222 50%,transparent 100%);
   }

.thumbnail { 
position:relative !important;
-ms-transform:rotate(30deg); 
-webkit-transform:rotate(30deg);
transform:rotate(30deg); 
-webkit-transition: -webkit-transform 2s linear !important;
	-moz-transition: -moz-transform 2s linear !important;
	-ms-transition: -ms-transform 2s linear !important;
	-o-transition: -o-transform 2s linear !important;
	transition: transform 2s linear !important;
border: 0 !important;
border-radius:5px;
-webkit-border-radius:5px;
}
@keyframes animated_div
{
0%		{transform: rotate(0deg);left:0px;}
25%		{transform: rotate(20deg);left:0px;}
50%		{transform: rotate(0deg);left:500px;}
55%		{transform: rotate(0deg);left:500px;}
70%		{transform: rotate(0deg);left:500px;}
100%	{transform: rotate(-360deg);left:0px;}
}

@-webkit-keyframes animated_div
{
0%		{-webkit-transform: rotate(0deg);left:0px;}
25%		{-webkit-transform: rotate(20deg);left:0px;}
50%		{-webkit-transform: rotate(0deg);left:500px;}
55%		{-webkit-transform: rotate(0deg);left:500px;}
70%		{-webkit-transform: rotate(0deg);left:500px;}
100%	{-webkit-transform: rotate(-360deg);left:0px;}
}

@-moz-keyframes animated_div
{
0%   {-moz-transform: rotate(0deg);left:0px;}
25%  {-moz-transform: rotate(20deg);left:0px;}
50%  {-moz-transform: rotate(0deg);left:500px;}
55%  {-moz-transform: rotate(0deg);left:500px;}
70%  {-moz-transform: rotate(0deg);left:500px;}
100% {-moz-transform: rotate(-360deg);left:0px;}
}

@-o-keyframes animated_div
{
0%   {transform: rotate(0deg);left:0px;}
25%  {transform: rotate(20deg);left:0px;}
50%  {transform: rotate(0deg);left:500px;}
55%  {transform: rotate(0deg);left:500px;}
70%  {transform: rotate(0deg);left:500px;}
100% {transform: rotate(-360deg);left:0px;}
}



.thumbnail:hover
{
	cursor: pointer !important;
	-webkit-transition: -webkit-transform 0s linear !important;
	-moz-transition: -moz-transform 0s linear !important;
	-ms-transition: -ms-transform 0s linear !important;
	-o-transition: -o-transform 0s linear !important;
	transition: transform 0s linear !important;
	-webkit-transform: rotate(360deg) translate3d(0, 0, 0) !important;
	-moz-transform: rotate(360deg) !important;
	-ms-transform: rotate(360deg) !important;
	-o-transform: rotate(360deg) !important;
	transform: rotate(360deg) !important;
}

.date span{ display: inline-block;
       width: 15%;
  text-align: center;}

.date span+span, #footer a:hover { text-shadow:0px 0px 10px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #777,
      0px 0px 150px #777,
      0px 10px 100px #777,
      0px 10px 100px #777,
      0px 10px 100px #777,
      0px 10px 100px #777,
      0px -10px 100px #777,
      0px -10px 100px #777;}


.date { 
background: transparent;
margin: 0;
padding: 12px;
text-align: center;
font-weight: bold;
color: #000;
font-size: 12px;
text-shadow: 1px 0 1px #fff;
}

.post .date .month {
padding: 0;
margin: 0;
}
.post .date .day {
padding: 0;
margin: 0;
}
.post .date .year {
padding: 10px;
line-height: normal;
color: #000;
text-shadow: 1px 0 1px #fff;
}

.post .links a {
color: #FFF;
text-shadow: 1px 1px #555;
  text-decoration: none;
  font-weight: bold;
}

.post .links a:hover {
  text-decoration: underline;
}

.post .links .more {
  padding-left: 10px;
  background: url(http://ykubnay.mywapblog.com/themes/desktop/TheMissingPiece/images/img16.gif) no-repeat 0 5px;
}

.post .links .comments {
  padding-left: 12px;
  background: url(http://ykubnay.yn.lt/import/dupic/typography/chesz/komen.png) no-repeat 0 6px;
}

.post .links .rss {
  padding-left: 12px;
  background: url(http://ykubnay.yn.lt/import/desktop/mentari/feed-icon.png) no-repeat 0 6px;
}

/* Sidebar */

#sidebar {
	float:right;
	width: 28%;
	padding-left: 10px;
background:
url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/snowh.png'),
url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/snow3q.png'),
url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/snow2l.png'),
url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/content_m_full.gif') repeat-y top center,
transparent;
-webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
	}
#sidebar ul, #blogroll_list ol {
  list-style: none;
  margin: 10px 0;
  padding: 10px;
  background: transparent;

}



#sidebar li, #blogroll_list {
  padding: 0;
  margin: 0;
-webkit-transition: all 600ms ease;
		   -moz-transition: all 600ms ease;
		    -ms-transition: all 600ms ease;
		     -o-transition: all 600ms ease;
		        transition: all 600ms ease;

		-webkit-transform-origin: 0% 0%;
		   -moz-transform-origin: 0% 0%;
		    -ms-transform-origin: 0% 0%;
		     -o-transform-origin: 0% 0%;
		        transform-origin: 0% 0%;
}

#sidebar li ul {
  padding: 10px 20px 30px 0px;
line-height: 150%;
}

#sidebar ul li, #blogroll_list ol li {
border-bottom:1px dotted #694F10;
}
#sidebar ul li:first-child {border-top:0;}
#sidebar ul li:last-child
 {border-bottom:0;}

/* about */

#blogroll_list { 
background:transparent;}

/* category */

#sidebar ul li + li + li ul li {
margin-bottom: 4px;
color: #555; text-align: right;
padding-right: 3px;
}

#sidebar ul li + li + li ul li a {
float: left; 
overflow: hidden;
text-align: left; 
display: block; 
}


#sidebar li li {
  padding: 0 0 0 5px;
  }


#blogroll_list h3
{
  
  padding: 6px;
  background:url(http://ykubnay.yn.lt/import/desktop/event/h2_bg.gif) 0 0 no-repeat #ECE2C3;
  font:normal 18px/27px Georgia, "Times New Roman", Times, serif;
	color:#694F10;
  text-align: center;
  margin: 0;}

#blogroll_list h3 a { color: #000;}

#sidebar h3
{ 	
	width:186px;
	height:36px;
	line-height:25px;
	padding: 0 14px 0 20px;
	margin:0 0 0 43px;
	font-size: 11px;
	color: #000;
	text-align: left;
	text-transform:none;
	font-size: 17px;
	overflow:hidden;
	background: transparent url(http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/box_h3.png) no-repeat top right;

}



#sidebar h5
{
	display:block;
	background:url(http://ykubnay.yn.lt/import/desktop/event/h2_bg.gif) 0 0 no-repeat #ECE2C3;
	width:142px;
	height:27px;
	padding:0 0 0 6px;
	margin:0 0 12px 0;
	font:normal 18px/27px Georgia, "Times New Roman", Times, serif;
	color:#694F10;
	float:left;
}


#sidebar a {
  text-decoration: none;
font:bold 13px/18px Lucida, sans-serif; 
color:#694F10; text-shadow:1px 1px 1px #eee;

}

#sidebar a:hover { 
text-shadow:0 0 10px #222;
text-decoration: none;
}

/* footer */


#footer {
	padding:10px 20px 20px;
	margin:-5px 0 0;
background:url(http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/mountain.jpg) repeat-x top center;
display:block;
	clear:both !important;
text-align: center;
}
  
  
#footer a { 
  color: #000;
text-shadow:0px 0px 5px #fff,
      0px 0px 7px #fff;
}


#footer p+p:before { content:"salju";
display: block; color: #000;
	text-shadow:0px 0px 10px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #777,
      0px 0px 150px #777,
      0px 10px 100px #777,
      0px 10px 100px #777,
      0px 10px 100px #777,
      0px 10px 100px #777,
      0px -10px 100px #777,
      0px -10px 100px #777;}





/* pagination */

#pagination_links
{ 
  font-size: 18px;
  text-align: center;
  padding-bottom: 20px;
}


#pagination_links span
{
  padding: 8px;
  display: inline-block;
  background: #eee;
  color: #000;
  text-shadow: 1px 1px #fff;
  margin-top: 2px;
  border-radius: 3px;
}

#pagination_links a
{
  padding: 8px;
  background: #555;
  color: #FFF;
  display: inline-block;
  margin-top: 2px;
  text-decoration: none;
border-radius: 3px;
}
#pagination_links a:hover
{
background: #eee;
  color: #000;
  text-shadow: 1px 1px #fff;
  text-decoration: none;
border-radius: 15px;
}

.no-link, .no-link:hover {
  text-decoration: none;
  color: inherit;
}

/* TOP */

#back2top 
{
	clear: both;
	margin: 10px 30px -5px 0;
	padding: 5px;
	text-align: right;
}


#back2top a 
{
	background: url(http://ykubnay.yn.lt/import/desktop/cool/hand-links.png) 0 -32px no-repeat;
	border: none;
	color: rgba(255,255,255,.0001);
	display: block;
	height: 16px;
	margin: 0 0 0 auto;
	overflow: hidden;
	text-indent: 9999px !important;
	width: 100px;
}

#back2top a:hover {
	background-position: 0 -48px;
}



/* coment */

#comments { overflow-wrap: break-word;
padding: 10px; 
margin: 5px 0 20px 10px;
width: 600px;
 }

#comments h4 { 
margin-top: 10px;
text-align: center; font-size:15px;}

#comments h3
 { 
font-size:24px;
font-variant:small-caps;
 padding: 6px;
  color: #000;
  margin: 0;
  text-align:center;
font-family:Arial,Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
text-shadow:0px 0px 10px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #777,
      0px 0px 150px #777,
      0px 10px 100px #777,
      0px 10px 100px #777,
      0px 10px 100px #777,
      0px 10px 100px #777,
      0px -10px 100px #777,
      0px -10px 100px #777;}



#comments h3 a {
}

.comment h5 small {
	font-size:11px;
	font-weight:normal;
	color:#777;
text-align: right;
display: block;
}

.comment { 
position:relative;
overflow-wrap: break-word;
padding: 10px;
margin: 15px 50px 10px 115px;
background:#FFF url(http://ykubnay.yn.lt/import/desktop/awan/awan_tl.png) no-repeat top left;
-webkit-border-bottom-right-radius: 60px 5px;
	-webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2)
	}

.comment:before{
	content: '';
	width: 98%;
	z-index:-1;
	height: 100%;
	padding: 0 0 1px 0;
	position: absolute;
	bottom:0; right:0;
	background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
	-webkit-border-bottom-right-radius: 15px 5px;
	-webkit-transform: skew(2deg,2deg)
						translate(3px,8px)
}

.comment:nth-child(odd) { 
background:#d3e1e4;
position:relative;
	background:url('http://ykubnay.yn.lt/Desktop/MissingPiece/salju/images/ice.png') repeat-x top #d3e1e4;
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
	-webkit-border-bottom-right-radius: 60px 5px;
	
}

.comment:nth-child(odd):before{
	content: '';
	width: 98%;
	z-index:-1;
	height: 100%;
	padding: 0 0 1px 0;
	position: absolute;
	bottom:0; right:0;
	background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
	-webkit-border-bottom-right-radius: 60px 5px;
	-webkit-transform: skew(2deg,2deg)
						translate(3px,8px)
}

.comment:nth-child(odd):after,.comment:after{
	content: '';
	width: 98%;
	z-index:-1;
	height: 98%;
	padding: 0 0 1px 0;
	position: absolute;
	bottom:0; right:0;
	background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
	-webkit-transform: skew(2deg,2deg)
						translate(-1px,2px)
}


.comment h5 {
margin:0; overflow-wrap: break-word;
text-align:left;
}



.comment h5 a { 
display: block;
padding-left: 4px;
color: #777;
font-family: Constantia, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
text-decoration: none;
font-size: 18px;}



.comment h5 a:hover { text-shadow: 1px 1px 6px #eee;
font-family:Trebuchet MS, Tahoma; color:#990000; font-size:18px;}

#comments h5 a:before {
position: absolute;
top: 0px;
left: -105px;
right: 0px;
width: 70px;
height: 70px;
display: block;
content:'';
margin: 0px;
padding:0px;
background:transparent url(http://ykubnay.yn.lt/import/desktop/awan/user.png) no-repeat center;
border:5px solid #ddd; border-radius: 50px;
-webkit-box-shadow: -1px 12px 20px -2px rgba(119,119,119,0.68);
-moz-box-shadow: -1px 12px 20px -2px rgba(119,119,119,0.68);
box-shadow: -1px 12px 20px -2px rgba(119,119,119,0.68);}

/* start : jika memasang gambar pengunjung gunakan
kode seperti dibawah ini, size gambar 42x42 dan ubah url ykubnay.mywapblog.com ke url target 
dan ganti background url target*/

#comments h5 a[href="http://ykubnay.mywapblog.com/"]:before
{
position: absolute;
top: 0px;
left: -105px;
right: 0px;
width: 70px;
height: 70px;
display: block;
content:'';
margin: 0px;
padding:0px;
background:transparent url(http://ykubnay.yn.lt/import/desktop/kios/70x70px.png) no-repeat center;
}

/* finish */

.comment p {
display: block;
padding: 0;
margin: 0;
}


#new_entry, #new_comment_form, #share_buttons { text-align: center;}

#share_buttons { background:
-webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	border-left: 1px dashed rgba(0, 0, 0, 0.1);
	border-right: 1px dashed rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
padding: 10px 0;}

#share_buttons img:hover{
-moz-transform: rotateY(180deg); 
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background: #cef1ff; 
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;

}

#new_comment_form { 
margin: 15px 0 0 20px; 
padding: 0 0 15px 0;
position:relative;
	background: #d3e1e4;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-webkit-border-top-left-radius: 60px 5px;
	-webkit-border-top-right-radius: 60px 5px;
	-webkit-border-bottom-right-radius: 60px 5px ;
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;
	}

#new_comment_form:before{
	content: '';
	width: 98%;
	z-index:-1;
	height: 100%;
	padding: 0 0 1px 0;
	position: absolute;
	bottom:0; right:0;
	background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
	-webkit-border-bottom-right-radius: 15px 5px;
	-webkit-transform: skew(2deg,2deg)
						translate(3px,8px)
}

#new_comment_form .inp-textarea,#new_comment_form .inp-text {
	background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	border-left: 1px dashed rgba(0, 0, 0, 0.1);
	border-right: 1px dashed rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
padding: 5px; 
color: #000;
border-top: none !important;
border-bottom: none !important;
}

#comment_form .inp-btn 
{       text-align: center;
font-family:Arial;
	font-weight:bold;
	padding:5px;
	color:#525252 !important;
	border:1px solid #a5a5a5 !important;	
	background-color: #a9adb1;
	}

#comment_form .inp-btn:hover{
	background-color:#7a3f3a; padding:5px 10px; color:#fff !important; text-decoration:none; 
-moz-border-radius:5px; -webkit-border-radius:5px;
	
}


/* other */

img { border-radius: 3px; max-width: 90%; border: none;}

.entry img:hover { background:transparent;  max-width: 60%;
-o-transition:all 1.2s ease-out; -moz-transition:all 1.2s ease-nut; 
-webkit-transition:all 1.2s ease-out; 
 z-index:99; background:transparent;  -o-transform:rotate(-10deg) scale(1.4) translate(5px,-3px);
 -moz-transform:rotate(360deg) scale(2) translate(1px,-3px); 
-webkit-transform:rotate(360deg) scale(2) translate(10px,-3px); }

.entry textarea {
      height: 32px;
      width: 260px;
      border: 1px solid #434243;
      background:rgba(0,0,0,0.2);
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -o-transition: all 1s ease-in-out;
      -moz-transition: all 1s ease-in-out;
      -webkit-transition: all 1s ease-in-out;
      padding: 5px 5px;
      margin: 15px auto;
      font: 13px Arial;
      color: #434243;
      overflow: hidden;
transition: all .25s ease-in;
      }

.entry textarea:hover {
      min-height: 100px;
      border: 2px solid #434243;
      background: #ddd;
      box-shadow: 0 1px 15px #eee;
      -moz-box-shadow: 0 1px 15px #eee;
      -webkit-box-shadow: 0 1px 15px #eee;
      color: #000; text-shadow: 0 1px 1px #888;
background-position: 0 0;
      }

.inp-textarea:hover {width:60%; transition:width 500ms;}


/*Keyframes*/

@keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }

    100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
}

@-moz-keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }

    100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
}

@-webkit-keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }

    50% { background-color: #b4cfe0 }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: #6b92b9;
    }
}

@-ms-keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }

    100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
}