/*
Theme Name: HBProtfolio 
Theme URI: http://karenjak.com/ 
Description: Just my Portfolio. 
Version: 1.0
Author: Mohsen Moridi  
URI: http://karenjak.com/
*/
*{padding:0;margin:0;outline:0}

/* Begin Typography & Colors */
body {	color: #666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:11px;
	margin: 0;
	padding: 0;
	background:#fff url(img/bg.jpg);}
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight: bold;}
h1 {font-size: 4em;text-align: center;}
h2 {font-size: 1.6em;}
a, h2 a:hover, h3 a:hover {color: #666;text-decoration: none;}
a:hover {color: #C30;text-decoration: none;}
/* Begin Structure */body {margin: 0 0 00px 0;padding: 0;}
.navigation {margin:3px 0px;;font-size:13px;}
.navigationp {margin:3px 0px;font-size:13px; width:700px; letter-spacing:5px; font-weight:bold;color:#999;float:none;display:block;}
.navigationp a{color:#C60}
.dooot{float:right;border:0;background:url(img/dott.png) ;

position: absolute;
height: 100%;
width: auto;
margin-left:500px;

}
.port{color:#666}
.dooot img{border:4px solid #CCC;padding:0px;margin:0;background-color:#FFF;
}
.borderimg{border:1px solid #999;padding:7px;margin:0;background-color:#FFF;
text-align: center;
position: relative;
top: 50%;
margin-top: -150px;}
.lastproject{width:72px; height:20px; display:block ;background:url(img/last.png); margin-top:-20px;}
.posterbar{padding:20px;background:#036; width:auto;}
#page {
	width:800px;
	margin:0 auto;
	padding:0 10px;
	}
.pageaboutpost{
	width:354px;
	margin:30px 35px;
	float:right;
	}
.pageaboutpost h2{font-size:11px;
	width:354px;
	margin:5px auto;
	background-color:#e6e6e6;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	padding:1px 5px;
	}
.infobox{
	float:right;
	width:250px;
	margin-top:40px;
	margin-right:10px;
	}
.infobox p{margin-top:10px;line-height:20px;}
.narrowcolumn {float: right;padding: 0 0 20px 20px;margin: 50px -50px 0 0px;width: 700px;}
.post {margin: 0 0 40px;text-align: justify;}
.post hr {display: block;}
.clear {clear: both;}
p img {padding: 1px;max-width: 100%;border:1px solid #CCC;height:auto}
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}
/* Begin Sidebar */#sidebar{padding: 0 20px 0 0;margin:10px 750px 10px 0;width:180px;border-right:10px solid #f1f1f1;}
#sidebar form {margin: 0;}
/* End Sidebar */.me{width:180px;height:200px;display:block;background:url(images/me.jpg); margin:auto;}
/*--clearing----------*/.clearfloat:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
.clearfloat{display:inline-block}
.clearfloat{display:block}
.kjtitle{font-size:18px; font-weight:normal; color:#000; margin-bottom:15px;}
.kjlogo {width:180px; height:50px; display:block; background:url(images/logo.png); margin:auto; text-indent: -9999px; margin:0 auto 10px; position:absolute}


.leftarrow a,.rightarrow a {padding:1px 5px; font-size:11px; text-transform:capitalize;height:11; overflow:hidden}
.leftarrow a,.rightarrow a{
	color:#FFF;
}.leftarrow a:hover,.rightarrow a:hover{
	background-color:#CCC;
	color:#FFF
}
.leftarrow a{background: url(img/left.png)top left no-repeat;padding-left:17px;}
.rightarrow a{background: url(img/right.png)top right no-repeat;padding-right:17px;}



.kjlogoc {width:180px; height:50px; display:block; background:#36F url(images/logo2.png); margin:auto; text-indent: -9999px; margin:0 auto 10px;}
.cats  ul li {float:right; margin:0 20px 0 0; list-style:none;}
.cats  ul {float:right; color:#CCC }
.cats { height:15px;margin:10px 0; border-bottom:1px #f1f1f1 solid}
.leftarrow {padding-left:15px; border-right:1px; margin:0 10px; background:url(images/left.jpg) left no-repeat; font-size:11px;}
.rightarrow {padding-right:15px; border-left:1px; margin:0 10px; background:url(images/right.jpg) right no-repeat;font-size:11px;}
/*thumbnail start */
.tlastdesign{width:80px;height:20px; display:block; background:url(img/lastdesign.png);position:absolute;margin:5px 0 0 10px;}
.thumindex a{color:#FFF}
.thumbox {width:100px; height:100px; display:block; float:left;margin:15px;border:1px solid #f1f1f1;padding:4px;}
.tb-detail {width:90px; height:90px; display:block;background:url(img/mask.png) center bottom no-repeat; position:relative;padding:5px;overflow:hidden}
.tb-detail h1{font-size:11px;color:#CCC; text-align:left;;border-bottom: 1px solid #CCC;font-weight:normal;}
.tb-detail h1 a{color:#000}
.tb-detail h3{font-size:9px;font-weight:normal; color:#CCC; text-align:left; padding:0;}
.tb-detail h3 a{color:#666;}
.thumbtop{width:100px; height:100px; display:block;position:absolute;}
.tbmask{width:100px; height:100px; display:block;background:url(img/massk.png);position:absolute;}
.tbimg{width:100px; height:100px; display:block;background:url(img/ismg.png);}
.tbbw{width:100px; height:100px; display:block;position:absolute;}
.link{display:block; height:100px;width:100px;}
.current-menu-item a{color:#000;font-weight:700;}
.current-menu-parent a{color:#000;}

/*thumbnail End */
 
#leftmenu {
	float:left;
	width:120px;
	height:530px;margin-right:680px;
position:fixed;
	}
#logo {
text-indent:-9999px}
#logo a{width:117px; height:147px; background:url(img/logo.jpg);display:block;
margin:auto;}

.menu{margin-top:60px;margin-left:10px;}
.menu li,.entry ul li{margin:4px;direction:ltr;list-style:square;margin-left:10px; color:#666;}	
.menu li ul li{margin:4px;direction:ltr;list-style:square;margin-left:10px; color:#CCC;}	
.entry ul li ul li{margin:4px;direction:ltr;list-style:square;margin-left:10px; color:#CCC;}	
.copyright {
	display:block;
	color:#fff;
	position:fixed;
	bottom:0px;
	width:117px;
	text-align:right;
	z-index:999;
	height:88px;
	background:url(img/karenjak.jpg);
	display:block
	/*background: transparent url('images/wdl_premium_btm_ad_bkg.gif') repeat-x;*/
}
.wpcf7{width:100%;float:left;color:#999;margin:15px 0;}
.wpcf7 input,.wpcf7 textarea{width:90%;margin:5px; border:1px solid #f6f6f6;background-color:#f1f1f1;padding:1px; font-family:Tahoma, Geneva, sans-serif;}
.wpcf7 input:focus,.wpcf7 textarea:focus{border:1px dotted #C60;background-color:#FFF}