/*   
Theme Name: Blog
Theme URI: http://hoaxer.be
Description: 
Author: Kim Gosselin
Author URI: http://hoaxer.be
Template: blog
Version: 0.1
.
General comments/License Statement if any.
.
*/

/* 
line 1: width; height; margin; padding; clear; float; display; position; overflow; z-index;
line 2: background-color; border; background-image;[background-image] [background-repeat] [background-attachment] [background-position]
line 3: color; font-size; font-weight; letter-spacing; text-transform; text-decoration; text-align; line-height; text-indent;
*/

/* general */

	body,div,h1,h2,h3,h4,h5,h6	{ margin:0px; padding:0px; top:0px; right:0px; bottom:0px; left:0px; }

/* draft: body */

	/* body	{ background-color:#fff; background-image:url(images/bg_pattern.gif); background-repeat:repeat; background-position:top center; } */
	body	{ background-color:#06131B; }

	
	/* draft: page */

		#page	{ width:980px; margin:0px auto; clear:both; overflow:hidden; }
		#page	{ background-color:#000; border:10px solid #000; background-image:none; }

		/* draft: page - header */

			#header	{ width:980px; height:200px; float:left; }
			#header	{ background-color:#000; border-bottom:2px solid #111; background-image:url(images/header.jpg); background-repeat:no-repeat; background-position:top left; }
			#header	{ color:#bbb; text-align:right; }
			
		/* draft: page - content */

			#content	{ width:780px; min-height:700px; float:left; padding:10px; }
			#content	{ background-color:#fff; color:#333; }

		/* draft: page - sidebar */

			#sidebar	{ width:180px; min-height:700px; padding:0px; float:left; }
			#sidebar	{ background-color:#000; color:#bbb; }

		/* draft: page - footer */

			#footer	{ width:980px; padding-top:10px; float:left; }
			#footer	{ background-color:#000; border-top:2px solid #111; color:#bbb; }	
	
/* formatting: body */

	body		{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
	img		{ border:none; }
	object	{ display:block; float:left; padding-right:5px; padding-bottom:5px; margin-right:5px; }
	
	/* formatting: page */

		hr	{ display:none; }
		
		a				{ color:#166f9d; text-decoration:none; letter-spacing:0.05em; }
		a:active		{ color:#166f9d; text-decoration:none; letter-spacing:0.05em; }
		a:visited		{ color:#166f9d; text-decoration:none; letter-spacing:0.05em; }
		a:hover			{ color:#166f9d; text-decoration:underline; letter-spacing:0.05em; }		

	/*formatting: page - header */

		#header h1		{ margin:70px 0px 0px 0px; padding:0px; clear:both; }
		#header h1		{ color:#ff018d; font-size:22px; font-weight:normal; letter-spacing:2px; text-transform:uppercase; }
		
		#header .description		{ color:#bbb; }
		
		#header a				{ text-decoration:none;  }
		#header a:active		{ text-decoration:none; }
		#header a:visited		{ text-decoration:none; }
		#header a:hover			{ text-decoration:none; }			
	
	/*formatting: page - content */
	

		#content h2		{ margin:0px 0px 2px 0px; padding:4px; clear:both; }
		#content h2		{ background-color:#efefef; border-bottom:2px solid #dfdfdf; border-top:2px solid #dfdfdf; }
		#content h2		{ color:#4e4e4e; font-size:15px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; }

		#content h3		{ margin:0px 0px 2px 0px; padding:4px; clear:both; }
		#content h3		{ background-color:#efefef; border-bottom:2px solid #dfdfdf; border-top:2px solid #dfdfdf; }
		#content h3		{ color:#4e4e4e; font-size:13px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; }
		
		#content small	{ color:#777; }
		#content cite		{ text-decoration:none; }

		#content a				{ text-decoration:none; }
		#content a:active		{ text-decoration:none; }
		#content a:visited		{ text-decoration:none; }
		#content a:hover			{ text-decoration:underline; }

		#content .entry p	{ margin:10px 10px 10px 10px; padding-left:15px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding-right:15px; }
		#content .entry p	{ line-height:180%; text-align:justify; }

		#content .entry .quote	{ font-style:italic; clear:both; padding-top:5px; }		

		#content .entry ul	{ margin:10px 10px 5px 10px; padding-left:25px; border-left:1px solid #dfdfdf; }
		#content .entry ul li	{ line-height:180%; list-style-image:url(images/trans_arrow.gif); }
		
		#content p.postmetadata	{ margin:10px 10px 20px 10px; clear:both; }
		#content p.postmetadata	{ text-align:right; line-height:140%; }

		#content .navigation	{ width:780px; float:left; margin:5px 0px; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf;  background-color:#efefef; }

		#content .navigation ul	{ margin:0px; padding:0px; }

		#content .navigation ul li { display:block; padding:5px; float:left; position:relative; z-index:999; }
		#content .navigation ul li { list-style:none; }
		
		#content .navigation .alignleft { width:370px; text-align:right; }
		#content .navigation .alignright { width:370px; text-align:left; }

		#content .commentlist li 	{ list-style-type:none; margin-left:-30px; margin-top:10px; }
		#content .comment		{ border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; margin:5px 0px; padding:5px; }
		#content .comment-author	{ background-color:#efefef; padding:5px; margin:-5px -5px 5px -5px; }
        #content .comment-author img { vertical-align:middle; padding-right:5px; }
		#content .comment p		{ line-height:180%; text-align:justify; padding-left:20px; padding-right:20px; }
		#content .comment ul		{ list-style-type:none; }		

		#content .comment-meta	{ font-size:10px; visibility:hidden; margin:-10px 0px; }
		#content .reply { border-bottom:1px solid #dfdfdf; padding:0px; margin:-5px -5px -5px -5px; }

		#content .waiting  { padding:5px; display:block;}

		#content .sharethis	{ margin:5px 30px 10px 0px; padding:5px; display:block; text-align:right; float:right; }

		#content #respond	{ margin:15px 5px 0px 5px; }

	/*formatting: page - sidebar */
		
		#sidebar ul		{ list-style-type:none; margin:0px; padding:0px 0px 0px 5px; font-size:10px; }
		
		#sidebar h2		{ margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; }
		#sidebar h2		{ font-weight:normal; letter-spacing:1px; font-size:12px;  }
		#sidebar h2		{ border-bottom:1px solid #222; }
		
		#sidebar ul li		{ margin:0px; margin-left:10px; padding:4px 0px 4px 0px;  }
		
		#sidebar ul li ul li	{ list-style-image:url(images/trans_arrow.gif); }	
	
	/*formatting: page - footer */
	
		#footer p	{ font-size:10px; letter-spacing:1px; text-align:center; }


			
/* forms */

form 	{ padding:5px 5px 5px 0px; }

fieldset	{ width:500px; padding:5px; /* border:8px solid #262626; border-right:none; border-bottom:none; border-top:none; */ }
legend 	{ position:absolute; margin:-9000px; display:none; visibility:hidden; }
label		{ width:auto; margin:8px 0px 5px 0px; padding-left:15px; color:#ddd; letter-spacing:0px; font-size:11px; }
label		{ background:url(images/trans_arrow.gif) no-repeat 0px 4px; }

input		{ margin:0px 5px 5px 5px; padding:2px; font-size:11px; border:1px solid #555; font-family: Verdana, Arial, Helvetica, sans-serif; color:#222; background-color:#dfdfdf; width:200px; }
select	{ margin:0px 5px 5px 5px; padding:2px; font-size:11px; border:1px solid #555; font-family: Verdana, Arial, Helvetica, sans-serif; color:#222; background-color:#dfdfdf; width:206px; }
textarea	{ margin:0px 5px 5px 5px; padding:2px; font-size:11px; border:1px solid #555; font-family: Verdana, Arial, Helvetica, sans-serif; color:#222; background-color:#dfdfdf; }

input.text		{ border:1px solid #262626; }
input.password 	{ border:1px solid #262626; }	
input.submit		{ border:1px solid #262626; width:206px; font-weight:normal; text-transform:uppercase; letter-spacing:1px; color:#fff; background-color:#000; }
input.checkbox	{ width:auto; margin:4px 0px 0px 20px; border:none; background:none; }	
input.radio		{ width:auto; margin:4px 0px 0px 20px; border:none; background:none; }

/* original default wordpress theme css */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 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 */