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;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*  ------ basic ------------------- */
body { margin:0; padding:0; background:#222;
font-family: Arial, Helvetica, sans-serif;
font-size:12px; color:#b8babb; text-align:center; }
a img { border:none; }
a, a:visited { color:#7f8e91; text-decoration:none; outline:none; }
a:hover { color:#81c8d5; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:160%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; }
ol { margin:0 0 1em 19px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; width:100%; }
blockquote { margin:0 0 1em 0; padding:15px 20px 0 20px; border:1px solid #333; background:#222; }
blockquote a, blockquote a:visited { text-decoration:underline; }
pre { border:1px solid #333; background:#222; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
object { display:block; margin:0 auto; }
.feed-links { display:none; }
.Navbar {display: none !important;}
/*  ------ layout ------------------------ */
#outer-wrapper { background:url() no-repeat center top; }
#wrap2 { width:959px; margin:0 auto; text-align:left; }
#content-wrapper { width:960px;padding-bottom:60px;}
#main-wrapper { float:left; display:inline; width:550px; margin:380px 0px 0px -20px; }
#sidebar-wrapper { float:right; display:inline; width:-50px; margin:380px 5px -210px 0px; }
#header-wrapper { background:url(http://akurid.jw.lt/img/bag_ats.png) no-repeat bottom; padding-top:30px;height:123px;}
#footer { background:url(http://akurid.jw.lt/img/bag_bawah.png) no-repeat top; height:123px; margin-bottom:30px; }
#credit { font-size:14px; color:#000000; float:right; margin:80px -10px 0px 60px; display:inline; height:10px; width:200px; padding:0px 0 0 0px; }
#visitor { background:url(http://4.bp.blogspot.com/-SS3P0UO5gdY/Ur5mvu67cxI/AAAAAAAADxU/jsMxLDMvHQM/s1600/pengunjung.png) no-repeat top; float:right; margin:-45px 60px 0px 0px; display:inline; height:35px; width:195px; padding:0px 0px 0px 0px; }
#Stats1 .widget-content{font-weight: normal; font-size:35px;text-align:right;margin-top:-30px;}
#share { font-size:11px; float:right; margin:0px 0px 0 0; display:inline; color:#777; background:url() no-repeat left top; height:10px; width:410px; padding:23px 0 0 60px; }
/*  ------ header ---------------------- */
/* blog title */
.header { float:left; display:inline; margin:44px 0 0 130px; font-family: Ballpark;}
.header h1, .header h1 a, .header h1 a:visited { color:white; font-size:1px; font-family: Ballpark;visibility:hidden;}
.header h1 a:hover { text-decoration:none; color:#83bac4; }
.header .description { font-weight:normal; line-height:100%; margin:0; padding:10px 0; color:yellow; font-size:2px; font-family: arial;}
/*  ------ left-col ------------- */
.post { margin:10px 0px -100px 35px; line-height:20px;}
.post h3 { margin:0 0 4px 0; padding:0; line-height:100%; }
.post h3 a, .post h2 a:visited, #single h2 { color:#ccc; font-size:16px; line-height:200%; font-weight:normal; }
.post h3 a:hover { text-decoration:none; color:#83bac4; }
.post-info { margin:0; }
.post-info li { display:inline; font-size:11px; color:#797f80; margin:0 10px 0 0; }
.write-comment { background:url(http://2.bp.blogspot.com/_wa6zL1GRiOs/S49vfuMuSHI/AAAAAAAAEnk/-7kyCJJFmoI/s1600/arrow1.gif) no-repeat left center; padding:0 0 0 11px; }
.post-info a, .post-info a:visited { color:#777; }
.post-info a:hover { color:#83bac4; }
.post .entry { clear:both; padding:15px 0 40px 0; line-height:160%; }
.post .entry p { margin:0 0 1em 0; line-height:160%; }
.post .entry a,.post-content a:visited { text-decoration:underline; }
.post a.jump-link, .post a.jump-link:visited
{ display:block; clear:both; margin:15px 0 5px 0; height:23px; padding:6px 0 0 35px; background:url(http://4.bp.blogspot.com/_wa6zL1GRiOs/S49vgTcRm9I/AAAAAAAAEn0/_NQgyuXzNvU/s1600/arrow3.gif) no-repeat left top; text-decoration:none; }
.post a.jump-link:hover { background:url(http://4.bp.blogspot.com/_wa6zL1GRiOs/S49vgTcRm9I/AAAAAAAAEn0/_NQgyuXzNvU/s1600/arrow3.gif) no-repeat left bottom; text-decoration:none; }
.post img, .post a img { border:0px ; padding:5px; margin:0;  background:none; }
.post a:hover img { border:1px solid #849ca0; background:#59847d; }
.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.aligncenter,div.aligncenter { display:block; margin:0 auto; }
.post img.alignright, div.alignright { margin:4px 0 10px 10px; display:inline; }
.post img.alignleft, div.alignleft { margin:4px 10px 10px 0; display:inline; }
.post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }
.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #333; padding:15px; }
.post th { background-color:#000; font-weight:normal; }
.post .entry ul li { margin:0 0 0 0; line-height:160%; background:url(http://2.bp.blogspot.com/_wa6zL1GRiOs/S49w8zu5bAI/AAAAAAAAEo8/zOKPIS-twUA/s1600/bullet1.gif) no-repeat left 9px; padding:0 0 0 12px; }
.post .entry input { margin:5px 0; }
/*  ------ right-col ------------- */
.sidebar { color:white; margin:0 0 50px 32px; font-size:11px; width:370px; }
.sidebar .widget { padding-bottom:50px; }
.sidebar h2 { margin:0 0 20px 0; font-size:11px; text-transform:uppercase; color:#999; font-weight:normal; line-height:100%; }
.sidebar ul { }
.sidebar li { margin:0 0 1em 0; line-height:140%; }
.sidebar li li { padding:0 0 0 10px; margin:3px 0; background:url() no-repeat 1px 7px; }
# sidebar-wrapper .side-box { color:white; margin:0 0 50px 32px; font-size:11px; width:370px; }
/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
<!--[if lt IE 7]>
#outer-wrapper { background:url(http://1.bp.blogspot.com/_wa6zL1GRiOs/S49vyC2rlXI/AAAAAAAAEoM/ckyan_McVqI/s1600/back3.png) no-repeat center top; }
#return_top a { display:none; }
/* ---------- pngfix ---------- */
#outer-wrapper,#header-wrapper,#content-wrapper,#footer,#pngfix-right,#pngfix-left,.ul.menu, #no-side, #footer-noside, .pngfix-for-ca, #middle-contents-changeside
{ behavior: expression(IEPNGFIX.fix(this)); }
<![endif]-->
/* FancyBox CSS*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
height: 40px;
width: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
* html #fancybox-loading {	/* IE6 */
position: absolute;
margin-top: 0;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('');
}
#fancybox-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 1100;
display: none;
}
* html #fancybox-overlay {	/* IE6 */
position: absolute;
width: 100%;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 20px;
z-index: 1101;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #FFF;
}
#fancybox-inner {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
outline: none;
overflow: hidden;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background-image: url('http://lh3.ggpht.com/_BiYlG6sktcY/TDQ4idkdGTI/AAAAAAAAA6o/M6pfBewSBFc/fancybox.png');
background-position: -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox_error {
color: #444;
font: normal 12px/20px Arial;
padding: 7px;
margin: 0;
}
#fancybox-content {
height: auto;
width: auto;
padding: 0;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
-ms-interpolation-mode: bicubic;
}
#fancybox-frame {
position: relative;
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-title {
position: absolute;
bottom: 0;
left: 0;
font-family: Arial;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding: 10px 0;
text-align: center;
color: #333;
}
.fancybox-title-outside {
padding-top: 5px;
color: #FFF;
text-align: center;
font-weight: bold;
}
.fancybox-title-over {
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('http://lh5.ggpht.com/_BiYlG6sktcY/TDQ5EtLq04I/AAAAAAAAA6s/-2bOS0RA5AU/fancy_title_over.png');
display: block;
}
#fancybox-title-wrap {
display: inline-block;
}
#fancybox-title-wrap span {
height: 32px;
float: left;
}
#fancybox-title-left {
padding-left: 15px;
background-image: url('http://lh3.ggpht.com/_BiYlG6sktcY/TDQ4idkdGTI/AAAAAAAAA6o/M6pfBewSBFc/fancybox.png');
background-position: -40px -90px;
background-repeat: no-repeat;
}
#fancybox-title-main {
font-weight: bold;
line-height: 29px;
background-image: url('http://lh5.ggpht.com/_BiYlG6sktcY/TDQ5crjWCwI/AAAAAAAAA6w/vHC9ZepmWUs/fancybox-x.png');
background-position: 0px -40px;
color: #FFF;
}
#fancybox-title-right {
padding-left: 15px;
background-image: url('http://lh3.ggpht.com/_BiYlG6sktcY/TDQ4idkdGTI/AAAAAAAAA6o/M6pfBewSBFc/fancybox.png');
background-position: -55px -90px;
background-repeat: no-repeat;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background-image: url('http://lh3.ggpht.com/_BiYlG6sktcY/TDQ5vgvU4gI/AAAAAAAAA60/A8Ea9w1_7Ig/blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('http://lh3.ggpht.com/_BiYlG6sktcY/TDQ4idkdGTI/AAAAAAAAA6o/M6pfBewSBFc/fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('http://lh3.ggpht.com/_BiYlG6sktcY/TDQ4idkdGTI/AAAAAAAAA6o/M6pfBewSBFc/fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible;    /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancy-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancy-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('http://lh5.ggpht.com/_BiYlG6sktcY/TDQ5crjWCwI/AAAAAAAAA6w/vHC9ZepmWUs/fancybox-x.png');
}
#fancy-bg-ne {
top: -20px;
right: -20px;
background-image: url('http://lh3.ggpht.com/_BiYlG6sktcY/TDQ4idkdGTI/AAAAAAAAA6o/M6pfBewSBFc/fancybox.png');
background-position: -40px -162px;
}
#fancy-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('http://lh5.ggpht.com/_BiYlG6sktcY/TDQ6V9WBmGI/AAAAAAAAA64/0F3YtTQocuk/fancybox-y.png');
background-position: -20px 0px;
}
#fancy-bg-se {
bottom: -20px;
right: -20px;
background-image: url('http://lh3.ggpht.com/_BiYlG6sktcY/TDQ4idkdGTI/AAAAAAAAA6o/M6pfBewSBFc/fancybox.png');
background-position: -40px -182px;
}
#fancy-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('http://lh5.ggpht.com/_BiYlG6sktcY/TDQ5crjWCwI/AAAAAAAAA6w/vHC9ZepmWUs/fancybox-x.png');
background-position: 0px -20px;
}
#fancy-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('http://lh3.ggpht.com/_BiYlG6sktcY/TDQ4idkdGTI/AAAAAAAAA6o/M6pfBewSBFc/fancybox.png');
background-position: -40px -142px;
}
#fancy-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('http://lh5.ggpht.com/_BiYlG6sktcY/TDQ6V9WBmGI/AAAAAAAAA64/0F3YtTQocuk/fancybox-y.png');
}
#fancy-bg-nw {
top: -20px;
left: -20px;
background-image: url('http://lh3.ggpht.com/_BiYlG6sktcY/TDQ4idkdGTI/AAAAAAAAA6o/M6pfBewSBFc/fancybox.png');
background-position: -40px -122px;
}
/* IE */
#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh4.ggpht.com/_BiYlG6sktcY/S1cqyFigpjI/AAAAAAAAAoc/SUIBr0eqKzI/fancy_progress.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh3.ggpht.com/_BiYlG6sktcY/S1cqx-QEmYI/AAAAAAAAAoU/f6sRTJtfPM8/fancy_closebox.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh5.ggpht.com/_BiYlG6sktcY/TDQ5EtLq04I/AAAAAAAAA6s/-2bOS0RA5AU/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh6.ggpht.com/_BiYlG6sktcY/S1crq5HjTgI/AAAAAAAAApE/JUofOyvwAqM/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh6.ggpht.com/_BiYlG6sktcY/TDT4O09WZxI/AAAAAAAAA7I/61QCQTO-FiU/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh3.ggpht.com/_BiYlG6sktcY/S1crrMFHRZI/AAAAAAAAApM/23HH86Hptvg/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh6.ggpht.com/_BiYlG6sktcY/S1cqyM5G5KI/AAAAAAAAAoY/ENnCddKj4WQ/fancy_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh5.ggpht.com/_BiYlG6sktcY/S1cqyVB0aII/AAAAAAAAAog/E7GeYvly0iI/fancy_right.png', sizingMethod='scale'); }
.fancybox-ie .fancy-bg { background: transparent !important; }
.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh5.ggpht.com/_BiYlG6sktcY/TDT5NldKBlI/AAAAAAAAA7Q/sSqbzdU_RyE/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh4.ggpht.com/_BiYlG6sktcY/TDT5NkitnyI/AAAAAAAAA7U/nCHRrvFVzyA/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh3.ggpht.com/_BiYlG6sktcY/TDT5NYRNbrI/AAAAAAAAA7M/scJAU1u_ifY/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh4.ggpht.com/_BiYlG6sktcY/TDT5U10I0qI/AAAAAAAAA7g/jUxmMU0raIg/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh6.ggpht.com/_BiYlG6sktcY/TDT5N5fSInI/AAAAAAAAA7c/6CTqmuYVQqw/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh5.ggpht.com/_BiYlG6sktcY/TDT5VH_EzCI/AAAAAAAAA7k/FGRZYtANI2A/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh3.ggpht.com/_BiYlG6sktcY/TDT5VWm9DaI/AAAAAAAAA7o/ic3gQ0IaR1k/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://lh3.ggpht.com/_BiYlG6sktcY/TDT5N58DBmI/AAAAAAAAA7Y/UwqShGHQ1fE/fancy_shadow_nw.png', sizingMethod='scale'); }
/* End FancyBox CSS*/
#tabMenu {margin:-60px;    padding:10px 0px 50px 700px;list-style:none;}
#tabMenu li {float:left;height:80px;width:85px;cursor:pointer;cursor:hand}
li.posts {background:url(http://1.bp.blogspot.com/-9OAYXVtbTPw/Ur5ZCpgo21I/AAAAAAAADwg/ijPLTXW7Pc8/s1600/menu1.png) no-repeat 0 0px;}
li.category {background:url(http://3.bp.blogspot.com/-SPIWxfY37nE/Ur5ZCaos3OI/AAAAAAAADwQ/yZkke3n5EHs/s1600/menu2.png) no-repeat 0 0px;}
li.famous {background:url(http://4.bp.blogspot.com/--Y1XjyC6cmY/Ur5ZCj_eQDI/AAAAAAAADwU/QPVksvYIi1s/s1600/menu3.png) no-repeat 0 0px;}
li.random {background:url(http://1.bp.blogspot.com/-uqVRZtqCCa8/Ur5ZD4YXFwI/AAAAAAAADwo/zPrd9TIJjYo/s1600/menu4.png) no-repeat 0 0px;}
li.mouseover {
-webkit-transform:translate(0px,10px);
-moz-transform:translate(0px,-10px);
-ms-transform:translate(0px,-10px);
-o-transform:translate(0px,10px);
transform:translate(0px,-10px);}
li.mouseout {-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;}
li.selected {-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;}
.box {width:962px}
.boxTop {background:url()no-repeat;width:962px;height:11px;clear:both}
.boxBody {background-color:none;}
.boxBottom {background:url() no-repeat;width:962px;height:11px;}
.boxBody div {display:none;}
.boxBody div.show {display:block;}
.boxBody #category a {display:block}
/* styling for the content*/
/* IE Hacks */
*html .boxTop {margin-bottom:-2px;}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}
.scrollpost {
height: 440px;
overflow: auto;
overflow-x: hidden;
margin: 15px 0;
padding: 10px 8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background:#fff;
box-shadow:-1px -1px 1px #eee, 1px 1px 10px #eee;
-moz-box-shadow:-2px -2px 2px #eee, 2px 2px #eee, 1px 1px 10px #eee;
-webkit-box-shadow:-2px -2px 2px #eee, 1px 1px 10px #eee;
}
.mode1 {-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;}
.mode1:hover {
-webkit-transform:translate(0px,10px);
-moz-transform:translate(0px,-10px);
-ms-transform:translate(0px,-10px);
-o-transform:translate(0px,10px);
transform:translate(0px,-10px);}