Blog Suratman

a{color:#48d} .menu ul{position:absolute;top:41px;left:0;opacity:0;background:#fdfdfd url(http://4.bp.blogspot.com/-mlmoMuUf48g/UQu3dezXeFI/AAAAAAAABpE/cDDiKShrEu0/s1600/menuhover.png) repeat-x top;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;border:1px solid #666;border-top:none;-webkit-transition:opacity .25s ease .1s;-moz-transition:opacity .25s ease .1s;-o-transition:opacity .25s ease .1s;-ms-transition:opacity .25s ease .1s;transition:opacity .25s ease .1s} .menu li:hover > ul{opacity:1} .menu ul li{height:0;overflow:hidden;-webkit-transition:height .25s ease .1s;-moz-transition:height .25s ease .1s;-o-transition:height .25s ease .1s;-ms-transition:height .25s ease .1s;transition:height .25s ease .1s;padding:0} .menu li:hover > ul li{height:36px;overflow:visible;padding:0} .menu ul li a{color:#111;font-weight:400;width:100px;margin:0;padding:10px 0 10px 30px;text-shadow:none} .menu ul li:first-child a{padding:10px 14px 10px 30px} .menu ul li:last-child a{border:none} .menu a.trigger{background:url(http://3.bp.blogspot.com/-pJAQN5knuO8/UQre-F12FjI/AAAAAAAABgs/6WarLD7FwNw/s1600/arrow.png) no-repeat 6px center} .footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#ddd} .footer{color:#ccc;line-height:1.3em;font:normal 12px Arial;text-shadow:-1px -1px #111;} .footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0} .footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px} .footer a:link,.footer li a:visited{color:#aaa;text-decoration:none} .footer li a:hover{color:#fff} .footer .widget{margin:0 0 8px;padding:6px 0} .footer .widget-content{padding:0} .picfooter{background-color:#111;background-image: -moz-linear-gradient(top,#333 0,#111 100%); background-image: -ms-linear-gradient(top,#333 0,#222 100%); background-image: -o-linear-gradient(top,#333 0,#111 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(100%,#111)); background-image: -webkit-linear-gradient(top,#333 0,#111 100%); background-image: linear-gradient(to bottom,#333 0,#111 100%);border-bottom:1px solid #000;border-top:4px solid #111;width:940px;margin-left:auto;margin-right:auto;text-align:center;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif} #footer-wrapper{width:920px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:0 10px 10px} #footer1-wrapper{width:300px;float:left;word-wrap:break-word;overflow:hidden} #footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px} #footer3-wrapper{width:280px;float:right;word-wrap:break-word;overflow:hidden} .readmorecontent{float:left;margin:10px 5px 0 0;padding:2px 0px;} .readmorecontent a{color: #555;text-shadow: 0 1px 0 rgba(255,255,255,.5);border-width: 1px;border-style: solid;border-color: #fff #ccc #999 #eee; background: #c1c1c1;background: -moz-linear-gradient(#f5f5f5, #c1c1c1);background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);background: -o-linear-gradient(#f5f5f5, #c1c1c1);background: -ms-linear-gradient(#f5f5f5, #c1c1c1);background: linear-gradient(#f5f5f5, #c1c1c1); text-decoration:none;font-size:11px;padding:4px 7px} .readmorecontent a:hover{text-decoration:none;color:#48d} .postmeta{font:11px Tahoma;text-transform:uppercase;font-weight:400;padding:5px 0} .author{color:#666;background:url(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk-mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat;padding:2px 5px 2px 17px} .clock{color:#666;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) left center no-repeat;padding:2px 5px 2px 17px} .clock a{color:#666} .clock a:hover{color:#48d} /* Slide Content ----------------------------------------------- */ .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left; word-wrap: break-word; overflow: hidden;} .slide {color: #666666;line-height: 1.3em;} .slide ul {list-style:none;margin:0;padding:0;} .slide .widget {margin:0} /* Lofslidernews */ #slider{padding:13px 10px 0;margin:0;position:relative;overflow:hidden;width:920px;height:340px} .slider-main-outer{position:relative;height:100%;width:610px;z-index:3;overflow:hidden} ul.slider-main-wapper li h3{z-index:10;position:absolute;top:4px;width:180px;height:312px;background:url(http://4.bp.blogspot.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png);padding:10px;margin:0 4px} ul.slider-main-wapper li h3 p{color:#FFF;font-size:12px;padding:5px 10px;margin:5px 0;background:#0178d3;width:150px} ul.slider-main-wapper li h3 a{color:#ddd;font-size:20px;line-height:26px;margin:0} ul.slider-main-wapper li h3 .title{color:#eee;font:12px Arial;margin:0;padding-top:5px} ul.slider-main-wapper li .imgauto{width:602px;height:332px;overflow:hidden;margin:0;padding:0;border:4px double #555} ul.slider-main-wapper{height:340px;width:610px;position:absolute;overflow:hidden;margin:0;padding:0} ul.slider-main-wapper li{overflow:hidden;list-style:none;height:100%;width:610px;float:left;margin:0;padding:0} .slider-opacity li{position:absolute;top:0;left:0;float:inherit} ul.slider-main-wapper li img{list-style:none;width:610px;height:auto;padding:0} ul.slider-navigator{top:0;position:absolute;width:100%;margin:0;padding:0} ul.slider-navigator li{cursor:pointer;list-style:none;width:100%;overflow:hidden;margin:0;padding:0} .slider-navigator-outer{position:absolute;right:10px;top:13px;z-index:10;height:340px;width:310px;overflow:hidden;color:#333} .slider-navigator li h5{color:#999;font:bold 12px Arial;margin:0;padding:5px 10px 0} .slider-navigator li .title{color:#eee;font:11px Tahoma;margin:0;padding-top:5px} .slider-navigator li div{text-shadow:1px 1px 1px #000;height:84px;position:relative;margin:0px 0px 0px 5px;padding:0 5px;border-bottom:1px dotted #444} .slider-navigator li.active div,.slider-navigator li:hover div{color:#4ea5f9;} .slider-navigator li img{border:#444 solid 2px;height:70px;width:90px;float:left;margin:5px 10px 5px 0} .slider-navigator li.active img{border:#ccc solid 2px} .slider-navigator li.active h5,.slider-navigator li h5:hover{color:#fff} .navi {display: block;padding:10px 0;width: 100%;overflow: hidden;} .navi ul {margin: 0 10px;width:905px;padding: .7em;float: left;list-style: none;background: #444;background: rgba(0,0,0,.2);-moz-border-radius: .5em;-webkit-border-radius: .5em;border-radius: .5em; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;} .navi li { float:left;} .navi a {display: block;float:left;padding: .8em 1.5em;text-decoration: none;color: #282828;text-shadow: 0 1px 0 rgba(255,255,255,.5);font: bold 12px Arial;text-transform: uppercase;border-width: 1px;border-style: solid;border-color: #fff #ccc #999 #eee;background: #c1c1c1;background: -moz-linear-gradient(#f5f5f5, #c1c1c1);background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);background: -o-linear-gradient(#f5f5f5, #c1c1c1);background: -ms-linear-gradient(#f5f5f5, #c1c1c1);background: linear-gradient(#f5f5f5, #c1c1c1);} .navi a:hover, nav a:focus {outline: 0;color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,.2);background: #66bcff;background: -moz-linear-gradient(#66bcff, #008cf8);background: -webkit-gradient(linear, left top, left bottom, from(#66bcff), to(#008cf8));background: -webkit-linear-gradient(#66bcff, #008cf8);background: -o-linear-gradient(#66bcff, #008cf8);background: -ms-linear-gradient(#66bcff, #008cf8);background: linear-gradient(#66bcff, #008cf8);} .navi a:active { -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;} .navi li:first-child a {border-left: 0;-moz-border-radius: 4px 0 0 4px;-webkit-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;} .navi li:last-child a { border-right: 0;-moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;} .newsfea{padding:4px;border:1px solid #282828;margin:0 0px 5px 0} .newscrott{background:#282828;padding:5px 10px;font:18px Oswald;color:#fff;} ]]>

--></body>