/* 
	Writed by Hand
	By Fahas S.
	[Faha1add2    ~> on hotmail ]
	[user: ff5006  ~> on swalif.net/softs ]
	http://templaty.com
	 5/2010
*/


*{
	font-family: Tahoma;
	font-size: 9pt;
}
body{
	margin: 0;
	background-color: #fff;
}


/* Header */
#header {
	background-color: #110720;
	padding: 0;
	margin: 0;
	width: 1000px;
	overflow: auto;
	text-align: right;

}

#header #right{
		float: right;
		margin: 0;
		padding: 0;
		width: 500px;
		border: 0;

}

#header #right h1{
	padding: 10px 0px 0px 0px;
	margin: 0;
}

#header #right h1 a{
	font-family: Tahoma;
	color: #fff;
	text-decoration: none;
	font-size: 16pt;
	padding: 10px 20px 3px 5px;
}

#header #right h2{
	margin: 0;
	font-family: Tahoma;
	color: #D0D0D0;
	font-size: 8pt;
	padding: 5px 30px 3px 5px;
}

#header #left{
	float: left;
		margin: 0;
		padding: 0;
		width: 480px;
		border: 0;
		text-align: right;
}

#header #left a{
		padding: 0;
		margin: 0;
}
#header #left a img{
		border: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
}

/* End of header */


/* ===== Blog Bar ===== */
#blog_bar{
	width: 1002px;
	background: #FEF7E7;
	border-bottom:1px solid #CBC9C5;
	height:30px;
	padding:3px 0px 0px 0px;
}

#blog_bar span{
	font: 11px Tahoma;
	padding: 6px 10px 0px 0px;
}

#blog_bar a{
	font: 11px Tahoma;
	text-decoration: none;
	padding: 6px 10px 0px 0px;
	font-weight:bold;
}
/* ===== End Blog Bar ===== */

			/* The CSS Code for the menu starts here */
			#menu {
				font-family: Tahoma, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin: 0px 0;
				padding: 0 10px 0 0;
				list-style-type: none;
				font-size: 13px;
				background: #eee;
				height: 40px;
				border-top: 2px solid #eee;
				border-left: 2px solid #eee;
				border-bottom: 2px solid #ccc;
				border-right: 2px solid #ccc;
			}
			#menu li {
				float: right;
				margin: 0;
				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 20px;
				line-height: 40px;
				color: #666;
			}
			#menu li a:hover, #menu li.active a {
				background-color: #f5f5f5;
				border-bottom: 2px solid #DDD;
				color: #999;
			}
			
			/* Black Menu */
			#menu.black {
				border-top: 2px solid #333;
				border-left: 2px solid #333;
				border-bottom: 2px solid #000;
				border-right: 2px solid #000;
				background: #333;}
			#menu.black a {color: #CCC;}
			#menu.black li a:hover, #menu.black li.active a {color: #999; background: #555; border-bottom: 2px solid #444;}

			
			/* Blue Menu */
			#menu.blue {
				border-top: 2px solid #356AA0;
				border-left: 2px solid #356AA0;
				border-bottom: 2px solid #204061;
				border-right: 2px solid #204061;
				background: #356AA0;}
			#menu.blue a {color: #fff;}
			#menu.blue li a:hover, #menu.blue li.active a {color: #90CDFF; background: #3D7BBB; border-bottom: 2px solid #356AA0;}
			
			/* Red Menu */
			#menu.red {
				border-top: 2px solid #660000;
				border-left: 2px solid #660000;
				border-bottom: 2px solid #450000;
				border-right: 2px solid #450000;
				background: #660000;}
			#menu.red a {color: #fff;}
			#menu.red li a:hover, #menu.red li.active a {color: #F27F84; background: #990000; border-bottom: 2px solid #660000;}
			
			/* Orange Menu */
			#menu.orange {
				border-top: 2px solid #d15600;
				border-left: 2px solid #d15600;
				border-bottom: 2px solid #B44500;
				border-right: 2px solid #B44500;
				background: #d15600;}
			#menu.orange a {color: #fff;}
			#menu.orange li a:hover, #menu.orange li.active a {color: #FA9B5B; background: #B44500; border-bottom: 2px solid #d15600;}
			


