/*
Theme Name: hhorz
Theme URI: http://neoxero.com
Description: For Neoxero themes
Version: 1.1
Author: Hamza
Author URI: http://neoxero.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

body{
background:#222222 ;
margin-top:30px;
margin-bottom:40px;
font: 12px/1.6em Lucida Grande,Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;
}


/*----------textile---------*/

h1 {
        font:2.95em Arial;, "Times New Roman", Times, serif;
        font-weight:bold;
        letter-spacing:-0.02em;
	
        }
        
h2,h3,h4 {
        font: 1.0em Arial; , "Times New Roman", Times, serif; 
        font-weight:bold; 
	   
            
       
        }
        
     h2 a{ font: 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif; color:#333333;text-decoration:none; font-weight:bold; padding-left:18px; background:url(images/url.png) no-repeat left;}
	 h2 a:hover{ color:#000000;text-decoration:underline; }
        
    p {line-height:14px;font-size:13px;color:#FFF; line-height:20px;}
    p a{ padding:4px; background:#111111;color:#FF33CC;}    
        
	img{padding:0px;}


      
      a img {	
		padding:0px;		
		background:#none;
		color:none;
		border:none;
		
	}

      a:hover img {        
        
      }
	a {color:#555;text-decoration:none;font-weight:normal;line-height:22px;}
    a:hover {color:#FF33CC;text-decoration:none;}

	
	
	/*-------------------------------*/      
      .headtitle{
	width:130px;
	height:auto;
	color:#444;
	font: 1.2em Arial; , "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:0px solid #FFF;	
	padding:5px;
	padding-left:10px;

	}
	
	.hltitle {
		font:1.8em Arial;, "Times New Roman", Times, serif;
		font-weight:bold;	
	}

/*------------------*/
#widewarp{
width:2000px;
height:auto;
overflow:hidden;
}

/*---------------*/
.commonclass{
border:0px solid #CCC;
background:#161616 ;
height:700px;
}

.toptitle{
	width:100%;
	height:100px;
}


/*-----titles-----*/
#blogentitle{
	width:100%;
	height:60px;
	margin:0px auto;
	background:#161616  url(images/horz-blog.png) top center no-repeat;
}

#datitle{
	width:100%;
	height:60px;
	margin:0px auto;
	background:#161616  url(images/horz-da.png) top center no-repeat;
}
#detitle{
	width:100%;
	height:60px;
	margin:0px auto;
	background:#161616  url(images/horz-de.png) top center no-repeat;
}

#gotitle{
	width:100%;
	height:60px;
	margin:0px auto;
	background:#161616  url(images/horz-go.png) top center no-repeat;
}
/*---------------*/
#horzabout{
	width:400px;	
	float:left;
	margin-left:60px;
	height:auto;
	background:#161616 ;
}

#socialme{
	width:220px;	
	float:left;
	margin-left:10px;

}

#blogen{
	width:400px;	
	float:left;
	margin-left:10px;
	

}

#blogar{
	width:400px;	
	float:left;
	margin-left:10px;

}

#delicious{
	width:300px;	
	float:left;
	margin-left:10px;

}

#imgs{
	width:300px;	
	float:left;
	margin-left:10px;

}

#goomedic{
	width:400px;	
	float:left;
	margin-left:10px;

}

#widgetsblock{
	width:300px;	
	float:left;
	margin-left:10px;

}
#widgetsblock2{
	width:300px;	
	float:left;
	margin-left:10px;

}
#contactme{
	width:400px;	
	float:left;
	margin-left:10px;

}
/*-------------blog-------------*/
.postblock{
	margin:3px 0px 3px 0px;
	padding:3px 0px 3px 0px;
	width:100%;
	height:auto;
	margin:0px auto;
	border-bottom:1px solid #333;
	overflow:hidden;
}
	.postdate{
		width:40px;
		height:40px;
		float:left;
		background: url(images/date.png) no-repeat center;
		border:0px solid #222222;
		
	}
	
		.day{
			width:100%;
			height:22px;
			font-size:18px;
			
			text-align:center;
			color:#FFF;
		}
		.mon{
			width:100%;
			height:20px;
			font-size:12px;
			text-align:center;
			color:#FFF;
			
		}
	
	.postitle{
		float:left;
		height:auto;
		width:300px;
		margin-left:10px;
		
	}
	
	.postitle a{
		
	}
	
		.possummary{	
		height:auto;
		width:100%;
		margin:0px auto;
		
	}
	
.feedthump{
		width:40px;
		height:40px;
		float:left;
		background:#111;		
}
	
.feedthump a img{
	padding:4px;
	color:none;
	border:none;
	background:#111;
	width:35px;
	height:35px;
}

	.itemitle{
		float:right;
		height:auto;
		width:220px;
		margin-left:0px;
		
	}
/*--------------------------*/
.newsblock{
	width:90%;
	height:auto;
	margin:0px auto;
	background:none;	
	padding:5px;
	}
.newsblock h2 a{
	padding:5px;
	background:#000;
	color:#FFF;
}
.newsblock h2 a:hover{	
	color:#FFFF00;
}
	.newsblock ul{
		padding:0px;
		margin:0px;
		
	}
	.newsblock li {
	        list-style:none;
	        margin:5px 0px 5px 0px;
			border-bottom:1px solid #555;
	}

	.newsblock li a {        
	        text-decoration:none;        
	        
	        width:100%;
	        padding:3px 0px 3px 3px;        
	        line-height:22px;
			font-weight:normal;
			
			
	        }

	.newsblock li a:hover {	               
	        text-decoration:none;        
	}
/*-----first block ---*/

#logo{
	width:100%;
	height:300px;
	margin:0px auto;
	background:url(logo.png) no-repeat top center;
	
}

	#f-aboutitle{
		width:100%;
		height:90px;
		background:url(images/f-about-title.png) no-repeat top center;
	}
	
	#f-twittitle{
		width:100%;
		height:90px;
		background:url(images/f-twitt-title.png) no-repeat top center;
	}
	
	#f-socialtitle{
		width:100%;
		height:90px;
		background:url(images/f-social-title.png) no-repeat top center;
	}

/*------------------*/