/*
Theme Name: Black Minimalism
Theme URI: http://www.cinexl.net/blog/?p=63
Description: <p>Designed and developed by <a href="http://cinexl.net/blog">Valter Nepomuceno</a>.</p><p>Based in K2 theme <small>by <a href="http://binarybonsai.com">Michael</a>, <a href="http://chrisjdavis.org">Chris</a>, <a href="http://zeo.unic.net.my">Zeo</a>, <a href="http://stevelam.org">Steve</a> and <a href="http://nybblelabs.org.uk">Ben Sherratt</a>.</small></p>
Version: 2.0
Author: Valter Nepomuceno
Author URI: http://cinexl.net/blog


	This theme is based in the K2 Wordpress Structure:
	http://binarybonsai.com/k2/

	This theme was created by Valter Nepomuceno:
	http://cinexl.net/blog

	All elements of this theme are protected by the GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Black Minimalism uses Fam Fam Fam Silk Icons: 
	http://www.famfamfam.com/lab/icons/silk/
	
	Please, while using this Wordpress Theme, if you find any bugs, contact me:
	Vnepomuceno@cinexl.net
	

-->	CSS Overview
	
	There are sections throughout, roughly describing 
	the contents inside each section. To step through each
	section, do a search for '/ * -' (without spaces) and
	repeat the search until you find the section you need.
	
	The use of selectors has been exagerrated in some places,
	so as to make it easier for people to gain an overview
	of what classes belong where in the hierarchy.
	
*/


/*- Page Structure */

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-image:url(images/wallpaper.jpg);
	text-align: center;
	margin: 0 0 30px;
	}

#page {
	margin:0px auto;
	text-align:left;
	/* The entire template's width is set in this class. */
	width:719px;
	_width:719px;
	background-image:url("images/layout_middle.png")!important;
	background-image:none;
	filter:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/bm2.0/images/layout_middle.png', sizingMethod="scale");
	background-repeat:repeat-y;
}

#top_layout {
	width:719px;
	height:53px;
	margin:30px auto 0;
	background-image:url("images/layout_top.png")!important;
	background-image:none;
	filter:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/bm2.0/images/layout_top.png', sizingMethod="scale");
}

#footer {
	font-size:.9em;
	line-height:1.5em;
	color:#181818;
	text-align:center;
	width:719px;
	height:53px;
	background-image:url("images/layout_bottom.png")!important;
	background-image:none;
	filter:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/bm2.0/images/layout_bottom.png', sizingMethod="scale");
}
   
#header {
	text-align:center;
	width: 658px;
	padding:-1px;
	margin:-1px;
	position: relative;
	height: 200px;
	background-image: url(images/header.png);
	}
	
.primary {
	width: 655px;
	_width: 655px; /* IE Hack */
	padding: 15px 0 10px;
	margin: 0 10px 0 30px;
	_margin: 0 10px 0 30px; /* IE Hack */
	}

.primary img {
	margin-left: -5px;
	padding:2px;
	border: 0px solid #999;
	max-width: 100%;
	}
	
.secondary {
	font: 11px/14px  Sans-Serif, Lucida Grande, Verdana, Arial;
	color: #181818;
	width:100%;
	position: relative;
	}
	
.vertical {
	vertical-align:top;
	}

.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	}


/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 15px 6px;
	}

ul.menu li a {
	font: 1em Sans-Serif, Verdana, Helvetica, Arial;
	color: #000;
	margin: 0;
	}

ul.menu li a:hover {
	background: #181818;
	color: #FFFFFF !important;
	text-decoration: none;
	}

ul.menu li a:visited {
	color: #000;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #181818 !important;
	background: white;
	text-decoration: none;
	}

.admintab {
	position: absolute;
	right: 0px;
	_padding: 5px 15px 6px; /* IE hack */
	}

a img,:link img,:visited img { border:none }

/*- Sidebar Subpages Menu */

#sidebar {
	width:658px;
}

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

.sb-pagemenu .current_page_item {
	}


/*- Headings */

h1, h2, h3, h4 {
	font-family: 'Sans-Serif', Trebuchet MS, Verdana;
	}

h1 { /* H1 is used for the title of your blog */
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 75px;
	margin: 0 0 0 40px;
	width: 100%;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
	}

h1:hover {
	text-decoration: none;
	}

#header .description { /* Blog description, under blog title */
	font-size: 1em;
	margin: 0 0 0 40px;
	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
	}

.pagetitle { /* Used on static pages and archives */
	text-align: center;
	margin: 15px 0 15px;
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 15px;
	padding: 0;
	display: inline;
	}

.primary h3, .primary h4, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: -1px;
	display: inline;
	}

.primary .aside h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.itemhead {
	margin-top: 10px;
	}
	
.itemhead a:visited {
	color:#181818;
	text-decoration:none;
	}
	
.itemhead h3 a:visited {
	color:#181818;
	}

.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

.itemtext h4 { /* For use on Pages */
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.secondary div {
	margin: 20px 0 0;
	padding: 0;
	}

.secondary div div div {
    margin: 0;
    }
	
.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #181818;
	font-weight: normal;
	}