/* ======== ADS ======= */
#ads{
	width: 1000px;
	text-align: center;
}
#ads img{
	border: 0;
	padding: 2px 2px 2px 2px;
}





/* =================================== */

#TemplatyBar {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("http://templaty.com/style/index/images/3ed-s3eed.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}


/* ====== Pages Nombers ======== */

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #c0c0c0;
    font-size:9pt;
	text-decoration: none;
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #ff5006;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #c0c0c0;
	font-size:11pt;
	font-weight: bold;
	background-color: #26B1C6;
	color: #FFF;
}
div.pagination span.disabled {
	font-size:8pt;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}


/* ========= End of pages ======= */


/* ======== Content Seprate ======= */
#content {
	margin: 0;
	padding: 0;
	width: 1000px;
	/*overflow: auto;*/

	
}

#content #content_left{
	background-color: #FFFFFF;
	padding: 0px 1px 0px 1px;
	margin: 0;
	margin-right: 5px;
	width: 650px;
	float: left;
}



#content #content_right{
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0;
	margin-right: 5px;
	width: 325px;
	float: right;
	vertical-align: top;

}


.box{
	margin-right: 10px;
	/* C C C C C C
	4 E 8 2 D 1
	4 E 8 2 D 1 */
	border: 1px dotted #cccccc;
	border-top: 3px solid #229fb2;
	border-bottom: 3px solid #229fb2;
	background-color: #f1f1f1;
	padding: 0px 0px 5px 0px;
	text-align: right;
	margin: 0 3px 0 0;
}
.box h3{
	/* 19407f 
	5 5 6 2 7 0*/
	background-color: #26B1C6;
	font-size: 11pt;
	text-align: center;
	margin: 0;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px dotted #556270;
	color: #FFF;
}
.box p{
	text-align: right;
	margin: 0;
	font-size: 12px;
	color: #000;
	padding: 3px 10px 0px 5px;
}
.box p a{
	text-decoration: none;
	color: #2a8fbd;
}
.box p a:hover{
	text-decoration: underline;
	color: #2a8fbd;
}
.box p a:visited{
	text-decoration: none;
	color: #2a8fbd;
}




.box ul{
	list-style:none;
	padding: 0;
	margin: 0;
}

.box li{
	padding:2px;
}

.box li a{
	font-size: 9pt;
	padding:1px 5px 1px 0px;
	text-decoration:none;
	font-weight: bold;
	color: #000000;
}

.box li a:hover{
	text-decoration: underline;
	color: #D114B9;
}


.box .sub_title{
	font-size: 9pt;
	padding:1px 20px 1px 0px;
	color: silver;
	text-decoration:none
}


.box.sub{
	padding:1px 28px 1px 0px;
}

.box .sub a{
	font-weight: normal;
}



.info{
	background-color: #f1f1f1;
	text-align: center;
}
.info a{
	text-decoration: none;
}
.info a:hover{
	text-decoration: underline;
}


#text{
	margin-right: 10px;
	border: 1px dotted #cccccc;
	border-top: 3px solid #229fb2;
	border-bottom: 3px solid #229fb2;
	background-color: #f1f1f1;
	padding: 0px 0px 5px 0px;
	text-align: right;
	margin: 0 0 0 3px;
}
#text h3{
	background-color: #26B1C6;
	font-size: 13pt;
	text-align: right;
	margin: 0;
	padding: 5px 6px 5px 2px;
	border-bottom: 1px dotted #556270;
	color: #FFF;
}
#text h4{
	font-size: 10pt;
	text-align: right;
	margin: 0;
	padding: 1px 10px 1px 2px;
	font-weight: normal;
}
#text p{
	text-align: right;
	margin: 0 5px 0 0;
	font-size: 12px;
	color: #000;
	padding: 3px 10px 3px 5px;
}
#text p a{
	text-decoration: none;
	color: #2a8fbd;
}
#text p a:hover{
	text-decoration: underline;
	color: #2a8fbd;
}
#text p a:visited{
	text-decoration: none;
	color: #2a8fbd;
}



