/*

Theme Name: Voodoo Empire 2
Version: 1.7
Theme URI: http://www.rvoodoo.com/2009/04/theme-release-voodooempire2-v-17-for-wordpress/
Description: The Voodoo Empire's Second Theme, a dark, black and red, 3 column theme with 3 colum widget ready footer and custom greeting message configurable from Theme Options in admin menu.
Author: Rev. Voodoo
Author URI: http://www.rvoodoo.com
Tags: Black, Red, Dark, Fixed-Width, right-sidebar, three-columns, theme-options
*/
  *{
	margin: 0px;
	padding: 0px;}
body {
	font-size: 16px;
	margin: auto;
         height: 100%;
         text-align: center;
	color: #222222;
	/*background-image:url(img/bg.gif); */background-repeat:repeat; background-color:#777777;
	 
font-family:"Lucida Grande", Verdana, Arial, sans-serif;
}
#header {
	margin: 0px auto 0 auto;
	height: 210px;
	width: 1003px;
	background:white url(img/top.jpg);}

/**/


.fix-imgs {
float:left;
margin-top:10px;
width:200px;
}


.fix-right{
float:right;
margin-top:10px;
width:200px;
}

.wpco{
padding:0px;
margin:0px;
padding-bottom:4px;
}

#containerx {
margin: 0px;
padding: 0px;

width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#con_leftx {
margin: 0px;
padding: 0px;
width: 400px;
float: left;
}

#con_rightx {
margin: 0px;
padding: 0px;
width: 300px;
float: left;
} 
#move_down, #order_now{
padding-top:2.7em;
}
#title, {float:left;
	height: 180px;
}



#title h1 {
font-family:"Lucida Grande", Verdana, Arial, sans-serif;
font-size: 2.3em;
	font-weight: bold;
	color: #ce2030;
	text-align: left;
	margin-top: 0px;
	margin-left: 20px;}
#title h1 a {
	margin-top: 0px;
	text-align: left;
	font-weight: bold;
	color: white;
	text-decoration: none;}

#order_now h1 {
font-family:"Lucida Grande", Verdana, Arial, sans-serif;	
font-size: 2.3em;
	font-weight: bold;
	color: black;
	text-align: left;
	margin-top: 0px;
	margin-left: 10px;}

#title  img{
padding-left:20px;
height:170px;
}
#title h1 a:hover {
	color: #3d3d3d;
	text-decoration: none;} 

#header #menu {
	margin: 0 auto;
	padding: 66px 0 0 610px;
	overflow: hidden;
	line-height:2.5em;
    text-transform: uppercase;}
#voodoo {
         	position: absolute;
	height: 60px;
	width: 468px;
         float: right;
	margin-left: 510px;
         margin-top: -55px;}
#menu ul {
	margin:0;
	padding:0;}

#menu li {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	white-space:nowrap;}
#menu li a {
	display:block;
	padding:0 10px;
    font-family: Arial Narrow;
	font-size:1.3em;
	color: #000;
	letter-spacing:1px;}
#menu li a:hover {
	display:block;
	padding:0 10px;
	font-size:1.3em;
	color: #fff;
	letter-spacing:1px;}
* html 
#menu a {width:1%;} 
#menu form {
	float:right;
	height:100%;
	width:164px;
	padding:0 15px;
	line-height:0;
	background:#2E3946;}
#menu form fieldset {
	margin-top:7px;
	border:1 solid; }
* html 
#menu form fieldset {margin-top:7px;}
#menu #s {
	height:1.5em;
	width:115px;
	margin:0 5px 0 0;
	padding:0;
	font-size:1.3em;
	vertical-align:middle;}
#menu li {border-color:#dfdfdf;}
#menu a {
	color: #dfdfdf;
	font-weight: bold;}
#menu a:hover{
	font-size: 14px;
	color: #fff ;
	font-weight: bold;
	text-decoration: none;
	background-color:transparent;}
#menu a:visited{font-weight: bold;}
#banner{
	float: center;
	width: 1003px;
	height:125px;
	display: block;
	margin: 0 auto;
	background:#fff url(img/header.png) no-repeat;}
#banner #banner_title{
	color:#666666;
	margin: 0 auto;
	padding: 60px 0 10px 415px;
	font-size:18px;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	width:400px;}
