/*  

Theme Name: Black Abstract 

Theme URI:

Description: Black abstract theme 2.0

Version: 2.0

Author: Ophelia Nicholson

Author URI: 

*/







/* General */

fieldset.search {
	position: absolute;
	border: none;
	width: 140px;
	margin: 150px 0px 0px 580px;
	background: none;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #fff;
	font: normal 12px "Century Gothic", Verdana;
	width: 100px;
	height: 13px;
	padding: 8px 5px 0;
	background: none;
	margin-right: 5px;
}
.search input.box:focus {
	background: url(http://bad-company2.cz/wp-content/themes/black-abstract-20/images/button.jpg) no-repeat left -38px;
	outline: none;
}
.search button.btn {
	width: 22px;
	height: 22px;
	cursor: pointer;
	text-indent: -9999px;
	background:  url(http://bad-company2.cz/wp-content/themes/black-abstract-20/images/button.jpg) no-repeat ;
}


body {

	margin: 0;

	background: url("images/header.jpg") top center no-repeat;

}



h1, h2, h3, h4 {

	margin: 0;

}



img {

	border: 0;

}



.clear {

	clear: both;

	height: 1px;

	overflow: hidden;

}




/* Page */



#page {

	margin: 0 auto;

	width: 1024px;

       
}




/* Header and wrapper */
#wrapper {
  margin: 0 auto;
  width: 1024px;
  text-align: left;
  padding: 0;

  
   }

#header {
  position: relative;
  padding: 0;
  margin:  0;
  }



#header #logo {
  float: left;
  width: 1000px;
  margin: 14px 0 0 0;
  padding: 0;
height: 0;
position: relative;
visibility: hidden;
}
#header h1 {
  padding: 0;
  margin: 0;
  }
#header h1 a {
  color: #fff;
  font-size: 17pt;
  text-decoration: none;
  }
#header h1 a:hover {
  color: #ffcc66;
  text-decoration: none;
  }
#header span {
  padding: 0;
  color: #111;
  font-size: 11pt;
  }


/* Menu */


#nav {
  
		position: absolute;

		top: 153px;

		left: 0;

		height: 33px;
    }
	
#nav ul {
  margin: 0;

		padding: 0;

		
  }

#nav li {
  float: left;

		height: 33px;

		padding: 0 7px 0 7px;

		font: bold 10px/30px "Century Gothic", Verdana;

		color: #000000;
  }

#nav a {
  display: block;
  line-height: 33px;
  margin: 0;
  padding: 0 7px 0 7px ;
  font-size: 10pt;
  color: #000000;
  letter-spacing: -1px;
  text-decoration: none;
  }

#nav li a:hover {
  color: #000000;
  text-decoration: none;
background: #434343 url("images/nav.png") repeat-x;
  padding: -5px;  
}

#nav li ul {

  position: absolute;
  width: 153px;
  left: -999em;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
	
#nav li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 150px;
  }
	
#nav li li a {
  width: 115px;
  height: 22px;
  line-height: 22px;
  color: #000000;
  border-top: 1px solid #192e1a;
  background: #fffff;
  margin: 0;
  padding: 5px 20px 5px 15px;
  }
	
#nav li li a:hover {
  border-top: 1px solid #192e1a;
  background: #434343 url("images/nav.png") repeat-x;
  padding: 5px 20px 5px 15px;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }




 



	
	



/* Main */



#main {

	width: 1022px;

	padding: 0 0 0 2px;

}


	/* Main - Sidebar */

	

	.sidebar {		
 		float: right;
		font: normal 12px "Century Gothic", Verdana;
                margin: 0;
		padding: 20px 0 0 0;
		color: #ffffff;



	}

	

	.sidebar a {

		color: #ffffff;

		text-decoration: underline;

	}

	

	.sidebar a:hover {

		text-decoration: underline;

	}

	

	.sidebar .sidebar-box {
             

		width: 206px;

		background: url("images/sidebar_box.png") repeat-y;

		margin: 0 0 0 0;

	}

.sidebar .sidebar-box1 {

           float: right;
	   overflow: hidden;
			
           width: 460px;
 
           height: 244px;
		
		background: url("images/sidebar_box2.png") repeat;

		margin: 10px 0;
	

	}
	

		/* Sidebar - Titles */

		

		.sidebar h5 {

			width: 191px;

			height: 39px;
                        margin: 0 0 0 0;
			padding-left: 31px;

			font: bold 14px/49px "Century Gothic", Verdana;

			color: #FF8000;


			background: url("images/sidebar_title.png") no-repeat;

		}

		
