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

*/

/** 
Just The Web 
Modifications 
**/

body { background-image: url('images/header/header-background.png'); background-position: 0px 357px; }

#top-nav #categories { display: none; }
#top-nav {
	background-position: 0px -63px;
	height: 48px;
	padding-top: 6px;
}

#header {
	background: url('images/header/header-bg.jpg') no-repeat scroll 0 0;
	height: 357px;
}
#header #logo {
	background: none;
	float: none;
	margin: auto;
	padding: 5px auto auto;
	height: 137px;
	width: 917px;
}
#header #logo h1 { margin: 0; }
#header #logo a { 
	display: block;
	background: transparent url(images/header/header-logo.png) no-repeat scroll -15px -4px;
	text-indent: -9999px;
	height: 137px;
	width: 917px;
}

/* @group Flashy Header Styles */
#hdr-greg {
	display: block;
	width: 227px;
	height: 306px;
	background: url('images/header/header-picture-greg.png') no-repeat;
	position: relative;
	top: -86px;
	left: -25px;
}

#hdr-panel {
	display: block;
	height: 230px;
	width: 330px;
	background: url('images/header/header-panel-sprite.gif') no-repeat scroll 0 0;
	position: relative;
	top: -324px;
	left: 588px;
	text-indent: -9999px;
}

#hdr-panel.panel2 { background-position: 0px -250px; }
#hdr-panel.panel3 { background-position: 0px -500px; }
#hdr-panel.panel4 { background-position: 0px -750px; }
#hdr-panel.panel5 { background-position: 0px -1000px; }
#hdr-panel.panel6 { background-position: -350px 0px; }
#hdr-panel.panel7 { background-position: -350px -250px; }
#hdr-panel.panel8 { background-position: -350px -500px; }
#hdr-panel.panel9 { background-position: -350px -750px; }

#hdr-goals {
	height: 153px;
	width: 400px;
	position: absolute;
	top: 188px;
	margin-left: 166px;
}
#hdr-goals div.goal {
	clear: both;
	padding-top: 1px;
}
#hdr-goals a.link-goal {
	text-indent: -9999px;
	background: url('images/header/header-goals.png') no-repeat 0 0;
	height: 14px;
	width: 326px;
	float: right;
}

#hdr-goals div.goal a.link-blog { 
	background: url('images/header/header-links-sprite.png') no-repeat -2px -27px; 
	display: none;
	height: 27px;
	width: 30px;
	text-indent: -9999px;
	float: left;
	padding: auto 5px;
	margin-bottom: -10px;
	margin-top: -4px;
	margin-left: 14px;
}

#hdr-goals div.goal a.link-info { 
	background: url('images/header/header-links-sprite.png') no-repeat -38px -27px; 
	display: none;
	height: 27px;
	width: 30px;
	text-indent: -9999px;
	float: left;
	padding: auto 5px;
	margin: -4px 10px -25px 4px;
}

#hdr-goals div.goal a.link-blog:hover {
	background-position: -3px -1px;
}
#hdr-goals div.goal a.link-info:hover {
	background-position: -38px -1px;
}

#hdr-goals #goal-1 a.link-goal { background-position: 0px 0px; }
#hdr-goals #goal-1 a.link-goal:hover { background-position: -326px 0px; }
#hdr-goals #goal-1a a.link-goal { background-position: 0px -15px;}
#hdr-goals #goal-1a a.link-goal:hover { background-position: -326px -15px;}
#hdr-goals #goal-1b a.link-goal { background-position: 0px -30px;}
#hdr-goals #goal-1b a.link-goal:hover { background-position: -326px -30px;}
#hdr-goals #goal-1c a.link-goal { background-position: 0px -45px;}
#hdr-goals #goal-1c a.link-goal:hover { background-position: -326px -45px;}
#hdr-goals #goal-2 a.link-goal { background-position: 0px -60px; }
#hdr-goals #goal-2 a.link-goal:hover { background-position: -326px -60px;}
#hdr-goals #goal-3 a.link-goal { background-position: 0px -75px;}
#hdr-goals #goal-3 a.link-goal:hover { background-position: -326px -75px;}
#hdr-goals #goal-4 a.link-goal { background-position: 0px -90px;}
#hdr-goals #goal-4 a.link-goal:hover { background-position: -326px -90px;}
#hdr-goals #goal-5 a.link-goal { background-position: 0px -105px;}
#hdr-goals #goal-5 a.link-goal:hover { background-position: -326px -105px;}
#hdr-goals #goal-6 a.link-goal { background-position: 0px -120px;}
#hdr-goals #goal-6 a.link-goal:hover { background-position: -326px -120px;}
#hdr-goals #goal-7 a.link-goal { background-position: 0px -135px;}
#hdr-goals #goal-7 a.link-goal:hover { background-position: -326px -135px;}

#hdr-intro { 
	background: url('images/header/header-intro.png') no-repeat;
	display: block;
	width: 419px;
	height: 95px;
	position: absolute;
	top: 96px;
	margin-left: 169px;
	text-indent: -9999px;
}

#about { display: none; }

#body-top-left { background-position: 0px 239px; }

#hdr-goals .done {
	
}

#hdr-goals .done.button1 {
	background: url('images/header/stamps-sprite.png') no-repeat 0px 0px;
	height: 35px;
	width: 54px;
	position: absolute;
	display: block;
}
#hdr-goals .done.button2 {
	background: url('images/header/stamps-sprite.png') no-repeat 0px -37px;
	height: 40px;
	width: 60px;
	position: absolute;
	display: block;
}
#hdr-goals .done.button3 {
	background: url('images/header/stamps-sprite.png') no-repeat 0px -80px;
	height: 40px;
	width: 60px;
	position: absolute;
	display: block;
}

#hdr-goals #goal-1a .done {		top: 4px;	margin-left: 134px; }	
#hdr-goals #goal-1b .done {		top: 17px;	margin-left: 144px; }
#hdr-goals #goal-2  .done {		top: 57px;	margin-left: 333px; }
#hdr-goals #goal-5  .done {		top: 93px;	margin-left: 367px; }
#hdr-goals #goal-6  .done {		top: 118px;	margin-left: 367px; }
/* @end */

/* @group Auto-Rotating header */
#header { width: 981px; height: 357px; background: url(/blog/images/hd-bg.jpg) no-repeat scroll 0 -5px; text-indent: -9999px; margin: 0 0 0 -20px; _margin: 0 0 0 -20px; }
#header #logo { display: none; }
img#hd-rotate { float: right; height: auto; margin: 115px 45px 0px 0px; _margin: 115px 45px 0px 0px; }
/*#hd-right { float: right; }
#rt-top { width: 376px; height: 116px; background: url(/blog/images/rt-top.jpg) no-repeat scroll -5px -5px;}
#rt-low { width: 376px; height: 246px; background: url(/blog/images/rt-low.gif) no-repeat scroll -5px bottom;}
#header { background: none !important; }*/

/* @end */


h2.pagetitle, h2.pagetitle-sep { font-size: 2.5em; }