/*  
Template Name: LightSpeed
Theme URI: http://www.thewebhub.com/2008/11/lightspeed/
Description: A two-column, dark-themed design suitable for personal websites and blogs use. This design fits in a 1024x768 screen resolutions.
Author: Enjay
Author URI: http://aboutenjay.com/
(c)2008 Enjay and TheWebHub.com
*/

body { margin: 0; padding: 0; background: #000 url(../gfx/bg.png); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #999; }
.none, .hidden { display: none }

input:focus, h1:focus, h2:focus, a:focus, span:focus { outline: none; }

h1, h2, h3, p, ul, ol { margin-top: 0; cursor: default; }

h1, h2, h3 { text-transform: lowercase; }
h1 {	letter-spacing: -2px; font-size: 250%; }
h2 {	letter-spacing: -1px; font-size: 167%; }
h3 {	font-size: 123.1%; }

p, ul, ol { /*margin-bottom: 1.8em;*/	line-height: 180%; }
strong, em { color: #ddd; }

a { text-decoration: none; }
a:link { border-bottom: 1px dotted #333; color: #ccc; }
a:visited { color: #ccc; border-bottom: 1px dotted #666; }
a:hover { color: #fff; border-bottom-color: #fff; }
a img { border: none; }

a.noborder {border:0px;}
a.framelink {font-size: 16px; font-weight: bold;}

/* WRAP - Encloses everything to add the header background. */
#wrap { background: url(../gfx/header_bg.jpg) no-repeat 50% 0; }

/* HEADER - Contains the logo, slogan and menu. */
#header { width: 960px; height: 150px; margin: 0 auto; text-transform: lowercase; }

/* LOGO & SLOGAN */
#header h1, #header h2 { margin: 0; text-align: center; color: #000; }
#header h1 { padding-top: 35px; width: 500px; }
/*#header #titleImage {padding-top:35px;}*/
#header a { border: none; color: #000; }
#header a:hover { color: #fff; }

/* MENU */
#header ul { margin: 0; padding: 1em 0 0 0; line-height: normal; list-style: none; text-align: center; }
#header li { display: inline; }
#header li a { padding: 0 1em; font-weight: bold; color: #fff; }
#header li a:hover { background: url(../gfx/post_entry_bg.png) repeat-x 0 50%; color: #000; }

/* PAGE - Contains the main content and the sidebar. */
#page { width: 960px; margin: 0 auto; }

/* CONTENT - The main content area. */
#content { float: left; width: 640px; }

/* POST - Contains a section of the content. Grouping content is neat. */
.post { margin-bottom: 20px; }
.post .title { height: 35px; margin: 0; padding: 6px 0 0 20px; background: url(../gfx/post_title_bg.png) repeat-x; font-size: 153.9%; font-weight: normal; color: #fff; }
.post .title a { border: none; color: #fff; }
.post .title a:hover { border: none; color: #ccc; }

.post .entry { padding: 20px 20px 1px 20px; background: url(../gfx/post_entry_bg.png); }
.post .entry p { text-align: justify; }

.post .byline { font-size: smaller; color: #666; }
.post .byline a { font-weight: bold; color: #999; }

.post .meta { background: url(../gfx/post_meta_bg.png); /*border-top: 1px solid #000;*/ }
.post .meta p { margin: 0; padding: 10px; /*border-bottom: 1px solid #000;*/ line-height: normal; color: #666; }
.post .meta a { border: none; color: #999; }
.post .meta a:hover { color: #fff; }
.post .meta .tags { padding-left: 30px; background: url(../gfx/tag_green.png) no-repeat 10px 50%; border-top:1px solid #000;}
.post .meta .tags a { }
.post .meta .links { border-top:1px solid #000; }
.post .meta .links a { padding-left: 22px; }
.post .meta .comments { background: url(../gfx/comments.png) no-repeat 0 50%; }
.post .meta .permalink { background: url(../gfx/world_link.png) no-repeat 0 50%; }
.post .meta .more { background: url(../gfx/bullet_go.png) no-repeat 0 50%; }

/* COMMENT - Contains a section of the comment subsystem. */
.comment { margin-bottom: 20px; }
.comment .title { height: 35px; margin: 0; padding: 6px 0 0 20px; background: url(../gfx/post_title_bg.png) repeat-x; font-size: 153.9%; font-weight: normal; color: #fff; }
.comment .title a { border: none; color: #fff; }

.comment .entry0 { padding: 20px 20px 1px 20px; background: url(../gfx/post_entry_bg.png); margin-bottom: 1px; }
.comment .entry1 { padding: 20px 20px 1px 20px; background: url(../gfx/post_meta_bg.png); margin-bottom: 1px; }
.comment .entry2 { padding: 20px 20px 1px 20px; background: url(../gfx/modified_green_bg.png); margin-bottom: 1px; }

.comment .byline { font-size: smaller; color: #666; }
.comment .byline a { font-weight: bold; color: #999; }

/* SIDEBAR - For extra links and ad spaces. */
#sidebar { float: right; width: 300px; }
#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar li { }
#sidebar li ul { padding: 20px; }
#sidebar li li { padding: 2px 0; border-bottom: 1px dotted #333; }
#sidebar li li a { border: none; }
#sidebar li li .textholder a:hover { padding-left: 20px; background: url(../gfx/bullet_go.png) no-repeat 0 50%; color: #fff; }
#sidebar h2 { height: 35px; margin: 0; padding: 6px 0 0 20px; background: url(../gfx/post_title_bg.png) repeat-x; font-size: 153.9%; font-weight: normal; color: #fff; }
#sidebar .pad { padding: 20px; }
#sidebar td.textholder { padding-left: 5px; }

#sidebar h2 a { border: none; color: #fff; }
#sidebar h2 a:hover { border: none; color: #ccc; }

/* FOOTER - For footnotes and copyright notices. */
#footer { clear: both; width: 960px; margin: 0 auto; padding: 10px 0; /*border-top: 1px solid #000;*/ text-align: center; font-size: smaller; }
#footer p { margin: 0; line-height: normal; }
#footer .legal img { }

#flagContainer { float: right; margin-bottom: 5px; width: 100%; }
#flagContainer img { margin-left: 4px; opacity: 0.5; cursor: pointer; float: right; }
#flagContainer img:hover { opacity: 0.8; }
#flagContainer img.active { opacity: 1; }

div.clear { float:left; width:100%; height:0px; }

div#signContainer { text-transform: none; float:right; padding-top:3px; text-align: right; }

div#signContainer input { text-align:right; font-weight:bold; border:0px; background: transparent; color: #999999; width:200px; }
div#signContainer input:hover { background: transparent url(../gfx/lang_entry_inactive_bg.png) repeat scroll 0 0; color: #AAAAAA; }
div#signContainer input.error, div#signContainer input.error:hover { background: transparent url(../gfx/modified_red_bg.png) repeat scroll 0 0; color: #AAAAAA; }

span.textButton { cursor: pointer; }
span.textButton:hover { color: #CCCCCC; }

table.contactTable tr.contactTableRow td.contactTableTitle {font-weight:bold; vertical-align:top; padding:2px; } 
table.contactTable tr.contactTableRow td.contactTableCell {font-weight:bold; vertical-align:top; padding:2px; } 

table.contactTable tr.error td.contactTableTitle {font-weight:bold; vertical-align:top; padding:2px; color: #a00; } 
table.contactTable tr.error td.contactTableCell {font-weight:bold; vertical-align:top; padding:2px; } 

table.contactTable tr.contactTableRow td.contactSubmitHolder {text-align:center;} 

#contactForm tr.contactTableRow td.contactTableCell input { border:0px; background: transparent url(../gfx/lang_entry_inactive_bg.png) repeat scroll 0 0; color: #999999; width:200px; }
#contactForm tr.contactTableRow td.contactTableCell input:hover { background: transparent url(../gfx/modified_yellow_bg.png) repeat scroll 0 0; color: #AAAAAA; }
#contactForm tr.error td.contactTableCell input { background: transparent url(../gfx/modified_red_bg.png) repeat scroll 0 0; color: #AAAAAA; }

#contactForm input#contactSubmit {margin-top: 14px; border:0px; background: transparent url(../gfx/modified_green_bg.png) repeat scroll 0 0; color: #999999; width:200px; font-weight:bold; border: 1px solid #020; }

span.infoMessage { background: transparent url(../gfx/modified_green_bg.png) repeat scroll 0 0; color: #ccc; font-weight:bold; padding: 5px 20px;}
span.errorMessage { background: transparent url(../gfx/modified_red_bg.png) repeat scroll 0 0; color: #ccc; font-weight:bold; padding: 5px 20px;}

#searchInput { background-color: transparent; color:#AAAAAA; border:0px; padding:3px; width:230px; height: 18px; }
#searchFieldsContainer { background: transparent url(../gfx/lang_entry_bg.png) repeat scroll 0 0; cursor: text; }
#searchInputButton { cursor: pointer; margin-top:4px; margin-right:4px; vertical-align:top; height:16px; float:right;  display: none; }
#searchTermContainer { display: none; }

#searchInputFull { background-color: transparent; color:#AAAAAA; border:0px; padding:3px; width:372px; height: 18px; }
#searchInputContainerFull { text-align: left; width: 400px; background: transparent url(../gfx/lang_entry_bg.png) repeat scroll 0 0; cursor: text; }
#searchInputButtonFull { cursor: pointer; margin-top:4px; margin-right:4px; vertical-align:top; height:16px; float:right; display: none; }

div.commentButtons p img { vertical-align: text-bottom; width:16px; height:16px; }
div.commentButtons span.commentButton { cursor:pointer; }
div.commentButtons span.commentButton:hover { color: white; }

div.lightbox, div.lightBoxWarning {z-index: 1000; position: absolute; background-color: black; top:0px; left:0px; opacity: 0; }
div#divCommentBox, div#divInfoBox {z-index: 1001; position: absolute; display:none; border:3px solid #AAAAAA; background: #000000 url(../gfx/bg.png) repeat scroll 0 0; }
div#divInfoBox img.closeInfoBox {border:0px; cursor:pointer; float:right; height:16px; margin-right:12px; margin-top:6px;}
#actionsDiv { margin-top:12px; text-align:center; width:100%; }
span.textButton { font-weight:bold; cursor: pointer; }
span.textButton:hover { color: #CCCCCC; }

#commentForm input { border:0px; background: transparent url(../gfx/lang_entry_inactive_bg.png) repeat scroll 0 0; color: #999999; width:200px; }
#commentForm input:hover { background: transparent url(../gfx/modified_yellow_bg.png) repeat scroll 0 0; color: #AAAAAA; }
#commentForm input.error { background: transparent url(../gfx/modified_red_bg.png) repeat scroll 0 0; color: #AAAAAA; }
#commentForm input#contactSubmit {margin-top: 14px; border:0px; background: transparent url(../gfx/modified_green_bg.png) repeat scroll 0 0; color: #999999; width:200px; font-weight:bold; border: 1px solid #020; }

#commentForm #forgotName { background: transparent url(../gfx/modified_red_bg.png) repeat scroll 0 0; margin-top:12px;}

ul#sitemapList li { font-weight: bold; }
ul#sitemapList li ul.sublist { margin: 0px; padding-left:12px; }
ul#sitemapList li ul.sublist li { font-weight: normal; }

.rssLink { float:right; height:16px; margin-right:12px; margin-top:6px; cursor: pointer; }
.fbLink , .twitterLink { float:right; height:16px; margin-right:4px; margin-top:6px; border:0px; }

span.postedBy { font-weight:bold; color: #AAA; }

#searchIndicator {float:right; margin-right: 10px; margin-top:6px; vertical-align: top; display:none; }
#searchFormLeft #leftSearchList {padding:10px 20px 12px;}

#downloadHolder {cursor:pointer; float:right; height:58px; width:152px; background-image: url(../gfx/downloadholder.png); background-color: transparent !important; background-repeat: no-repeat;}
#downloadHolder table {color:#fff; font-size:11px; width:100%; height:100%; }
#downloadHolder table td { vertical-align: top; text-align:center; height: 0px; /*border:1px solid black;*/}
#downloadHolder img {float:left; margin-top:8px; margin-left:4px;height:24px;}

span.selectAllComponent, span.selectNoneComponent { cursor:pointer; }
span.selectAllComponent:hover, span.selectNoneComponent:hover { color:#fff; }

div#loadingDiv { float:right; margin-top:6px; margin-right:10px; }

.roundTop { -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px; }
.roundBottom { -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }

.roundTopHalf { -moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; border-top-right-radius: 7px; border-top-left-radius: 7px; }
.roundBottomHalf { -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; }

.borderTop { border-top:1px solid #000; }

#downloadStatTable tr td {padding-right: 40px;}
#downloadStatTable tr td:last-child {padding-right: 0px !important;}