html { 
    height: auto;
    min-height: 100%;
    background-image: url(http://hayalkarga.com/theme/07/images/bgx_b.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #404e5b;
	 }

	
body {
	background-image: url(http://hayalkarga.com/theme/07/images/bgx_t.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px auto 0px auto;
	font-family: verdana, arial;
	font-size: 11px;
	color: #61627a;
	min-height: 100%;
	text-align: center;
}

div.design { 
	width: 800px;
	vertical-align: top;
	padding: 0px;
	margin: 0px auto 0px auto;
	background-image: url(http://hayalkarga.com/theme/07/images/bgy.jpg);
	background-repeat: repeat-y;
	min-height: 100%;
	text-align: left;
    list-style-type:none;
    display: table;
	 }
	 	 	 
	 
div.foot { 
	width: 800px;
	height: 68px;
	background-image: url(http://hayalkarga.com/theme/07/images/foot.jpg);
	background-repeat: no-repeat;
	margin: 100px auto 0px auto;
	text-align: center;
	 }	 
	 
.foot p { 
	margin: 0px 20px 0px 20px;
	padding: 5px 0px 0px 0px;
	color: #444;
	 }	 
	 

div.banner_01 { height: 27px; width: 800px; margin: 0px; background-image: url(http://hayalkarga.com/theme/07/images/banner_01.jpg); }
div.banner_03 { height: 37px; width: 800px; margin: 0px; background-image: url(http://hayalkarga.com/theme/07/images/banner_03.jpg); }
div.banner_04 { height: 34px; width: 800px; margin: 0px; background-image: url(http://hayalkarga.com/theme/07/images/banner_04.jpg); }
div.banner_05 { height: 50px; width: 800px; margin: 0px; background-image: url(http://hayalkarga.com/theme/07/images/banner_05.jpg); }


div.toplinks { 
	width: 800px; 
	margin: 0px;
	padding: 0px;
	background-image: url(http://hayalkarga.com/theme/07/images/banner_02.jpg);
	height: 39px;
	text-align: right;
	 } 
	 
.toplinks div { padding: 15px 0px 0px 0px; margin: 0px 14px 0px 0px; }	 
	 
.toplinks a { 
	font-size: 11px;
	font-family: arial, verdana;
	color: #4f5d6a;
	text-decoration: none;
	padding: 5px;
	margin: 0px 15px 0px 0px;
	font-weight: bold;
	text-transform: uppercase;
	 }	 

.toplinks a:hover { 
	color: #917399;
	border-top: 2px solid #917399;
	 }	 
	 
	 
div.content { 
	width: 800px; 
	min-height: 213px;
	margin: 0px;
	background-image: url(http://hayalkarga.com/theme/07/images/banner_06.jpg);
	background-position: top left;	
	background-repeat: no-repeat;
	display: table-row;
	 }	 
	 
div.welcome { 
	color: #7e7587;
	width: 390px;
	text-align: left;
	position: relative;
	font-size: 11px;
	font-family: arial;
	top: 35px;
	left: 155px;
	 }	 
	 
.welcome a { text-decoration: none; color: #758272; }	 
.welcome a:hover { color: #444; }
	 
div.title { 
	color: #633f40;
	font-family: verdana, arial;
	font-size: 16px;
	width: 520px;
	position: relative;
	top: 60px;
	left: 45px;
	 }	 
	 
div.pages_1 { 
	text-align: right;
	width: 520px;
	font-family: arial, verdana;
	font-size: 11px;
	position: relative;
	top: 78px;
	left: 25px;
	 }	 
	 
.pages_1 b { 
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background-color: #67727c;
	color: #aaa;
	border: 1px solid #666;
	text-decoration: none; 
	text-transform: uppercase;	
	 }	 
	 
.pages_1 a { 
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background-color: #47596b;
	color: #999;
	border: 1px solid #666;
	text-decoration: none; 	
	font-size: 11px;
	 }
	 
.pages_1 a:hover { color: #eee; background-color: #415162; }	 	 
	  
div.right { 

	position: relative;
	left: 45px;
	top: 15px;
	padding: 0px;
	margin: 0px;
	 }
	 
.right div { 
	background-color: #988584;
	width: 175px;
	padding: 3px 10px 5px 10px;
	margin: 0px 0px 20px 0px;
	 }	 
	 
.right div h1 { 
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 2px 5px;
	color: #333;
	font-family: arial, verdana;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 2px solid #444;
	text-align: right;
	letter-spacing: 1.2px;
	 }	 
	 
.right div a { 
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 4px 10px 4px 5px;
	font-family: arial, verdana;
	text-decoration: none;
	border-bottom: 1px solid #806e6d;
	color: #555;
	font-size: 11px;
	font-family: verdana, arial;
	letter-spacing: 1.2px;
	 }	 
	 
.right div a:hover { 
	color: #505d84;
	border-bottom: 1px solid #c3afae;	
	 }
	 
.ipre img { 
	border: 0px;
	border-top: 2px solid #806e6d;	
	border-bottom: 2px solid #806e6d;		
	 }	 
	 
.ipre img:hover { 
	border-top: 2px solid #c3afae;	
	border-bottom: 2px solid #c3afae;	
	 }	 	 
	 
.ipre { 
	border-bottom: 0px;
	border: 0px;
	margin: 0px auto 0px auto;	
	text-align: center;
	padding: 0px;
	display: block;
	 }	
	 
.right blockquote { 
	background-color: #988584;
	width: 175px;
	padding: 3px 10px 5px 10px;
	margin: 0px 0px 20px 0px;
	 }	 
	 
.right blockquote h1 { 
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 2px 5px;
	color: #333;
	font-family: arial, verdana;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 2px solid #444;
	text-align: right;
	letter-spacing: 1.2px;
	 }	 
	 
.right blockquote a { 
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 4px 10px 4px 10px;
	font-family: arial, verdana;
	text-decoration: none;
	border: 0px;
	color: #555;
	font-size: 11px;
	font-family: verdana, arial;
	letter-spacing: 1.2px;
	 }	  
	 
div.left { 
	width: 525px;
	position: relative;
	top: 95px;
	left: 32px;
	 }
	 
.left div { 
	width: 510px;
	background-color: #d0d6db;
	padding: 2px 8px 2px 7px;
	margin: 0px 0px 20px 0px;
	font-family: verdana, arial;
	font-size: 11px;
	color: #61627a;	
 }

.left div h1 { 
	display: block;
	margin: 0px 0px 2px 0px;
	padding: 5px 10px 2px 5px;
	color: #76638c;
	font-family: arial, verdana;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 2px solid #777;
	text-align: left;
	letter-spacing: 1.2px;
	 }	
	 
.left div h2 { 
	display: block;
	margin: 0px 0px 2px 0px;
	padding: 5px 5px 2px 10px;
	color: #95605d;
	font-family: arial, verdana;
	font-size: 11px;
	font-weight: bold;
	border-top: 2px solid #999;
	text-align: right;
	letter-spacing: 1px;
	 }		 
	 
.left p { 
	margin: 5px 5px 15px 5px; 	
	font-family: verdana, arial;
	font-size: 11px;
	color: #61627a; 
	}	 

a { 
	text-decoration: none;
	color: #5f4d74;
	font-size: 10px;
	 }	 
	 
a:hover { border-bottom: 1px dotted #5f4d74; }	 

.left div a { font-weight: bold; }

.rss { float: left; margin: 5px; border: 2px solid #eee; }

.dzn { float: left; margin: 4px 5px 5px 5px; border: 2px solid #eee; }

.dp { 
	padding: 4px 8px 4px 8px;
	margin: 0px 0px 0px 30px;
	text-transform: uppercase;
	background-color: #aeb3b8;
	border: 1px solid #ddd;
	color: #6e86ae;
	letter-spacing: 1.5px;
	font-size: 11px;
	 }
	 
.dp:hover { 
	color: #aeb3b8;
	border: 1px solid #ccc;
	background-color: #465773;	
	 }	 
	 
table.linkx { 
margin: 5px auto 5px auto;	
	 }	 
	 
td.t01 { 
	padding: 10px 10px;
	margin: 10px;	
	 }	 
	 
td.t02 { 
	margin: 10px;
	padding: 10px 10px;
	 }
	 
.t01 img { border: 0px; border-bottom: 1px dotted #d0d6db; }

.t01 img:hover, .t01 a:hover { border-bottom: 0px; border: 0px; }	

td.a01 { 
	padding: 10px 10px;
	margin: 10px;	
	border-bottom: 1px dotted #888;	
	border-right: 1px dotted #888;		
	 }	 
	 
td.a02 { 
	margin: 10px;
	padding: 10px 10px;
	border-bottom: 1px dotted #888;	
	border-right: 1px dotted #888;		
	 }
	 
td.a03 { 
	margin: 10px;
	padding: 10px 10px;
	border-bottom: 1px dotted #888;
	 }	 
	 
.a01 img { border: 0px; border-bottom: 1px dotted #d0d6db; }

.a01 img:hover, .a01 a:hover { border-bottom: 0px; border: 0px; }	 	 

table.formtbl { 
	width: 400px;
	margin: 5px auto 5px auto;
	 }
	 
td.formtd1 { 
	width: 100px;
	text-transform: uppercase;
	background-color: #8d97a1;
	padding: 4px 0px 0px 10px;
	vertical-align: top;
	font-size: 10px;
	border: 3px solid #d0d6db;
	color: #6e5557;
	 }	 
	 
td.formtd2 { 
	width: 300px;
	 }	 
	 
.forminput { 
	background-color: #9aa1a7;
	font-size: 11px;
	color: #333;
	border: 1px solid #eee;
	width: 100%;
	padding: 4px;
	letter-spacing: 1.2px;
	 }

.formtextarea { 
	background-color: #9aa1a7;
	font-size: 11px;
	color: #333;
	border: 1px solid #eee;
	width: 100%;
	height: 50px;
	padding: 4px;
	letter-spacing: 1.2px;	
	 }	
	 
input {	 
	background-color: #9aa1a7;
	font-size: 11px;
	color: #333;
	border: 1px solid #eee;
	padding: 4px;
	letter-spacing: 1.2px;	 
	} 
	
.formsubmit , .formreset { 
	margin: 0px 0px 0px 25px;
	background-color: #1c273a;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	padding: 4px 10px 4px 10px;
	 }	
	 
.formsubmit:hover , .formreset:hover { 
	background-color: #4e586a;
	border: 1px solid #ccc;
	color: #ddd;
	 }	 
	 
table.frsqr { width: 90%; margin: 0px auto 0px auto; }	 
	 
.frsqr td { 
	width: 25%;
	padding: 10px;
	 }	
	 
.formcomment { 
	font-size: 11px; 
	background-color: #aaa; 
	color: #444; 
	border: 3px solid #d0d6db;
	padding: 2px;	
	}