/* Companion Custom CSS over-rides for [ Hard Graft ]: ComicPress - 2.8 */
body {background-image:url('http://hard-graft.net/wp-content/uploads/2010/06/stripe.gif');}

#links
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
width:70%;
}
#links td, #customers th 
{
font-size:1em;
border:1px solid #000000;
padding:3px 7px 2px 7px;
}
#links th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color: #000000;
color: #ffffff;
}
#links tr.alt td 
{
color: #000000;
background-color: #EAF2D3;
}

/* Begins Custom Menubar */
#hgmenubar { background-color:#000000; }
#hgmenubar ul, #hgmenubar ul li { margin: 0; padding: 0; }
#hgmenu .page_item a, #hgmenu .page_item { display: inline-block; float: left; text-decoration: none; text-indent: -99999px; }
#hgmenu { padding: 0 0 0 20px; margin: 0 0 0 0; width: 100%; height: 33px; }

#hgmenu .page-item-home a, #hgmenu .page-item-home { height: 45px; width: 115px; background: url('http://beta.hard-graft.net/images/home.gif') no-repeat; }
#hgmenu .page-item-2 a, #hgmenu .page-item-2 { height: 45px; width: 115px; background: url('http://beta.hard-graft.net/images/about.gif') no-repeat; }
#hgmenu .page-item-3 a, #hgmenu .page-item-3 {height: 45px; width: 115px; background: url('http://beta.hard-graft.net/images/archives.gif') no-repeat; }
#hgmenu .page-item-4 a, #hgmenu .page-item-4 {height: 45px; width: 115px; background: url('http://beta.hard-graft.net/images/extras.gif') no-repeat; }
#hgmenu .page-item-5 a, #hgmenu .page-item-5 {height: 45px; width: 115px; background: url('http://beta.hard-graft.net/images/links.gif') no-repeat; }
#hgmenu .page-item-6 a, #hgmenu .page-item-6 {height: 45px; width: 115px; background: url('http://beta.hard-graft.net/images/podcasts.gif') no-repeat; }
#hgmenu .page-item-7 a, #hgmenu .page-item-7 {height: 45px; width: 115px; background: url('http://beta.hard-graft.net/images/forum.gif') no-repeat; }
#hgmenu .page-item-8 a, #hgmenu .page-item-8 {height: 45px; width: 90px; background: url('http://beta.hard-graft.net/images/rss.gif') no-repeat; }

#hgmenu .page-item-home a:hover { background-position: -125px 0; }
#hgmenu .page-item-2 a:hover { background-position: -125px 0; background-color: #000 Transparent; }
#hgmenu .page-item-3 a:hover { background-position: -125px 0; background-color: #000 Transparent; }
#hgmenu .page-item-4 a:hover { background-position: -125px 0; background-color: #000 Transparent; }
#hgmenu .page-item-5 a:hover { background-position: -125px 0; background-color: #000 Transparent; }
#hgmenu .page-item-6 a:hover { background-position: -125px 0; background-color: #000 Transparent; }
#hgmenu .page-item-7 a:hover { background-position: -125px 0; background-color: #000 Transparent; }
#hgmenu .page-item-8 a:hover { background-position: -125px 0; background-color: #000 Transparent; }

/* Ends Custom Menu */

/* Other changes */

#content {
	float: center;
	margin: 3px auto;
	width: 750px;
}
		
#page {
	width: 900px;
	margin: 0px auto;
	background: #ffffff;
	
}

#pagewrap-right {
	width: 770px;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
}

/* Text Nav removal fix */

.nav {display: none;}

#comic {background: #ffffff;}

#comic-head {background: #ffffff;}

/* Edit Blog */

#content-wrapper {background: #ffffff;}
#footer {background: #ffffff;}

/* Special social media functions */

a.twitter {
    background-image: url(http://hard-graft.net/wp-content/uploads/2011/09/twitter32.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    font-size: 160%;
}

a.rss {
    background-image: url(http://hard-graft.net/wp-content/uploads/2011/09/rss32.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    font-size: 160%;
}

a.gplus {
    background-image: url(http://hard-graft.net/wp-content/uploads/2011/09/gplus32.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    font-size: 160%;
}
