@charset "utf-7";
/* 
Copyright Opera Software. 
Skin Name: Summer 2009
Designed by mattroibuon - http//mattroibuon.tk
Edited by: mattrojbuon
Date: 11/01/2010
Lastest update: Date: 15/06/2009
Note: Neu ban su dung skin nay xin vui long ghi ro nguon goc tac gia thiet ke skin tren blog cua ban
*/

@import url(http://my.opera.com/mattroibuon);

/* :: topar :: */
#myo, #myo2 {
font-style:italic :15px;
width:1000px !important;
height:50px; 
text-align:left;
color:#fffea3; 
background:url(http://files.myopera.com/mattroibuon/files/mtb_nau.jpg) bottom center repeat;
}
#myo-nav a {
display:block;
width:144px;
height:20px;
line-height:20px !important;
background:none !important;
}
#myo-nav a:hover {
border: 1px #ff9900 Dashed ! important;
color: #ff9900;
background-image:url(http://files.myopera.com/mattroibuon/files/mtb_ph.gif);
}
/* :: MAIN LAYOUT-NEN CHINH :: */

body { 
background: url(http://files.myopera.com/mattroibuon/files/mtb_themenv2.jpg) ;
background-attachment:fixed;
background-color:ffffff;
COLOR: #000000;
scrollbar-arrow-color: #ffcc00;
scrollbar-3dlight-color: #ff9900;
scrollbar-darkshadow-color: #ff9900;
scrollbar-face-color: #ff9900;
scrollbar-highlight-color: #ffcc00;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffcc00; 
margin:0;
padding-top: 50px;
font:Times New Roman;-color:#000000
font:Times New Roman:17 px;
line-height:145%;
text-align:center;
.cursor: url("http://downloads.totallyfreecursors.com/cursor_files/orbit12.ani") ; }

#wrap1 {
background: ;
margin-top:0 auto;
} 
#wrap2 { 
margin:0 auto;
width:1000px !important;
padding-bottom:690px; 
margin-top:0px; 
background:url(http://files.myopera.com/mattroibuon/files/bgunderimage.jpg) bottom center no-repeat; 
}
.onecol #wrap2 {
background: url(http://files.myopera.com/mattroibuon/files/bgunderimage.jpg) left bottom -repeat; /*Anh nen duoi cung khi co 1 cot - Bgr footer onle col*/
width:1000px ;
}

#wrap3 {
background:url(http://files.myopera.com/mattroibuon/files/mtb_themenv2.jpg); Bgr wrap3*/
width:1000px

}
.onecol #wrap3 {
backgroundia ffcc00 url(http://files.myopera.com/mattroibuon/files/mtb_themenv2.jpg); /*Anh nen chinh khi ko co sidebar - Bgr no sidebar*/
}

/* .:: top ::. */

#top{background:transparent url(http://files.myopera.com/mattroibuon/files/bgtopimage.jpg) top center no-repeat;height:500px !important;}

#edittitle {
padding-top:29px;
}
#top {
font-style:italic :11px;
width:1000px !important;
height:500px; /*Do cao cua banner*/
text-align:left;
color:#ff9900; 
background: url(http://files.myopera.com/mattroibuon/files/bgtopimage.jpg) top center no-repeat; /* Bgr banner*/
}
#top2{); 
height:430px;
padding-left:250px;
}
#top h1 {
margin:0;
width:500px;
font:Times New Roman:;
font:1px;
color:#fffea3;
line-height:normal;
font:Times New Roman;
padding-top:400px; /*Tieu de blog cach phia tren cung */
padding-left:70px
}
#subtitle {
margin:0;
width:500px;
font:Times New Roman:;
font:1px;
color:#fffea3;
padding-top:0px;
padding-left:70px
}




/* .:: MENU ::. */
#menu {
overflow:hidden;
width:700px;
height:31px;
padding:0px;
text-align:center;
margin-left:350px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#menu ul {
width:700px;
height:36px;
margin:0px;
padding:0px;
}

#menu li {
float:left;
width:88px;
height:45px;
list-style:none;
padding:0px;
margin:0px;
}

#menu a {
float:left;
width:88px;
height:60px;
font-style:italic 17px;
color:#ff9900;
text-decoration:none;
background:url(http://files.myopera.com/mattroibuon/files/mtb_sundong.gif) top left no-repeat;
padding-top:1px;
}

