/*
Theme Name: Longzero Trang
Author: Long Nguyen
Author URI: http://longzero.com/
*/

* {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%;}
body {behavior: url('csshover.htc'); background: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a {color: #369;}
a:hover {text-decoration: none;}
h2 {font-size: 2.5em; font-weight: normal; margin: 0 0 10px;}
h2 a {text-decoration: none;}
h3 {font-size: 2em; font-weight: normal; margin: 0 0 10px;}
iframe {margin: 20px 0 0;}
img {border: 0;}
p {line-height: 1.8em; margin: 20px 0;}
li {line-height: 1.8em;}

.alignleft {float: left;}
.alignright {float: right;}
.clearboth {clear: both;}

::-moz-selection {background: #369; color: #fff;}
::selection {background: #369; color: #fff;}

#navbar #logo a {background: #000; color: #fff; font-weight: bold;}
#navbar #logo a:hover {background: #fff; color: #000;}

#navbar #name a {background: #fff; color: #fff; font-size: 1.2em;}
#navbar .nav-item {visibility: hidden;}
#navbar .social-icons {margin-top: 0px; padding-left: 40px;}
#navbar .social-icons a {display: inline; text-align: left;}
#navbar .social-icons img {height: 32px; vertical-align: middle;}
#navbar .social-icons img#email-icon {margin-top: 5px;}

#navigation:hover #navbar #name a {color: #777;}
#navigation:hover #navbar #name a strong {color: #000;}
#navigation:hover #navbar .nav-item {visibility: visible;}
#navigation:hover #navbar .nav-item a {background: #fff; color: #000;}

#navigation {position: fixed; top: 0; left: 0; font-size: 1.1em; width: 100%}
#navbar {background: #fff; list-style: none; margin: 0 auto; padding: 0px 20px 10px;}
#navbar li {float: left;}
#navbar li a {display: block; background: #000; color: #fff; padding: 7px 10px; text-align: center; text-decoration: none; width: 140px;}
#navbar li a:hover {background: #000; color: #fff;}
/* used for drop down navigation */
#navbar li ul {display: none;}
#navbar li:hover ul {display: block; position: absolute;}
#navbar li:hover li {float: none; list-style: none;}
#navbar li:hover li a {background: #369; text-align: left; width: 200px;}
#navbar li li a:hover {background: #000;}

#white-fade {background: url(images/white-fade.png) bottom repeat-x; height: 50px;}

#container {padding: 20px;}

#content {margin: 80px auto; max-width: 640px;}
#content .post {margin: 60px 0 40px;}
#content .metadata {margin: 0 0 30px;}
#content ol, #content ul {margin: 20px;}

.comment {border-top: 1px solid #000; padding: 20px 0;}
.comment .comment-text {margin: 0 0 0 40px;}
#commentform #author,
#commentform #email,
#commentform #url {font-family: Arial; font-size: 14px; margin: 0 10px 0 0;padding: 2px;  width: 200px; height: 20px;}
#commentform textarea {font-family: Arial; font-size: 14px; padding: 4px; width: 100%;}