/*
Theme Name: karenjakp 
Theme URI: http://karenjak.com/ 
Description: Just my Portfolio. 
Version: 1.0
Author: Mohsen MoridiAuthor 
URI: http://karenjak.com/
*/
*{padding:0;margin:0;outline:0}
/* Begin Typography & Colors */body {font-size: 11px; /* Resets 1em to 10px */font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;background: #fff url(images/bg.jpg) top repeat-x;color: #333;text-align: center;}
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: #147;text-decoration: underline;}
/* Begin Structure */body {margin: 0 0 00px 0;padding: 0;}
#page {margin: 0 auto;padding: 0;width: 950px;text-align: left;}
#header {margin: 0 0 0 1px;padding: 0;height:45px;width: 948px;}
.narrowcolumn {float: right;padding: 0 0 20px 20px;margin: 0px 0 0;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;}
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;}
.wpcf7{width:300px;float:left;color:#666;}
.wpcf7 input,.wpcf7 textarea{width:90%;margin-bottom:5px; border:1px solid #f6f6f6;background-color:#f1f1f1;padding:1px; font-family:Tahoma, Geneva, sans-serif;}
.wpcf7 input:focus,.wpcf7 textarea:focus{border:1px solid #FC9;background-color:#ffc}
.pampam{width: 210px;   margin-right:20px;  float:left;  background:#f1f1f1;  border: solid 1px #CCC;  overflow: hidden;  position: relative;  padding:1px;}


.wpcf7 submit{width:90%;margin-bottom:10px; border:1px solid #f6f6f6;background-color:#9C3;padding:3px; font-family:Tahoma, Geneva, sans-serif;}
.wpcf7 submit:hover{border:3px solid #FC9;background-color:#9C0}

.pampam{width: 210px;   margin-right:20px;  float:left;  background:#f1f1f1;  border: solid 1px #CCC;  overflow: hidden;  position: relative;  padding:1px;}
.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:173px;display:block;background:url(images/me.jpg); margin:10px 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:bold; color:#000;}
.kjlogo {width:180px; height:50px; display:block; background:url(images/logo.png); margin:auto; text-indent: -9999px; margin:0 auto 10px; position:absolute}
.kjlogoc {width:180px; height:50px; display:block; background: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;}
.boxgrid{  width: 210px;  height: 150px;  margin:8px;  float:left;  background:#f1f1f1;  border: solid 1px #CCC;  overflow: hidden;  position: relative;  padding:1px; }
 .boxgrid img{  position: absolute;  top: 0;  left: 0;  padding:0; border:none; }
 .boxgrid p{  padding: 0 10px;  color:#afafaf;  font-weight:bold;  font:10pt "Lucida Grande", Arial, sans-serif;  }
 .boxcaptionline{  float: left;  position: absolute;  background: url(images/bg2.png);  height: 100%;  width: 100%;  opacity: .8;  /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.boxcaptionline h3{display:block; padding:5px 20px 50px ; width:180px; height:16px;  color:#CCC; font:12px tahoma, Times, serif; font-weight: normal; background:url(images/boxtitle.png) top no-repeat; margin-top:115px;text-align:left;letter-spacing:1px;}
.boxcaptionline h4 a{display:block;  color:#FFF; font:25px Arial, sans-serif; letter-spacing:-1px; font-weight: bold; right:2;bottom:2 }
 .captionfull .boxcaption { top: 260; left: 0; }
  .icons{width:180px;height:65px; display:block; margin-top:30px;}
.contact{width:60px;height:62px; display:block; background:url(images/contactbw.jpg) top; float:left;}
 .blogen{width:60px;height:62px; display:block; background:url(images/blogengbw.jpg) top; float:left;}
  .blogf{width:60px;height:62px; display:block; background:url(images/blogfbw.jpg) top;float:left;}
.contactbox,.blogenbox,.blogfbox{width:150px; height:60px; display:block;position:absolute;font-size:10px;  margin:5px 0; padding:5px 15px;font-family:Tahoma, Geneva, sans-serif;text-align:left }
.contactbox,.blogenbox{font-size:15px; text-align:center;color:#999}
.rightall{text-align:right;}
.fabox{ direction:rtl;color:#333}
.men{font-size:10px; padding:10px;color:#666}
.entry{line-height:1.5;}

#footer{margin:10px 0; color:#CCC; font-size:10px;}
#footer a{ color:#CCC}