/*LAYOUT STRUCTURE*/
body {
background-color: #836f5b;
margin:0px;
font-family: verdana, arial;
font-size: 11px;
color: #444444;
background-image: url(http://network.hayalkarga.com/design/05/images/bg.jpg);
background-repeat: repeat-x;
height: 100%;
}

table.bdtb {
background-image: url(http://network.hayalkarga.com/design/05/images/tbg.jpg);
background-repeat: repeat-y;
width: 800px;
height: 100%;
	}
	
	td.bdcontent {
	background-image: url(http://network.hayalkarga.com/design/05/images/banner_02.jpg);
	background-repeat: no-repeat;
	background-position: top left;
		}
	
div.left {
width: 560px;
margin: 188px 10px 0px 25px;
	}	
	
.left p, ul, li {
	font-size: 11px;
}	
	
h1.page {
color: #333333;
font-family: verdana, arial;
font-size: 23px;
font-weight: 100;
margin: 0px 0px 20px 100px;	
}	
	
div.right {
width: 200px;
	}	
	
.right a {
display: block;
height: 16px;
width: 163px;
color: #525259;
border-bottom: 1px solid #bba8a1;
padding: 8px 0px 3px 10px;
font-size: 13px;
	}	
	
.right a:hover {
color: #385586;
border-bottom: 1px solid #eeeeee;
	}		
	
td.foot {
background-image: url(http://network.hayalkarga.com/design/05/images/foot.jpg);
background-repeat: no-repeat;
height: 150px;
width: 800px;
	}	
	
.foot p{
margin: 0px 0px 10px 240px;
color: #c9d9f4;
font-size: 11px;
	}	
		
	
h1 {
color: #3e5d90;
font-weight: 100;
font-size: 16px;
	}	
	
h2 {
text-align: right;
color: #4f70a7;
font-weight: 100;
font-size: 10px;
border-top: 1px dotted #444444;
margin: 0px 10px 40px 0px;
	}	
	
a {
color: #111111;
text-decoration: none;
	}	
	
a:hover {
color: #3e5d90;
border-bottom: 1px dotted #eeeeee;
}

.left img {
margin: 3px;
	}

.right p {
margin: 5px 25px 5px 0px;
font-size: 11px;
	}
	
p {
	font-size: 11px;
	}	
	
	
p.about {
color: #bcd5ff;
font-size: 10px;
font-family: verdana, arial;
margin: 0px 25px 25px 0px;
	}
	
h1.about {
color: #eeeeee;
font-size: 13px;
font-style: italic;
font-weight: bold;
margin: 8px 0px 0px 5px;
letter-spacing: 2px;
	}		

	

/*OTHER*/
img.rss {
border: 2px solid #385586;
border-bottom: 8px solid #385586;
float: left;
margin: 4px;
	}
	
img.avi {
border: 2px solid #385586;
border-bottom: 8px solid #385586;
margin: 4px;
	}
	
img {
	border: 0px;
}	
		
/*NAVIGATION*/	

.links img, form, image, input, #submit {
border: 0px;
margin: 5px 0px 5px 5px;
	}		
	
.links ul {
list-style-type: square;
	}	
	
.links li {
margin: 3px;
padding: 3px;
	}
				

	
	/*DESIGN DISPLAY*/

td.disp1 { 
background-color: #111111;
color: #3e5d90;
font-family: verdana; 
font-size: 9px; 
padding: 4px; 
text-transform:uppercase; 
font-weight: bold; width:60px;
}

td.disp2 { 
background-color:525259; 
color:#79879d; 
width:200px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
}

td.dispport { 
background-color: #111111;
color: #3e5d90;
width:550px; 
padding: 0px 0px 0px 4px; 
font-family: verdana; 
font-size: 10px; 
}

div.iconcomment {
background-color:525259; 
color:#79879d; 
width:196px; 
margin:10px 0px 0px 0px; 
font-style:italic;
font-size: 13px;
padding: 4px;
}

p.icp {
color:#79879d; 
}


td.disp2 a { 
text-decoration:none; 
width:95%; 
height:100%; 
padding:0px 0px 0px 4px; 
display:block; 
border:0px; 
}

td.disp2 a:hover { 
color: #3e5d90; 
border: 0px;
}



td.itop { 
background-color: #111111;
color: #3e5d90;
font-family: verdana; 
font-size: 11px; 
padding: 2px; 
text-transform:uppercase; 
font-weight: bold; 
text-align:center; 
letter-spacing:2px;
}

a.ilink { 
display:block; 
width:200px; 
padding: 1px 0px 1px 8px; 
font-weight: bold; 
letter-spacing: 3px;
font-family: sans-serif, verdana, arial; 
font-size: 12px;
background-color:525259; 
color: #79879d;
}


a.ilink:hover { 
background-color: #385586; 
color: #bcd5ff;
border: 0px;
}

a.ilink2 { 
display:block; 
width:180px;  
padding: 1px 0px 1px 8px;  
font-weight: bold; 
letter-spacing: 3px;
font-family: sans-serif, verdana, arial; 
font-size: 12px; 
text-align:center;
background-color:525259; 
color: #79879d;
}

a.ilink2:hover { 
background-color: #385586; 
color: #bcd5ff;
border: 0px;
}

a.ilink3 { 
display:block; 
width:140px;  
padding: 1px 0px 1px 8px;  
font-weight: bold; 
letter-spacing: 3px;
font-family: sans-serif, verdana, arial; 
font-size: 12px; 
text-align:center;
border: 1px solid #2a2c34;
background-color:525259; 
color: #79879d;
}

a.ilink3:hover { 
background-color: #385586; 
color: #bcd5ff;
border: 0px;
}


.prediv { 
font-family: verdana; 
font-size: 13px; 
width: 100%; 
border: 3px solid #2a2c34;
background-color:#757786; 
color: #434659;
margin: 0px 0px 10px 10px; 
padding: 0px;}


/*FORMS & FILE HANDLING*/

table.formtbl {
padding: 4px;
border-spacing: 4px;
	}

td.formtd1 { 
background-color: #111111;
color: #3e5d90;
font-family: verdana; 
font-size: 9px; 
padding: 2px; 
text-transform:uppercase; 
font-weight: bold; 
width:100px;
margin: 2px 2px 2px 2px;
vertical-align: top;
}

td.formtd2 { 
background-color:525259; 
color: #79879d;
width:350px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
}

td.formcomment { 
background-color: #385586; 
color: #bcd5ff;
width:200px;  
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
}

input {
background-color:525259; 
color: #79879d;
margin: 1px 2px 1px 2px;
border:0px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
	}

input.forminput {
background-color:525259; 
color: #79879d;
margin: 1px 2px 1px 2px;
border:0px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
width: 93%;
	}
	
textarea {
background-color:525259; 
color: #79879d;
margin: 1px 2px 1px 2px;
border:0px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 	
	}	
	
textarea.formtextarea {
background-color:525259; 
color: #79879d;
margin: 1px 2px 1px 2px;
border:0px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
width: 93%;
height: 50px;
	}	
	
select.forminput {
background-color:525259; 
color: #79879d;
margin: 1px 2px 1px 2px;
border:0px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
width: 93%;
	}	
	
select {
background-color:525259; 
color: #79879d;
margin: 1px 2px 1px 2px;
border:0px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
	}		
	
input.formsubmit { 
width:150px; 
padding: 1px 0px 1px 8px; 
font-weight: bold; 
letter-spacing: 3px;
font-family: sans-serif, verdana, arial; 
font-size: 12px;
background-color:525259; 
color: #79879d;
}


input.formsubmit:hover { 
background-color: #385586; 
color: #bcd5ff;
cursor: pointer;
}	

input.formreset { 
width:150px; 
padding: 1px 0px 1px 8px; 
font-weight: bold; 
letter-spacing: 3px;
font-family: sans-serif, verdana, arial; 
font-size: 12px;
background-color:525259; 
color: #79879d;
}


input.formreset:hover { 
background-color: #385586; 
color: #bcd5ff;
cursor: pointer;
}	


ul.error {
color: #bcd5ff;
font-family: verdana;
letter-spacing: 2px;
font-size: 13px;
margin: 3px 0px 10px 0px;
list-style-type: square;
	}
	
/*TAGBOARD*/
td.tagtd1 { 
background-color: #111111;
color: #3e5d90;
font-family: verdana; 
font-size: 9px; 
padding: 2px; 
text-transform:uppercase; 
font-weight: bold; 
width:150px;
margin: 2px 2px 2px 2px;
vertical-align: top;
}

td.tagtd2 { 
background-color:525259; 
color: #79879d;
width:150px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
}

input.taginput {
background-color:525259; 
color: #79879d;
margin: 3px 2px 3px 3px;
border:0px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
width: 210px;
	}
	
textarea.tagtextarea {
background-color:525259; 
color: #79879d;
margin: 1px 2px 1px 2px;
border:0px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
width: 210px;
height: 40px;
	}	
	
select.taginput {
background-color:525259; 
color: #79879d;
margin: 1px 2px 1px 2px;
border:0px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
width: 290px;
	}	
	
select {
background-color:525259; 
color: #79879d;
margin: 1px 2px 1px 2px;
border:0px; 
padding: 1px 0px 1px 4px; 
font-family: verdana; 
font-size: 10px; 
	}		
	
input.tagsubmit { 
width:100px; 
padding:2px 8px 2px 8px; 
font-weight: bold; 
letter-spacing: 3px;
font-family: sans-serif, verdana, arial; 
font-size: 10px;
background-color:525259; 
color: #79879d;
margin: 0px 10px 0px 10px;
}


input.tagsubmit:hover { 
background-color: #385586; 
color: #bcd5ff;
cursor: pointer;
}	

input.tagreset { 
width:100px; 
padding:2px 8px 2px 8px; 
font-weight: bold; 
letter-spacing: 3px;
font-family: sans-serif, verdana, arial; 
font-size: 10px;
background-color:525259; 
color: #79879d;
}


input.tagreset:hover { 
background-color: #385586; 
color: #bcd5ff;
cursor: pointer;
}	

td.tag1 { 
background-color: #111111;
color: #3e5d90;
font-family: verdana; 
font-size: 10px;
}

.tag1 a { font-size: 10px; color: #79879d; }
.tag1 a:hover { padding-top: 1px; padding-bottom: 1px; border: 0px; color: #bcd5ff;}

td.tag2 { 
background-color:525259; 
color: #79879d;
font-family: verdana; 
font-size: 10px; 
}

.tag2 a { font-size: 10px; }
.tag2 a:hover { padding-top: 1px; padding-bottom: 1px; border: 0px; }

#tag {
overflow-x: hidden;
overflow-y: scroll;
} 

iframe { border: 0px; 
background-image: none;
background-color: #b1a8a9;
}

#tagb { border: 0px; 
background-image: none;
background-color: #b1a8a9;
}

#preb { border-top: 2px solid #111111; 
background-image: none;
background-color: #b1a8a9;
}
	
/*AVATAR DISPLAY*/	
	
table.avitbl {
border: 0px;
width: 95%;
border-spacing: 0px;
	}	
	
.avitbl td {
width: 25%;
height: 120px;
text-align: center;
	}	
	
.avitbl a:hover {
	border: 0px;
}	
	
.avitbl img {
border: 2px solid #385586;
border-bottom: 8px solid #385586;
	}
	
.avitbl img:hover {
border: 2px solid #111111;
border-bottom: 8px solid #111111;		
	}		
	
.avitbl a:hover {
background-color: transparent;
	}	
		
/*LISTS*/
		
table.list {
width: 550px;
text-align: center;
border-spacing: 3px;	
font-family: verdana;
font-size: 11px;
color: 525259;
	}
	
.list td {
text-align: center;
padding: 3px;
background-color: #111111;
color: #3e5d90;
	}	
	
td.list2 {
background-color:525259; 
	}	
	
.list b {
font-family: verdana;
font-size: 11px;
text-transform: uppercase;
color: #cccccc;
letter-spacing: 2px;
	}	
	
.list u {
font-family: verdana;
font-size: 10px;
text-transform: lowercase;
color: #cccccc;
letter-spacing: 2px;
text-decoration: none;
margin: 0px 0px 0px 30px;
	}	
	
td.title {
text-align: left;
width: 300px;
	}
	
td.title a {
color:#79879d; 
font-size: 13px;
text-transform: capitalize;
padding: 3px 3px 3px 5px;
font-weight: bold;
letter-spacing: 2px;
background-color: transparent;
	}	
	
td.title a:hover {
color:#bcd5ff; 
background-color: transparent;
border: 0px;
	}	

/*ICON TABLES*/	
		
table.icontbl {
width: 550px;
text-align: center;
border-spacing: 3px;	
font-family: verdana;
font-size: 12px;
color: #9e9e9e;
	}
	
.icontbl td {
text-align: center;
padding: 4px;
width: 25%;
	}	
	
.icontbl img {
border: 2px solid #385586;
border-bottom: 8px solid #385586;
	}
	
.icontbl img:hover {
border: 2px solid #9c4a37;
border-bottom: 8px solid #9c4a37;		
	}		
	
.icontbl a:hover {
background-color: transparent;
border: 0px;
	}
	
.porttbl {
padding: 0px;
margin: 0px;
	}	
	
.porttbl img {
border: 2px solid #385586;
border-bottom: 8px solid #385586;
	}
	
.porttbl img:hover {
border: 2px solid #9c4a37;
border-bottom: 8px solid #9c4a37;		
	}		
	
.porttbl a:hover {
background-color: transparent;
	}		

/*IMAGE DOWNLOAD*/	
		
img.dlimg {
text-align: center;
margin: 15px 10px 10px 10px;
border: 8px solid #222222;	
}			

table.dl {
text-align: center;
width:100%;
text-align: center;
	}		



/*PAGES*/
h2.pages {
margin: 8px 30px 8px 0px;
background-color: #111111;
color: #3e5d90;
padding: 5px;
	}

.pages b {
color: 525259;
font-size: 15px;
margin: 0px 5px 0px 5px;
	}
	
.pages a {
font-size: 15px;
margin: 0px 5px 0px 5px;
padding: 1px 3px 1px 3px;
color: #3e5d90;
	}
	
.pages a:hover {
background-color: 525259;	
color: #bcd5ff;	
border: 0px;	
}

.pdiv {
font-family: verdana; 
font-size: 13px; 
color: #3e5d90;
width: 520px;
margin: 10px 0px 10px 25px; 
padding: 0px;	
}	
	
.pdiv h3 {
color: #3e5d90;
text-transform: capitalize;
font-size: 10px;
padding: 3px;
margin: 15px 0px 60px 0px;
text-align: right;
	}