/*   
Theme Name: The Hook Up Consultancy
Theme URI: 
Description: Artistic and business help for independent artists and bands – provided by industry experts.
Author: Jack Hooker
Author URI: http://jackhooker.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body, input, textarea {
	background-color: transparent;
}

p, ul, ol, dd, pre, .textwidget, input, #tmt_checkout a, textarea#comment {
	color:#A6A6A6;
	font:14px/28px Frutiger,‘Frutiger Linotype’,Univers,Calibri,‘Gill Sans’,‘Gill Sans MT’,‘Myriad Pro’,Myriad,‘DejaVu Sans Condensed’,‘Liberation Sans’,‘Nimbus Sans L’,Tahoma,Geneva,‘Helvetica Neue’,Helvetica,Arial,sans-serif;
	letter-spacing: 0.03em;
	}

a:link {
	color:#A6A6A6;
	text-decoration: none;
}	
a:visited {
	color:#A6A6A6;
	text-decoration: none;
}
a:hover {
	color:#CC009A;
	text-decoration: none;
}

.aside a:hover {
	color:#CC009A;
	text-decoration: none;
}

blockquote {
	border-bottom:1px solid #727272;
	color:#666666;
	font-style:italic;
	margin-bottom:20px;
}

#main {
	clear:both;
	padding:0 0 22px;
	margin: 45px auto 0px auto;
}

#header {
	background:none repeat scroll 0 0 transparent;
	clear:both;
	height:360px;
	margin:-50px auto 0;
	width: 1005px;
}

#wrapper {
	margin: 0 auto;
	background: #000000;
}


/* =Headers 
-------------------------------------------------------------- */

.entry-title {
	background:none repeat scroll 0 0 transparent;
	font-family:Arial,sans-serif;
	font-size:26px;
	font-weight:bold;
	line-height:26px;
	padding:0 0 7px;
}

.sIFR-active h2.entry-title, h2, h3 {
	background:none repeat scroll 0 0 #CC009A;
	padding:5px 0 0 15px;
}

.entry-content h1 {
	padding:0;
}

.entry-content h2 {
	background:none repeat scroll 0 0 transparent;
	border-bottom:1px solid #525252;
	margin-bottom:10px;
	padding:0 0 5px;
}

.entry-content h3 {
	padding:0;
	background: transparent;
}

.entry-content h4 {
	color:#FFFFFF;
	padding:0 0 15px;
}

.entry-content h5 {
	color: #525252;
	font-family:Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.05em;
	text-transform:uppercase;
}

.entry-content h6 {
	color: #525252;
	font-family:Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.05em;
	text-transform:uppercase;
}

/* =Tables
-------------------------------------------------------------- */

.wp-table-reloaded {
	background-color:transparent;
	border-collapse:separate;
	border-spacing:1px;
	border-top:1px solid #323232;
	font-size:8pt;
	margin:10px 0 15px;
	text-align:left;
	width:70%;
}

.wp-table-reloaded td {
	background-color:transparent;
	border-bottom:1px solid #323232;
	color:#525252;
	padding:8px 4px;
	vertical-align:top;
}

.blog div#content table {
	display: none;
}

/* =Blog
-------------------------------------------------------------- */

#respond {
	background:none repeat scroll 0 0 transparent;
	margin-bottom:22px;
	overflow:hidden;
	padding:18px 0 0;
	position:relative;
}

#comments textarea {
	font-size:13px;
	line-height:18px;
	border: 1px solid #323232;
	padding: 3px;
}

#comments h3 {
	font-family:Arial,sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
	padding:0;
	background: transparent;
}

#submit {
	-moz-border-radius:5px 5px 5px 5px;
	background-color:#333333;
	border:0 none;
	color:#5D5D5D;
	padding:3px;
	width:20%;
}

#submit:hover {
	-moz-border-radius:5px 5px 5px 5px;
	background-color:#CC009A;
	border:0 none;
	color:#000000;
	padding:3px;
	width:20%;
}

#comments-list ol {
	border:0;
}

#comments-list li.alt {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #323232;
}

.entry-meta {
	color:#666666;
	font-size:13px;
	font-style:italic;
	line-height:18px;
	margin-top:20px;
}

#form-allowed-tags code {
	font-size:11px;
	line-height:normal;
	display: none;
}

#form-allowed-tags span {
	font-size:11px;
	line-height:normal;
	display: none;
}

.form-section label {
	color:#525252;
	font-family:arial;
}

.form-input #comments textarea {
	background:none repeat scroll 0 0 #000000;
	font-size:13px;
	line-height:18px;
	border: 1px solid #323232;
}

