/*  
Theme Name:Lucong
Theme URI:http://www.lucong.com/
Description:A custom WordPress format showcasing Lucong's personal work
Version:0.1
Author:Derek Punsalan
Author URI:http://is.derekpunsalan.com/
*/

* {margin:0; padding:0; outline:none; list-style:none;}
body {background:#dbd8d1; color:#3d3b37; font-size:11px; font-family:arial,verdana,sans-serif; text-align:center;}
#main-wrapper {display:block; margin:0 auto; width:750px; text-align:left;}

/* ----------------------------------- basics */
h1,h2,h3 {font-weight:normal;}
h1 {font-size:32px; text-indent: -1000px;}
h2 {font-size:14px;}
h3 {font-size:14px;}
a {color:#3d3b37;}
	a img {border:none;}

/* ----------------------------------- masthead */
#leaderboard {background:url("images/bg-header.jpg") no-repeat top left; display:block; height:400px; width:750px; position:relative;}
	#leaderboard h1 {position:absolute; bottom:10px; left:15px;}
  #leaderboard h1 a {color:#e1ded8; text-decoration:none; text-transform:uppercase; letter-spacing:-1px;} 
#main-nav {background:#66625d; border-bottom:0px solid #b8b5b0; font-size:12px; text-transform:lowercase; font-weight:normal; line-height:22px; margin-bottom:30px;}
  #main-nav li {float:left;}
	#main-nav li a {color:#dbd8d1; text-decoration:none; display:block; line-height:22px; padding:0 10px;}
	#main-nav li a:hover {color:#ffffff;}
#blog-nav {background:url("images/tab-blog.jpg") no-repeat; border-bottom:0px solid #b8b5b0; font-size:12px; text-transform:lowercase; font-weight:normal; line-height:22px; margin-bottom:30px;}
  #blog-nav li {float:left;}
	#blog-nav li a {color:#dbd8d1; text-decoration:none; display:block; line-height:22px; padding:0 30px;}
	#blog-nav li a:hover {color:#ffffff;}
#profile-nav {background:url("images/tab-profile.jpg") no-repeat; border-bottom:0px solid #b8b5b0; font-size:12px; text-transform:lowercase; font-weight:normal; line-height:22px; margin-bottom:30px;}
  #profile-nav li {float:left;}
	#profile-nav li a {color:#dbd8d1; text-decoration:none; display:block; line-height:22px; padding:0 30px;}
	#profile-nav li a:hover {color:#ffffff;}
  
/* ----------------------------------- main index posts */
.home .left { width:500px; overflow:hidden;}
.home .right {width:235px; text-align:left; overflow:hidden;}
.home .right h3 {font-weight:normal; font-size:14px; color:#96938f; border-bottom:1px solid #96938f; padding-bottom:5px; margin-left:3px;}
.entry.front {position:relative; margin-bottom:10px;}
	.title-meta {position:absolute; bottom:0; left:85px;}
.entry img.post-square {float:left; margin-right:10px;}
.entry h3 {color:#928e89; font-weight:bold;}
	.entry h3 a {text-decoration:none;}
.post-extras {font-size:10px; color:#928e89;}
	.post-extras a {color:#928e89; text-decoration:none;}
	.post-extras a:hover {color:#000; text-decoration:underline;}

/* ----------------------------------- entry style */
.post.single {width:500px; border-bottom:1px solid #96938F; padding-bottom:15px;}
	.post.single h2 {margin-left:10px;}
  .post.single h2,.post.single h2 a {font-size:14px; font-weight:bold; text-decoration:none; color:#484541;}
	.post.single .post-extras { margin:0 0 0 10px !important;}
  .post.single .entry p {margin:10px 0 10px 10px;}
	.post.single .entry p img {margin-left:-10px; font-size:11px;}
  .post.single p a,
  .post.single li a {font-weight:bold;}
  .post.single p strong {font-weight:bold;}
  .post.single p em {font-style:normal; background:#f9f9de;}
  .post.single blockquote {margin:0 15px; color:#6c6c6c;}
  .post.single ul,
  .post.single ol {margin:1em 1.5em;}
  .post.single ul li,
  .post.single ol li {margin:0 0 14px 0; color:#6c6c6c; line-height:1.3em;}
  .post.single ul li {background:url("images/li.gif") no-repeat 1px -1px; padding-left:20px;}
  .post.single ul li strong {font-weight:bold;}
  .post.single img.floatleft {float:left; margin:4px 10px 0 0;}
  .post.single img.floatright {float:right; margin:4px 0 0 10px;}
  .post.single code {font-family:courier,fixed,monospace; font-size:12px; background:#eee;}
    .post.single code strong {color:#000;}
  
/* ----------------------------------- lists */
ul.sidebar-ul {font-size:11px; margin:10px 0 0 3px;}
	.sidebar-ul li {margin-bottom:7px;}
  .sidebar-ul li a { text-decoration:none;}
	.sidebar-ul li a:hover {color:#000; text-decoration:underline;}
ul.sidebar-subscribe-ul {font-size:11px; margin:10px 0 0 3px;}
	.sidebar-subscribe-ul li {margin-bottom:7 px; background:url("images/rss.gif") no-repeat; background-position:215px;}
  .sidebar-subscribe-ul li a {text-decoration:none;}
	.sidebar-subscribe-ul li a:hover {color:000;}
ul.sidebar-add-ul {font-size:11px; margin:10px 0 0 3px;}
	.sidebar-add-ul li {margin-bottom:7 px; background:url("images/add.gif") no-repeat; background-position:215px;}
  .sidebar-add-ul li a {text-decoration:none;}
	.sidebar-add-ul li a:hover {color:000;}
ul.sidebar-mail-ul {font-size:11px; margin:10px 0 0 3px;}
	.sidebar-mail-ul li {margin-bottom:7 px; background:url("images/mail.gif") no-repeat; background-position:215px;}
  .sidebar-mail-ul li a {text-decoration:none;}
	.sidebar-mail-ul li a:hover {color:000;}
ul.sidebar-facebook-ul {font-size:11px; margin:10px 0 0 3px;}
	.sidebar-facebook-ul li {margin-bottom:7 px; background:url("images/facebook.gif") no-repeat; background-position:215px;}
  .sidebar-facebook-ul li a {text-decoration:none;}
	.sidebar-facebook-ul li a:hover {color:000;}
#sub-wrapper {display:block; padding:10px 0px 0px 3px; width:235px; text-align:left;}

/* ----------------------------------- comments */
#comments {margin:10px 0; clear:both;}
#comment-breaker {color:#3d3b37; display:block; padding:10px 0;}
  #comment-breaker h2,
#respond {font-size:14px;margin-left:10px;}
ol.commentslist {float:left; font-size:11px; line-height:16px; width:500px;}
  .commentslist li {margin-bottom:15px;}
	.author {background:#e2e0dc;border:1px solid #c6c3bb;}
  .commentslist li p {margin:0 10px 10px;}
  .commentslist li blockquote {margin:0 12px; font-style:italic;}
  .commentslist li ul,
  .commentslist li ol {}
	.author_meta {margin:10px 0 10px 10px; font-size:10px;}
	.author_meta a {text-decoration:none; color:#928E89;}
	.author_meta .author_name a {font-size:12px; font-weight:bold; text-decoration:none; color:#3d3b37;}
#commentform {font-size:11px; margin-left:10px;}
  #commentform p {margin:10px 0;}
  #commentform #author,
  #commentform #email,
  #commentform #url,
  #commentform #comment {border:1px solid #c6c3bb; padding:4px; font-family:arial,verdana,sans-serif; font-size:11px; color:#6c6c6c;}
  #commentform #comment {width:485px; overflow:auto; height:225px;}
  #commentform #submit {background:#ffffff; color:#3d3b37; font-size:10px; font-weight:bold; padding:0 10 0 10; width:20 px; border:#3d3b37 1px solid; line-height: 20px}
  .comment-warning strong {color:#444; font-weight:bold;}
.subscribe-to-comments {font-size:12px; color:#555;}

/* ----------------------------------- categories */
ul.categories {color:#999;}
.categories li {overflow:hidden;}
.categories li a {float:left; text-decoration:none; padding-right:5px;}
#categories li a:hover {text-decoration:underline;}

/* ----------------------------------- search */
.search {background:url("images/search-bg.gif") no-repeat top left; display:block; width:325px; height:32px;}
  .search #searchForm {margin:0 0 0 7px;}
  #searchForm input {vertical-align:middle; margin:6px 0 0 0;}
  .search #searchForm #s {color:#666; font-size:11px; border:1px solid #fff; padding:1px; width:162px; margin-right:4px;}
  
/* ----------------------------------- footer */
#footer {color:#a8a5a1; font-size:10px; padding:35px 0 72px; width:750px;}

/* ----------------------------------- floats */
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.fix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fix {display:inline-block;}
* html .fix {height:1%;}
.fix {display:block;}