/* :: MAIN LAYOUT :: */

body {
cursor: url("http://downloads.totallyfreecursors.com/cursor_files/SparklePink.ani");
background-color:#444444;
margin:0;
padding:0;
font-family: Tahoma, Arial,'trebuchet ms',helvetica,sans-serif; /*Font chu mac dinh tren toan bo blog*/
font-size:12px;
line-height:145%;
text-align:center;
color:#111;
}
#wrap1 {
margin:0 auto;
}
#wrap2 {
margin:0 auto;
width:778px !important;
padding-bottom:264px;
margin-top:20px;
background:url(http://www3.webng.com/flower/footer.jpg) bottom center no-repeat; /*Anh nen duoi cung - Bgr footer*/
}
.onecol #wrap2 {
background: url(http://www3.webng.com/flower/footer.jpg) left bottom no-repeat; /*Anh nen duoi cung khi co 1 cot - Bgr footer onle col*/
}

#wrap3 {
background:url(http://www3.webng.com/flower/bgr_mainpage.jpg) repeat-y; /*Anh nen chinh cua trang - Bgr wrap3*/
}
.onecol #wrap3 {
background:#fff url(http://files.*******.com/phamlam/sum...bgr_onecol.jpg) bottom left repeat-y; /*Anh nen chinh khi ko co sidebar - Bgr no sidebar*/
}

.onecol #top {
background: url(http://www3.webng.com/flower/banner.jpg) top left no-repeat; /*Anh nen banner khi ko co sidebar - Bgr banner when no sidebar, one colume*/
}

#topbar1 {
background:#000 url(http://www3.webng.com/flower/bgr_topbar1.gif) top left repeat-x ;/*Anh nen cua topbar tren cung - Bgr topbar*/
color:#fff;
height:32px;
overflow:hidden;
line-height:24px;
}
#topbar2, #toplogin div {
width:778px;
max-width:100%;
min-width:700px;
margin:0 auto;
text-align:left;
}

#edittitle {
padding-top:29px;
}

#top {
font-size:11px;
width:778px !important;
height:212px; /*Do cao cua banner*/
text-align:left;
color:#fff;
background: url(http://www3.webng.com/flower/banner.jpg) top left no-repeat; /*Anh banner - Bgr banner*/
}

#top2 {
height:152px;
padding-left:224px; /*Tieu de blog cach le trai */
}

#top h1 {
margin:0;
width:500px;
font-size:24px;
font-family: Tahoma, arial, helvetica,sans-serif; /*Font cua tieu de la tahoma*/
line-height:normal;
font-weight:normal;
padding-top:20px; /*Tieu de blog cach phia tren cung */
}

#subtitle {
margin:0;
width:500px;
font-size:12px;
}

#menu {
clear:both;
height:28px;
background:transparent url(http://files.*******.com/fansismi/aero/bgr_menu.png); /*Anh nen cua menu - Bgr menu*/
margin-left:208px;
margin-right:3px;
margin-top:33px;
}

#menu ul {
padding:0;
margin:0 0 0 20px;;
height:28px; /*Do cao cua menu*/
}

#menu li {
float:left;
line-height:28px;
height:28px;
overflow:hidden;
font-size:11px;
list-style:none;
width:14%;
/* margin:1px 0 0 0;*/
padding:0;
border-left:1px solid #8B8C8C;
border-right:1px solid #131415;
}

#menu a {
display:block;
height:28px;
color:#fff;
font-weight:bold;
text-decoration:none;
text-align:center;
}

#menu a:hover {
background:transparent url(http://files.*******.com/fansismi/aero/menu_hover.png) bottom center no-repeat; /* Anh nen cua menu khi di chuot len - Change bgr when mouse over*/
color:#fff;

}
#menu a#selected
{
background:transparent url(http://files.*******.com/fansismi/aero/2.png) bottom center no-repeat; /*Anh nen vi tri hien thoi - Bgr selected*/
text-decoration: none;
color:#fff;
}
#content, #footer {
clear:both;
position:relative;
width:768px !important; /*Noi dung trang cach le moi ben 5px, 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-image: url(http://www3.webng.com/flower/bg_content.jpg); /*Anh nen cua noi dung - Bgr of content*/
background-repeat: no-repeat;
background-position: right top;
}

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


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

#main {
margin-left:210px; /*Noi dung cac bai post cach le trai cua blog */
margin-right:5px;
padding-bottom:15px;
width:553px;
}
/*Chinh do float cua footer*/
#footer {
clear: both;
width:100%;
height:10px;
POSITION: relative;
left: 0px;
bottom:-55px;
}
/*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:#111;
text-decoration:none;
}

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

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

/* :: SIDEBAR :: */