#menu a:hover, #menu a#selected {
color:#ffcc00;
font-size:17px;
font-style:italic;
background-position:0 -36px;
}

#content, #footer {
clear:both;
position:relative;
width:930px !important; /*Noi dung trang cach le moi ben 0px, tuong duong voi margin nhung ko su dung trong truong hop nay vi bi loi hien thi - width of content*/
text-align:left;
margin:0 auto;
}

#content {
padding:0;
background:url() top right repeat !important;/*Anh nen cua noi dung - Bgr of content*/
background-repeat: repeat;
background-position: right top;
}

#content li {
margin:0;
list-style-position:inside;
}


#mainwrap {
width:100%;
margin-left:-218px;
padding-bottom:12px;
float:right;
}

#main {
margin-left:230px; /*Noi dung cac bai post cach le trai cua blog */
margin-right:px;
padding-bottom:px;
width:700px;

}
/*Chinh do float cua footer*/
#footer {
clear: both;
width:0px;
height:0px;
POSITION: relative;
left: 0px; 
bottom:-230px;
color:#ff9900;
text-decoration:none;
font:Times New Roman :17px
}
/*End chinh do float cua footer*/
#footer p {
margin:0;
padding:0;

}
#meta {
float:left;
width:49%
}

#footer a:link, #footer a:visited, #footer a:active {
color:#ff9900;
text-decoration:none;
font:Times New Roman:15px
}

#footer #get {
text-decoration:underline;
}

#footer #get:hover {
text-decoration:none;
}
/* :: SIDEBAR :: */

#sidewrap {
width:217px;
float:left;
font:Times New Roman:15px;
margin-top:px;
overflow:hidden;
margin-left:0px;
margin-right:0px;
border:1px solid #ff9900;
}

#side a:link, #side a:visited, #side a:active {
color:#ff9900; 
text-decoration:none; 
}

