@charset "utf-8";
/* CSS Document */
/*  
Theme Name: J-Hizzle
Description: J to the O to the D - I - E.
Version: 1.0
Author: Genevieve Sass
Author URI: http://www.sweetgenevievedesigns.com/

*/

body{
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	background: url(images/bg.jpg) repeat;
	color: #000000;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

h1{
	font-weight: bold;
	font-size: 24px;
	padding: 0 0 10px 0;
}

h2.pagetitle{
	text-align: center;
	margin: 50px 25px 25px 25px;
}

a:link, a:visited{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

p{
	padding: 10px 0 0 0;
}

#header{
	float: left;
	margin: 0;
	width: 100%;
}

#header h1{
	text-indent: -9999px;
	background: url(images/header.png) left top no-repeat;
	left: 0;
	margin:0;
	padding:0;
	width: 100%;
	height: 203px;
}

#header p{
        text-indent: -9999px;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 994px;
	text-align: left;
}

#nav{
	float:right;
	margin: -75px 0 0 0;
	list-style: none;
	width: 556px;
	line-height:0;
}

#nav li{
	float: left;
	margin:0;
	padding:0;
}

#nav li a{
	height: 75px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -5555px;
}

#nav .home a{
	width: 91px;
	background: url(images/home.jpg) top no-repeat;
}

#nav .home a:hover{
	background: url(images/home.jpg) bottom no-repeat;
}

#nav .about a{
	width: 100px;
	background: url(images/about.jpg) top no-repeat;
}

#nav .about a:hover{
	background: url(images/about.jpg) bottom no-repeat;
}

#nav .tou a{
	width: 70px;
	background: url(images/tou.jpg) top no-repeat;
}

#nav .tou a:hover{
	background: url(images/tou.jpg) bottom no-repeat;
}

#nav .contact a{
	width: 108px;
	background: url(images/contact.jpg) top no-repeat;
}

#nav li.contact a:hover{
	background: url(images/contact.jpg) bottom no-repeat;
}

#nav .shop a{
	width: 87px;
	background: url(images/shop.jpg) top no-repeat;
}

#nav .shop a:hover{
	background: url(images/shop.jpg) bottom no-repeat;
}

#nav .clients a{
        display: block;
        position: absolute;
	width: 100px;
	background: url(images/nav_07.gif) top no-repeat;
}

#nav .clients a:hover{
	background: url(images/nav_07.gif) bottom no-repeat;
}

#nav li.clients ul{
	position: relative;
	list-style: none;
	display: none;
	top: 60px;
	left:0;
}

#nav .clients ul li{
	padding: 0;
	margin: 0;
}

#nav li.clients ul li a{
        background-image: none;
        color: #fff;
	font-size: 16px;
        height: 20px;
	width: 100px;
	padding: 3px 0 3px 10px;
        background-color: #907992;
        text-indent: 0;
        /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

#nav li.clients ul li a:hover{
        background-color: #907992;
        background-image: none;
	color: #fff;
        /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
}

#nav li:hover ul{
	display: block;
}

#nav li a:hover{
	color: #ffffff;
}


#container{
	float: left;
	width: 740px;
	background: #fff;
}

#container a{
	color: #5e1566;
	font-weight: bold;
}

#container a:hover{
	color: #ae75b5;
}

#bottom{
	background: url(images/bg-bot.gif) bottom no-repeat;
}

#top{
	background: url(images/bg-top.gif) top no-repeat;
	padding: 50px 15px 15px 15px;
}

#jmc{
	float: right;
	width: 267px;
	height: 41px;
	position: relative;
	margin: -30px 10px 35px 0;
}

#jmc span{
	background: url(images/jmc-com.jpg) no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
}
	

.date{
	clear: both;
	color: #ae75b5;
	font-weight: bold;
	font-size: .75em;
	margin-top: 25px;
}

.post{
	padding: 10px 0 10px 0;
}

.post h2{
	font-size: 2em;
}

.entry{
line-height: 18px;
}

p.postmetadata{
	border-top: 1px solid #ccc;
	margin: 10px 0 0 0;
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

#sb-bot{
	clear: both;
	float: left;
	background: url(images/sb-bg.gif) repeat-y;
	width: 250px;
	margin: 50px 0 0 0;
}

#sb-top{
	background: url(images/sb-top.gif) top left no-repeat;
}

#sidebar{
	background: url(images/sb-bot.gif) bottom left no-repeat;
	padding: 15px;
}

#sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

#sidebar ul li{
	padding: 10px 0 10px 0;
}

#sidebar ul li h2{
	font-size: 14px;
	font-weight: bold;
}

#sidebar ul ul li{
	padding: 0;
}

#sidebar a:link, #sidebar a:visited{
	color: #fff;
}

#sidebar a:hover{
	color: #5e1566;
}

table#wp-calendar{
	width: 100%;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

#footer{
	text-align: center;
	padding-top: 10px;
}

#footer p{
	line-height: 18px;
}

#contact{
        margin: 0;
        float: left;
        color: #000;
	width: 740px;
	background: #fff;
}

#contact-bot{
	background: url(images/bg-bot.gif) bottom no-repeat;
}

#contact-top{
	background: url(images/bg-top.gif) top no-repeat;
	padding: 50px 15px 15px 15px;
}