/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

body  {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
        color:#cccccc;
	line-height: 1.5;  /*unitless for proper inheritance*/
}

h1, h2, h3, h4, h5, h6  {
	color: #ffb701;
}



#main_content #top p  {
	margin: 0px 0 10px 0;
        font-size: 14px;
}

#content {
        background: #000;
        margin-left: -20px;
 	margin-right: -20px;
        z-index:1;
}

.entry p  {
        margin: 0px 0 10px 0;
        font-size: 14px;
}

#header  {
	width: 980px;
	margin: 0 auto;
	height: 160px;
}
#header img  {
	float: left;
	margin: 15px 0 0 0;
}

.topdescription {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 18px;
        font-style: bold;
        float: right;
        color: #fff;
}

#featured  {
	border: 0px solid #cbd1d2;
}
#main_content  {
	border-right: 1px solid #343434;
}

#main_content #top  {
	border-bottom: 1px solid #343434;
}

.widget  {
	border-bottom: 1px solid #343434;
}


.widget h3  {
	color: #d29400;
	border-bottom: 1px solid #343434;
}

.widget ul li  {
	border-bottom: 1px dotted #343434;
}
.widget ul li a:link, .widget ul li a:visited  {
	color: #466fa5;
	background: url(styles/grey_yellow/widgetlisticon.gif) no-repeat 5px center;
}

.widget ul li a:hover  {
	color: #fff;
	background-color: #959595;
}
.post  {
	border-bottom: 1px solid #343434;
}

.post_head .title_meta h2 a:link, .post_head .title_meta h2 a:visited  {
	color: #fff;
}
#newslettersignup1 {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
        margin-top:20px;
        line-height: 1.0;
}
#newslettersignup2 {
	font-size: 16px;
	color: #FFF;
	font-style: normal;
	font-weight: normal;
        margin-top:20px;
        line-height: 1.0;
}
#newslettersignup {
	text-align: center;
	width: 300px;
	height: 130px;
        float: right;
}
#signupfield {
	margin-top:10px;
}
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#5489d4;
color:#fff;
font-size:10pt;
font-weight:bold;
padding: 1px 2px;
}
#socialbuttons {
	text-align: center;
        margin-left:15px;
}


#featured #slider {
	background-image: url(http://www.jeffhopeck.com/wp-content/uploads/2010/02/newheader.jpg);
	background-repeat: no-repeat;
	height:430px;
        width:979px;
        z-index:0;
}
#navcontainer
{
	width:260px;
	padding:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform:uppercase;
	text-align: center;
	margin: 0px;
	color:#fff;
	line-height: 1em;
}

ul#navlist
{
text-align: center;
list-style: none;
padding: 0px;
margin: 0 auto;
width:200px;
}

ul#navlist li
{
display: block;
margin: 0px;
padding: 6px;
height:50px;
}

ul#navlist li a
{
display: block;
width: 100%;
padding:6px;
border-width: 1px;
border-color: #000;
border-style: solid;
color: #fff;
text-decoration: none;
background: #676767;
background-image: url(http://www.jeffhopeck.com/wp-content/uploads/2010/02/button-off.jpg);
background-repeat: no-repeat;
}

#navcontainer ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #526485;
color: #fff;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #fff;
background: #526485;
border-color: #000;
background-image: url(http://www.jeffhopeck.com/wp-content/uploads/2010/02/button-on.jpg);
background-repeat: no-repeat;
}
#jeffvideo {
	float: left;
	position: absolute;
	margin-left:300px;
	margin-top:20px;
        z-index:1;
}