/*
Theme Name: PlanIran
*/

/* 	Comment Bookmarking:
	=layout
   	=common
	=navigation
        =gallery
   	=footer
*/

/* =layout
   ----------------------------------------------------*/
body {height: 100%; width: 100%; margin: 0; padding: 0; background-color: #ccc; font: normal .8em/1.3em Verdana, Arial, Helvetica, sans-serif; }
.container {width: 970px; margin: 0px auto; background-color: #fff; padding-top:2px;}

 .farsi { direction: rtl;  text-align: right; font-size: 125%;  line-height: 1.4em;   display: block;    } 
 .english { direction: ltr;  text-align: left; font-size: 100%;  line-height: 1em;   display: block;    } 

.colThird {float: left; width: 33%;}
.colTwoThird {float: left; width: 67%;}

.colFifth {float: left; width: 20%;}
.colFifthMin {float: left; width: 19%;}
.colTwoFifth {float: left; width: 40%;}
.colThreeFifth {float: left; width: 60%;}

.colHalf {float: left; width: 50%;}
.colQuarter {float: left; width: 24%;}
.colThreeQuarter {float: left; width: 75%;}

/* ----- The below seems useful.  I haven't used this in my site yet.  have to think about it.
----------------------------- */
.120x600 {width: 120px; height: 600px;}
.125x125 {width: 125px; height: 125px;}

#header {width: 970px;  margin: 0px auto;  background-color: #efd; font-size:1.2em;  color: #663; }
#header a:link, #header a:visited, #about a:link, #about a:visited, .category a:link, .category a:visited  {color: #039; font-weight:bold; }
#header p, #header form { margin: 3px; }
#header b {color: #363;}

#mast {width: auto; /* 895px;*/ height: 94px; align: center;  margin-top: -2px; /*  margin: 2px auto;*/  /*margin: 0px 0px; padding: 5px 20px 0px 20px;*/ /* background-image: url('http://ajaban.com/planiran/assets/images/graphics/topnav-bg.gif'); background-repeat: no-repeat; */ background-color: #efd;  /* padding: 3px;*/}
#mast.top {position:relative; top:5px:}

#main {background-color: #fff; /*  border-top: 1px solid #c5cdae; border-left: 1px solid #c5cdae;   border-right: 1px solid #c5cdae;  */}
#main .content{margin: 18px 35px 0 20px;}
#main .colTwoThird .content {margin: 18px 35px 35px 20px;}
#main .colHalf .content{margin: 10px 0 20px 20px;}
#main .ad {margin: 30px 0 0 0;}
#main .large {font-size: 500%;}

#main .hdrSection {/*clear:both; */ height: 1.8em;  margin: 0 0 5px 0;  border: 1px #f2f2f2 solid; padding: 5px; background-color:  #D7dfbe; /* #666; */ /*#c7cfae;*/  color: #585947; text-transform: capitalize; font: bold 1em/1.9em Georgia, Times, serif; letter-spacing: 0;}

#galleryCol {background-color: #c7cfae;  }

#sidebox { border: 1px #D7dfbe solid;  margin: 5px;  padding: 5px 5px 0px 5px; font: bold .8em; line-height:90%; background-color: #f4f7ec;   }
#sidebox .hdrSection {clear:both;  color:#585947;  margin: -4px -4px 2px -4px; border: 0px; background-color: #D7dfbe; /* #a6af7a; */ font-size: 100%; font: normal 2em/2.9em; text-transform:none}
#sidebox .ul {margin: 0px 0px 0px 0px; padding: 0px; /*  list-style-image: url(images/bullet.gif); */  list-style-type: disc; list-style-position: outside} 
#sidebox .li {margin: 0px 0px 0px 0px; padding: 0px;}
#sidebox blockquote {border: 1px #d7dfbe solid; padding: 1px; background-color: #fff; }

#comments {  border: 1px #D7dfbe solid;  margin: 0px 10px 0px 10px;  background-color: #f4f7ec;  padding: 10px;   }
#comments .hdrSection {height: 1.8em; margin: -9px -9px 0px -9px;  padding-bottom:  5px; background-color:  /* #585947; */ D7dfbe;  color:  #585947; /* #666; */ text-transform: capitalize; font: bold 14px/17px verdana, sans-serif;  }
#comments hr {color: #D7dfbe; }

.comment-preview {width:230px; float:right;}

.comment-preview h3 {padding-bottom:4px; margin-bottom:5px;	border-bottom:1px solid #b8b8b8;}
.comment-preview p {background:url(http://www.rockatee.com/images/transparent_white.png); padding:5px;}


#quote {color:#333; margin: 10px;}
#quote img {margin: 0; padding: 0; border: 0; }

.postmeta {font-size:.8em; color:#666;}

#main .postmeta {margin: 0 0 10px 0;}
#main  #comments .postmeta {margin: 0 0 5px 0;}

/* =common
   ----------------------------------------------------*/
h1 {font: bold 2.5em/1em verdana, sans-serif; margin: 0 0 5px 0;  color: #585947;}
h2 {margin: 0 0 5px 0; padding: 0; font: normal 1.8em/1.3em verdana, sans-serif; letter-spacing: .5px;  /*  color: #C60;  */  color: #585947;}
h3 {font: normal 1.5em/1em verdana, sans-serif; margin: 0;  /* margin: 20px 0 -10px 0; */ color: #00628B; letter-spacing: -.5px;}



p {margin: 0px 0 50px 0;   font: 11px/1.6  Verdana, Georgia, Arial, sans-serif; /* line-height:1.4em;*/ }
.colTwoThird p {line-height: 1.5em;}
#main  #comments p {margin: 5px 0 0 0;}
.colHalf p {margin: 5px 0;}

hr {style: solid; color: #ccc; }

img    {margin: 0; padding: 0; border: 0; }
img.right    {float:right; border: 2px #D7DFBE solid; margin: 0px 0px 15px 20px}
img.left    {float:left; border: 2px #D7DFBE solid;  margin: 0px 20px 15px 0px}  
.content img {border: 2px #D7DFBE solid; margin: 0px 10px 5px 10px; padding: 5px;} 
.bala img {margin: 0; padding: 0; border: 0;  position: relative; bottom: -5px;}
.zero img {margin: 0; padding: 0; border: 0;  position: relative; }

a:link, a:visited {color: #003399;  text-decoration: none;}
a:hover {text-decoration: underline;}

ul {margin: 10px 0 20px 20px; padding: 0px; /* list-style-image: none;  list-style-type: none;  url(images/bullet.gif); */} 
li {margin: 5px 0 0 0;  padding: 0px;}

.floatLeft {float: left;}
.floatRight {float: right;}

.clearBoth {clear: both;}
.clearRight {clear: right;}
.clearLeft {clear: left;}

.txtCenter {text-align: center;}
.center {text-align: center;}

blockquote {font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;  border: 1px #d7dfbe solid; padding: 10px; background-color: #fff; }

#but a:link, #but a:visited,#but a:hover {text-decoration: none;}

/* .date  {padding-top:10px; padding-bottom: 10px; color: #C60;} */
.date { /* date & author */  color : #585947; float: left; line-height:2.3em; margin:1.5em 0 5px 10px;	padding-right:5px; border-right:1px solid #585947; font-size:.8em; text-align:center; position:relative; right:0; }
.date_day { display:block; font-size:3em;  text-align:left;  }
.date_month {  display:block; font-size:3em; text-align:left;  font-weight:bold;}
.date_year {  display:block;  font-size:1.4em; line-height:.9em;  }


/* =navigation
   ----------------------------------------------------*/

/*  start left navbar styles */

.left { background-color: #efd;   border:1px solid #ccc;
font:  bold 14px/17px verdana, sans-serif;   color:#039;  }

.left a {color: #C60;  background-color: #efd;  text-decoration: none; border: 0px solid #6666cc;
     	display: block;	 padding: 2px 6px; margin: 0px;  border-bottom: 1px solid #e0e0e0  }
	 
.left a:hover {  background-color: #039; text-decoration: none; color: #fff; 
  border-bottom: 1px solid #309; display: block;/*	width: 130px;	 padding: 2px 6px; margin: 0px; */} 

.left ul, a li, a li:active {color:#039; list-style-type:none;  text-decoration: none; border: 0px;  }

.left1 {display: block; padding-left:20px;font: bold 10px/13px verdana;}
.left2 {display: block; padding-left:20px; font: bold 10px/13px verdana;}

.left1 a {color: #039;}

/*  end left navbar styles */



/* =gallery
For integrating gallery pictures into site - hover-enlarge feature
   ----------------------------------------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail  { position: relative; z-index: 0;   padding: 5px;  }

.thumbnail:hover  {background-color: transparent; z-index: 50;}

/*CSS for enlarged image*/ 
.thumbnail span{  position: absolute;  background-color: lightyellow;  padding: 5px;  right: -1000px;  border: 1px solid gray; visibility: hidden; color: black; text-decoration: none; }

 /*CSS for enlarged image*/
.thumbnail span img{ border-width: 0; padding: 10px; }

/*CSS for enlarged image on hover*/
.thumbnail:hover span{  visibility: visible;  top: 0;  right: 60px; /*position where enlarged image should offset horizontally */   }

/*  end gallery in site styles */


/* =footer
   ----------------------------------------------------*/
#footer {margin:  20px;  text-align: center; font-size:.8em; width:  895px; height: 94px; align: center;   margin: 2px auto; background-image: url('http://ajaban.com/planiran/assets/images/graphics/topnav-bg.gif'); background-repeat: no-repeat; padding: 7px;}
#footer p {margin: 2px; color:#666;}