#sidewrap {
width:190px;
float:left;
font-size:11px;
margin-top:5px;
overflow:hidden;
}

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

#side a:hover {
text-decoration: underline;
}
#side li {
font-size:11px;
list-style-type: none;
color:#fff;
}

#side li a:hover{
text-decoration:underline;
}

#side h2, #side caption {
color:#fff;
background:#111111 url(http://www3.webng.com/flower/sidebar.jpg) top left no-repeat; /*Anh nen tren cua tung box - bgr of title all box in sidebar*/
font-size:12px;
font-weight:normal;
text-transform:uppercase; /*Tieu de luon la chu in hoa*/
margin:0 0 1px 0;
padding:6px 2px 10px 16px;
text-align:left;
}

#side h2.feedheader {
padding:6px;
}

#side h2 a:link, #side h2 a:visited, #side h2 a:active {
color:#fff; /*Mau lien ket tieu de cac box (mau trang)*/
text-decoration:none;
}

.sidebox {
background:#2e77bf url(http://www3.webng.com/flower/bg_sideboxbottom.jpg) center top no-repeat; /*Anh nen cua cac box - bgr all box*/
margin-bottom:15px;
}

.sidebox .pad {
background:#232526 url(http://www3.webng.com/flower/bgr_sideboxbottom.jpg) bottom center no-repeat; /*Anh nen duoi cung cua tung box*/
padding:6px;
margin-top:1px;
/*background-color:#333333;*/
}

.sidebox p {
margin:0;
color:#fff;
}

#side h3 {
font-size:11px;
margin-bottom:0;
}

/* :: GENERAL RULES :: */

.mobile {
display:none;
}

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

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

a:hover {
text-decoration: none;
}

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

.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 #aaa;
background:#f9f9f9;
overflow: auto;
}

strong, b, em {
font-weight:bold;
}

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

em {
font-style:normal;
}

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

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

h1 {
font-size:20px;
margin:0 0 8px 0;
}

h2 {
font-size:20px;
margin:0 0 12px 0;
}

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

h4, h5, h6 {
font-size:12px;
margin:10px 0 5px 0;
}

img, abbr, acronym {
border:none;
}


ol, ul, li {
font-size: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-size:11px;
}

.block {
display:block;
}

div.avatar {
width:52px;
height:52px;
border:1px solid #000;
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-size:11px;
font-weight:bold;
padding:3px 15px;
}

.w100 {
width:100%;
}

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

.watchthis {
padding-right:6px;
}

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

/* :: ALBUM SLIDESHOW :: */

#albumslides, #albumslides a, #albumslides img {
width:190px;
height:143px;
}

#albumslides {
position:relative;
background:#000;
}

#albumslides a {
position:absolute;
display:block;
top:0;
left:0;
}

/* blog */

.post {
clear:both;
padding-bottom:15px;
padding-top:5px;
padding-left:0;
padding-right:0;
width:100%;
overflow:hidden;
background: url(http://www3.webng.com/flower/bg_post.jpg) bottom left no-repeat; /*hinh nen cua bai viet*/
}

#firstpost {
padding-top:0;
border:none;
/*margin:0;*/
}
.post .sticky {
float:right;
margin:0;
font-size:0.85em;
padding:0 25px 0 8px;
height:26px;
line-height:20px;
}

.post .sticky {
color:#999;
}
.tagicon {
float:right;
margin-left:8px;
}

.post .title {
margin:0;
line-height:1;
font-size:22px;
padding-top:20px;
padding-left:20px;
padding-bottom:5px;
background:#fff url(http://www3.webng.com/flower/bg_title.jpg) top center no-repeat; /*hinh nen cua tieu de bai viet*/
}

.title a:link, .title a:visited {
text-decoration:none;
}
.title a:link, .title a:visited, .tags a:link, .tags a:visited {
color:#111;
}
.title a:hover {
color:#cc0000;
text-decoration:underline;
}
.postdate { /*Ngay viet bai phia duoi tieu de bai viet*/
font-size:0.85em;
/*margin:0.25em 0 1em 0;*/
margin:0;
border-left:1px solid #c2c3c3; /*Border dotted cua date*/
border-right:1px solid #c2c3c3; /*Border dotted cua date*/
text-transform:uppercase;
padding: 0px 20px ; /*Cach le cua ngay thang viet bai*/
background:#fff url(http://www3.webng.com/flower/arrow.gif) 10px center no-repeat;
}