#banner #banner_text{
	margin: 0 auto;
	padding: 15px 5px 0 470px;
	color:#666666;
	font-size:13px;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	width:450px;}
#container{
	clear:left;
	padding:0 auto 0 auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	margin-bottom: 0;
         width: 1003px;
        min-height: 1000px;
        height: auto;
	background: #150700 url(img/container.png) repeat-y;}                
#leftnav{

	float: right;
	width: 200px;
	margin: 0;
	padding-top: 4px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: left;}
#rightnav{
	float: right;
	width: 200px;
	margin: 0;
	padding-top: 4px;
	margin-top: 0;
	margin-bottom: 20px;
	margin-right: 1px;
	text-align: left;}

div .textwidget{
width:150px;
margin-left:30px;
color:#white;
}
#text-3 {
background: url(img/BONUS.png) 0px no-repeat;
}

#content{
	display: block;
	margin: 0px 420px 10px 25px;
	padding: 20px 0 0 0;
	line-height: 1.5em;
	text-align: left;}
#content ul{
	padding-left: 15px;}
#content ul li{
	margin-left: 15px;
	list-style-type: square;}
#content ul ul li{
	padding-left: 15px;}
#content ol{
	list-style-position: inside;
	padding-left: 15px;
	padding-top: 2px;
	margin-bottom: 10px;}
#content p{
	padding-top: 5px;
	padding-left: 10px;}

#sidebarleft{
	color: #fff;
	margin-bottom: 5px;
	padding: 160px 5px  0 0px;}
#sidebarleft ul{}
#sidebarleft li{
	background: none;
	padding-bottom: 8px;}
#sidebarleft ul li{
	border-bottom: 1px dotted #4e0000;
	padding: 3px 0 5px 10px;
	display: block;
	margin-left: 20px;
	margin-right: 3px;}
#sidebarleft ul li ul li{
	display: block;
	padding-left: 10px;
	margin-left: 5px;
	margin-right: 3px;
	padding-bottom: 2px;}
#sidebarleft ul li li{
	display: block;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 3px;
	padding-bottom: 2px;}
#sidebarleft a:link {
	color: yellow;
	text-decoration: none;
	border: none;}
#sidebarleft a:hover {color: white;}
#sidebarleft a:visited:hover {color: white;}
#sidebarleft a:visited {
	color: yellow;
	text-decoration: none;
	border: none;}
#sidebarleft h2 {
	height: 30px;
	padding: 10px 0 0px 15px;
	font-family: Arial, sans-serif; 
	color: #ce2030;
	
	margin-top:15px;}
#sidebarright{
	color: #fff;
	margin-bottom: 10px;
	padding: 15px 5px  0 0px;}
#sidebarright ul{}
#sidebarright li{
	background: none;
	padding-bottom: 8px;}
#sidebarright ul li{
	border-bottom: 1px dotted #4e0000;
	padding: 3px 0 5px 10px;
	display: block;
	margin-left: 20px;
	margin-right: 3px;}
#sidebarright ul li ul li{
	display: block;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 3px;
	padding-bottom: 2px;}
#sidebarright ul li li{
	display: block;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 3px;
	padding-bottom: 2px;}
#sidebarright a:link {
	color: yellow;
	text-decoration: none;
	border: none;}
#sidebarright a:hover {color: #c9c9c9;}
#sidebarright a:visited:hover {color: #c9c9c9;}
#sidebarright a:visited {
	color: yellow;
	text-decoration: none;
	border: none;}
#sidebarright h2 {
	height: 30px;
	padding: 10px 0 0px 15px;
	font-family: Arial, sans-serif; 
	color: #ce2030;
	
	margin-top:15px;}


