/*   
Theme Name: Louis Chang
Theme URI: http://louis.wearetessellate.com
Description: Based on http://jsbox.net/
Author: Raoul Millais & Louis Chang
Author URI: http://www.raoulmillais.com and http://louis.wearetessellate.com
Version: 1.0.0
.
General comments/License Statement if any.
.
*/

/* BASIC: =Core
----------------------------------------------- */
body { font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif; font-size: 11px; }
p { color:#6c6c6c; font-size:11px; letter-spacing:0; line-height:21px; }
img { border: none; }
:focus { outline: none; }


/* BASIC: =Links
----------------------------------------------- */
a, a:active, a:visited, a:link { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }

/* BASIC: =Headings
----------------------------------------------- */
h1 { font-size:36px; font-weight:normal; margin:0; padding-bottom:5px; }
h1 a, h1 a:active, h1 a:visited { color:#ccc; text-decoration: none; }
h1 a:hover { text-decoration: underline; }


/* STRUCTURE: =Layout
----------------------------------------------- */
#wrapper { background: #000 url(images/background.jpg) no-repeat top right fixed; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; z-index:0; }
#wrapper div { margin-top: 10px; }
#wrapper #top-bar { width: 100%; padding: 0; margin: 0; background: #000; z-index: 999; height: 10px; position: fixed; }
#logo { width: 150px; height: 74px; position: fixed; top: 0; right: 490px; z-index: 0; overflow: auto; }
#logo img { float: left; margin: 0; padding: 0; border: 0; }
div#content { background: #fff; float: right; padding: 32px 20px 30px 20px; height: 100%; width: 580px; position: relative; margin-right: 20px; overflow: auto; z-index: 99; }


/* COMPONENT: =Blog-Tag-List
----------------------------------------------- */
#blog-tag-list { padding-bottom: 60px; overflow: auto; }
#blog-tag-list h2 { font-size:28px; font-weight:normal; margin:0; padding-bottom:5px; border-bottom: 1px solid; color: #ccc; }
#blog-tag-list ul { display: block; width: 100%; }
#blog-tag-list ul li { border-bottom: 1px solid #666; background: transparent url(images/arrow_black.png) no-repeat left center; padding-left: 10px; display: block; width: 106px; height: 30px; float: left; }
#blog-tag-list ul li a, #blog-tag-list ul li a:active, #blog-tag-list ul li a:visited { color: #333; line-height: 30px; }


/* COMPONENT: =Sidebar
----------------------------------------------- */
div#sidebar { width: 150px; height: 283px; background: #fff url(images/side_c.gif) repeat-y scroll right top; position: fixed; top: 74px; right: 490px; z-index: 0;}
#sidebar ul { padding-top: 10px; }
#sidebar li { background: transparent url(images/side_icon_off.gif) no-repeat right center; clear: both; font-size: 11px; height: 22px; letter-spacing: 1px; line-height: 20px; color: #585858; text-transform: uppercase; margin-left: 5px;margin-right: 8px; margin-bottom: 2px; display-block; overflow: auto;}
#sidebar li a, #sidebar li a:active, #sidebar li a:visited { float: right; display: block; color:#585858; font-size:10px; height: 22px; line-height:22px; width: 150px; margin:0; padding-right:8px; text-decoration: none; text-align: right; clear: both;}
#sidebar li a { background: transparent url(images/sidebar_item_bg.gif) no-repeat 158px 0;}
#sidebar li:hover a { color:#fff; }

/* COMPONENT: =Gallery
----------------------------------------------- */
ul.louis-gallery { width: 580px; }
ul.louis-gallery li { background: #333 url(images/scan_lines_thumb_bg.jpg) repeat top left; float: left;  width: 120px; padding: 10px; margin: 0 6px 6px 0;  }
ul.louis-gallery li img { width: 120px; height: 120px; border: none; }
ul.louis-gallery li.last-pic { margin-right: 0; }


/* COMPONENT: =Posts
----------------------------------------------- */
div.post { clear: both; padding-bottom: 30px; }
div.post-header { background: #333 url(images/scan_lines_bg.jpg) repeat left top; padding: 10px 10px; }
.post-header h2, .post-header h2 a, .post-header h2 a:active, .post-header h2 a:visited { color: #fff; font-weight: normal; font-size: 30px; text-decoration: none; }
.post-header p.post-date { font-size: 9px; color: #fff; }

h2.archive-heading { color:#ccc; text-decoration: none; font-size:28px; font-weight:normal; margin:0; padding-bottom:5px; }