url("/css/media.css");
body { color: #3e3e3e; margin: auto; padding: 1px; font: 12px Arial; background: #eafbff none repeat scroll 0 0; max-width: 600px; border: 1px solid #cdcdcd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a:link, a:visited, a:active { color: #0000ff; text-decoration: none; }
a:hover, a:focus { color: #ff8700; text-decoration: none; text-shadow: 0 0 6px #ff4e00; }
img { border-style: none; vertical-align: middle; }
input, input[type="submit"], textarea, select, .menu, .title { border-radius: 4px; }
input, textarea, select { color: #000; background: url(/blog/images/bg_input.jpg) #fff left bottom repeat-x; border: 1px solid #88beff; margin: 1px; padding: 2px; }
input:hover, textarea:hover, select:hover { color: #8f8f8f; background-color: #f4f4f4; border: 1px solid #d7d7d7; }
input:focus, textarea:focus, select:focus { color: #00bae8; background-color: #edf9fd; border: 1px solid #c2e3ec; }
input[type="submit"] { color: #fff; background: #1895d4 url(/css/images/til.gif) 50% top
 repeat-x; padding: 2px 4px 2px 4px; border: 1px solid #8fdcff; }
input[type="submit"]:hover { color: #000; background: #1895d4 url(/css/images/til.gif) 0 top repeat-x; border: 1px solid #000; padding: 2px 4px 2px 4px; }
h3 { margin: 0; padding: 0; padding-bottom: 2px; }
hr { margin-top: 2px; margin-bottom: 2px; border-top: 1px solid #e3e3e3; border-right-style: none; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; }
p { margin-top: 6px; margin-bottom: 6px; }
ul { margin: 0; padding-left: 20px; }
.bd1 { -webkit-box-shadow: -8px 0px 8px #777; -moz-box-shadow: -8px 0px 8px #777; box-shadow: -8px 0px 8px #777; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.bd2 { box-shadow: 8px 8px 8px #777; -moz-box-shadow: 8px 8px 8px #777; -webkit-box-shadow: 8px 8px 8px #777; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 15px; }
.daik { padding-top: 2px; background-color: #fff; background-position: top; }
.tinh { text-shadow: #e6daac 1px 1px; color: #444; font-size: 18px; font-weight: bold; padding: 3px; border-bottom: 1px solid #00f; background: #ddf6dd; }
td { line-height: 15px; }
#tab { padding: 2px 5px 0 5px; border-bottom: 5px solid #71BC00; font-size: 12px; }
#tab a { color: #494949; font-weight: bold; }
#tab tr, #tab td { height: 25px; padding-top: 4px; }
#tab td { padding-left: 5px; padding-right: 5px; text-align: center; }
#tab .active { background: #71BC00; }
#tab .active a { color: #fff; }
.head { background-color: #aaffff; background-image: url(/images/bautroi.gif); background-repeat: repeat x; text-align: center; border: 1px dashed #0000ff; margin: 0; padding: 0; }
.time { color: #0000ff; background-color: #ffffff; text-align: center; }
.phdr, .bmenu, .upban { color: #fffaee; font-weight: bold; text-shadow: #45cdf5 1px 1px 1px; background-color: #319aff; background-repeat: repeat-x; background-position: 50% top; margin-top: 1px; margin-bottom: 1px; padding: 2px; border: 1px solid #007dff; }
.phdr a, .bmenu a, .upban a { color: #fffaee; }
.phdr a:hover, .bmenu a:hover, .upban a:hover { color: #dbfaff; }
.hdr { color: #fff; font-weight: bold; position: relative; z-index: 1; margin-top: 6px; margin-bottom: -18px; margin-left: 6px; padding: 2px 6px 2px 6px; border: 2px solid #8fdcff; border-style: groove ridge ridge groove; display: table; background: #1895d4 url(/css/images/til.gif) repeat-x 50% top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.hdr a { color: #fff; border-bottom: 1px dotted #ace6ff; }
.hdr + .table { margin-top: 6px; margin-bottom: 4px; padding-top: 14px; }
.hdr + form .table { margin-top: 6px; padding-top: 15px; }
.table, .foot { background-color: lightyellow; background-repeat: repeat-x; background-position: 50% top; margin-top: 1px; margin-bottom: 1px; padding: 5px; border: 2px solid #1895d4; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.list1, .cool, .row_easy, .b, .blog { background-color: #f7fcff; margin-top: 1px; margin-bottom: 1px; padding: 2px; border: 1px solid #0e8eea; }
.list2, .row_hard, .c { background-color: #e7fbff; margin-top: 1px; margin-bottom: 1px; padding: 2px; border: 1px solid #0e8eea; }
.menu { background-image: url(/css/images/tmn.gif); background-repeat: repeat-x; background-position: 50% top; margin-top: 1px; margin-bottom: 1px; padding: 2px; border: 1px solid #e1e1e1; }
.rmenu { color: #fd4646; background-color: #fff0f0; background-image: url(/css/images/rmenu.gif); background-repeat: repeat-x; background-position: 50% top; margin-top: 1px; margin-bottom: 1px; padding: 2px; border: 1px solid #ffd0d0; }
.quote { display: block; background-color: #fcfeeb; border: 1px solid #e9ebec; border-left: 4px solid #8394b2; color: #878787; font-size: 10px; padding-left: 6px; margin-top: 5px; padding: 3px; }
.footer, .coklat { background: #86d6fe url(images/foot.png) repeat-x 50% bottom; border: 1px solid #88beff; margin-top: 1px; margin-bottom: 1px; padding: 4px; text-align: left; text-indent: 0px; color: #000; }
.header { background: #99ffff url(images/head.png) repeat-x 50% bottom; border: 1px solid #88beff; margin-top: 1px; margin-bottom: 1px; padding: 20px 5px 20px 5px; text-align: center; text-indent: 0px; color: #000; font-weight: bold; font-size: 20px; }