.sidebar .sidebar-box1 h5 {

			width: 460px;

			height: 30px;

                        margin: 0;

			padding-left: 28px;

			font: bold 14px/30px "Century Gothic", Verdana;

			color: #FF8000;

			background: url("images/sidebar_title2.png") no-repeat;

		}

		




	/* Main - Content */

	

	#content {

		
		float: left;

		width: 579px;

		padding: 30px 10px 0 3px;

	}

	#content2 {

		float: left;

		width: 1002px;

		padding: 30px 4px 0 0;

	}

	/* Main - Content - Post */

	

	#content .post {

		color: #000000;

		float: left;

		margin: 10px 0 10px 0;

		width: 579px;

	}

	#content2 .post {

		color: #000000;

		float: left;

		margin-bottom: 30px;

		width: 1002px;

	}

	

		/* Post - Title */

		

		#content .post .post-title {

			width: 579px;

			height: 73px;

			background: url("images/post_title.png") no-repeat;

			color: #ffffff;

			font: bold 12px "Century Gothic", Verdana;

		}

		#content2 .post .post-title {

			width: 1002px;

			height: 77px;

			background: url("images/post_title2.png") no-repeat;

			color: #ffffff;

			font: bold 12px "Century Gothic", Verdana;

		}

		#content .post .post-title a {

			color: #FF8000;

			text-decoration: none;

		}

		

		#content .post .post-title a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title h2 {

			color: #FF8000;

			font: bold 16px "Century Gothic", Verdana;

			padding: 14px 0 1px 0;

		}

		#content2 .post .post-title h2 {

			color: #ff8000;

			font: bold 16px "Century Gothic", Verdana;

			padding: 12px 0 1px 0;

		}

		#content .post .post-title h2 a {

			color: #FF8000;

			text-decoration: none;

		}

		

		#content .post .post-title h2 a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-date {

			margin: 8px 10px 0 17px;

			width: 46px;

			height: 40px;

			text-align: center;

			float: left;

			color: #ffffff;

			font: bold 17px "Century Gothic", Verdana;

		}

		#content2 .post .post-title .post-date {

			margin: 8px 10px 0 17px;

			width: 46px;

			height: 40px;

			text-align: center;

			float: left;

			color: #ffffff;

			font: bold 17px "Century Gothic", Verdana;

		}


		#content .post .post-title .post-date span, content2 .post .post-title .post-date span {

			margin: 2px 0;

			display: block;

			font-size: 14px;

		}

		

		/* Post - Entry */

		

#content .post .post-entry {

			font: 12px/16px "Lucida Grande", Verdana;

			color: #000000;

			width: 520px;

			margin: 0;

			padding: 0 35px 0 30px;

			background: url("images/post_entry.png") repeat-y;

			float: left;

		}
		#content2 .post .post-entry {

			font: 12px/16px "Lucida Grande", Verdana;

			color: #000000;

			width: 946px;

			margin:  0;

			padding: 0 35px 0 27px;

			background: url("images/post_entry2.png") repeat-y;

			float: left;

		}


		

		#content .post .post-entry a, content .post .post-entry a {

			color: #333333;

			text-decoration: underline;

		}

		

		#content .post .post-entry a:hover, content .post .post-entry a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-entry .more-link {

			font: 14px/16px "Century Gothic", Verdana;

			color: #999999;

			float: right;

		}

		

		#content .post .post-entry .more-link a {

			color: #333333;

			text-decoration: underline;

		}

		

		#content .post .post-entry .more-link a:hover {

			text-decoration: underline;
			color: #666666;

		}

		

		/* Post - Info */

		

		#content .post .post-info {

			clear: both;

			width: 537px;

			height: 35px;

			background: url("images/post_info.png") no-repeat;

			font: bold 12px/48px "Century Gothic", Verdana;

			color: #ffffff;

			padding: -0 21px;
                       
		}

		#content2 .post .post-info {

			clear: both;

			width: 1002px;

			height: 46px;

			background: url("images/post_info2.png") no-repeat;

			font: bold 12px/48px "Century Gothic", Verdana;

			color: #ffffff;

			padding: 0 21px;

		}


		#content .post .post-info a {

			color: #ffffff;

			text-decoration: none;
		}

		

		#content .post .post-info a:hover {

			text-decoration: underline;

		}

		

		/* Post - Comments */

		

		#content .post h3 {

			margin: 20px 0 10px 0;

			color: #000000;

			font: bold 14px "Century Gothic", Verdana;

			width: 522px;

		}

		

		#content .post .comments {

			font: 12px/16px "Lucida Grande", Verdana;

			color: #333333;

			width: 522px;

		}

		

		#content .post .comments a {

			color: #333333;

			text-decoration: underline;

		}

		

		#content .post .comments a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol {

			margin: 10px 0 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li.alt {

			background: #999999;

		}

		

		#content .post .comments ol li cite {

			color: #111111;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #222222;

			text-decoration: underline;

		}

		

		#content .post .comments ol li cite a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li .commentmetadata a {

			color: #ffffff;

			text-decoration: none;

		}

		

		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

		#content .post #commentform {

			margin: 0;

			font: bold 14px/16px "Trebuchet MS", Verdana;

			color: #000000;

			width: 522px;

		}

		

		#content .post #commentform a {

			color: #666666;

			text-decoration: underline;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}