/* ====== Template sort ======= */
#templates{
	width: 650px;
	padding:0px 1px 0px 1px;
	margin: 0;
	text-align: center;
	vertical-align: top;
	font-weight: normal;
	
}

#templates ul{
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-align: center;
}

#templates li{
	display: inline;
	float: right;
	background: #545454;
	list-style-type: none;
	margin: 0px 1px 10px 0px;
	padding: 0;
	width: 210px;
	height: 260px;
	text-align: center;
	border: 2px solid #c0c0c0;

}


#templates li h2{
	text-align: center;
	margin: 0;
	padding: 10px 0;
	}



#templates li h2 a{
	text-align: center;
	margin: 0;
	padding: 0;
	font-family :Tahoma;
	color: #fff;
	font-size: 10pt;
	text-decoration: none;
	text-align: center;
	}

#templates li a{
	font-family :Tahoma;
	color: #fff;
	font-size: 10pt;
	text-decoration: none;
	}

#templates li a:hover{
	font-family :Tahoma;
	font-size: 10pt;
	text-decoration: underline;
	color: #A1C8DB;
	}



#templates li hr{
	margin: 0;
	padding: 1px 0px 5px 0px;
	border:0px;
	border-top: 1px dotted #fff;
}


#templates li span{
	text-align: right;
	margin: 0;
	padding: 0px 5px 0px 2px;
	font-family :Tahoma;
	color: #fff;
	font-size: 8pt;
	text-decoration: none;
}


#templates li img{
	border: 0px;
	margin: 0;
	padding: 0;
	}

#templates .id{
	text-align: center;
	margin: 0;
	padding: 0;
	font-family :Tahoma;
	color: #FFFFFF;
	font-size: 8pt;
	text-decoration: none;
	}





/* ====== Template sort full ======= */
#templates_full{
	width: 900px;
	padding:10px 1px 10px 1px;
	margin: 0;
	text-align: center;
	vertical-align: top;
	font-weight: normal;
}

#templates_full ul{
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-align: center;
}

#templates_full li{
	display: inline;
	float: right;
	background: #545454;
	list-style-type: none;
	margin: 0px 1px 10px 0px;
	padding: 0;
	width: 210px;
	height: 240px;
	text-align: center;
	border: 2px solid #c0c0c0;

}


#templates_full  li h2{
	text-align: center;
	margin: 0;
	padding: 10px 0;
	}



#templates_full li h2 a{
	text-align: center;
	margin: 0;
	padding: 0;
	font-family :Tahoma;
	color: #fff;
	font-size: 10pt;
	text-decoration: none;
	text-align: center;
	}

#templates_full li a{
	font-family :Tahoma;
	color: #fff;
	font-size: 10pt;
	text-decoration: none;
	}

#templates_full li a:hover{
	font-family :Tahoma;
	font-size: 10pt;
	text-decoration: underline;
	color: #A1C8DB;
	}



#templates_full li hr{
	margin: 0;
	padding: 1px 0px 5px 0px;
	border:0px;
	border-top: 1px dotted #fff;
}


#templates_full li span{
	text-align: right;
	margin: 0;
	padding: 0px 5px 0px 2px;
	font-family :Tahoma;
	color: #fff;
	font-size: 8pt;
	text-decoration: none;
}


#templates_full li img{
	border: 0px;
	margin: 0;
	padding: 0;
	}

#templates_full .id{
	text-align: center;
	margin: 0;
	padding: 0;
	font-family :Tahoma;
	color: #FFFFFF;
	font-size: 8pt;
	text-decoration: none;
	}
	
.input{
	width: 200px;
	padding: 3px 3px 3px 3px;
	border: 1px dotted #c0c0c0;
}







