/* 
Theme Name:Black mix

Description: A simple colorful Theme by <a href="http://www.amateurdesigner.com">balu</a>
Version: 1
Author:Pradeep Balu
Author URI: http://www.amateurdesigner.com
Tags: black, red,two-columns,threaded-comments
 */

/*-------- reset css-----------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	 
	abbr,acronym { border:0; 
	} 
a {
	text-decoration:none;
	color:#7A7A7A;
	}
/*--------------------end reset-----------*/
html,body {
	background:#000000 ;
	height:100%;
	}

#page-wrap {
	margin:0 auto;
	width:960px;
	height:100%;
	background:url(images/red.png) repeat;
	}
body >#page-wrap {
	height:auto;
	min-height:100%;
	}
/*---------------------header ----------*/
#header-wrap {
	background:url(images/FIRST-ONE.png) top center repeat-x;
	width:960px;
	height:173px;
	}
#header {
	background:url(images/header.gif) top center repeat-x;
	width:960px;
	height:135px;
	position:relative;
	top:35px;
	}
#header h1 {
	color:#E8E8E8;
	font-size:30px;
	text-transform:capitalize;
}
#header h1 a {
	color:#E8E8E8;
}
#header div.description {
	color:#E1E1E1;
}
/*-----------------end of header--------------*/
/*---------nav-menu----------------------*/	
div.menu {
	background:url(images/menubar.gif) top center repeat-x;
	height:38px;
	width:960px;
	}
div.menu ul {
	float:left;
	list-style:none;
	}
div.menu ul li {
	float:left;
	}
div.menu li a {
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	padding:5px 15px 9px 5px;
	font-size:16px;
	}
div.menu li a:link ,.menu li a:visited {
	color:#575757;
	}
div.menu li a:hover, .menu li a:active {
	color:#FFF;
	background:#003333;
	}


/*-----------------end of nav menu--------------*/
#container {
	width:960px;
	padding-bottom:40px;
	}
div #content {
	width:560px;
	float:left;
	margin-left:10px;
	}
div.post{
	background:#FFFFFF url(images/post.png) top center no-repeat;
	width:560px;
	color:#000;
	
	margin-bottom:10px;
	}
	
div.post-wrap {
	
	padding:15px 10px 10px;;
	
	}
div.post-time {
	float:left;
	background:#CC6600 url(images/date.jpg) top center no-repeat;
	height:58px;
	
	margin-top:9px;
	width:38px;
	margin-top:20px;
	}
div.post-time span {
	display:block;
	padding-left:5px;
	}
div.post-title {
	background:url(images/post-title.jpg) top center no-repeat;
	height:52px;
	padding:10px 0 0 50px;
	margin-top:9px
	}
div.post-title a {
	text-transform:capitalize;
	}
div.post-meta span.comments{
	background:url(images/comments.png) top left no-repeat;
	padding-left:30px;
	margin-left:20px;
	}
div.post-meta span.category {
	background:url(images/category.png) top left no-repeat;
	padding-left:40px;
	margin-left:30px;
	text-transform:capitalize;
	}
div.entry {
	text-indent:10px;
	text-align:justify;
	}
/*-------------sidebar stuff------------------*/
#sidebar-wrap {
	width:390px;
	float:right;
	}
#sidebar {
	width:360px;
	margin:0 auto;
	}
#sidebar ul {
	list-style:none;
	
	}
#sidebar ul li.widget{
	background:#fff;
	margin-bottom:10px;
	width:360px;
	min-height:100px;
	}
#sidebar ul li.widget h3 {
	background:url(images/sidebar.png) no-repeat top center;
	font-size:18px;
	text-align:center;
	height:38px;
	}
#sidebar ul li.widget ul li{
	list-style:none;
	margin-left:40px;
	}
#sidebar li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	}
#sidebar h3 {
	font-size:20px;
	color:#000000;
	text-transform:capitalize;
	text-decoration:underline;
	}
#sidebar div.widget {
	background:#fff;
	margin-bottom:10px;
	width:360px;
	min-height:100px;
	}
#sidebar div.widget h3 {
	background:url(images/sidebar.png) no-repeat top center;
	font-size:18px;
	text-align:center;
	height:38px;
	}
#sidebar div.widget li {
	margin-left:40px;
	}
	
/*-----------------end sidebar--------------*/
	
.clearfix:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	}

.clearfix {
	display:inline-block;
	}

/*end hide from mac \ */
*html .clearfix {
	height:1%;
	}
.clearfix {
	display:block;
	}
/* end of mac hide */
/*-----------------end of sidebar --------------*/
/*--------------------footer-----------*/
#footer {
	height:40px;
	margin:-40px auto ;
	width:960px;
	background:url(images/footer.png) repeat-x top left;
	clear:both;
	}
#footer p {
	float:right;
	}
#footer a {
	text-decoration:underline;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#E1E1E1;
	}
/*-------------end footer------------------*/
/*-----------------search--------------*/

form#search {
	float:right;
	margin-right:10px;
	height:40px;
	}
#search input.form-input {
	background:url(images/form.jpg) repeat-x top left;
	height:25px;
	float:left;
	}
#search input.submit {
	background:url(images/search.jpg) no-repeat top left;
	width:30px;
	height:25px;
	margin-top:2px;
	float:left;
	
	}
/*--------------------end of search-----------*/
/*----------------------RSS---------*/
div.rss {
	clear:both;
	float:right;
	margin-right:10px;
	width:200px;
	}
div.rss img {
	float:right;
	}
div.rss h3 a {
	display:block;
	}
/*-----------------comments--------------*/
#commentform {
padding-bottom:20px;
}

ol.commentlist {
padding-top:20px;
}
div#respond {
	margin-top:20px;
	}
h3#comments {
	margin-top:20px;
	font-size:18px;
	}
.commentlist li.odd {
	color:#FF4646;
	}

.commentlist li.depth-2 {
	margin-left:20px;
	}
.commentlist li.depth-3 {
	margin-left:40px;
		}
img.avatar {
	margin:0 10px;
	float:left;
	}
.commentlist li {
	margin-bottom:10px;
	}
cite.fn a.url {
	text-decoration:none;
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	}
cite.fn {
	text-transform:uppercase;
	}
div.comment-meta {
	margin-left:50px;
}
li.comment p{
	margin-left:50px;
	}
div.reply a {
	margin-left:30px;
	}
p input#author ,p input#email,p input#url{
	margin:10px 0 10px 10px;
	}
#comment {
	width:300px;
	margin:10px 0 10px 10px;
	}
/*-----------------endo of comments--------------*/
/*--------------page navigation-----------------*/
div.alignleft {
	float:left;
	color:#CCCCCC;
	font-size:16px;
	font-weight:bold;
	}
div.alignright{
	float:right;
	color:#CCCCCC;
	font-size:16px;
	font-weight:bold;
	}
/*-------------------end of page navigation------------*/
/*------------------default styles-------------*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid red;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
  
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 1px solid black;
}

.wp-caption p.wp-caption-text {
   font-size: 14px;
   font-family:Georgia, "Times New Roman", Times, serif;
   line-height: 17px;
   padding: 4px 4px 5px;
   margin: 0;
}
.center {
	text-align:center;
	}

/*------------------------end default image styles-------*/

/*------------------form controls-------------*/
.contactform {
	width:350px;
	}
.contactform p {
	margin-bottom:10px;
	}

.contactform label {
	display:block;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	}
	
.contactform input {
	margin-left:50px;
		}
.contactform textarea {
	margin:0 0 10px 50px;
	}