/*
Theme Name: ByteLeak
Description: A clean black theme with two columns, left-sidebar, and fixed-width. Compatible with Wordpress 2.7, widget-ready, search engine optimized, valid XHTML and CSS.
Version: 0.9 beta
Tags: black, dark, left-sidebar
Author: ByteLeak	
Author URI: http://byteleak.com
*/

/** 
*
* BASIC SETUP BEGIN 
*
**/

* {
	margin : 0px;
	padding : 0px;
	line-height: 1.4;
}

body {
	background : #191B20;
	margin : 0px;
	padding : 0px;
	font-size : 13px;
	font-family : arial, sans-serif, "lucida console";
	color : #333742;
}

button {
	color : white;
	font-weight : bold;
	border : 0px;
	margin : 4px;
	padding : 5px 10px;
	padding-top : 9px;
	background : #40BFCA;
	font-size : 14px;
}

blockquote {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/quote.png') top right no-repeat #E9F6F7;
	padding : 10px 20px;
	padding-right : 60px;
	margin : 15px;
	border : 2px dotted #BDE9EC;
	font-size : 13px;
}

code {
	font-size : 12px;
	color : #88750E;
	margin : 0px 20px;
	display : block;
}

label {
	width : 120px;
	float : left;
	font-size : 12px;
	margin-top : 5px;
}

acronym {
	border-bottom : 1px dotted;
	font-style : italic;
	cursor : help;
}

a {
	color : #40BFCA;
	font-size : 13px;
}
a:hover {
	color : #40BFCA;
	text-decoration : none;
}

img {
	border : 0px;
}

fieldset {
	border : 0px solid;
}


.clear {
	clear : both;
}

h3.title {
	height : 40px;
	padding : 14px 0px 0px 53px;
	font-family : "Trebuchet MS", arial;
	font-size : 21px;
	font-weight : normal;
}
/*h3.title {
	height : 30px;
	padding : 14px 0px 0px 43px;
	font-weight : bold;
}*/
h3.comment {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/title-comment.png') no-repeat;
	color : white;
	font-size : 27px;
	font-family :  sans-serif, arial, "lucida";
	font-weight : bold;
}
h3.login {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/title-login.png') no-repeat;
	color : white;
	font-size : 27px;
	font-family :  sans-serif, arial, "lucida";
	font-weight : bold;
}
h3.profile {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/title-profile.png') no-repeat;
	color : white;
	font-size : 27px;
	font-family :  sans-serif, arial, "lucida";
	font-weight : bold;
	margin-left : 10px;
}
h3.categories {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/title-categories.png') no-repeat;
}
h3.archive {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/title-archive.png') no-repeat;
}
h3.recommended, h3.comments {
	height : 30px;
	padding : 12px 0px 0px 43px;
	font-size : 15px;
	font-weight : bold;

}
h3.recommended {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/title-recommended.png') no-repeat;
}
h3.comments {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/title-comments.png') no-repeat;
}

div.navigation {
	text-align : center;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more alignleft futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/** 
*
* BASIC SETUP END 
*
**/

/**
*
* POST BEGIN
*
**/
h2.post-title, h3.post-title {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight : normal
}
h2.post-title a {
	font-size : 28px;
	color : #333742;
	text-decoration : none;
}
h3.post-title a {
	font-size : 26px;
	text-decoration : none;
}
h2.post-title a:hover, h3.post-title a:hover {
	text-decoration : underline;
}
h2.pagetitle {
	text-align : center;
	margin-bottom : 30px;
	font-family: 'Times New Roman', Times, serif;
}

div.post {
	margin-bottom : 20px;
}

.postmetadata {
	color : #8F8F8F;
	font-family: 'Trebuchet MS', Arial;
	font-size : 11px;
	
}
.entry {
	font-family: 'Times New Roman', Times, serif;
	font-size : 16px;
	padding : 10px 20px;
	padding-bottom : 5px;
	color : #434857;
}
.entry #normal {
	font-family: 'Trebuchet MS', Arial;
	font-size : 14px;
	padding : 10px 20px;
	padding-bottom : 5px;
	color : #434857;
}
.entry a {
	font-size : 15px;
}
.entry h3, .entry h4 {
	margin-top : 25px;
	margin-bottom : 5px;
	color : #F86F00;
}
.entry p {
	margin : 10px 0px;
	margin-bottom : 15px;
}
.entry ul, .entry ol {
	padding : 10px 20px;
}
.entry li {
	margin : 0px 20px;
}
.entry-more {
	font-family: 'Times New Roman', Times, serif;
	font-size : 16px;
	padding : 10px 20px;
	padding-bottom : 5px;
	color : #434857;
	clear : both;
}

.entry-more a {
	font-size : 15px;
}
.entry-more h3, .entry-more h4 {
	margin-top : 20px;
	margin-bottom : 5px;
	color : #F86F00;
}