.tags { /*Tag phia duoi tieu de bai viet*/
margin:0px;
font-size:0.85em;
text-transform:uppercase;
border-left:1px solid #c2c3c3; /*Border dotted cua date*/
border-right:1px solid #c2c3c3; /*Border dotted cua date*/
padding: 0px 20px ; /*Cach le cua ngay thang viet bai*/
background:#fff url(http://www3.webng.com/flower/arrow.gif) 10px center no-repeat;
}

.postinfo {
clear:both;
margin-top:1em;
font-weight:bold;
}

.postinfo img, .editthis img {
margin:0 5px -1px 0;
}
.editthis {
padding-left:10px;
}
.postcomments {
padding-left:5px;
}

.content {

clear:both;
padding:5px 10px;
/* font-family: "Courier New", Courier, Tahoma, monospace;
font-size:13px;*/
border-left:1px solid #c2c3c3;
border-right:1px solid #c2c3c3;
}

.groupblog .postdate, .groupblog .post .tags {
font-size:0.8em;
}

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

.groupblog .post .title {
font-size:1.8em;
}

.postnav {
clear:both;
height:2em;
line-height:2em;
margin-top:16px;
font-size:11px;
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-size:0.9em;
color:#999;
}

.pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav b {
padding:1px 5px;
margin:0 1px;
text-decoration:none;
font-weight:bold;
background:#fff;
color:#000;
border:1px solid #aaa;
}

.pagenav b, #main .pagenav a:hover {
padding:1px 5px;
background:#000;
border:1px solid #000;
color:#fff;
}
#posttitle, #excerptfield ,#postcontent {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
}
.trackbacks h2 {
font-size:1em;
}

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

.trackbacks li {
list-style-position:outside;
list-style:none;
padding-left:15px;
font-size: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;
}

/* comments */

.comments {
clear:both;
}

.comment1, .comment2 {
clear:both;
margin:15px 0;
width:100%;
overflow:auto;
border:1px solid #ddd;
}

.comments .bot {
padding:10px;
}

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

.comment-by {
clear:both;
font-size:0.85em;
margin:0;
padding-top:6px;
}

.editcomment {
font-size:0.8em;
margin:0;
}

#message {
height:300px;
}

/* :: TAG CLOUD :: */

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

#tagcloud li {
list-style-position:outside;
list-style:none;
float:left;
line-height:20px;
height:20px;
margin:0;
padding-right:12px;
white-space:nowrap;
}

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

#tagcloud .size1 {
font-size:10px;
font-weight:normal;
}

#tagcloud .size2 {
font-size:11px;
}

#tagcloud .size3 {
font-size:13px;
font-weight:bold;
}

#tagcloud .size4 {
font-size:14px;
font-weight:bold;
}

#tagcloud .size5 {
font-size:15px;
font-weight:bold;
}

/* calendar */

#calendar {
background:#111;
border-bottom:1px solid #000;
color:#999;
}

#calendar td {
border-top:1px solid #444;
border-right:1px solid #222;
border-bottom:1px solid #222;
border-left:1px solid #444;
}
#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:bold;
}
#calendar td a:hover {
color:#ffb11e; /*Mau vang tuong doi dam*/
text-decoration:underline;
}

#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:190px;
overflow:hidden;
background:#f5f5f5 url(picbg000.htm) bottom left repeat-x;
}

#myphoto img {
max-width:190px;
display:block;
}

/* :: FRIENDS :: */

#myfriends {
width:100%;
}

#myfriends li {
width:175px;
overflow:hidden;
max-width:32%;
display:inline;
float:left;
margin-bottom:12px;
line-height:1.5;
}

#myfriends li div {
width:100%;
overflow:hidden;
height:186px;
}

#myfriends li a {
display:block;
padding:10px 12px 0 11px;
text-decoration:none;
}

#myfriends li a:hover strong {
text-decoration:underline;
}

#myfriends .mid {
margin:0 2%;
}

#myfriends li img {
margin-bottom:3px;
}

#myfriends li strong {
display:block;
}

#myfriends .location {
font-size:0.8em;
}

#myfriends .pagenav {
border:none;
text-align:left;
padding:3px;
}

#myfriends li:hover {
background-position:0px -214px;
}

#myfriends li div:hover {
background-position:100% -214px;
}

#myfriends li {
background:#fff url(http://my.opera.com/community/graphi...s/friend1a.gif) top left no-repeat;
}

#myfriends li div {
background:transparent url(http://my.opera.com/community/graphi...s/friend1b.gif) top right no-repeat;
}

#myfriends li a {
color:#222;
}

#myfriends .location {
color:#999;
}

#myfriends[id] a:hover {
color:#fff;
}

/* :: LINKS :: */

