/*

Theme Name: BlackLook

Theme URI: http://www.meltingpx.com

Description: <p>2 column wordpress CMS Template for Business and corporate websites</p>

Version: 1.0

Author: ram

Date: 01/06/2009

Author URI: http://www.meltingpx.com/



*/



/* `Basic HTML

----------------------------------------------------------------------------------------------------*/



html{
	background: #000000;
	
	background-image:url(images/bg.jpg);
    background-repeat: repeat;


	}





body {

	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;

	color:#555;

	background-image: url(images/body-top.jpg);

	background-repeat: no-repeat;

	background-position: center top;
	
	margin-top:30px;
	
	


	

}




a:focus {

	outline: 1px dotted invert;

}



hr {

	border: 0 #222 solid;

	border-top-width: 1px;

	clear: both;

	height: 0;
	
	width:550px;
	float:left;

}



/* default link style

----------------------------------------------------------------------------------------------------*/

a:link, a:visited, a:active {

	color:#005f77;

	text-decoration: none;

}

a:hover {

	color:#ccc;

	text-decoration:none;

}



/* `Headings 

----------------------------------------------------------------------------------------------------*/



h1 {

	font-size: 22px;

	letter-spacing:-1px;

}



h2 {

	font-size: 20px;

	letter-spacing:-1px;

}



h3 {

	font-size: 18px;

	letter-spacing:-1px;

}



h4 {

	font-size: 16px;

}



h5 {

	font-size: 14px;

}



h6 {

	font-size: 12px;

}

p,

dl,

hr,

h1,

h2,

h3,

h4,

h5,

h6,

ol,

ul,

pre,

table,

address,

fieldset {

	margin-bottom: 10px;

}





/* `styles for order and un order list

----------------------------------------------------------------------------------------------------*/



ol {

	list-style: decimal;

}



ul {

	list-style: disc;

}



li {

	margin-left: 30px;

}





/* imgage alignment

----------------------------------------------------------------------------------------------------*/

.alignright {

  float: right; 

  margin: 0 0 18px 18px;

  width:auto;

}

.alignleft {

  float: left; 

  margin: 0 18px 18px 0;

  width:auto;

}

a img {

	border:none;

}



blockquote{

	background-color:#222;

	padding:10px 10px 10px 20px;

	margin:10px 0px 10px 0px;

	border-left:10px solid #555;

	font-size:12px;	

	color:#666;

}

.img-br{

border:1px solid #3e3d3d;

padding:8px;

background-color:#2f2f2f;



}

/* Header

----------------------------------------------------------------------------------------------------*/



.header{
	height:500px;
	position:relative;
}



#logo{
    top:-80px;
	position: absolute;

}

#contact-info{

	position: absolute;

	top:30px;

	right:10px;

	float:right;

	width:auto;

}





	/*  sidebars and left columns padding

----------------------------------------------------------------------------------------------------*/

#left-column, #right-column{

	margin-top:20px;
     

}



.right-column, .left-column{

	padding:20px 30px;

	margin-bottom:20px;
	width: 310px;
	
    background-image:url(images/stripe_bg.png);
	background-color:#000;

	border:1px solid #222;

	

}



.left-column-full, .home-col1, .home-col2{

	padding:20px 30px;

	background-color:#000;

	border:1px solid #222;

	margin-bottom:20px;
	
	background-image:url(images/stripe_bg.png);
	
	





}



	/* add-125

----------------------------------------------------------------------------------------------------*/



.add-125 img{

	border:1px solid #333;

	padding:10px;

	background-color:#222;



}



	

#left-column h1, #left-column h2, #right-column h2{

	color:#005f77;
	text-transform:uppercase;
	font-weight:lighter;
	letter-spacing:3px;

}





	/* portrfolio

----------------------------------------------------------------------------------------------------*/





.post-pf{

	clear:both;

	border-bottom:1px solid #222;

	padding-bottom:20px;

	padding-top:20px;





}

.thumbnail{

	width:175px;

	float:left;



}				



.desc{

	margin-left:200px;



}

.desc h5{

	margin:0px;

	color:#ccc;





}	

p.more{

	padding-top:10px;



}

/* @ comments style

----------------------------------------------------------------------------------------------------*/



.alt {

	background-color: #111;

	border:1px solid #222;

	

	}

	

h3#comments, #respond{

	color:#ccc;





}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	background-color: #111;

	border:1px solid #222;

	color:#ccc;

	

	}

#commentform textarea {

	width: 99%;

	padding: 2px;

	background-color: #111;

	border:1px solid #222;

	color:#ccc;

	overflow:auto;

	}



#commentform #submit {

	margin: 0;

	float: left;

	background-color:#222;

	color:#fff;

	margin-bottom:10px;

	border:none;

	width:auto;

	padding: 5px 10px;

	border:1px solid #444;

	}



.alt {

	margin: 0;

	padding: 10px;



	}

.commentlist {

	padding: 0;

	padding:0px;	

	



	

	}

.commentlist a:link, .commentlist a:visited  {

color:#0099CC;



	

	}

.commentlist li {

	margin: 5px 0 10px;

	padding: 15px 5px 10px 10px;

	list-style: none;

	border:1px solid #333;

	background-color:#222;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}



.commentlist p {

	margin: 10px 5px 10px 0;

}

.children { padding: 0; }



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

	

.navigation{

	margin:10px 0;



}



.comments{



	position: relative;



}

.comments-inner{

	background-image: url(images/comments.png);

	background-repeat: no-repeat;

	height: 64px;

	width: 66px;

	position:absolute;

	right:0px;

	top:-35px;



}

.comments-inner a:link, .comments-inner a:visited{

	position:absolute;

	left:-8px;

	color:#000;

	text-decoration:none;

	z-index:64;

	display:block;

	text-align:center;

	width:50px;



}	

	/* footer

----------------------------------------------------------------------------------------------------*/

.footer{
	width:1024px;
	margin-top:20px;
	background-image: url(images/footer-strip.jpgg);
	background-repeat: repeat-x;	
	margin: 0 auto;

}

#footer-inner{

	width: 1024px;

	margin:0 auto;

	padding:15px 0px 10px 0;

	background-image: url(images/footer-bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;	





}