.fn {
	font-style: normal;
}

.entry-content {
	color:#727272;
	padding:22px 0 0;
	margin-bottom: 20px;
}

#comments textarea {
	border:1px solid #323232;
	font-size:13px;
	line-height:18px;
	color:#727272;
}

.entry-meta a:active {
	color: #CC009A;
}

.entry-meta a:hover {
	color: #CC009A;	
}

.entry-utility a:hover {
	color: #CC009A;	
}

#form-textarea {
	padding: 3px;
}

.formcontainer {
width: 500px;
}

/* =Sidebar
-------------------------------------------------------------- */

.aside input.submitbutton {
	-moz-border-radius:5px 5px 5px 5px;
	background-color:#333333;
	border:0 none;
	color:#5D5D5D;
	padding:3px;
	width:30%;
}

.aside input.submitbutton:hover {
	-moz-border-radius:5px 5px 5px 5px;
	background-color:#CC009A;
	border:0 none;
	color:#000000;
	padding:3px;
	width:30%;
}

/* =Twitter tools
-------------------------------------------------------------- */

#aktt_tweet_submit {
	-moz-border-radius:5px 5px 5px 5px;
	background-color:#333333;
	border:0 none;
	color:#5D5D5D;
	padding:3px;
	width:30%;
}

#aktt_tweet_submit:hover {
	-moz-border-radius:5px 5px 5px 5px;
	background-color:#CC009A;
	border:0 none;
	color:#000000;
	padding:3px;
	width:30%;
}

.aktt_credit {
	display: none;
}

/* =Backgrounds
-------------------------------------------------------------- */

.blog #wrapper, .single #wrapper {
	background: url(image/huc_bg_mouthorgan_b.jpg) top center no-repeat #000000;
}
.not-singular #wrapper {
	background: url(image/huc_bg_mouthorgan_b.jpg) top center no-repeat #000000;
}
.slug-management #wrapper, .parent-pageid-3 #wrapper {
	background: url(image/huc_bg_drums_b.jpg) top center no-repeat #000000;
}
.slug-services #wrapper, .parent-pageid-24 #wrapper {
	background: url(image/huc_bg_mic_b.jpg) top center no-repeat #000000;
}
.slug-clients #wrapper, .parent-pageid-42 #wrapper {
	background: url(image/huc_bg_foot_controls_b.jpg) top center no-repeat #000000;
}
.slug-live #wrapper {
	background: url(image/huc_bg_guitar_c.jpg) top center no-repeat #000000;
}
.slug-about #wrapper {
	background: url(image/huc_bg_gigbags_b.jpg) top center no-repeat #000000;
}
.slug-resources #wrapper, .parent-pageid-95 #wrapper {
	background: url(image/huc_bg_moog_b.jpg) top center no-repeat #000000;
}
.slug-shop-2 #wrapper, .parent-pageid-141 #wrapper {
	background: url(image/huc_bg_dj_b.jpg) top center no-repeat #000000;
}
.slug-contact #wrapper {
	background: url(image/huc_bg_stage_b.jpg) top center no-repeat #000000;
}

input {
	border:1px solid #323232;
	color:#727272;
	padding:3px;
	width:98%;
	background-color: #000000;
}

#footer {
	background:none repeat scroll 0 0 #000000;
	border-top:1px solid #CCCCCC;
	margin-top:22px;
}

#credit {
	float: right;
}

#credit a:hover {
	color: #CC009A;
}

.submitbutton {
	padding:5px;
	width:85px;
}

#klnuk-klnuk {
	margin: 0px 0px 20px 0px;
}

.aside, .aside input {
	font-size:13px;
	line-height:18px;
	margin-bottom:6px;
}

#branding {
	float:left;
	padding:40px 5px 0;
	position:relative;
	text-indent:-9999px;
	width:200px;
}

#blog-title {
	background: url(image/huc_branding_3.png) no-repeat;
	height: 210px;
	text-indent:-9999px;
	width: 210px;
	margin-left: 0px;
}

#blog-description {
	/*background:url("image/huc1_strap.png") no-repeat scroll 0 0 transparent;*/
	display:block;
	height:180px;
	left:235px;
	position:absolute;
	text-indent:0;
	top:55px;
	width:240px;
}

.widgetcontainer {
	margin-bottom: 30px;
}

.sIFR-flash {
}

.sIFR-replaced {
	visibility:visible !important;
}

/* =Music player layout
-------------------------------------------------------------- */

table {
	border-color: transparent;
	border-style: none;
	border-width:0;
	font-size:13px;
	line-height:18px;
	margin:0 0 22px;
	text-align:left;
}
	
