/*
Theme Name: Bahassi-Blog
Theme URI: http://bahassi.com
Description: WP personalized theme for my bog
Version: 2.8
Author: Bahassi.com
Author URI: http://bahassi.com
Tags: bahassi, bahassi.com
*/


/*color list:
		light gray: #E5E5E5;
		dark gray: #666666;
		header blue: #169DF9;
	*/
	

/*
	general reset*/
	
	*    	{
			margin:0px;
			padding:0px;
			}
	
	html , body {
			height:100%
			}
	
	html 	{
			background-image:url(style/images/html-bg.jpg);
			background-repeat:repeat;
			}
				
	body 	{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#666666;
			background-image:url(style/images/top-bg1.jpg);
			background-repeat:repeat-x;
			background-position:top;
			}
	
	h1 		{
			color:#FFFFFF;
			font-size:22px;
			}
				
	ul, ol   {
			list-style:none;
			}
		
	a 		{
			outline:none;
			text-decoration:none;
			}
	
	img 	{
			vertical-align:middle;
			}
		
	table    {
			border-collapse:collapse;
			}
			
	a img 	 {
			border:none;
			}
		
	/*
	general utilities*/
	
	.f-left {
			float:left;
			}
		
	.f-right {
			float:right;
			}
		
	.clear {
			clear:both;
			}
			
	/*
	 type styles*/
	
	h1 {
		color:#FFFFFF;
		}
		
	h2 {
		color:#169DF9;
		}
	
	/*
	general structure*/
	
	#warp {
		width:960px;
		margin:0px auto -200px;
		min-height:100%;
		height:auto !important;
		height:100%;
		}
		
	#push {
		height:200px;
		}
	
	#header {
		width:100%;
		height:75px;
		margin:0px;
		color:#333333;
		/*background-color:#3366CC;*/
		}
	
	#main-col {
		width:600px;
		height:auto;
		margin:100px 0px 60px 0px;
		/*background-color:#FFFFFF;*/
		float:left;
		}
		
	#nav-col {
		width:300px;
		height:auto;
		margin:30px 0px 60px 0px;
		padding:30px 0px;
		text-indent:20px;
		float:right;
		/*background-color:#FFFFFF;*/
		}
					
	#footer {
		width:100%;
		height:300px;
		color:#CCCCCC;
		background-color:#E5E5E5;
		background-image:url(style/images/footer-bg.jpg);
		background-repeat:repeat-x;
		}
		
	#footer-in {
		width:960px;
		height:200px;
		margin:0px auto;
		}
		
	/*
	header styles*/
	
	#header a {
		color:#FFFFFF;
		}
		
	#header h1 {
		margin-top:5px;
		}
		
	#logo {
		width:300px;
		height:55px;
		float:left;
		margin-top:19px;
		text-indent:60px;
		background-image:url(style/images/logo.jpg);
		background-repeat:no-repeat;
		}

			
	#h-nav {
		width:500px;
		height:55px;
		float:right;
		font-size:16px;
		font-weight:bold;
		margin-top:20px;
		}
		
	#h-nav a:hover {
		font-size:16px;
		color:#666666;
		font-weight:bold;
		}	
		
	#h-nav li {
		width:100px;
		float:left;
		margin-top:15px;
		}
	
	/*
	nav-col styles*/	
	
	#nav-col-top {
		width:300px;
		height:140px;
		background-image:url(style/images/sidbar-top-bg.jpg);
		background-repeat:no-repeat;
		}
		
	#nav-col-ctr {
		width:300px;
		height:auto;
		background-image:url(style/images/sidbar-ctr-bg.jpg);
		background-repeat:repeat-y;
		}
		
	#nav-col-btm {
		width:300px;
		height:100px;
		background-image:url(style/images/sidbar-btm-bg.jpg);
		background-repeat:no-repeat;
		}
		
		
	#nav-col h2{
		color:#666666;
		width:100%;
		height:50px;
		padding-top:0px;
		font-size:18px;
		line-height:43px;
		background-image:url(style/images/sidbar-h2-bg.jpg);
		background-repeat:no-repeat;
		}
		
	#nav-col a {
		color:#169DF9;
		}		
		
	#nav-col a:hover {
		color:#CCCCCC;
		}
	
	#nav-col #nav-col-top p {
		font-size:16px;
		padding:20px 10px;
		}
			
	#nav-col form {
		margin:0px 0px 10px 0px;
		}
		
	#nav-col form #s{
		border:#169DF9 solid 1px;
		background-color:#e5e5e5;
		color:#169DF9;
		font-size:14px;
		height:22px;
		}
		
	#nav-col form #searchsubmit {
		border:#169DF9 solid 1px;
		background-color:#169DF9;
		color:#FFFFFF;
		padding:3px 6px;
		}
		
	#nav-col form #searchsubmit:hover {
		color:#169DF9;
		background-color:#E5E5E5;
		}
	
	#nav-col #social img {
		margin-right:10px;
		}
			
	#nav-col p {
		margin:30px 20px 5px 20px;
		font-size:12px;
		}
			
	/*
	main-col styles*/
	
	#main-col a {
		color:#169DF9;
	}
	
	#main-col a:hover {
		color:#666666;
	}
	
	#main-col h2  {
		color:#169DF9;
		font-size:22px;
		padding:4px 0px;
		margin-bottom:20px;
		background-image:url(style/images/list-underline.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		/*background-color:#169DF9;*/
		}
		
	#main-col h3  {
		font-size:18px;
		font-style:italic;
		padding:5px;
		margin: 20px 0px;
		color:#FFFFFF;
		background-image:url(style/images/list-underline.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		background-color:#169DF9;
		}
	
	#main-col h3 a {
		color:#FFFFFF;
		}
		
	#main-col h3 a:hover {
		color:#000000;
		}
			
	#main-col .post-actions {
		width:578;
		height:auto;
		padding:10px;
		background-color:#F1F1F1;
		margin:10px 0px;
		border:#CCCCCC solid 1px;
		}
		
	#main-col img {
		border:#F1F1F1 solid 1px;
		border-bottom:#CCCCCC solid 1px;
		border-right:#CCCCCC solid 1px;
		margin:10px 0px;
		}
		
	/*
	entries styles*/
	
	.post{
		margin:30px 0px;
		}
	
	.date {
		width:36px;
		float:left;
		padding:5px;
		color:#FFFFFF;
		background-color:#169DF9;
		margin-right:15px;
		border-top:#E5E5E5 dotted 3px;
		}
	
	.d {
		font-size:22px;
		font-weight:bold;
		text-align:center;
		margin:0px;
		}
	
	.m {
		text-align:center;
		font-weight:bold;
		font-size:14px; 
		text-transform:uppercase;
		}
	
	.y {
		text-align:center;
		font-weight:bold;
		font-size:14px; 
		text-transform:uppercase;}
		
	#main-col img p {
		margin-bottom:30px;
		}
		
	.social-container {
		width:550px;
		margin:20px auto 0px auto;
		height:40px;
		font-size:12px;
		}
			
	/*
	single page form style*/	
	
	.comments {
		margin:20px 0px;
		padding:10px;
		background-color:#F1F1F1;
		border:#CCCCCC solid 1px;
		}
	
	#author, #email, #url {
		width:300px;
		height:25px;
		color:#666666;
		font-size:18px;
		background:#F1F1F1;
		border:#999999 solid 1px;
		margin:5px 10px 5px 0px;
		padding:2px;
		}
	
	#author:hover, #email:hover, #url:hover, #comment:hover {
		border:#169DF9 solid 1px;
		}
	#comment {
		width:595px;
		height:120px;
		color:#666666;
		font-size:18px;
		background:#F1F1F1;
		border:#999999 solid 1px;
		margin:5px 10px 5px 0px;
		padding:2px;
		}
		
	#submit {
		width:130px;
		padding:3px 10px;
		color:#666666;
		font-weight:bold;
		background-color:#F1F1F1;
		border:#666666 solid 1px;
		margin:5px 0px;
		}
		
	#submit:hover {
		background-color:#169DF9;	
		color:#FFFFFF;
		border:#FFFFFF solid 1px;
		}
		
	/*
	footer styles*/
	
	#footer {
		color:#333333;
		font-size:14px;
		}
		
	#footer h2 {
		color:#FFFFFF;
		font-size:18px;
		margin-bottom:10px;
		}
	
	#footer li {
		padding:3px 0px;
		text-indent:20px;
		background-image:url(style/images/list-logo.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		}
		
	#footer a {
		color:#333333;
		font-weight:bold;
		}
		
	#footer a:hover {
		color:#FFFFFF;
		}
		
	#footer-lft {
		width:300px;
		height:200px;
		margin:40px 10px 20px 0px;
		float:left;
		/*background-color:#000066;*/
		}
		
	#footer-ctr {
		width:310px;
		height:200px;
		margin:40px 3px 30px 3px;
		float:left;
		padding:0px 10px;
		border-left:#CCCCCC dotted 1px;
		border-right:#CCCCCC dotted 1px;
		/*background-color:#CC3333;*/
		}
		
	#footer-rht {
		width:300px;
		height:200px;
		margin:40px 0px 20px 10px;
		float:left;	
		/*background-color:#FF99FF;*/
		}
	
	/*
	copy styles*/
		
	#copy {
		width:100%;
		height:20px;
		color:#CCCCCC;
		font-size:12px;
		/*background-color:#FF0000;*/
		}
			
	#copy a {
		color:#CCCCCC;
		font-size:12px;
		text-decoration:underline;
		}
		
	#copy a:hover {
		color:#999999;
		}
		
	#copy li {
		width:320px;
		border:none;
		float:left;
		background:none;
		}