#side a:hover {
text-decoration: underline; } 
#side li 
{ 
list-style-type: none;
list-style-position:outside;
border-bottom:1px #ff9900 dotted;
padding:2px 0 2px 17px;
background: url(http://files.myopera.com/mattroibuon/files/mtb_sundo.gif) left 7px no-repeat;
}

#side h2 { 
background:transparent url(http://files.myopera.com/mattroibuon/files/mtb_vt.jpg) top left repeat;
color:#ff9900;
font-size:17px;
font-weight:bold;
line-height:45px;
margin-bottom:0px;
text-align:center;
overflow:hidden;
white-space:nowrap;
BORDER:#ff9900 1px solid;
}
.sidebox {
background:url() top center repeat-y ; /*Anh nen cua cac box - bgr all box*/
margin-bottom:15px;
}

.sidebox .pad { 
background: url(http://files.myoper) bottom center no-repeat !important; /*Anh nen duoi cung cua tung box*/
padding:7px;
margin-top:0px;
/*background-color:#1e1e1e;*/
}


.sidebox p {
margin:0;
color:#ffcc00; /*mau chu thuong, khong link*/
}

#side h3 {
font-size:15px;
margin-bottom:0;
}
/*LIEN KET SIDEBAR*/

.sidelinx li {
padding:3px 0;
display:block;
border-bottom:1px solid #ff9900;
}
.sidelinx li a:hover {
color:#ff9900;
}



/* blog */

.post {
clear:both;
padding-bottom:50px;
margin-bottom:20px;
margin-top:5px;
width:100%;
overflow:hidden;
background: url(http://files.myopera.com/mattroibuon/files/mtb_duoipos.jpg) bottom center no-repeat ; border-bottom:none;/*hinh nen duoi moi bai viet*/
}
#firstpost {
padding-top:0;
border:1px solid #ff9900;
/*margin:0;*/
}
.post .sticky {
float:right;
margin:0;
font:Times New Roman:0.85em;
padding:0 25px 0 8px;
height:26px;
line-height:20px;

}

.post .sticky {
color:#ff9900;
padding-top:20px;
}
.tagicon {
float:right;
margin-left:8px;
}

.post .title {
margin:0;
line-height:1; 
font:Times New Roman;
font:Times New Roman:17px;
color:#ff9900;
padding-top:50px;
padding-left:150px;
padding-bottom:50px;
border:1px solid #ff9900;
background: url(http://files.myopera.com/mattroibuon/files/mtb_tdpos.jpg) top left no-repeat ; /*hinh nen cua tieu de bai viet*/
height:30px ;
}

.title a:link, .title a:visited {
text-decoration:none;
}
.title a:link, .title a:visited, .tags a:link, .tags a:visited {
color:#ff9900;
}
.title a:hover {
color:#ff9900;
text-decoration:normal;
}
.postdate, .post .tags {/*ngay viet bai o duoi*/

font-size:0.85em;
margin:0.25em 0 1em 0;
}

.post .tags {
margin-top:-1em;
}
.postdate {
font-size:15px;
color:#ff9900;
padding: 0px 25px ;
background:url(http://files.myopera.com/mattroibuon/files/mtb_hhs.gif) no-repeat ;
height:37px 
}
.tags {
font-size:15px;
padding: 0 0 0 25px ;
background:url(http://files.myopera.com/mattroibuon/files/mtb_hhsdd.gif) no-repeat ;
height:37px
}
.postinfo {
clear:both;
margin-top:1em;
font:Times New Roman;
margin-left:10px;
font-color:#ff9900;
}

.postinfo a {
text-decoration:none;
}
.postinfo span:hover {
font-color:#ffcc00;
font:Times New Roman;
}

.postinfo img, .editthis img {
margin:0 5px -1px 0;
display:none;
background:#ff9900
}
.editthis {
padding-left:10px;
}
.postcomments {
display: block;
padding:0;
margin-left:27px 5px 0;
color:#ff9900;
clear:both;
margin-bottom:5px;
padding-left:27px;
text-align:justify;
background:url(http://files.myopera.com/mattroibuon/files/mtb_hhsvx.gif) top left no-repeat;
height: 40px;
line-height: 35px;
} 

.content {

clear:both;
padding:5px 10px;
/* font:Times New Roman;
font:Times New Roman:10px;*/

}

.groupblog .postdate, .groupblog .post .tags {
font:Times New Roman:0.8em;
}

.groupblog .avatar {
margin-bottom:0.9em;
}

.groupblog .post .title {
font:Times New Roman:1.8em;
}

.postnav {
clear:both;
height:2em;
line-height:2em;
margin-top:16px;
font:Times New Roman:17px;
padding:0 5px;
}

.postnav .prv {
width:49%;
float:left;
}

.postnav .nxt {
width:49%;
float:right;
text-align:right;
}

.pagenav {
clear:both;
text-align:right;
margin:0;
padding-top:20px;
}

.pagenav-info {
text-align:right;
font:Times New Roman:0.9em;
color:#000000;
}

.pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav b {
padding:1px 5px;
margin:0 1px;
text-decoration:none;
font:Times New Roman;
background:url(http://files.myopera.com/mattroibuon/files/mtb_saosoay.gif) center repeat ; 
color:#000000;
border:1px solid #ff9900;
}

.pagenav b, #main .pagenav a:hover {
padding:1px 5px;
background:#ffcc00;
border:1px solid #ff9900;
color:#000000;
}
#posttitle, #excerptfield ,#postcontent {
font:Times New Roman ;
font:Times New Roman:12px;
}
.trackbacks h2 {
font-style:italic:1em;
}

.trackbacks ul {
margin:10px 0 0 2px;
}

.trackbacks li {
list-style-position:outside;
list-style:none;
padding-left:15px;
font:Times New Roman:0.85em;
}

.imgleft img {
clear:left;
float:left;
margin:4px 15px 8px 0;
max-width:48%;
}

.imgright img {
clear:right;
float:right;
max-width:48%;
margin:4px 0 8px 15px;
}

.img {
display:block;
margin:10px 0;
}

span.imgcenter {
clear:both;
display:block;
text-align:center;
margin-top:15px;
}

.attach {
display:block;
float:left;
padding:0 6px 0 12px;
}

/* LATEST POSTS */
[
#latestposts ul {
margin-top:4px;
}
#latestposts li {
padding:3px 0 3px 15px;
border-bottom: 1px dotted #ff9900;
background: url(http://files.myopera.com/mattroibuon/files/mtb_saovsoay.gif) no-repeat 3px 6px; 
}
#latestposts li a:hover {
text-decoration:underline;
color:#ffcc00;
font-family:times new roman; 

/*background-color:#181a1b;*/
}
#latestposts li{
border:1px solid #ff9900;
}

/* :: TAG CLOUD :: */

#tagcloud ul {
margin:0;
padding:0;
width:100%;
overflow:hidden;
}

#tagcloud li {
{ 
list-style-type: none;
padding:0;
margin:0;
color:#ff9900;
clear:both;
margin-bottom:5px;
padding-left:15px;
text-align:justify;
border: 1px dotted color:#ff9900 ;
}

#tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {
color:#ff9900;
}