.primary .item .itemhead .metalink, .comments .primary .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

.primary .aside .itemhead .metalink {
	font-size: 1.4em;
	}

.permalink .primary .aside .itemtext {
	font-size: 1.4em;
	color: #181818;
	}

.comments .primary .metalink {
	margin: 0 15px 0 0;
	float: none;
	}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
	}

.primary .aside {
	padding: 8px;
	margin: 0 4%;
	}

.secondary .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .aside .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	position: absolute;
	right: 0;
	}

.aside .editlink img {
	top: 9px;
	}

.commentseditlink {
	border: none;
	padding: 2px;
	padding-left: 10px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover span {
	display: inline;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #181818;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.metadata { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 2px;
	color: #181818;
	}

.metadata a {
	color: #181818;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-right: 10px;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('images/time.png') left center no-repeat;
	}

.chronodata:after {
	content: ".";
	}

.tagdata {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	}

/*- Primary Contents */

.primary .item {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

.primary .item .itemtext {
	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: justify;
	color: #181818;
	}

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote {
	margin: 13px 0;
	}

.primary .aside .itemtext p,
.primary .aside .itemtext ul,
.primary .aside .itemtext ol,
.primary .aside .itemtext div,
.primary .aside .itemtext blockquote {
	margin: 5px 0;
	}

.permalink .primary .aside .itemtext p,
.permalink .primary .aside .itemtext ul,
.permalink .primary .aside .itemtext ol,
.permalink .primary .aside .itemtext div,
.permalink .primary .aside .itemtext blockquote {
	margin: 13px 0;
	}

.metalinks {
	margin-top: 3px;
	}
	
.commentsrsslink {
	background: url('images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #181818;
	padding: 2px;
	}

.comments .commentlist {
	margin: 0;
	padding: 20px 0;
	position: relative;
	}

.comments .commentlist li {
	margin: 10px 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

.comments .commentlist .commentmetadata {
	padding: 2px 0 2px 20px;
	background: url('images/time.png') left center no-repeat;
	display: block;
	}

.commentmetadata a{
	color:#181818;
	}
	
.commentmetadata a:visited {
	color:#181818;
	text-decoration:none;
	}
	
#comments a img {
	border:none;
	padding:0px;
	}

.comments .commentlist li img {
	padding: 0;
	border: none;
	}

.comments .commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	}

.comments .commentlist li .commentauthor {
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}
	
.commentauthor {
	color:#181818;
	}
	
.commentauthor a {
	text-decoration:none;
	color:#181818 !important;
	}
	
.comments .commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #181818;
	float: left;      
	margin: 0;
	}

.comments .pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

.comments .pinglist li .commentauthor {
	font-weight: bold;
	display: block;
	}

.comments .pinglist li small {
	font: .8em Arial, Sans-Serif;
	display: block;
	}

.comments .pinglist li .counter {
	display: none;
	}

.comments .pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

.comments .pinglist li img {
	padding: 0;
	border: none;
	}
	
.comments #leavecomment {
	text-align: center;
	margin-bottom: 40px;
	color: #181818;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
	color: #181818;
	font-size: 2em;
	letter-spacing: -1px;
	}

.comments form {
	clear: both;
	padding: 1px 0 30px;
	margin: 0;
	}

input[type=text], textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px;
	color: #181818;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #181818;
	border-color: #181818;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments form textarea {
	height: 250px;
	padding: 2px;
	width: 99%;
	_width: 99%; /* IE hack */
	}

.comments form #submit {
	margin: 0;
	float: right;
	}

/*- Links */

a {
	color:#181818;
	text-decoration:none;
	}

.itemtext a, a:visited {
	color:#181818;
	text-decoration:none;
	}
	
.itemtext a:hover {
	color:#FFFFFF;
	background-color:#181818;
	text-decoration:none!important;
	}
		
.primary a img {
	padding:2px;
	border: 0px solid #999;
	background:none;
	}
	
.primary a:hover img {
	padding:2px;
	border:0px solid #585858;
	background-color:#FFFFFF;
	}

.secondary a {
	text-decoration:none;
	}

.primary a:hover, .primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration:none;
	}

h2 a:hover, h2 span a:hover {
	color:#181818!important;
	}

#footer a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}

#footer a:hover {
	font-weight:bold;
	text-decoration:none;
	}

/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="right"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}

.favorite img {
	padding: 0;
	border: none;
	}

small {
	font-size: .9em;
	line-height: 1.5em;
	}

small, strike {
	color: #181818;
	}
	
code {
	padding:0 0 0 20px;
	font:1.1em 'Courier New', Courier, monospace;
	display:block;
	}

acronym {
	font-size:0.9em;
	letter-spacing:.07em;
	border-bottom:1px dashed #181818;
	cursor:help;
	}
	
abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 20px;
	background: none;
	font: italic 1.05em Georgia, Times, serif;
	border: none;
	}

hr {
	display:none;
	}

.navigation {
	text-align: center;
	margin: 10px 0 10px;
	padding: 0;
	width: 100%;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	text-decoration:none;
	color: #181818;
	}

