body {
 background: #cc3333 url(sapphire-background.png) center top repeat-x;
}

/* Main font color */
body,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited,
.entry-content,
input[type=text], textarea,
blockquote {
 color: #333;
}

.stylex {
	font-size: larger;
	font-weight: bold;
	text-align:center;
	border:double;
	border-color:#000000;
	margin:5px;
}

/* Make some place before the header to let us see rounded corners */
#page {
 border: 0;
 margin-top: 20px;
 padding-top: 0;
}

#header {
 background: #3272a0 none center bottom no-repeat;
 width: 950px;
 height: 452px; 
}

.sidebar-none   #header {background-image: url(tanker.jpg)}
.sidebar-single #header {background-image: url(tanker.jpg)}
.sidebar-dual   #header {background-image: url(tanker.jpg)}

#header h1 {
 padding-top: 80px; /* Original is 75px. We changed it because header heigh was reduced to 180px */
 padding-left: 750px;	
}

#header h1 a:hover{
text-decoration:none !important;
color:#330000 !important;
}

#header h1, #header .description {
 text-align: left;
 padding-left: 750px;
}

#header .description {
 color: #000000;
}

#footer {
 background: #000000 !important;
 width:950px;
}

#footer a {
 color: #eee;
 border: 0;
}

#commentlist ul, #commentlist ol {
 padding-left: 35px;
 margin-top: 13px;
 margin-bottom: 13px;
}
#commentlist li li {
 margin-top: 0;
 margin-bottom: 3px;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 list-style-type: inherit;
 list-style-image: inherit;
 list-style-position: inherit;
}

#primary .entry-content img {
 margin: 5px;
}

#primary .hentry,
#primary div.comments {
 clear: both;
}
/* Same as above but for list below images.
** Test case: http://kev.coolcavemen.com/2007/04/how-to-block-ads-in-konqueror/
*/
#primary ul, #primary ol {
 clear: both;
}
/* Reset smileys 5px margin rule to their default value.
** Test case: http://kev.coolcavemen.com/2007/06/how-to-launch-a-kde-application-in-another-language/
*/
#primary .entry-content img.wp-smiley {
 margin: 0;
}


/* ====================================================
**  Other K2 style customisations: Mainly coded for my
**  personnal blog. It's not a bad idea to remove all
**  the CSS code below to revert to default K2
**  behaviour.
** ====================================================
*/

/* Consistent unordered list style.
*/
ul, ul li {
 list-style-position: inside;
 list-style-type: disc;
}

/* This kind of blockquote is more efficient: it is wider thant K2 default bloquotes as it use a thicker left border instead of padding.
*/
blockquote {
 background-color: #eee;
 border-width: 1px 1px 1px 3px;
 border-color: #ccc;
 border-style: dotted dotted dotted solid;
 padding-right: 1em;
 padding-left: 1em;
}

/* It's easier for the user to spot some widget listing if we show a
** graphical element before each one, because the visibility of the post
** list is reduced when long titles get rendered on multiple lines.
*/
div.sb-latest  ul li,
div.sb-related ul li {
 list-style-type: disc;
}

/* Make image link easier to spot by using a subtile blue color.
*/
#primary .entry-content a.imagelink img {
 border-color: #a7c0de;
}
#primary .entry-content a.imagelink:hover img {
 border-color: #277ade;
 background-color: #eee;
}

/* Float each image within a post to left,
** except for images with 'center' class, and smileys.
*/
#primary .entry-content img {
 float: left;
}

#primary .entry-content img.center,
#primary .entry-content img.wp-smiley {
 float: inherit;
}

/* Center image with "center" class
*/
#primary .entry-content img.center {
 display: block;
 margin-right: auto;
 margin-left: auto;
}

/* Sometimes I add images within titles tags as icons.
** Test case: http://kev.coolcavemen.com/linux-scripts/
*/
#primary .entry-content h4 img {
 border: 0;
 padding: 0;
 margin: 0;
 margin-right: 5px;
}

/* Style comment form to make input fields thicker and flat (easier to spot)
*/
.comments input[type='text'], textarea#comment {
 border: 2px solid #ccc;
}

/* Separate bottom navigation using a light dotted line
*/
.comments .navigation {
 border-top: 1px dotted #ccc;
 padding-top: .6em;
}


.comments #pinglist {
 background: #e4e9ef;
 border-width: 3px 1px 1px;
 border-color: #d2d7dd;
 border-style: solid;
}
#sidebar {
	display: block;
	z-index: 5;
	margin: 0;
	padding: 0;
	position: relative;
	bottom: 0;
}

#sidebar ul {
	width:950px;
	min-height: 30px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index: 500;
}


#sidebar li {
	display: inline;
	float: left;
	min-height: 20px;
	position: relative;
	text-align: left;
	padding: 5px 16px 5px;
	margin: 0px 0px 0px 0px;
}

#sidebar li ul {
	width: 150px;
	height: auto;
	top: 100%;
	left: 0px;
}

#sidebar li ul li {
	text-align: left;
	width: 118px;	
	height: auto;
	min-height: auto;
	display: block;
}

#sidebar a {
	text-decoration: none;
	}

#sidebar li li ul {
	top: 0;
	left: 0;
}

#sidebar li li:hover ul {
	left: 150px;
}

/* initialy hide all sub sidemenus */
#sidebar ul ul,
#sidebar ul li:hover ul ul,
#sidebar ul ul li:hover ul ul,
#sidebar ul ul ul li:hover ul ul,
#sidebar ul ul ul ul li:hover ul ul {
	display: none;
	position: absolute;
}

/* display them on hover */
#sidebar li:hover ul,
#sidebar ul li:hover ul,
#sidebar ul ul li:hover ul,
#sidebar ul ul ul li:hover ul,
#sidebar ul ul ul ul li:hover ul,
#sidebar ul ul ul ul ul li:hover ul {
  display: block;
}

/* colors */

#sidebar {
	color: #FFFFFF;
}

#sidebar ul{
	background: #000000;
	-moz-opacity:0.95; /* for mozilla */
	opacity: 0.95; /* for safari */
	khtml-opacity: 0.95 /* for konquerer and older safari */
}

#sidebar ul ul {
	background: #000000;
}
#sidebar ul li {
	background: #000000;
}


#sidebar h2 {
	color: #FFFFFF;
}

#sidebar a {
	color: #FFFFFF;
	}

#sidebar ul li:hover {
	background: #330000;
}

#sidebar ul li ul {

}

#sidebar ul li ul li {
	background: #333333;
}

#sidebar ul li ul li:hover {
	background: #666666;
}

#sidebar ul li ul ul li{
	background: #666666;
	
}

#sidebar ul li ul ul li:hover {
	background: #999999;
}