#comments-title {
	margin-top : 30px;
}

#similar {
	margin : 10px 10px;
	margin-bottom : 20px;

}
#similar ul {
	padding : 10px 30px;
}
#similar a {
	
	color : #5B6275;
	
}

#rules {
	margin : 20px 30px;
}

.instructions {
	margin : 0px 20px;
}
.instructions a {
	color : #333742;
}
.commentlist {
	margin : 20px 0px;
}

.comments-bubble {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/comments-bubble.png') no-repeat;
	width : 44px;
	height : 27px;
	padding-top : 9px;
	float : left;
}

.comments-bubble a {
	color : white;
	text-decoration : none;
	font-size : 11px;
	font-weight : bold;
}
.comments-bubble a:hover {
	color : black;
}
div.post-category {
	float : right;
	text-align : right;
	margin-top : 10px;
	margin-left : 15px;
}

#commentform input, textarea {
	margin : 2px 5px;
}

.gravatar {
	float : left;
	margin-top : 10px;
	margin-left : 20px;
}
.comment-wrapper {
	float : left;
	margin-left : 20px;
}

.comment {
	float : left;
}

.comment-arrow {
	width : 10px;
	height : 13px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/comment-arrow.png') no-repeat;
	float : left;
	margin-top : 30px;
	margin-right : -3px;
	z-index : 1000;
	position : relative;
}
.comment-arrow-inverted {
	width : 10px;
	height : 13px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/comment-arrow-inverted.png') no-repeat;
	float : left;
	margin-top : 30px;
	margin-left : -3px;
	z-index : 1000;
	position : relative;
}

.comment-top {
	width : 425px;
	height : 10px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/comment-top.png') no-repeat;
}
.comment-center {
	width : 385px;
	min-height : 30px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/comment-center.png') repeat-y;
	padding : 10px 20px;
}
.comment-bottom {
	width : 425px;
	min-height : 40px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/comment-bottom.png') repeat-y;
}


.commentmetadata {
	color : #8F8F8F;
	font-family: 'Trebuchet MS', Arial;
	font-size : 11px;
	margin-bottom : 10px;
}
.commentmetadata a {
	font-size : 11px;
}

.avatar {
	border : 1px solid #40BFCA;
	padding : 3px;
}

#post-comment {
	margin : auto;
	margin-top : 20px;
	width : 494px;
}

#post-comment-top {
	width : 494px;
	height : 21px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/post-comment-top.png') no-repeat;
}
#post-comment-center {
	width : 454px;
	background : #BDE9EC;
	padding : 0px 20px;
}
#post-comment-bottom {
	width : 494px;
	height : 50px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/post-comment-bottom.png') no-repeat;
}

#post-comment textarea {
	margin-left : 20px;
	border : 2px solid #40BFCA;
	padding : 2px 4px;
}

#post-comment button {
	color : white;
	font-weight : bold;
	width : 90px;
	height : 33px;
	float : right;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/profile-button.png') no-repeat;
	border : 0px;
	margin : 4px;
	margin-top : 10px;
}
#post-comment input {
	border : 2px solid #40BFCA;
	font-size : 14px;
	padding : 2px 4px;
}

/**
*
* POST END
*
**/



/** 
*
* LAYOUT BEGIN 
*
**/

#wrapper {
	width : 999px;
	margin-top : 0px;
	margin : auto;
}

/* 
* HEADER BEGIN 
*/
#header {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/header-bg.png') center top no-repeat;
	width : 999px;
	height : 176px;
}

#header  h1 {
	display:block;
	text-indent:-9999px;
}
#logo {
	margin-left : 82px;
	margin-top : 41px;
	width : 95px;
	height : 77px;
	float : left;
}

#search-rss {
	float : right;
	width : 214px;
	margin-top : 20px;
	margin-right : 36px;
}

#search-left {
	width : 28px;
	height : 33px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/search-left.png') no-repeat;
	float : left;
}
input.search {
	width : 133px;
	height : 23px;
	border : 0;
	border-top : 5px solid #40BFCA;
	border-bottom : 5px solid #40BFCA;
	float : left;
}
input.search-button {
	width : 45px;
	height : 33px;
	border : 0;
	float : left;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/search-button.png') no-repeat;
}
#search-right {
	width : 8px;
	height : 33px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/search-right.png') no-repeat;
	float : left;
}

#feed-burner {
	float : left;
	width : 100px;
	height : 30px;
	margin-top : 28px;
	margin-left : 10px;
}

#rss {
	margin-top : 16px;
	float : right;
	margin-right : 28px;
}

/* 
* HEADER END 
*/

/*
* NAVIGATION BEGIN
*/
#top-navi {
	width : 100%;
	height : 49px;
}