#tagcloud .size1 {
font:Times New Roman:15px;

color:#ffcc00
}

#tagcloud .size2 {
font:Times New Roman:15px;
}

#tagcloud .size3 {
font:Times New Roman:15px;

}

#tagcloud .size4 {
font:Times New Roman:15px;

}

#tagcloud .size5 {
font:Times New Roman:15px;

}


/* :: TAGS :: */

#content .tags a:link, #content .tags a:visited, #content .tags a:active, .tag {
color:#ff9900;
}

#content .tags a:hover {
color:#ffcc00;
}

.tagged {
font:Times New Roman ;
}
/* :: ALBUM SLIDESHOW :: */
#albumslides {
position:relative;
width:225px !important;
background:none !important;
margin-left:-7px !important;
margin-bottom:-55px;
}
#albumslides a, #albumslides img {
width:225px !important;
margin:0px !important;
}
#albumslides a {
position:absolute;
display:block;
top:-7px !important;
left:-7px !important;
}
/* :: ALBUM :: */

.albums {
margin-top:18px;
}

.albums p {
margin:0;
padding:0 0 8px 0;
}
.albums .clear {
margin:0;
}

.album1 {
clear:both;
background:url(http://files.myopera.co) top right no repeat !important;
border:1px solid #ff9900;
padding:10px 10px 9px 10px;
margin-bottom:0px;
}

.album2 {
clear:both;
margin:15px 0;
border:1px solid #ff9900;
padding:10px 10px 9px 10px;
}

.albumthumb1, .albumthumb2 {
float:left;
width:174px;
height:134px;
background:url(http://files.myopera.co) top right repeat !important; 
bg cua buc anh*/;
}

.albumimage {
margin:6px;
border:1px solid #ff9900;
}

.albumnfo {
margin-left:186px;
border:1px dotted #ff9900; /* Border dotted album info*/
padding:0 4px; 
} 

.albumnfo .tags {
font:Times New Roman:10px;
line-height:normal;
text-transform:uppercase;
}

.albdesc {
width:100%;
overflow:hidden;
}

.albums .access {
margin-top:5px;
}

.editimg {
margin:6px 0;
} 

div.access {
clear:both;
margin-top:10px;
border:1px dotted #ff9900;
background:#DDDDDD;
padding:5px;
}

#albumlist li {
list-style:none;
list-style-position:outside;
padding-left:13px;
}




/* - ALBUM CONTENT - */

#mypix {
clear:both;
width:100%;
}

#mypix .thumb1, #mypix .thumb2 {
width:100%;
overflow:hidden;
float:left;
margin-top:0px;
}

#mypix .thumb1 {
clear:both;
}

#mypix .thumb2 {
float:right;
}

#mypix div p {
font:Times New Roman:10px;
margin:5px 0 0 0;
padding:1px 5px;
border:none;ff9900
color:#ff9900;
background:#ffffff; /* Background cua o comment*/
} 

#mypix div p.right {
border-left:none;
/*background:#ffffff; background cua so luong comment */
}

#mypix div div {
padding:6px;
height:212px;
border:1px solid #ff9900;
/*background:#ff9900;*/ /* bg cua thum1*/
}

#mypix div div img {
display:block;
max-height:212px;
max-width:280px; 
width:100%;
height:100%;
}

#mypix .bigthumb {
width:100%;
height:100%;
}

#mypix .toolicons {
border:none;
padding:0;
/*background:#fff;*/
}

#mypix a:link, #mypix a:visited {
color:#ffcc00;
text-decoration:none;
}