tr {
	border-bottom:0;
}

th, td {
	padding: 0;
}

#mp3player {
	float:right;
	height:230px;
	margin-top:0px;
	width:500px;
}

.sIFR-active h1.entry-title, h2, h3 {
	background:none repeat scroll 0 0 #CC009A;
	padding:5px 0 0px 15px;
}

.widgettitle {
	display: block;
	margin:0 0 22px;
}

p#player_popout {
	margin: 0px 18px 0px 0px;
	text-align: right;	
}

/* =Menu
-------------------------------------------------------------- */

.menu {
	margin:50px auto 0;
	width:1005px;
}

.skip-link {
    display:none;
}
#access {
    border-bottom:0px solid #000;
    height:0px;
    font-size:13px;
    overflow:visible;
    z-index:100;
    margin-top: 27px; 
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			125%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/* JH addition 

.sIFR-active ul.sf-menu li.page-item-3 a, li.page-item-2 a, li.page-item-24 a, li.page-item-42 a, li.page-item-64 a, li.page-item-66 a, li.page-item-95 a, li.page-item-97 a, li.page-item-99 a {
visibility: visible;
}

*/

/*** THEMATIC SKIN ***/
.sf-menu {
    border-right:0px solid #ccc;
	float:left;
	margin-top: 55px;
}
.sf-menu a {
	border-bottom:0 solid #CCCCCC;
	border-left:0 solid #CCCCCC;
	border-top:0 solid #CCCCCC;
	font-family:arial;
	font-size:24px;
	padding:9px 16.5px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#d1d3d4;
}

.sf-menu li {
	background:		transparent;
	border-right:1px solid #525252;
}

.sf-menu li li {
	background:		#000;
	border-right: none;
}
.sf-menu li li li {
	background:		#000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #000000;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
	margin-top:10px;
    border-right:0px solid #000;
    border-bottom:0px solid #000;
    border-left:0px solid #000;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background: transparent;
	border-bottom:none;
	font-size: 14px;
}
.sf-menu ul a:hover {
    color: #CC009A;
}

/* =Jack IR 
-------------------------------------------------------------- */

/* Common Styles */

.sf-menu li.page_item a {
	display:block;
	height:25px;
	overflow: hidden;
	text-indent:-9999px;
	background: transparent;
}
.sf-menu li.page_item ul li.page_item a{
	text-indent:0;
	background-image: none;
	width: 125%;
}
<center>
/* Home */

.sf-menu li.page-item-2 a {
	background:url("image/nav_sprite.png") no-repeat scroll -20px -20px transparent;
	border: none;
	width:50px;
}
.sf-menu li.page-item-2 a:hover {
	background:url("image/nav_sprite.png") no-repeat scroll -20px -100px transparent;
	border: none;
	width:50px;
}
.sf-menu .page-item-2.current_page_item a, .sf-menu .page-item-2.current_page_parent a {
	background:url("image/nav_sprite.png") no-repeat scroll -20px -100px transparent;
	border: none;
	width:50px;
}

/* Management */

.sf-menu li.page-item-3 a {
	background:url("image/nav_sprite.png") no-repeat scroll -97px -20px transparent;
	border: none;
	width:150px;
}
.sf-menu li.page-item-3 a:hover {
	background:url("image/nav_sprite.png") no-repeat scroll -97px -100px transparent;
	border: none;
	width:150px;
}
.sf-menu .page-item-3.current_page_item a, .sf-menu .page-item-3.current_page_parent a {
    background:url("image/nav_sprite.png") no-repeat scroll -97px -100px transparent;
	border: none;
	width:150px;
}
.page-item-7.current_page_item a,
.page-item-9.current_page_item a,
.page-item-14.current_page_item a,
.page-item-16.current_page_item a,
.page-item-18.current_page_item a,
.page-item-21.current_page_item a{
    color: #CC009A;
}

/* Services */

.sf-menu li.page-item-24 a {
	background:url("image/nav_sprite.png") no-repeat scroll -276px -20px transparent;
	border: none;
	width:90px;
}
.sf-menu li.page-item-24 a:hover {
	background:url("image/nav_sprite.png") no-repeat scroll -276px -100px transparent;
	border: none;
	width:90px;
}
.sf-menu .page-item-24.current_page_item a, .sf-menu .page-item-24.current_page_parent a {
	background:url("image/nav_sprite.png") no-repeat scroll -276px -100px transparent;
	border: none;
	width:90px;
}
.page-item-26.current_page_item a, 
.page-item-28.current_page_item a,
.page-item-30.current_page_item a,
.page-item-32.current_page_item a,
.page-item-34.current_page_item a,
.page-item-36.current_page_item a,
.page-item-38.current_page_item a{
    color: #CC009A;
}