/* Main - Content - Navigation */

	

	#content .navigation {

		float: left;

		margin-bottom: 45px;

		font: bold 11px "Century Gothic", Verdana;

		color: #666666;

		padding: 0 10px;

		width: 520px;

	}

	

	#content .navigation a {

		color: #666666;

		text-decoration: none;

	}

	

	#content .navigation a:hover {

		text-decoration: underline;

	}

	

		#content .navigation .navigation-previous {

			float: left;

		}

		

		#content .navigation .navigation-next {

			float: right;

}


/* Footer */



#footer {

	width: 1004px;

	margin-top: 1px;
 
        height: 120px;

	color: #666666;
	
        font: bold 12px/55px "Century Gothic", Verdana;

	text-align: center;

	background: url("images/footer.png") no-repeat;

}



#footer a {

	color: #666666;

	text-decoration: underline;

}



#footer a:hover {

	text-decoration: underline;

}



/* Sidebar - Menus */

		

		.sidebar ul {

			margin: 0;

			padding: 0;
			
			text-decoration: none;

		}

		

		.sidebar ul li {

			color: #ffffff;

			font: normal 12px/24px "Trebuchet MS", Verdana;
			
			padding: 0 10px 0 15px;
			list-style-type: none;
			
		}

		

		.sidebar ul li a {
			
			color: #ffffff;

			text-decoration: none;

		}

		

		.sidebar ul li a:hover {

			text-decoration: underline;
			color: #ff8000;
		}

		

			.sidebar ul li ul li {

				border-bottom: none;

			}





		/* Sidebar - Tables */

		

		.sidebar #calendar_wrap {

			margin: 0 auto;

			padding-bottom: 5px;

			width: 118px;

		}

		

		.sidebar #calendar_wrap caption {

			font-weight: bold;

		}

		

		.sidebar #calendar_wrap tbody {

			text-align: right;

		}

		

		.sidebar #calendar_wrap #today {

			font-weight: bold;

		}

		

		/* Sidebar - Texts */

		

		.sidebar .textwidget {

			padding: 0 5px 5px 5px;

			margin: 0 auto;

			width: 180px;

		}

#right{

float:left;

width:420px;

}	



/************************************************

*	[Search Form]									*

************************************************/

	

#searchform {

    float:left;

	margin: 0px;

	margin-left:70px;

	padding: 4px 0px 0px 0px;

}

	

#s {

	background: #111;

	width: 210px;

	color: #fff;

	font-size: 11px;

	font-family: Arial, Tahoma, Verdana;

	padding: 3px;

	margin: 0px 0px 0px 0px;

	border-top: 1px solid #666666;

	border-right: 1px solid #666666;

	border-left: 1px solid #666;

	border-bottom: 1px solid #666;

}

	

#sbutt {

	background: #111;

	color: #FFFFFF;

	font-size: 11px;

	font-family: Arial, Tahoma, Verdana;

	padding: 2px;

	margin: 0px 0px 0px 3px;

	border: 1px solid #666;

}