/*
Theme Name: K.Libia homepage theme
Theme URI: http://klibia.com/
Description: 
Version: 1.0
Author: Design - K.Libia; Coding - Wiseman
Author URI: http://klibia.com; http://wisemansoftworks.com

*/

body
	{
	background:#080705;
	color:#fff;
	font: 12px Verdana;
	}

p	
	{
	padding: 0 0;
	margin: 0 0;
	}
	
a, a:visited
	{
	color:#fff;
	}

a img
	{
	border:0;
	}
		
.clearing
	{
	clear:both;
	}
	
#content
	{
	width:944px;
	margin: 0 auto;
	}
	
#header
	{
	width:944px;
	height:120px;
	background: url(img/header.png) top left no-repeat;
	overflow:hidden;
	}

#home_link
	{
	width:145px;
	height:90px;
	position:relative;
	left:33px;
	top:22px;
	cursor:pointer;
	}
	
#home_ico
	{
	width:11px;
	height:10px;
	background: url(img/header_home.png) top left no-repeat;
	position:relative;
	left:864px;
	top:-50px;	
	cursor:pointer;
	}	

#home_ico_pr
	{
	width:11px;
	height:10px;
	background: url(img/header_home_pr.png) top left no-repeat;
	position:relative;
	left:864px;
	top:-50px;	
	}	


#separator_ico
	{
	width:1px;
	height:10px;
	background: url(img/header_separator.png) top left no-repeat;
	position:relative;
	left:885px;
	top:-60px;	
	cursor:pointer;
	}	

#mail_ico
	{
	width:12px;
	height:8px;
	background: url(img/header_mail.png) top left no-repeat;
	position:relative;	
	left:900px;
	top:-69px;	
	cursor:pointer;
	}	
	
/*====== MENU =======*/

#menu_bckg
	{
	float:left;
	width:825px;
	height:48px;
	background: url(img/menu_bckg.png) top left no-repeat;
	}

#mi_recent
	{
	float:left;
	width:117px;
	height:48px;
	background: url(img/mi_recent.png) top left no-repeat;	
	cursor:pointer;
	}
	
#mi_recent_pr
	{
	float:left;
	width:117px;
	height:48px;	
	background: url(img/mi_recent_pr.png) top left no-repeat;
	}
	
#mi_recent_sel
	{
	float:left;
	width:117px;
	height:48px;	
	background: url(img/mi_recent_sel.png) top left no-repeat;
	cursor:pointer;	
	}


#mi_design
	{
	float:left;
	width:117px;
	height:48px;
	margin: 0 0 0 1px;
	background: url(img/mi_design.png) top left no-repeat;
	cursor:pointer;	
	}
	
#mi_design_pr
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_design_pr.png) top left no-repeat;
	}

#mi_design_sel
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_design_sel.png) top left no-repeat;
	cursor:pointer;	
	}	
	
#mi_web
	{
	float:left;
	width:117px;
	height:48px;
	margin: 0 0 0 1px;
	background: url(img/mi_web.png) top left no-repeat;
	cursor:pointer;
	}
	
#mi_web_pr
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_web_pr.png) top left no-repeat;
	}

#mi_web_sel
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_web_sel.png) top left no-repeat;
	cursor:pointer;
	}	
	
#mi_photography
	{
	float:left;
	width:117px;
	height:48px;
	margin: 0 0 0 1px;
	background: url(img/mi_photo.png) top left no-repeat;
	cursor:pointer;
	}
	
#mi_photography_pr
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_photo_pr.png) top left no-repeat;
	}
	
#mi_photography_sel
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_photo_sel.png) top left no-repeat;
	cursor:pointer;
	}	
	
#mi_art
	{
	float:left;
	width:117px;
	height:48px;
	margin: 0 0 0 1px;
	background: url(img/mi_art.png) top left no-repeat;
	cursor:pointer;
	}
	
#mi_art_pr
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_art_pr.png) top left no-repeat;
	}
	
#mi_art_sel
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_art_sel.png) top left no-repeat;
	cursor:pointer;
	}	
	
#mi_handmade
	{
	float:left;
	width:117px;
	height:48px;
	margin: 0 0 0 1px;
	background: url(img/mi_handmade.png) top left no-repeat;
	cursor:pointer;
	}
	
#mi_handmade_pr
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_handmade_pr.png) top left no-repeat;
	}

#mi_handmade_sel
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_handmade_sel.png) top left no-repeat;
	cursor:pointer;
	}
		
#mi_about
	{
	float:left;
	width:117px;
	height:48px;
	margin: 0 0 0 1px;
	background: url(img/mi_about.png) top left no-repeat;
	cursor:pointer;
	}
	
#mi_about_pr
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_about_pr.png) top left no-repeat;
	}

