@charset "utf-8";

/* CSS Document */

body { 
font-family:comic Sans MS;
background:url(http://ptsone.com.my/images/background.jpg);
}

a {
text-decoration:none;
}

a img {

border:none;
}

#wrapper {
width:1000px;
margin:0 auto;
}

#header {
background:url(http://ptsone.com.my/images/header.png);
width:890px;
height:125px;
}

#menu {
background:url(http://ptsone.com.my/images/newlogoptsone.png) no-repeat;
width:800px;
height:60px;
padding: 20px 0 0 145px;
margin:-50px 0 0 0;
}

#flash {
background:url(http://ptsone.com.my/images/linekapur1.png) no-repeat;
width:890px;
height:20px;
}


#content {
background:url(http://ptsone.com.my/images/linekapur3.png) repeat-y;
width:890px;
float:left;
padding:10px 0 10px 20px;
margin:-2px 0 0 0;
}
.banner {
width:600px;
float:left;
text-align:center;

}

.tvone {
width:200px;
clear:right;
float:left;
margin:0 0 0 30px;
}


#tvone1 {
width:200px;
clear:right;
float:left;
margin:0 0 0 23px;
}


#close {
background:url(http://ptsone.com.my/images/linekapur1.png) no-repeat;
width:890px;
height:20px;
float:left;
margin:-10px 0 0 0;
}

#blog {
width:600px;
float:left;
clear:left;
background:#FFF;
}

#blog-content{
background:#FFFFFF;
padding:10px 10px 10px 10px;
float:left;
margin:10px 0 0 0;

}

.pts {
float:left;
}
.title-blog {
font-size:16px;
font-weight:bold;
padding: 10px 0 10px 0;
}

.info {
border-top:1px dotted #000000;
border-bottom:1px dotted #000000;
padding: 5px 0 5px 0px;
font-size:13px;
}

.imginfo{
float:left;
}

.imginfo2{
float:left;
}

.penulisinfo{
margin: 0 0 0 0;
padding: 0 10px 0 10px;
float:left;
}

.isi-blog {
font-size:12px;
}


ul.ul-book li {
background:#FFFFFF;
width: 240px;
height:130px;
float: left;
font-size: 10px;
font: normal 11px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #EAEAEA;
padding: 20px 10px 20px 10px;
list-style-type:none;
}

ul.ul-book li.odd {
clear: left;
}

ul.ul-book li span {
font: normal 11px Arial;
color: #939393;
display: block;
margin: 0.5em 0;
}

ul.ul-book li img {
float: left;
margin-right: 9px;
border: 3px solid #f5fbfd;
}

ul.ul-book li strong {
display: block;
margin-bottom: 0.5em;
font-size: 1.1em;
	
}

ul.ul-book li a {
color: #3B3B3B;
}
	
ul.ul-book li strong a {
color: #af2900;
}

.tengah {
background:url(http://ptsone.com.my/images/linetengah1.png) no-repeat;
width:640px;
height:20px;
float:left;
margin-left:-14px;
}

.buku {
float:left;
width:630px;
margin:20px 0 0 0;
}

#bawah {
background: url(http://ptsone.com.my/images/bawah.png)no-repeat;
width:900px;
height:17px;
float:left;
margin: -20px 0 10px 0;
}

#headclip {
background:url(http://ptsone.com.my/images/headpaperclip.png) no-repeat;
margin: 0 0 0 25px;
width:200px;
padding: 0 0 0 0;
}

.titleclip {
padding:5px 0 0 70px;
font-size:18px;
color:#FFFFFF;
height:40px;
}

.contentclip{
background:url(http://ptsone.com.my/images/contentpaperclip.png) repeat-y;
font-size:12px;
padding : 5px 10px 5px 10px;
}

.endclip{
background:url(http://ptsone.com.my/images/bottompaperclip.png) no-repeat;
width:200px;
height:20px;
}

ul.list {
font-size:12px;
border-bottom:0.5px dotted #000000;
padding:5px 0 0 0;
margin:5px 5px 0 20px;
}

ul.list li{
font-size:12px;
list-style-image:url(http://ptsone.com.my/images/pencil.png);
}

#kapurfooter {
float:left;
background:url(http://ptsone.com.my/images/footerkapur.png) repeat-y;
margin: -1px 0 20px 0;
padding: 0 0 20px 20px;
width:910px;
}

#footer{
float:left;
}

.imgfooter{
width:180px;
float:left;
}
.adrfooter {
float:left;
margin: 20px 0 0 0;
font-size:12px;
}

#bukuptsone{
float:left;
background:#FFFFFF;
padding: 10px 10px 10px 10px;
width:585px;
}

.titlebook{
font-size:24px;
font-weight:bold;
color:F15D22;
}

.ul-book2 li {
background:#FFFFFF;
width:500px;
float: left;
font-size: 10px;
font: normal 11px Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #EAEAEA;
padding: 20px 10px 20px 10px;
list-style-type:none;
}

ul.ul-book2 li.odd {
clear: left;
}

ul.ul-book2 li span {
font: normal 11px Arial;
color: #939393;
display: block;
margin: 0.5em 0;
}

ul.ul-book2 li img {
float: left;
margin-right: 9px;
border: 3px solid #f5fbfd;
}

ul.ul-book2 li strong {
display: block;
margin-bottom: 0.5em;
font-size: 1.1em;
}

ul.ul-book2 li a {
color: #3B3B3B;
}
	
ul.ul-book2 li strong a {
color: #af2900;
}
#chatbox {
margin:10px auto 0 auto;
width:240px;
}

.titlechatbox {
background:#E0E2E2;
padding:5px 10px 5px 60px;
}

#iklanradio{
background:url(http://pts.com.my/peraduan/hotfm3.jpg) no-repeat;
width:200px;
text-align:center;
font-size:10px;
margin:30px 0 0 20px;
padding-top:100px;
}

#teamptsone{
width:500px;
}

/*-------------------- Box-Banner-Slider ----------*/


div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 550px; 
	height:210px;
	margin:20px 0 0 10px;
    } 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}