/* ========== Comments ======= */
#comment{
	width: 700px;
	margin: 0;
}
#comment #head{
	width: 700px;
	margin: 0;
	padding: 2px 2px 2px 2px;
	background-color: #f1f1f1;
	border: 2px solid #c0c0c0;
}
#comment #head a{
	text-decoration: none;
}
#comment #head a:hover{
	text-decoration: underline;
}
#comment #head a:visited{
	text-decoration: none;
}

#comment #down{
	width: 700px;
	margin: 0;
	padding: 2px 2px 2px 2px;
	text-align:center;
	font-family: Tahoma;
	font-size: 9pt;
	border: 2px solid #c0c0c0;
}





/* ========== Form =========== */
#form{
	width: 620px;
	margin: 0px 0px 0px 0px;
	border:0;
}

#form #right{
	width: 300px;
	float: right;
	border: 1px dotted silver;
	height: 30px;
	border-left: 0px;
	padding: 3px 3px 3px 0px;
	margin: 0px 0px 0px 0px;
}

#form #left{
	text-align: right;
	width: 300px;
	float: left;
	height: 30px;
	border: 1px dotted silver;
	border-right: 0px;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
}
#form #left input{
	width: 200px;
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
}





/* ========== Error Message ======= */
#error_msg {
	background-color: #ffebe8;
	border-width: 1px;
	border-style: solid;
	border-color: #CC0000;
	border-collapse: collapse;
	border: 1px solid #CC0000;
	padding: 10px 10px 10px 0;
	text-align:right;
	font-size:9pt;
	width: 620px;
	font-family: Tahoma;
}




.error {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 0.6em; PADDING-LEFT: 0.8em; PADDING-RIGHT: 0.8em; MARGIN-BOTTOM: 1em; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 0.6em
}
.notice {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 0.6em; PADDING-LEFT: 0.8em; PADDING-RIGHT: 0.8em; MARGIN-BOTTOM: 1em; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 0.6em
}
.success {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 0.6em; PADDING-LEFT: 0.8em; PADDING-RIGHT: 0.8em; MARGIN-BOTTOM: 1em; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 0.6em
}
.error {
	BORDER-BOTTOM-COLOR: #fbc2c4; BORDER-TOP-COLOR: #fbc2c4; WIDTH: 620px; BACKGROUND: #fbe3e4; COLOR: #8a1f11; BORDER-RIGHT-COLOR: #fbc2c4; BORDER-LEFT-COLOR: #fbc2c4
}
.error A {
	COLOR: #8a1f11
}
.notice {
	BORDER-BOTTOM-COLOR: #ffd324; BORDER-TOP-COLOR: #ffd324; WIDTH: 620px; BACKGROUND: #fff6bf; COLOR: #514721; BORDER-RIGHT-COLOR: #ffd324; BORDER-LEFT-COLOR: #ffd324
}
.notice A {
	COLOR: #514721
}
.success {
	BORDER-BOTTOM-COLOR: #c6d880; BORDER-TOP-COLOR: #c6d880; WIDTH: 620px; BACKGROUND: #e6efc2; COLOR: #264409; BORDER-RIGHT-COLOR: #c6d880; BORDER-LEFT-COLOR: #c6d880
}
.success A {
	COLOR: #264409
}



/* ========== FOOTER ========= */
#footer{
	width: 1000px;
	margin: 0;
	clear: both;
	
}

#footer hr{
	border: 0px;
	border-top: 1px dotted silver;	
}

#footer #footer_right{
	width: 580px;
	margin:0;
	float: right;
	text-align: right;
	padding-right: 5px;
}

#footer #footer_left{
	width: 405px;
	margin:0;
	float: left;
	text-align: left;
	padding-left: 8px;
}
#footer #footer_left img{
	border: 0;
}

#footer span{
	font-size: 8pt;
	text-align: right
}

#footer a{
	font-family: Tahoma;
	font-size: 8pt;
	color: gray;
	text-decoration: none;
}


#footer a:hover{
	color: #000000;
	text-decoration: underline;
}


.clear{
	clear: both;
	line-height: 35px;
}