#mi_about_sel
	{
	float:left;
	width:117px;
	height:48px;	
	margin: 0 0 0 1px;
	background: url(img/mi_about_sel.png) top left no-repeat;
	cursor:pointer;
	}
	

#menu_ending
	{
	float:left;	
	margin: 0 0 0 1px;	
	width:118px;
	height:48px;
	background: url(img/menu_ending.png) top left no-repeat;
	}
	
/*====== SUBHEADER =======*/

#subheader
	{
	float:left;
	margin: 1px 0 0 0;	
	height:185px;
	width:944px;
	background: url(img/subheader.png) top left no-repeat;
	overflow:hidden;
	}
	
#subh_photo
	{
	visibility:hidden;
	position:relative;
	top:0px;
	left:0px;
	width:312px;
	height:174px;
	background: url(img/subh_photo.png) top left no-repeat;
	}	
#subh_about
	{
	visibility:hidden;
	position:relative;
	top:-174px;
	left:222px;
	width:312px;
	height:174px;
	background: url(img/subh_about.png) top left no-repeat;
	}	
#subh_handmade
	{
	visibility:hidden;
	position:relative;
	top:-348px;
	left:535px;
	width:312px;
	height:174px;
	background: url(img/subh_handmade.png) top left no-repeat;
	}	
#subh_art
	{
	visibility:hidden;
	position:relative;
	top:-522px;
	left:796px;
	width:312px;
	height:174px;
	background: url(img/subh_art.png) top left no-repeat;
	}	
#subh_design
	{
	visibility:hidden;
	position:relative;
	top:-637px;
	left:117px;
	width:312px;
	height:174px;
	background: url(img/subh_design.png) top left no-repeat;
	}
#subh_recent
	{
	visibility:hidden;
	position:relative;
	top:-814px;
	left:643px;
	width:312px;
	height:174px;
	background: url(img/subh_recent.png) top left no-repeat;
	}
#subh_web
	{
	visibility:hidden;
	position:relative;
	top:-969px;
	left:467px;
	width:312px;
	height:174px;
	background: url(img/subh_web.png) top left no-repeat;
	}	
		
#subh_admin_enter
	{
	position:relative;
	width:5px;
	height:5px;
	left:103px;
	top:-1165px;
	cursor:pointer;
	}	
	
/*====== SIDEBAR =======*/

#sidebar
	{
	float:left;
	width:217px;
	}

#sidebar_top
	{
	width:217px;
	height:34px;
	background: url(img/sidebar_top.png) top left no-repeat;	
	}

#sidebar_mid
	{
	padding: 9px 0 0 0;
	width:217px;
	height:615px;
	background: url(img/sidebar.png) top left no-repeat;	
	overflow:hidden;
	text-align:center;
	}

.current_page_item a
	{
	color:#5c2e22 !important;
	}
	
li.page_item
	{
	width:217px;
	height:40px;
	text-align:center;
	list-style:none;
	font: 12px Verdana;
	background: url(img/sidebar_item.png) left bottom no-repeat;
	}
	li.page_item a
		{
		position:relative;
		top:10px;
		color:#e2dbc8;
		text-decoration:none;
		}
	li.page_item a:hover
		{
		color:#ff51b8;
		}

#back_to
	{
	margin: 11px 0 0 0;
	height:20px;
	}
	#back_to img
		{
		margin: 0 4px 0 0;
		}
	
	#back_to a
		{
		text-decoration:none;
		color:#e2dbc8;
		}
	#back_to a:hover
		{
		color:#ff51b8;
		}	
	
/*====== DATA =======*/	

#data
	{
	float:left;
	width:727px;
	overflow:hidden;
	}
	#data h2
		{
		position:relative;
		left:28px;
		top:20px;
		font:bold 18px Verdana !important;
		color: #6a6a6a;
		}

.dash_line
	{
	float:left;
	width:727px;
	height:1px;
	margin: 8px 0 0 29px;
	background: url(img/dash_line.png) top left repeat-x;
	}

#view_mode
	{
	float:left;
	margin: 3px 0 0 29px;
	width: 145px;
	color:#6a665d;
	overflow:hidden;
	}
	#view_mode span
		{
		position: relative;
		top: -3px;
		}
	
#dummy
	{
	float:left;
	margin: 3px 0 0 29px;
	width: 145px;
	height:14px;
	}

#search
	{
	float:left;
	width:158px;
	height:16px;
	margin: 0 0 0 386px;	
	background: url(img/search.png) 0 0 no-repeat;
	overflow:hidden;
	}
	
#search_input
	{
	height:10px;
	width:130px;
	margin:2px 0 0 2px;
	background:#8b867a;
	color:#000;
	border:none;
	font: 10px Verdana;
	}
	
#search_input:hover
	{
	background:#bdb9b0;
	}
	
#srch_submit
	{
	position:relative;
	left:8px;
	top:3px;
	}	
	
