/* 
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.

*/

::-moz-selection{  background: #1C1C1C; color: #ffea00; }
::selection { background: #1C1C1C; color: #ffea00; }
code::-moz-selection { background: #333; color: #fff; }
code::selection { background: #333; color: #fff; }

h1
{
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	font-size:26px;
	line-height: 1em;
	margin-bottom: 10px;
	text-transform: capitalize;
}

h2
{
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	font-size:22px;
	line-height: 1em;
	text-transform: capitalize;
	margin-bottom: 10px;
}

h3
{
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	font-size:18px;
	line-height: 1em;	
	text-transform: capitalize;
	margin-bottom: 10px;
}

h4
{
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	font-size:14px;
	line-height: 1em;	
	text-transform: capitalize;
	margin-bottom: 10px;
}

body
{
background-image: url(images/back.jpg);
background-repeat: no-repeat;
background-color: #1C1C1C;
background-position: center top;
height:100%; 
margin: 0;
}

#header
{
width: 960px;
height: 100px;
margin-bottom: 15px;
margin: 0 auto;
text-align: center;
}

#logo
{
width: 190px;
height: 100px;
float: right;
}

#menu
{
width: 770px;
height: 100px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
font-weight: bold;
float: left;
text-align: left;
}

#topbar{
color:#FFF;
font-weight:bold;
height:10px;
padding-top: 70px;
}

#topbar a{
color:#FFF;
text-decoration:none;
margin:0 20px 0 0;
height:23px;
line-height:23px;
float:left;
display:block;
padding: 5px 10px 5px 10px;
}

#topbar a.active{
color:#FFF;
text-decoration:none;
margin:0 20px 0 0;
height:23px;
line-height:23px;
float:left;
display:block;
background-color: #4d4d4d;
padding: 5px 10px 5px 10px;
}

#topbar a.active:hover{
color:#000;
background-color: #FFF;
}

#topbar a:hover{
color:#dbdbdb;
}

.hdivider
{
width: 960px;
height: 10px;
background-image: url(images/hdivider.gif);
background-repeat: no-repeat;
margin: 0 auto;
margin-top: 35px;
margin-bottom: 20px;
}

#footer
{
width: 960px;
height: 150px;
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
background-color: #1c1c1c;
margin: 0 auto;
text-align: center;
}

#footer p
{
color:#b2b2b2;
line-height: 1.1em;
}

#footerbox1
{
width: 220px;
float: left;
text-align: left;
padding-top: 20px;
text-align: left;
}

#footerbox2
{
width: 220px;
float: left;
text-align: left;
padding-top: 20px;
text-align: left;
}

#footerbox3
{
width: 220px;
float: left;
text-align: left;
padding-top: 20px;
text-align: left;
}

#footerbox4
{
width: 240px;
float: left;
text-align: left;
padding-top: 20px;
text-align: left;
}

.footerbreaker
{
width: 20px;
height: 100px;
float: left;
text-align: left;
margin-top: 20px;
background-image: url(images/footerbreaker.gif);
background-repeat: no-repeat;
}

#footer a
{
	color: #FFF;
	text-decoration: none;
}

#footer a:hover
{
	color: #b2b2b2;
	text-decoration: none;
}

#footer a:active
{
  outline: none;
}

.greytext span.label label
{
	font-family:Helvetica, Arial, sans-serif;
	color:#b2b2b2;
	font-size:11px;
	line-height: 1.1em;
	margin-right: 4px;
}

.greytext span input
{
background-color: #4d4d4d;
color: #FFF;
border: none;
height: 15px;
}

.greytext
{
margin-bottom: 10px;
}

.betterbutton span.button input
{
height: 20px;
font-family:Helvetica, Arial, sans-serif;
color:#b2b2b2;
font-size:10px;
background-color: #4d4d4d;
width: 75px;
cursor: pointer;
border: none;
margin-left: 37px;
display:block;
}

#facebookicon
{
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(images/facebook.gif) no-repeat 0 0;
  margin-right: 5px;
}

#facebookicon:hover
{ 
  background-position: -20px 0;
}

#facebookicon span
{
  display: none;
}

#flickricon
{
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(images/flickr.gif) no-repeat 0 0;
  margin-right: 5px;
}

#flickricon:hover
{ 
  background-position: -20px 0;
}

#flickricon span
{
  display: none;
}

#rssicon
{
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(images/rss.gif) no-repeat 0 0;
  margin-right: 5px;
}

#rssicon:hover
{ 
  background-position: -20px 0;
}

#rssicon span
{
  display: none;
}

#twittericon
{
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(images/twitter.gif) no-repeat 0 0;
}

#twittericon:hover
{ 
  background-position: -20px 0;
}

#twittericon span
{
  display: none;
}

#youtubeicon
{
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(images/youtube.gif) no-repeat 0 0;
  margin-right: 5px;
}

#youtubeicon:hover
{ 
  background-position: -20px 0;
}

#youtubeicon span
{
  display: none;
}