#mypix a:hover {
color:#DDDDDD;
text-decoration: underline;
} 




/* :: COMMENTS :: */

.postcomments a:hover {
font:Times New Roman; 
font:Times New Roman:8pt; 
color:#ffcc00; 
text-decoration:underline; 
font-style:italic; 
}

textarea {width:100%;height:280px;margin:0;background-image: url(http://files.myopera.com/mattroibuon/files/mtb_cmpos.jpg);background-repeat: no-repeat;background-position: right bottom;}

.feedicon {
margin-bottom:-3px;
}

.comments h2 {
font:Times New Roman:13px;
}

.comments {
clear:both;
}

.comment1, {
clear:both;
border:1px solid #ff9900;
margin:15px 0;
width:100%;
overflow:auto;
padding-bottom: 50px;
background: url(http://files.myopera.com/mattroibuon/files/mtb_Cmhv.jpg) bottom center no-repeat; mau nen
}

.comment2 {
clear:both;
border:1px solid #ff9900;
margin:15px 0;
width:100%;
overflow:auto;
padding-bottom: 50px;
background: url(http://files.myopera.com/mattroibuon/files/mtb_Cmhv.jpg) bottom center no-repeat; mau nen
}

.ownercomment {
background:transparent url(http://files.myopera.com/mattroibuon/files/mtb_Cmhv.jpg) bottom left no-repeat; 
}
.comments .c-avatar {
float:left;
width:58px;
height:58px;
border:1px solid #ff9900;
background:transparent;
}

.c-avatar img {
margin:4px;
}

.comments .text {
margin:0 0 0 69px;
}

.comment-by {
clear:both;
color:#ff9900;
font:Times New Roman:15px;
margin:0;
padding-top:6px;
}
.username {
color:#ff9900;
}
.editcomment {
font:Times New Roman:15px;
margin:0;
}

.editcomment a:link, .editcomment a:visited {
color:#ff9900;
}

.permalink a:link, .permalink a:visited {
color:#d1e5e6;
}

.del {
color:#ff9900 !important;
}

#addcomment {
height:175px;
}

#description, #writecomment {
height:200px;
}

#message {
height:300px;
background:transparent;
color:red;
font-size:17px;
}

#msubject {
width:100%;
}
/* latest comments */

#newcomments ul {
margin-bottom:-6px;
}
#newcomments a {
text-decoration:none;
}
#newcomments a.username:link, #newcomments a.username:visited {
color:#ff9900; 
text-decoration:underline; 
}
#newcomments a:hover.username:link, #newcomments a:hover.username:visited {
color:##ff9900;
text-decoration:none;
} 
#newcomments a:hover {
text-decoration:underline;
color:#ffcc00;
}
#newcomments li {
clear:both;
padding:5px 5px;
margin-bottom:5px;
border:1px solid #ff9900;
}

.userpic {
width:49px;
height:38px;
margin:0 1px 6px 5px;
float:right;
}

.userpic img {
display:block;
border:1px solid #ff9900;
padding:2px;
}


/* calendar */ lich
#calendar {
background: url(http://files.myopera.com/mattroibuon/files/icry.gif) center no repeat;
width:210px;
border-bottom:none;
color:#ff9900;
padding-left:10px;
padding-right:10px;
}

#calendar td {
border-top:2px solid #ffffff;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
border-left:2px solid #ffffff;
}
#calendar {
border-spacing:1px;
margin-bottom:20px;

}

#calendar tr:first-child {
empty-cells:show;
}

#calendar td {
line-height:16px;
padding:1px;
text-align:center;
}

#calendar td a {
font-weight:none;

}
#calendar td a:hover {
color:#ffcc00; /*Mau do tuong doi dam*/
text-decoration:none;
}

#calendar tfoot td {
text-align:left;
border:none;
}

#nextmonth, #prevmonth {
padding:4px 1px;
width:48%;
}

#nextmonth {
text-align:right;
}


/* :: PROFILE :: */
/*Include About.css*/

/* :: QUICK PROFILE :: */

#qp dl {
margin:0;
width:100%;
}

#qp dt {
clear:both;
float:left;
width:38%;
overflow:hidden;
}

