/*
Theme Name: Kal
Theme URI: http://kal.hcc.ir/
Description:
Version: 0.3
Author: Hassan Derakhshandeh
Author URI: http://tween.ir/
*/


/* ---------- Text Selection Color ---------- */
/* Mozilla based browsers */
::-moz-selection {
background: #bca;
}
/* Works in Safari */
::selection {
background: #bca;
}

* {
padding: 0;
margin: 0;
}

html {
background: #122822 url(images/bg.png) repeat-x;
}

body {
background: url(images/reel.png) no-repeat center -20px;
font: 12px Tahoma;
text-align: center;
overflow-x: hidden;
}

a {
color: #124822;
font-weight: bold;
text-decoration: none;
}

a:hover, a:focus {
border-bottom: 1px solid #122822;
}

img {
border: none;
}

#wrapper {
width: 773px;
margin: 0 auto 0;
text-align: justify;
position: relative;
}

#header {
padding-top: 30px;
padding-bottom: 20px;
margin-right: 170px;
float: right;
}

#header h1 a:link, #header h1 a:visited {
display: block;
background: url(images/logo.png) no-repeat;
width: 373px; height: 51px;
}

#header h1 a:hover, #header h1 a:focus {
}

#content {
background: #fff;
padding: 60px;
position: relative;
top:-369px;
z-index:1;
}


#forms {float: left;}
#forms a {display: block; padding: 5px 20px 5px 5px; background: url(images/disk.png) no-repeat center right; font: bold 12px Tahoma,Arial; color: #845; text-decoration: none;}



/* ---------- Menu ---------- */
#menu {
position:relative;
right:-100px;
top:-92px;
float: right;
z-index: 10;
}


/* ---------- Content ---------- */
#content h2 {
font: normal 18px Arial, Tahoma;
text-indent: 10px;
margin: 10px 0;
}

#content h3 {
font: bold 11px Tahoma, arial;
margin: 20px 0 5px 0;
}

#content h4 {
margin: 10px 0;
}

#content .col {width: 40%; margin: 5%; float: right;}

#thumbs ul li {
list-style: none;
float: left;
margin: 0 10px;
}

#iFrame1 {
direction: ltr;
}

#content a:link, #content a:visited {
}

#content a:hover, #content a:focus {
}



/* ---------- Footer ---------- */
#footer {
position: absolute;
bottom: 0; left: 0;
height: 50px;
text-align: left;
font-size: 10px;
}

#footer p {
color: #fff;
}

#footer a:link, #footer a:visited {
color: #fff;
text-decoration: none;
font-weight: bold;
}

#footer a:hover, #footer a:focus {
border-bottom: 1px dashed #fff;
}



/* ---------- ToolBox ---------- */
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer { /* Give Clickable Elements a Pointer Cursor */
cursor: pointer;
}
img { /* Not-Terrible Image Resizing in IE */
-ms-interpolation-mode: bicubic;
}
blockquote {padding: 0 10px 0 30px; text-indent: -30px;}
.clear {clear: both;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.left, .alignleft {float: left;}
.right, .alignright {float: right;}
img.center, div.center, img.aligncenter, div.aligncenter {display: block; margin: 0 auto;}
img.right, div.right, img.alignright, div.alignright {margin: 1.5em 0 1.5em 1.5em; display: inline;}
img.left, div.left, img.alignleft, div.alignleft {margin: 1.5em 1.5em 1.5em 0; display: inline;}
.wp-caption-text {font-size: .7em; line-height: 1.1em; margin: 0;}
.notext {background-position:0 0; background-repeat:no-repeat; display:block; font-size:0; line-height:0; text-indent:-4000px;}
.hide {position: absolute; left: -9999px;}
.round10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;}