blockquote{
	margin: 0px 0px 0px 30px;
	padding: 5px 25px 5px 0px;
	color: #202020;}                         
.postmetadata{
	display:block;
	margin: 10px 35px 10px 20px;
	padding: 5px 8px 8px 35px;
	text-align: left;
	color:black;}
#content .postmetadata{}
.postmetadata a:link{
	border: none;
	color: #b32526;
	font-weight: normal;}
.postmetadata a:hover{
	border: none;
	color: #848484;
	font-weight: normal;
	text-decoration: underline;}
.postmetadata a:visited:hover{
	border: none;
	color: #848484;
	text-decoration: underline;
	font-weight: normal;}
.postmetadata a:visited{
	border: none;
	color: #b32526;
	font-weight: normal;}		  
a:link{
	color: #222222;
	text-decoration: none;}
a:hover{
	color: #FF0000;
	text-decoration: underline;}
a:visited{
	color: #222222;
	text-decoration: none;
	font-weight: normal;}
a:visited:hover{
	color: #FF0000;
	text-decoration: underline;}
a img {
	float: left;
	border:none;
	background:none;
	padding:5px;}
#feed, #feed img a:link, #feed img a:visited{border: none;}                     
.commentlist{color: #434343;}
.commentlist li{
	margin: 2px 2px 2px 2px;
	padding-left: 5px;
	list-style: none;
	margin-bottom: 5px;}
li.alt{}
.commentlist cite{
	padding: 1px 1px 1px 1px;}
.commentlist p{
	padding: 5px 5px 2px 3px;
	margin-bottom: 5px;}
.commentlist a:link{
	border: none;
	font-weight: bold;
	color: #000;}
.commentlist a:visited{
	border: none;
	font-weight: bold;
	color: #000;}
.commentlist a:hover{
	border: none;
	text-decoration: underline;
	font-weight: bold;
	color: #4D4D4D;}
.commentlist a:visited:hover{
	border: none;
	font-weight: bold;
	color: #4D4D4D;}
.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited{
	text-decoration: none;
	color: #3d3d3d;}
.commentnumber {
	font: bold normal 14px "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	float:right;
	color: #000;
	font-size: 13pt;}
#comment{
	color: #000;
	width:80%;
	background-color: #fff;}
h1{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;

	font-size: 36px;
	color: #000;}
h2{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 0 0 12px;
	margin: 5px 0 6px 10px;
	text-align: left;}
h3{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	padding: 5px 0 0 12px;
	margin: 5px 0 6px 0;
	text-align: left;}


h3.posttitle {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 2.4em;
	font-weight: bold;

         height: 1.5em;
	padding: 0px 0 0px 0px;
	margin-top: 3px;
	margin-left: 0px;
	border-bottom: 1px solid #ababab;
 	/*background: url("img/voodooballpt.png") left  no-repeat;*/}
.posttitle a:link{
	font-size: 0.6em;
    padding-top: 10px;
	color: #ce2030;
	font-weight: bold;}
.posttitle a:visited{
	font-size: 0.6em;
	color: #ce2030;
	font-weight: bold;}
.posttitle a:hover{
	font-size: 0.6em;
	color: red;
	font-weight: bold;
	text-decoration: none;}
.posttitle a:visited:hover{
	color: #3d3d3d;
	text-decoration: none;}
h4{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin-top: 15px;
	font-size: 2em;
	font-weight: bold;
	padding: 5px 0 0 12px;
	margin: 5px 0 6px 0;
	text-align: left;}
h5{
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin-top: 15px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 0 12px;
	margin: 5px 0 6px 0;
	text-align: left;}
div.entry a{
color:#ce2030;
font-weight:bold}

.date{
	position: absolute;
	height: 50px;
	width: 40px;
	font-size: 12px;
	float: right;
	letter-spacing: 1px;
	padding: 6px 0px 0px 0px;
	margin-left: 500px;
	margin-top: 5px;
	text-align: center;
	color: #3d3d3d;
	background: none;}
.entry{
	margin-bottom: 5px;}                     
.post{
	display: block;
	overflow:hidden;
	width:98%;}
code{
	display: block;
	margin: 10px 30px 0 30px;
	padding: 2px 10px 5px 10px;
	color: #000;}
ul{list-style: none;}
img {	
	float:left;
	padding:0px 5px 5px 5px;}
a img {
	float: left;
	border:none;
	background:none;
	padding:5px;}
.alignright {
	text-align: right;}
.alignleft {
	text-align: left}
.wp-smiley{
	padding: 0;}
.textwidget{
	margin: 2px 5px 2px 5px;}
.firefix {
border-collapse: collapse;
height: 100%;
width: 0px; 
margin: 0px;
background-color: white;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 13px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Contact section */
#ph{
  background: url(img/con_tel.png) 10px no-repeat;
}

#faxus{
  background: url(img/con_faxus.png) 10px 5px no-repeat;
}
#addr{
  background: url(img/con_address.png) 12px 7px no-repeat;
}
#emailus{
  background: url(img/con_fax.png) 10px 5px no-repeat;
} 

#ph p,#faxus p,#emailus p,#addr p{margin-left:30px;}

/* Welcome section */

#welcome {
  margin: 0 0 5px -180px;
  padding: 0 0 5px 0;
  background: url(img/bg-trans.png) repeat;
  font-size: 2em;
z-index:10;
  }
#welcome h2 {
  font-size: 2em;
  font-weight: normal;
  color: #fff;
  letter-spacing: -2px;
  margin: 0 10px;
  padding: 10px 0 3px 0;
  }

#sidebarleft{
  background: url(img/basket.png) no-repeat 50px 40px !important;
}

#welcome p {
  font-size: 0.5em;
  color: #eee;  
  text-align: justify;
  margin: 0 10px;
  padding: 6px 0;
  }
#welcome a {
  text-decoration: underline;
  color: #ff9933;
  }
#welcome a:hover {
  color: #6598b8;
  }