#qp dd {
float:right;
width:60%;
overflow:hidden;
margin:0;
padding:0;
}

#myphoto {
width:212px;
height:159;
overflow:hidden;

}

#myphoto img {
max-width:212px;
max-height:159;
display:block;
margin-left:8px;

}

/* :: FRIENDS :: *./
#background: url(http://files.myopera.com/mattroibuon/files/mtb_themenv2.jpg) repeat;
border:1px solid #ff9900;
#friendz img {
display:block;
width:84px;
height:64px;
}

#friendz li {
float:right;
overflow:hidden;
width:86px;
margin:0;
}

#friendz li.first {
float:left;
}
/* :: FRIENDS IN SIDEBAR :: */

#friendz img {
width:60px;
height:50px;
text-align:left;
margin-top:10px;
margin-left:10px;
border:1px #ff9900 solid;
}
#friendz img:hover {
width:60px;
height:50px;
text-align:center;
border:1px #ff9900 solid;
}

#friendz li {
height:88px;
width:88px;
margin:0;
padding:0;
text-align:center;
list-style:none;
float:left;
border:none;
background-image: url();
background-repeat: no-repeat;
}

#friendz li.first{clear:both;
float:center;
}

#friendz a {
text-decoration:none;
display:block;
width:88px;
height:88px;
}

#side #friendz li a:hover {
}

#friendz span {
width:80px;
height:25px;
line-height:15px;
overflow:hidden;
margin-left:3px;
text-align:center;
padding-top: 10px;
} 
/**/ 
.userlist a:link, .userlist a:visited, .userlist a:active {
background:;
}

.userlist a:hover {
background-position:100% -104px;
}


.userlist li {
float:right;
width:112px;
height:93px;
margin-bottom:6px;
}

.userlist a {
text-decoration:none;
display:block;
padding:5px;
}

.userlist .first {
float:left;
}

.userlist span {
margin-top:2px;
}

.userlist span {
width:100%;
height:15px;
line-height:15px;
overflow:hidden;
}

/* :: LINKS :: */
#applinks {
clear:both;
margin-top:13px;
}

#mylinks {
width:100%;
}

#mylinks h2 {
margin:30px 0 15px 0;
font:Times New Roman;10px;
text:ALIGN;
background:#ffcc00 url(http://files.myopera.com/mattroibuon/files/mtb_vt.jpg) top left repeat;
padding:2px 5px;
color:#ff9900;
}

#mylinks h2.firstheader {
text:ALIGN;
margin-top:0;
background:#ffcc00 url(http://files.myopera.com/mattroibuon/files/mtb_vt.jpg) top left repeat;
padding:2px 5px;
color:#ff9900;
}

#mylinks .newsfeed {
margin:-8px 0 8px 0;
}

#mylinks p {
margin:0;
font-style:italic:13px;
}

#mylinks .grey {
color:#ff9900;
}

#mylinks .col1, #mylinks .col2 {
overflow:hidden;
border: #ff9900 1px solid;

}

#mylinks .linkinfo {
margin-bottom:13px;
padding:2px 5px;
}

.newsfeed span, .newsfeed a {
color:#ff9900;
text-decoration:none;
}

.url {
color:#ff9900;
}

.linkdesc {
color:#ff9900;
font:Times New Roman;
}

.feedurl {
display:none;
}



/* :: EVENTS :: */

.cdwn {
padding:0;
margin:0;
color:#000000;
clear:both;
margin-bottom:5px;
padding-left:20px;
text-align:justify;
background:url(http://files.myopera.com/mattroibuon/files/mtb_hhsdx.gif) top left no-repeat;
}
.cdwn p {
margin:0;
}
.cdwn .summary {
font-weight:bold;
color:#ff9900;
}
/* :: CARDS :: */

#ecard {
position:absolute;
width:126px;
height:19px;
bottom:2px;
left:2px;
}

/* :: POLL :: */