/*====== POST =======*/

.post
	{
	float:left;
	width:697px;
	margin: 22px 0 20px 30px;
	}

.post_header
	{
	float:left;
	width:545px;
	color:#717171;
	font: 12px Verdana;
	}
	.post_header a
		{
		color:#fff;
		font: bold 16px Verdana;
		text-decoration:none;
		}
	.post_header span a
		{
		color:#B1B1B1;
		font: 12px Verdana;
		text-decoration:underline;
		}

.post_date
	{
	float:left;
	width:152px;
	color:#717171;
	font: 12px Verdana;
	text-align:right;
	padding: 3px 0 0 0;
	}
	
.post_img
	{
	margin: 0 auto;
	}
	
.post_footer
	{
	width:100%;
	height:15px;
	font: 10px Verdana;
	background: #3c3a35 url(img/post_footer_bullet.png) 0 0 no-repeat;
	}
	.post_footer *
		{
		position:relative;
		top:1px;
		}
	.post_footer a
		{
		padding: 0 0 0 14px;
		color:#fff;
		text-decoration:none;
		}

		
/*====== POST PREVIEW =======*/		

#preview_wrap
	{
	width:500px;
	float:left;
	margin: 58px 0 58px 130px;
	}
	
.post_ico
	{
	float:left;
	width: 96px;
	height: 96px;
	margin: 1px 0 0 1px;
	padding: 2px 0 0 2px;
	}
	.post_ico:hover
		{
		background: #e2dbc8;
		}

		
/*====== COMMENT =======*/

.comment
	{
	float:left;
	width:668px;
	margin: 21px 29px;
	}

.comment_bullit
	{
	float:left;
	width:3px;
	height:37px;
	background:#ff51b8;
	}

.comment_data
	{
	float:left;
	width:184px;
	height:33px;
	background:#2c2926;	
	overflow:hidden;
	padding: 4px 8px 0 0;
	text-align:right;
	font: 12px Verdana;		
	color:#fff;		
	}
	.comment_data small
		{
		position:relative;
		top:4px;
		font: 9px Verdana;
		color:#83817f;
		}	

.comment_text
	{
	float:left;
	width:455px;	
	font: 12px Verdana;
	color:#c4c3c2;
	padding: 4px 0 0 17px;
	}
	
#respond
	{
	float:left;
	width:668px;
	font: 12px Verdana;	
	color:#a4a3a1;
	margin: 21px 29px;
	}
	#respond input, #respond textarea
		{
		background:#d8d7d6;
		border-style: solid;
		border-width: 1px;
		border-color: #625f5a;
		width:200px;
		margin: 8px 0 0 0;
		}
	#respond textarea
		{
		width:404px;
		}
	#respond p textarea
		{
		width:404px;
		}

	
	
	#respond small
		{
		position:relative;
		top: -2px;
		left: 6px;
		font: 12px Verdana;	
		}
#respond #submit
	{
	position:relative;
	left:267px;
	background:#ff51b8;
	color:#ffdef2;
	font: 12px Verdana;	
	height:22px;
	width:142px;
	border-color: #9d437a;
	}
	
	
/*====== PAGINATOR =======*/

#paginator
	{
	float:left;
	width:668px;
	height:23px;
	margin: 12px 0 0 35px;
	}	
	#paginator h1
		{
		display:block;
		float:left;
		color:#6a6a6a;
		font:normal 12px Verdana;
		margin: 4px 15px 0 -6px;
		}	
	
.page_plate
	{
	width:23px;
	height:23px;
	float:left;
	text-align:center;
	}
	.page_plate a, .page_plate a:visited 
	{
	text-decoration:none;
	color:#6a6a6a;
	position:relative;
	top:4px;
	}
#current_page_plate
	{
	width:23px;
	height:23px;
	float:left;
	text-align:center;
	background: #ff51b8;	
	}
	#current_page_plate a
	{
	text-decoration:none;
	position:relative;
	top:4px;	
	}

/*====== ABOUT =======*/

#about_wrap
	{
	width:700px;
	float:left;
	margin: 33px 0 0 29px;
	color: #B1B1B1;
	}
	#about_wrap p
		{
		margin: 10px 0 0 0;
		}
	#about_wrap h1 
		{
		font:bold 18px Verdana !important;
		margin: 35px 0 0px 0;
		color: #6a6a6a;
		}
	#about_wrap ul li
		{
		margin: 3px 0 0 0;
		}
	#about_wrap a
		{
		color:#c0c0c0;
		}
	

/*====== FOOTER =======*/	

#footer
	{
	width:698px;
	float:left;
	margin: 25px 0 20px 0;
	padding: 0 0 0 246px;
	font: 10px Verdana;
	color:#6a6a6a;
	}
	#footer a
		{
		color:#dfddd6;
		}