.navigation a:hover {
	text-decoration:none;
	}

.alert {
	background: #FFD5EA;
	border-top: 2px solid #181818;
	border-bottom: 2px solid #181818;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}

img.wp-smiley, img.wp-smiley a, img.wp-smiley a:hover {
	border:none !important;
	padding:0 0 0 5px !important;
	}


/*- Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary ul, .secondary ol {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary li {
	padding:0 0 15px 0;
	list-style:none;
	}
	
.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

.sb-links ul li {
	margin-top: 20px;
	}

.sb-links ul ul li {
	margin-top: 0;
	}

/*- Search Form and Livesearch */

.sb-search {
	margin-top: 0px;
	}

input[type=text], textarea {
	color: #181818;
	padding: 2px 0 2px 2px;
	margin: 0;
	}

input#livesearch {
	width: 97.1%;
	}

input#s {
	width: 75%;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}

#LSResult {
	margin: 0;
	width: 100.1%;
	z-index: 100;
	position: absolute;
	background: #eee url('images/livesearchbg.jpg') center repeat-y;
	border-bottom: 1px solid #eee; 
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;
	}

#searchcontrols small {
	margin: 0;
	padding: 0;
	}

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
	background: #ffffcc url('images/livesearchbghilight.jpg') center repeat-y;	}

#LSResult:hover #LSHighlight {
	background: none;
	border: none;
	padding: 5px 2px;
	}

#LSHighlight small, #LSHighlight small span a {
	color: #181818;
	}

.LSRow {
	padding: 5px 10px;
	}

.LSRow span a, .LSRow span a:visited {
	word-spacing: -1px;
	line-height: 1.3em;
	font-weight: normal;
	color: #181818;
	}


/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */


/*
	Brian's Latest Comments
	http://meidell.dk/archives/2004/09/12/brians-latest-comments/
*/

.secondary div.sb-comments ul li span a, div.sb-comments ul li small a {
	color: #181818;
	font-weight: normal;
	word-spacing: -1px;
	}

.secondary div.sb-comments ul li {
	margin-bottom: 6px;
	}

.activityentry {
	font-size: 1em;
	}

div.sb-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
	}

/* 
	Related Entries 2.0
	http://www.w-a-s-a-b-i.com/archives/2006/02/02/wordpress-related-entries-20/
*/

.related {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/related.png') left center no-repeat;
	}

/*
	Browser Sniff
	http://priyadi.net/archives/2005/03/29/wordpress-browser-detection-plugin/
*/

.browser_sniff {
	padding: 2px 0 2px 20px;
	background: url('images/browser_sniff.png') left center no-repeat;
	display: block;
}

/*
	WP-PostRating
	http://www.lesterchan.net/portfolio/programming.php
*/

.rating {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/rating.png') left center no-repeat;
	}

/*
	Flickr RSS
	http://eightface.com/wordpress/flickrrss/
*/

.sb-flickr {
	width:658px;
	}

.sb-flickr img {
	margin:0 2px 0 2px;
	padding: 4px;
	border: 0px solid #999999;
	}
	
.sb-flickr a img {
	padding: 4px;
	border: 0px solid #999999;
	}
	
.sb-flickr a:hover img {
	padding: 4px;
	border: 0px solid #585858;
	_border: 0px solid #585858; /* IE Fix */
	}
	
/*-
	WordPress: Touched
	http://twilightuniverse.com/2005/03/wordpress-touched/
*/

#poststuff fieldset {
	border: none;
	}

#poststuff #title, #poststuff #excerpt, #poststuff #tags {
	width: 470px;
	}
	
#poststuff #title {
	font-size: 2em;
	}


/*
	Ultimate Tag Warrior
	K2 removes UTW's default tags for more default control.
*/

.localtags, .technoratitags {
	display: none;
	}

/*
	Spam Karma 2.2
	http://unknowngenius.com/blog/wordpress/spam-karma/
*/

#sk2-footer {
	color:#FFFFFF;
	background-color:#444444;
	width:;
	margin:22px 0 0 0;
	border-top:#888 solid 1px;
}

/*
	Contact Form
*/

.contactform {
	width: 100%; 
	position: relative;
	}

.contactleft {
	width: 15%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}

.contactright {
	width: 70%; 
	text-align: left;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}
	
.contacterror {
	border: 1px solid #ff0000;
	}

/*menu sublevel*/
/*menu sublevel*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:625px; height:15px; position:relative; z-index:100;align:center;font-family: 'Sans-Serif', arial, verdana, sans-serif}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:625px; w\idth:645px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:89px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; width:89px; height:11px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:99px; w\idth:88px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#f0f0f0;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#f0f0f0;}
.menu ul ul :hover > a.drop {background:#f0f0f0; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#f0f0f0;} 
/* style the third level hover */
.menu ul ul ul a:hover {background:#181818;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0; }
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:119px; top:-1px; width:89px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-89px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#f0f0f0; color:#000; height:auto; line-height:1em; width:89px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:1290px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#181818;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*final menu sublevel*/
/*final menu sublevel*/

<?php if (function_exists('pixopoint_menu')) {pixopoint_menu();} ?>