/*
Theme Name: Lo's Blog
Theme URI: http://www.loblogs.com
Description: Lo's Blog
Version: 1.0
Tags: pink
Author: Lo Huynh
Author URI: http://www.loblogs.com
*/

@import url("css/reset.css");
@import url("css/960.css");
@import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);
@import url(http://fonts.googleapis.com/css?family=Lobster);
body { font:14px/1.5 'Droid Sans Mono', arial, serif; letter-spacing: 1px }
p { padding-bottom: 20px}
ul { list-style:square }
ol { list-style:decimal }
li { margin-left:30px }
small { font-size:10px; padding:10px 8px 5px 0px; float:left; text-transform: uppercase; font-weight: bold; }
hr { margin:0; clear:both }
a { cursor:pointer; color:#FF3333; text-decoration: none; }
a:hover { color:#FF0000; text-decoration: none; border-bottom:1px solid #FF3333 }
small, .small { font-family: Helvetica, Arial; }
h1, h2 { letter-spacing:2px; }
h2 { font-size:24px; font-family:Lobster; margin: 0 0 20px 0; padding: 0; }
/* HEADER */
.header { color:#FF3333; min-width: 960px; overflow: hidden; border-bottom: 2px dotted #FF3333 }
.header a img { border: none; }
#nav_menu_container { width:100%; border-bottom: 2px dotted #FF3333; margin: 0 auto }
#nav_menu { background: none; height:35px; width:960px; margin: 0 auto }
#nav_menu a { padding: 10px;}
#nav_menu a:hover { background: none repeat scroll 0 0 #FF3333; color: #FFF }
#logo-title { text-align: center; top:50px; margin: 0 auto }
#logo-title h1, h2 { margin: 0; padding: 0; }
#logo-title h1 { font: normal 120px/1 Lobster; }
#logo-title h2 { font: normal 20px/1 'Droid Sans Mono', arial, serif; letter-spacing:2px }
#logo-title a:hover { border-bottom: none }
.nav_sect { height:30px; margin: 0 5px 5px 0; }
#nav_srch_frm { float:right; top:0; right:0; width:220px }
#nav_srch_box { border-color:#FF3333; border-style:none none solid; border-width:0 0 1px; color:#FF3333; font:14px 'Droid Sans Mono', arial, serif; width:180px; }
#nav_srch_btn { cursor:pointer; vertical-align:bottom; }
.container_16 p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom:20px }
/* CONTENT */
#main_container { margin: 0 auto; width:960px }
#main { display:inline; float:left; width:677px; border-right:2px dotted #FF3333 }
#content { padding: 20px }
#content .post { padding-top:20px; padding-bottom:20px; border-bottom:3px solid #FF9999; clear:both }
#sidebar { display:inline; float:right; width:260px; letter-spacing: -1 }
#sidebar, h2.pagetitle { padding-top:40px; }
#sidebar h2, h3 { color:#FF3333 }
#sidebar h2 { margin:0 0 -5px 0; padding: 0 }
#sidebar h3, h4 { margin:0; padding: 0; line-height:1 }
#sidebar h4 { color:#FF3333 }
#sidebar ul { list-style: none; }
#sidebar ul li ul li { margin:0 }
#sidebar ul li { color: #000 }
h2.pagetitle { font-size: 40px; color:#FF3333}
.post h2 { font-size: 32px; text-align: left; }
.date { font-size: 30px; font-weight: bold; line-height: 0.8; color:#c00; }
.postmetadata { text-align:right; font-size:14px; line-height: 60px }
.postmetadata a { text-transform:lowercase; font-weight:bold; color:#FFF; background-color:#FF9999; padding: 5px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.small { font-size:12px; color:#FF3333; margin-top:10px; }
.postmetadata small { font-size:12px; color:#FF3333; text-transform: inherit; font-weight: normal; padding: 10px 0; margin:10px 0; border-top: 1px solid #eee; text-transform: none }
.alignnone { display: block }
img.size-medium { margin:0 0 10px 0 }
.entry a img { margin:0 0 10px 0; vertical-align:top; }
.entry img { border: 1px solid #ddd; text-align: center; background-color: #fafafa; padding: 5px; margin: 5px 10px 10px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
dl.gallery-item { margin:0 }
dl.gallery-icon img { border: 1px solid #ddd }
dl.gallery-item a { border: none }
img.wp-smiley { border:none; margin:0; padding:0 }
.entry ul li { color:#666 }
/* PREV NEXT NAV */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.navigation, .comment-navigation { display: block; clear:both; }
.navigation { margin-top: 40px; padding-bottom: 70px; }
.comment-navigation { margin-top: 15px; padding-bottom: 5px; }
.navigation a, .comment-navigation a { padding: 5px 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.navigation a:hover, .comment-navigation a:hover { background: #ddd; padding: 5px 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.attachment a { border:0 }
.navigation a img { border-radius:0; border:none }
.navigation-image a { border:none }
/* Captions */
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #fafafa; padding-top: 5px; margin: 5px 25px 25px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 16px; padding: 4px 4px 5px 0; margin: 0; font-style: bold; }
/* Begin Comments*/
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:10px; position:relative; }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-style: italic }
ol.commentlist li div.vcard cite.fn a.url { color:#333; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:4px solid #d5d5d5; float:left; margin-right:10px; }
ol.commentlist li div.comment-meta { font: 12px Arial, Verdana; color: #AAA; }
ol.commentlist li div.comment-meta a { color:#aaa; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li div.commentbody { margin-top: 1em; font-size: 14px }
ol.commentlist li p { margin:0 0 1em; }
ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { margin-bottom: 7px }
ol.commentlist li div.reply a:hover { background:#c30; border:1px solid #c00; }
ol.commentlist li div.reply a { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 arial, sans-serif; padding:5px 6px 4px; text-align:center; width:36px; color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 .18em; }
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#ff9999; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
/* Comment Form */
#commentform input { width: 170px; padding: 4px; border:1px solid #ccc; font-size:14px; }
#commentform { margin: 5px 10px 0 0; padding-bottom:30px; }
#commentform p label { width: 120px; display:block; float:left }
#commentform p { border-top:1px solid #eee; padding: 10px 0; margin:0; font-size: 14px }
#commentform textarea { width: 70%; padding: 2px; border:1px solid #ccc; padding: 4px; }
.cancel-comment-reply { display: none; }
#commentform #submit { color:#fff; margin-left: 120px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:0px; background:#FF3333; font-family: 'Droid Sans Mono' }
#commentform small { font-size:11px; font-weight: bold }
#respond h3 { padding-top: 20px; margin-bottom: 10px; }
/* WIDGETS */
.widget { margin-bottom: 20px; }
.widget ul li ul { margin-left:10px; margin-bottom:0 }
.widget_calendar { color:#FF3333; }
.widget_calendar td { padding:2px 5px; font-size:16px; text-align:left; vertical-align:baseline; }
.widget_archive a { font:bold }
.categories ul.children { margin: 0 0 0 10px }
/* FOOTER */
#footer p { font-size:16px; margin:0 auto; text-align:center; }
#footer {border-top:2px dotted #FF3333; width:100%; padding: 20px 0}