#poll .pad p {
padding-bottom:10px;
}
#poll ul {
margin:0;
}
#pollresults li {
margin-left:0px;
border:none !important;
}
#poll li {
list-style-type: none;
list-style-position:outside;
border-bottom:1px #ff9900 dotted;
padding:2px 0 2px 15px;
background: url(http://files.myopera.com/mattroibuon/files/mtb_saovsoay.gif) left 7px no-repeat; 
color:#ff9900;}
#poll li input {
vertical-align:middle;
}
#pollsubmit {
font-weight:bold;
}
#poll p {
padding:0;
margin:0;
color:#ff9900;
clear:both;
margin-bottom:5px;
padding-left:20px;
text-align:justify;
background:url(http://files.myopera.com/mattroibuon/files/mtb_hhsxv.gif) top left no-repeat;
border: 1px dotted color:#ff9900 ;
height:37px;
}
#poll li img {
border-left:1px solid #ff9900;
border-right:1px solid #ff9900;
}
}/* :: SEARCH :: */
#blogsearch {
padding-bottom:30px
}

#searchbox {
width:110px;

}

#submitsearch {
margin-bottom:-1px;
}

#blogsearch input {
margin-top:1px;
vertical-align:middle;
}
#blogsearch {
height:60px;
}
.s-result {
margin-top:11px;
border-top:1px dotted #ff9900;
padding-top:1px;
}

.s-result a:link, .s-result a:visited {
color:#15c;
}

/* :: GET OPERA :: */

#side #getopera h2 {
background:#ff9900; top left -repeat; ;
color:#ffcc00;
padding:6px;
}

#getopera p {
padding-bottom:7px;
background:none !important;
}

#getopera .pad {
color:#ffcc00; 
background:url() bottom right repeat;
}

/* :: RECENT VISITORS IN SIDEBAR :: */

#visitors img {
width:60px;
height:50px;
text-align:left;
margin-top:10px;
margin-left:10px;
border:1px #ff9900 solid;
}
#visitors img:hover {
width:60px;
height:50px;
text-align:center;
}

#visitors li {
height:88px;
width:88px;
margin:0;
padding:0;
text-align:center;
list-style:none;
float:left;
margin-bottom:5px;
border:none;
background-image: url();
background-repeat: no-repeat;
background-position: left top;
}

#visitors li.first{
clear:both;
float:center;
margin-right:4px;
}

#visitors a {
display:block;
text-decoration:none;
width:88px;
height:88px;
}

#side #visitors li a:hover {
color:#ffcc00;
}

#visitors span {
width:80px;
height:15px;
line-height:15px;
overflow:hidden;
text-align:center;
margin-top: 10px;
}

/* shoutbox */

#shoutbox li {
background:url() bottom left no-repeat;
color:#ff9900 ;
border: 1px solid color:#ff9900 ;
}

#shoutbox p {
background:url() bottom left no-repeat;
color:#ffcc00;
}

#shoutbox blockquote {
background:url() top left repeat-y;
color:#ff9900 ;
border: 1px dotted color:#ff9900 ;
}

#shoutbox .me p {
background-image:url();
}

/* shoutbox */

#shout {
width:160px;
}

#side #shoutbox .none {
padding:0 0 5px 5px;
}

#submitshout {
width:56px;
margin-left:4px;
}

#shoutbox li {
padding:0 0 11px 0;
margin-bottom:10px;
line-height:1.3;
}

.chatpic {
float:right;
}

.me .chatpic {
float:left;
}

#shoutbox .me p {
text-align:right;
}

#shoutbox p {
padding:0 0 14px 0;
margin:0;
clear:left;
text-align:left;
}

#shoutbox p.none {
margin:0;
padding:0;
background-image:none;
}

#shoutbox blockquote {
clear:both;
margin:0;
padding:0 10px;
font:Times New Roman;
}





/* :: PERSONAL ADD :: */

/*.img no down*/

.img {
display: inline!important;
margin:0px 4px;
}

/*two col when text long */

#overall {
width:520px; 
margin:0;
}
.col {
width:250px; 
padding:0 5px; 
float:left;
}

.pic, .movie {
float:right;
width:303px;
height:343px;
margin:-42px 0 15px 15px;
background:#f4f4f4 url(pic.gif);
}

/* Sticky */ 
.sticky {
display:none; 
background: none; }



#newcomment h2:after 
/* :: GENERAL RULES :: */

.mobile {
display:none;
}

.rtl {
display:block;
text-align:right !important;
}

a:link, a:active, a:visited {
color:#FFcc00;
text-decoration: underline;
}

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