#applinks {
clear:both;
margin-top:15px;
}
#mylinks {
width:100%;
}
#mylinks h2, #mylinks h2.firstheader {
margin:10px 0;
}
#mylinks .newsfeed {
margin:-8px 0 8px 0;
}

#mylinks p {
margin:0;
font-size:12px;
}

#mylinks .grey {
color:#aaa;
}

#mylinks .col1, #mylinks .col2 {
overflow:hidden;
}

#mylinks .linkinfo {
margin-bottom:5px;
padding:2px 5px;
border:1px solid #DDDDDD;
}
#mylinks .linkinfo a{
color:#cc0000;
}

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

.url {
color:#000;
}

.linkdesc {
color:#333;
font-style:italic;
}

.feedurl {
display:none;
}


/* :: EVENTS :: */

.cdwn {
padding:2px 0;
}

.cdwn p {
margin:0;
}


/* :: TAGS :: */

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

#content .tags a:hover {
color:#42a6da;
}

.tagged {
font-weight:bold;
}

/* :: CARDS :: */

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

/* :: POLL :: */

#poll ul {
margin:0;
}

#pollresults li {
border-bottom:1px solid #333;
}

#poll li {
list-style-position:outside;
list-style:none;
padding:3px 0;
}

#poll li input {
vertical-align:middle;
}

#pollsubmit {
font-weight:bold;
}

#poll p {
padding:3px 0 0 0;
margin:0;
}

#poll li img {
border-left:1px solid #9b5203;
border-right:1px solid #b84d00;
}

/* :: SEARCH :: */

#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 #999;
padding-top:1px;
}

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

/* :: GET OPERA :: */

#side #getopera h2 {
background:#b2151b url(getOpera.jpg) top left no-repeat; ;
color:#fff;
padding:6px;
}

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

#getopera .pad {
color:#000;
background:url(getOpera.jpg) bottom right no-repeat;
}

/* :: RECENT VISITORS :: */

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

#side #visitors li a:hover {
background-position:100% -72px;
}

#visitors img {
margin-top:8px;
text-align:center;
}

#visitors li {
height:72px;
width:83px;
float:left;
margin:0 4px 4px 0px;
text-align:center;
border:1px solid #666666;
}

#visitors span {
width:70px;
height:15px;
line-height:15px;
overflow:hidden;
margin:0 5px;
}

#visitors .mid {
/*margin:0 4px 4px 4px;*/
}

/* :: FRIENDS IN SIDEBAR :: */

#friendz img {
display:block;
width:78px;
height:66px;
}

#friendz li {
float:right;
/*width:50%;*/
width:86px;
overflow:hidden;
margin:2px 0;
border:1px solid #666666;
}

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

.userlist a:link, .userlist a:visited, .userlist a:active {
background:#000;
}

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

/* friends in sidebar */

.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;
}

/* shoutbox */

#shoutbox li {
background:url(chat3gre.gif) bottom left no-repeat;
}

#shoutbox p {
background:url(chat1gre.gif) bottom left no-repeat;
color:#444;
}

#shoutbox blockquote {
background:url(chat2gre.gif) top left repeat-y;
color:#eee;
}

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

/* 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-style:normal;
}

/* latest comments */

#newcomments ul {
margin-bottom:-6px;
}
#newcomments a {
text-decoration:none;
}
#newcomments a.username:link, #newcomments a.username:visited {
color:#ffb11e; /*Mau Vang tuong doi dam*/
text-decoration:underline;
}
#newcomments a:hover.username:link, #newcomments a:hover.username:visited {
color:#ffb11e;
text-decoration:none;
}
#newcomments a:hover {
text-decoration:underline;
color:#feeca9;
}
#newcomments li {
clear:both;
padding:5px 5px;
margin-bottom:5px;
border:1px solid #333;
}
.userpic {
width:49px;
height:38px;
margin:0 1px 6px 5px;
float:right;
}

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

/* LATEST POSTS */

#latestposts ul {
margin-top:4px;
}
#latestposts li {
padding:3px 0 3px 5px;
display:block;
margin-bottom:2px;
}
#latestposts li a:hover {
text-decoration:underline;
/*background-color:#181a1b;*/
}
#latestposts li{
border:1px solid #333;
}

/*LIEN KET SIDEBAR*/

.sidelinx li {
padding:3px 0;
display:block;
border-bottom:1px solid #333;
}
.sidelinx li a:hover {
color:#FFCC33;
}
/* :: PERSONAL ADD :: */

/*.img Giúp chèn Emotion không b? xu?ng dòng*/

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

/*Chia bài vi?t thành 2 c?t dùng cho các bài d?ch ti?ng Vi?t và ti?ng Anh ho?c tho quá dài*/

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