#welcome form {
  margin: -5px 0 0 0;
  background: transparent; /* required for IE */
  }
#welcome #feedbox {
  border: 1px solid #ccc;
  padding: 2px 1px;
  width: 180px;
  }
.submitbutton {
  margin: -5px 0 0 5px;
  background: #010101;
  color: #fff;
  font-size: 13pt;
  padding: 3px 6px;
  vertical-align: middle;
  border: 1px solid #111;
  }
.submitbutton:hover {
  cursor: pointer;
  background: #050505;
  }



/* Before footer */

#morefoot {
  background: url(img/footer.png) repeat-y;               
  border: 1px solid #070707;
  padding: 0px 15px 20px 20px;
  color: #3d3d3d;
  margin-top: -10px;
  margin-bottom: 10px;
  }
#morefoot p {
  margin: 5px 0;
  padding: 5px 0;
  }
#morefoot ul {
  list-style-type: none;
  margin-top: 5px;
  }
#morefoot ul li, #morefoot p {
  font-size: 11pt;
  }
#morefoot a {
  text-decoration: underline;
  color: white;
  }
#morefoot a:hover {
  text-decoration: underline;
  color: white;
  }
#morefoot h3 {
  font-size: 14pt;
  font-weight: normal;
  color: white;
  letter-spacing: -1px;
  border-bottom: 1px dotted #444;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  }
#morefoot #searchbox {
  padding: 1px;
  width: 180px;
  }

.col2, .col3, #morefoot{
text-align:left;
}



#morefoot .col1 {
  float: left;
  width: 320px;
  }
#morefoot .col2 {
  margin: 0 25px;
  }
#morefoot .col2, #morefoot .col3 {
  float: left;
  width: 220px;
  }
#morefoot a{color:#3d3d3d;}

#morefoot .col2 h3 {color:#3d3d3d}

#morefoot li {
  padding-left: 20px;
  margin-bottom: 5px;
  background: url(img/more.gif) left 2px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }


/* footer*/
#footer {
  clear: both;
  background: url(img/footer.png) repeat-y;
  border: 0px solid #070707;
  padding: 10px 15px 10px 15px;
  width: 1003px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-height: 30px;
  }


#footer p {
  font-size: 10pt;
  color: #dfdfdf;
  font-weight:bold;
  padding: 0;
  }
#footer a {
  color: white;
  text-decoration: none;
  }
#footer a:hover {
  color: #770101;
  }
#footerleft {
  float: center;
  width: 500px;
  margin-left:5px;
  text-align: left;
  }
#footerright {
  float: right;
  width: 150px;
  text-align: right;
  margin-top: -30px;
  }


#suattr{
color:transparent !important;
line-height:0px;
max-height:0px;
height:0px;
font-size:0.1em;
}


/* ================================================================ 
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:1003px; height:32px; position:relative; z-index:100;border-right:1px solid #000; 	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:1003px;}
/* 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:120px;}
/* 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:120px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:16px;text-decoration:none; color:white; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#373737; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:120px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#373737 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c1c1c1 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c1c1c1 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#373737;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#c1c1c1;}


/* 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:31px;left:0; width:120px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:60px;t\op:61px;}

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

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

/* 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:#373737; color:white; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

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

/* 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;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: #373737;
}

.menu ul .current_page_item ul a:hover {
  background: #373737;
}

.menu .current_page_item a:hover {
  background: white;
}