a.username:link, a.username:visited, a.username:active {
color:#ff9900;
}

.center {
display:block;
text-align:center;
}

.smilie {
margin:0 3px;
}

img {
max-width:100%;
}

.hide, .handheld {
display:none;
}

table {
width:100%;
}

p {
margin:10px 0;
}

td, th {
text-align:left;
vertical-align:top;
}

pre, td, th, input, select {
font-size:11px;
}

code,pre {
display: block; 
padding:10px 6px;
margin:0 0 10px 0;
border: 1px dashed #ff9900;
background:#f9f9f9;
overflow: auto;
}

strong, b, em {
font-weight:times new roman;
}

blockquote {
margin:10px 0 0 0;
padding:0;
}

em {
font-style:times new roman;
}

form, blockquote p {
margin:0;
padding:0;
}

textarea {
width:100%;
height:150px;
margin:0;
}

h1 {
font:Times New Roman:20px;
margin:0 0 8px 0;
}

h2 {
font:Times New Roman:20px;
margin:0 0 12px 0;
}

h3 {
font-size:13px;
margin:12px 0 7px 0;
}

h4, h5, h6 {
font:Times New Roman:12px;
margin:10px 0 5px 0;
}

img, abbr, acronym {
border:none;
}


ol, ul, li {
font:Times New Roman:12px;
margin:0 0 10px 0;
padding:0;
}

#content li ul, #content li ol {
margin:10px 0 10px 20px;
}

ul.nobullets li {
list-style-position:outside;
list-style:none;
}

.alpha li {
list-style-type:lower-alpha;
}

.nomarg {
margin:0 !important;
}

.clear {
clear:both;
}

div.clear {
height:1px;
line-height:1px;
overflow:hidden;
}
.block, .rtl, .alignright, .alignleft, .aligncenter, .center, .alignjustify {
display:block;
}

.rtl, .alignright, #meta {
text-align:right;
}

.alignleft, #top, caption {
text-align:left;
}

.aligncenter, .center, body {
text-align:center;
}

.alignjustify {
text-align:justify;
}
.left {
float:left;
}

.right {
float:right;
}

img.left {
margin-right:10px;
}

img.right {
margin-left:15px;
}

.small {
font:Times New Roman:11px;
}

.block {
display:block;
}

div.avatar {
width:52px;
height:52px;
border:1px solid #59787E;
float:left;
margin:0 8px 6px 0;
background:#fff;
}

.avatar img {
display:block;
margin:1px;
max-width:50px;
max-height:50px;
}

.pagenav {
clear:both;
}

.pagenav a {

color:#090;
}

.arrow-prev {
margin:0 4px -1px 0;
}

.arrow-next {
margin:0 0 -1px 4px;
}

.col1, .col2 {
margin-top:10px;
width:49%
}

.col1 {
float:left;
}

.col2 {
float:right;
}

.icon {
margin:0 5px -3px 1px;
}

.submit {
font:Times New Roman:11px;
font:Times New Roman;
padding:3px 15px;
}

.w100 {
width:98%;
margin-left:4px
}

.subheader {
margin-top:-6px;
}

.watchthis {
padding-right:6px;
}

.watch {
margin:0 2px -1px 2px;
}


.dropcaps{
float:left;
color:silver;
font:Times New Roman:50px;
line-height:38px;
padding:0px 5px 0px 0;
font:Times New Roman;
}

/*link ko gach chan khi chua chuot vao*/
.title a:hover {
text-decoration:none;
}

a:link, a:visited, a:active {
color:#ffcc00;text-decoration:none;
font:Times New Roman 
}
a:link, a:active {
color:#ff9900;
font:Times New Roman
text-decoration:none;
}
a:visited {
color:#ff9900;
text-decoration:none;
font:Times New Roman 
}

A:hover {background:url(
http://files.myopera.com/mattroibuon/files/mtb_ph.gif) center repeat ; 
font:Times New Roman 
color:#ffcc00;
cursor: url("http://downloads.totallyfreecursors.com/cursor_files/earth2.ani");
TEXT-DECORATION: underline;
}

.img {
display: inline!important;
margin:0px 4px;
}

#overall {
width:520px; 
margin:0;
}
.col {
width:250px; 
padding:0 5px; 
float:left;
}