#chat-navi {
	width : 124px;
	height : 49px;
	margin-left : 39px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/chat-bg.png') no-repeat;
	float : left;
}
#chat-navi img {
	float : left;
	margin : 17px 0px 0px 15px;
}
#chat-navi ul {
	float : left;
	margin : 25px 0px 0px 6px;
}
#chat-navi li {
	list-style: none;
	float: left;
	margin : 0px 1px;
}
#chat-navi li a {
	color : #40BFCA;
	font-family : arial, sans-serif, "lucida console";
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;
}
#chat-navi li a:hover {
	text-decoration : underline;
}

#menu-navi {
	width : 831px;
	height : 49px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/menu-bg.png') no-repeat;
	float : left;
}
#menu-navi ul {
	margin: 10px 60px 0px;
	float : left;
}
#menu-navi li {
	list-style: none;
	float: left;
}
#menu-navi li a {
	font-size : 14px;
	font-family : arial, "lucida console", sans-serif;
	margin : 0px 2px;
	padding-top : 6px;
	width : 93px;
	height : 22px;
	text-decoration : none;
	color : white;
	display : block;
	text-align : center;
}
#menu-navi li a:hover {
	color : #40BFCA;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/menu-item-bg-hover.png') no-repeat;
}
a.selected {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/menu-item-bg.png') no-repeat;
}
a.selected:hover {
	color : white;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/menu-item-bg.png') no-repeat;
}

#social {
	float : right;
	width : 100px;
	margin-top : 5px;
	margin-right : 10px;
}
/*
* NAVIGATION END
*/

/*
* BODY BEGIN 
*/

#body-wrapper {
	width : 999px;
}

#body-top {
	width : 100%;
	height : 24px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/body-top-bg.png') no-repeat;
}
#body-center {
	width : 991px;
	min-height:500px;
	height:auto !important;
	height:500px;
	background : white url('http://media.byteleak.com/blog.byteleak.com/images/body-bg.png') repeat-y;
	border-left : 4px #40BFCA solid;
	border-right : 4px #40BFCA solid;
	clear : both;
}
#body-left {
	float : left;
	width : 555px;
	padding : 30px 20px 0px 40px;
}
#body-left .left {
	float : left;
	width : 350px;
	padding : 0px 20px 0px 0px;
}
#body-left .right {
	float : left;
	width : 180px;
}
#body-right {
	float : left;
	width : 376px;
}
#body-right .panel {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/right-panel-bottom.png') bottom left #E9F6F7 no-repeat;
	min-height : 400px;
	clear : both;
	padding : 15px 24px 30px 14px; /* top, right, bottom, left */ /* top, right/left, bottom */
}
#body-right .panel-bottom {
	min-height : 150px;
	clear : both;
	padding : 15px 24px 150px 14px; /* top, right, bottom, left */ /* top, right/left, bottom */
}
#body-bottom {
	width : 100%;
	height : 69px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/body-bottom-bg.png') no-repeat;
	text-align : right;
}
#body-bottom-shadow {
	width : 100%;
	height : 200px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/body-bottom-shadow.png') top center no-repeat;
}
#totop {
	text-align : right;
	padding-top : 20px;
	padding-right : 16px;
	font-size : 20px;
	color : white;
}
#toparrow {
	float : right;
	width : 40px;
}
#totop span {
	margin-top : 9px;
	float : right;
	font-weight : bold;
}
/*
* BODY END 
*/

/*
* PROFILE BOX BEGIN 
*/
#profile {
	width : 338px;
	font-size : 12px;
}
#profile-top {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/profile-top.png') no-repeat;
	height : 17px;
}
#profile-center {
	background : #BDE9EC;
	min-height : 150px;
	padding : 0px 10px;
}
#profile-bottom {
	background : url('http://media.byteleak.com/blog.byteleak.com/images/profile-bottom.png') no-repeat;
	height : 46px;
}

#profile div.input {
	clear : both;
	margin : 4px 0px;
}
#profile .input-left {
	width : 10px;
	height : 33px;
	float : left;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/profile-input-left.png') no-repeat;
}
#profile .input-right {
	width : 10px;
	height : 33px;
	float : left;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/profile-input-right.png') no-repeat;
}
#profile form {
	padding : 1px 0px 10px 14px;
}
#profile input {
	border : 0px;
	width : 160px;
	height : 23px;
	border-top : 5px solid #40BFCA;
	border-bottom : 5px solid #40BFCA;
	float : left;
	text-align : center;
	color : #626262;
}
#profile input:focus {
	color : black;
}
#profile input.submit {
	color : white;
	font-weight : bold;
	width : 90px;
	height : 33px;
	float : left;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/profile-button.png') no-repeat;
	border : 0px;
	margin : 4px;
}
#profile a {
	color : #333742;
}
#profile a:hover {
	color : black;
}
#user-profile ul {
	margin : 0 30px;

	float : left;
}
#user-profile li {
	list-style: none;
}
#user-profile img {
	float : right;
	margin-right : 40px;
}