/* Clients */

.sf-menu li.page-item-42 a {
	background:url("image/nav_sprite.png") no-repeat scroll -400px -20px transparent;
	border: none;
	width:78px;
}
.sf-menu li.page-item-42 a:hover {
	background:url("image/nav_sprite.png") no-repeat scroll -400px -100px transparent;
	border: none;
	width:78px;
}
.sf-menu .page-item-42.current_page_item a, .sf-menu .page-item-42.current_page_parent a {
	background:url("image/nav_sprite.png") no-repeat scroll -400px -100px transparent;
	border: none;
	width:78px;
}
.page-item-44.current_page_item a,
.page-item-47.current_page_item a,
.page-item-50.current_page_item a,
.page-item-54.current_page_item a,
.page-item-56.current_page_item a,
.page-item-58.current_page_item a,
.page-item-61.current_page_item a{
    color: #CC009A;
}

/* Live */

.sf-menu li.page-item-64 a {
	background:url("image/nav_sprite.png") no-repeat scroll -509px -20px transparent;
	border: none;
	width:40px;
}
.sf-menu li.page-item-64 a:hover {
	background:url("image/nav_sprite.png") no-repeat scroll -509px -100px transparent;
	border: none;
	width:40px;
}
.sf-menu .page-item-64.current_page_item a, .sf-menu .page-item-64.current_page_parent a {
	background:url("image/nav_sprite.png") no-repeat scroll -509px -100px transparent;
	border: none;
	width:40px;
}

/* About */

.sf-menu li.page-item-66 a {
	background:url("image/nav_sprite.png") no-repeat scroll -585px -20px transparent;
	border: none;
	width:60px;
}
.sf-menu li.page-item-66 a:hover {
	background:url("image/nav_sprite.png") no-repeat scroll -585px -100px transparent;
	border: none;
	width:60px;
}
.sf-menu .page-item-66.current_page_item a, .sf-menu .page-item-66.current_page_parent a {
	background:url("image/nav_sprite.png") no-repeat scroll -585px -100px transparent;
	border: none;
	width:60px;
}

/* Resources */

.sf-menu li.page-item-95 a {
	background:url("image/nav_sprite.png") no-repeat scroll -680px -20px transparent;
	border: none;
	width:110px;
}
.sf-menu li.page-item-95 a:hover {
	background:url("image/nav_sprite.png") no-repeat scroll -680px -100px transparent;
	border: none;
	width:110px;
}
.sf-menu .page-item-95.current_page_item a, .sf-menu .page-item-95.current_page_parent a {
	background:url("image/nav_sprite.png") no-repeat scroll -680px -100px transparent;
	border: none;
	width:110px;
}



/* Contact */

.sf-menu li.page-item-99 a {
	background:url("image/nav_sprite.png") no-repeat scroll -917px -20px transparent;
	width:90px;
}
.sf-menu li.page-item-99 a:hover {
	background:url("image/nav_sprite.png") no-repeat scroll -917px -100px transparent;
	width:90px;
}
.sf-menu .page-item-99.current_page_item a, .sf-menu .page-item-99.current_page_parent a {
	background:url("image/nav_sprite.png") no-repeat scroll -917px -100px transparent;
	width:90px;
}

</center>
/* =Content
-------------------------------------------------------------- */

#content {
	margin:0 0 0 10px;
	overflow:hidden;
	width:600px;
}

/* =Sidebar
-------------------------------------------------------------- */

.main-aside ul {
	padding:0px;
}

/* Social Widget */

/* Common */

li#text-6 li, li#text-6 li a  {
	list-style: none;
	background-repeat: no-repeat;
	text-indent: 40px;
	height: 35px;	
	position: relative;
	text-decoration: none;
	line-height: 20px;
}

li#text-6 li a:hover {
	color: #CC009A;
}

/* Icons */

li#facebook {
	background: url(image/facebook-24x24.png);
}
li#lastfm {
	background: url(image/lastfm-24x24.png);
}
li#myspace {
	background: url(image/myspace-24x24.png);
}
li#twitter {
	background: url(image/twitter-24x24.png);
}
li#youtube {
	background: url(image/youtube-24x24.png);
}

/* Footer */

#footer {
	background:none repeat scroll 0 0 #000000;
	border-top:1px solid #525252;
	margin-top:22px;
}

/* Sidebar */

.textwidget img {
	margin:0 3px 0 15px;
}