/*
* PROFILE BOX END
*/

#categories {
	float : left;
	width : 170px;
}
#categories ul {
	margin : 0;
	padding : 0px 10px 0px 30px;
}
#categories li {
	list-style: none;
}
#categories a {
	display : block;
	color : #626262;
	text-decoration : none;
	font-family : "Trebuchet MS", arial;
}
#categories a:hover {
	color : #626262;
	text-decoration : underline;
	font-family : "Trebuchet MS", arial;
}

#archive {
	float : left;
}
#archive ul {
	margin : 0;
	padding : 0px 10px 0px 30px;
}
#archive li {
	list-style: none;
}
#archive a {
	color : #626262;
	text-decoration : none;
	font-family : "Trebuchet MS", arial;
}
#archive a:hover {
	color : #626262;
	text-decoration : underline;
	font-family : "Trebuchet MS", arial;
}

div.tags a {
	color : white !important;
	text-decoration : none;
}
div.tags a:hover {
	text-decoration : underline;
}

#cloud {
	width : 334px;
	height : 217px;
	background : url('http://media.byteleak.com/blog.byteleak.com/images/cloud.png') no-repeat;
	border : 1px solid #E9F6F7;
}
#cloud .tags {
	width : 240px;
	height : 160px;
	margin : 35px 0px 30px 40px;
	text-align : center;
}

#comments {
	float : left;
	width : 170px;
}

#recommended {
	width : 160px;
}
#recommended ul {
	margin : 0;
	padding : 0px 10px 0px 20px;
}
#recommended li {
	list-style: none;
	background: url('http://media.byteleak.com/blog.byteleak.com/images/recommended-list.png') no-repeat 0px 4px;
	padding-left: 15px;
	margin : 4px 0px;

}
#recommended a {
	color : #40BFCA;
	text-decoration : none;
	font-family : "Trebuchet MS", arial;
}
#recommended a:hover {
	color : #626262;
	text-decoration : underline;
	font-family : "Trebuchet MS", arial;
}
#rightfromsidebar {
	float : left;
}
#scyscraper {
	padding-left : 8px;
}

/**
*
* SIDEBAR START
*
**/

.widget-comment {
	font-size : 11px;
	margin-bottom : 15px;
	margin-left : 10px;
	color : #636363;
}

.widget-comment a {
	font-size : 11px;
}

.widget-comment h4 a {
	color : #434857;
	font-family : "Trebuchet MS", arial;	
	font-size : 12px;
	text-decoration : none;
	
}
.widget-comment h4 a:hover {

	text-decoration : underline;
	
}

.widget-comment .meta {
	margin-left : 2px;
}

.widget-comment .date {
	color : #929292;
}

.widget-comment .post {
	font-size : 13px;
	margin-top : 3px;
	margin-left : 10px;
	font-family: 'Times New Roman', Times, serif;
	margin-bottom : 0;
}

/**
*
* FOOTER BEGIN
*
**/
#copyright {
	padding-top : 25px;
	padding-right : 40px;
	text-align : right;
}

#copyright .logo {
	width : 120px;
	float : right;
}
#copyright .notice {
	float : right;
	width : 400px;
	text-align : right;
	color : white;
	font-size : 10px;
	padding-top : 3px;
}
#copyright .notice a {
	font-size : 12px;
	color : white;
	text-decoration : none;
}
#copyright .reserved {
	text-align : right;
	color : #7B7B7C;
	font-size : 10px;
	padding-top : 5px;
}



/** 
*
* LAYOUT END
*
**/
ent h4 a {
	color : #434857;
	font-family: 'Times New Roman', Times, serif;
	font-size : 13px;
	font-weight : normal;
}

.widget-comment .meta {
	margin-left : 2px;
}

.widget-comment .date {
	color : #929292;
}

.widget-comment .post {
	font-size : 13px;
	margin-top : 3px;
	margin-left : 10px;
	font-family: 'Times New Roman', Times, serif;
	margin-bottom : 0;
}

/**
*
* FOOTER BEGIN
*
**/
#copyright {
	padding-top : 25px;
	padding-right : 40px;
	text-align : right;
}

#copyright .logo {
	width : 120px;
	float : right;
}
#copyright .notice {
	float : right;
	width : 400px;
	text-align : right;
	color : white;
	font-size : 10px;
	padding-top : 3px;
}
#copyright .notice a {
	font-size : 12px;
	color : white;
	text-decoration : none;
}
#copyright .reserved {
	text-align : right;
	color : #7B7B7C;
	font-size : 10px;
	padding-top : 5px;
}



/** 
*
* LAYOUT END
*
**/