.tagline1 {
font-size: 9px;
font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
position: relative;
left: 110px;
top: -1px;
margin: 0px;
padding: 0px;
}

.tagline2 {
font-size: 9.5px;
font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
position: relative;
left: 120px;
top: -1px;
margin: 0px;
padding: 0px;
}

.sform {
position: relative;
left: 612px;
top: 45px;
margin: 0px;
padding: 0px;
float: left;
}

.tmuk {
position: relative;
left: 418px;
top: 78px;
margin-top: 10px;
padding: 0px;
float: left;
}

.triviabox {
   background: #FAF5EF;
   border-top: 2px #cc9966 solid;
   border-bottom: 1px #cc9966 solid;
   padding: 10px;
   float: right;
   margin-left: 10px;
   margin-top: 8px;
   width: 240px;
}

.hublogo {
position:relative;
left: 25px;
top: 10px;
margin: 0px;
padding: 0px;
float: left;
}

.exploration {
position:relative;
left: 25px;
top: 15px;
margin-left: 20px;
padding: 0px;
float: left;
}

.hubrislogo {
position: relative;
right: 25px;
top: 25px;
margin: 0px;
padding: 0px;
float: right;
}

ul.list-hub {
margin: 0;
padding: 0;
}

ul.list-hub li {
margin: 0;
padding: 2px 0 2px 20px;
line-height: 200%;
list-style: none;
background: url('http://www.the-hub.co.uk/_i/hub.jpg') no-repeat 0 7px;
}

.pagenumber {
text-align: right;
clear: both;
font-weight: bold;
padding-top: 6px;
margin-top: 10px;
}

body {
background: #000000;
font-size: 12px;
font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
line-height: 200%;
color: #444444;
text-align: center;
margin: 0px;
padding: 0px;
}

ol, ul {
list-style: none;
}

#page {
background: #ffffff;
text-align: left;
width: 988px;
margin-top: 0px;
margin-bottom: 0px; 
margin-left: auto;
margin-right: auto;
border: 1px #000000 solid;
}

.welc {
background: #fcfcfc;
border-top: 1px #eeeeee solid;
border-bottom: 1px #eeeeee solid;
border-left: 1px #eeeeee solid;
border-right: 1px #eeeeee solid;
padding: 10px;
}

.drop {
font-size: 360%;
color: #990000;
float: left;
margin-right: 4px;
position: relative;
top: -4px;
}

.comic {
margin-top: 20px;
margin-bottom: 20px;
background: #fefefe;
border: 1px #f0f0f0 solid;
padding: 10px;
font-size: 90%;
color: #666666;
}

.reprint {
margin-top: 40px;
margin-bottom: 20px;
background: #fefefe;
border: 1px #f0f0f0 solid;
padding: 10px;
color: #666666;
}

.separate {
margin-top: 20px;
border-bottom: 1px #f0f0f0 solid;
}

.gallery {
margin-top: 20px;
margin-bottom: 20px;
background: #fefefe;
border: 1px #f0f0f0 solid;
padding: 10px;
font-size: 90%;
color: #666666;
}

.hubsub {
background: #FAF5EF;
border: 1px #cc9966 solid;
padding: 10px;
}

.subp {
font-family: LucidaGrande, Arial, Helvetica, Sans-Serif;
font-size: 12px;
line-height: 1.5em;
background: #FFFFf0;
border-top: 1px #FFFACD double;
border-bottom: 1px #FFFACD double;
border-left: 1px #FFFACD double;
border-right: 1px #FFFACD double;
padding: 5px;
}

.subscrib {
font-family: LucidaGrande, Arial, Helvetica, Sans-Serif;
font-size: 12px;
line-height: 1.5em;
	background-color: #FFFBCC;
        border-top: 1px #E6DB55 solid;
        border-bottom: 1px #E6DB55 solid;
padding: 10px;
}

.line {
border-top: 2px #336699 double;
}

#connect {
        font-size: 11px;
	width:988px;
 	height:30px;
	margin: 0px;
        padding-top: 6px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
        color: #ffffff;
	background-color: #000000;
}
.hello {
     float: left;
}

.connectmenu {
     float: right;
}

.connectmenu a {
        color: #ffffff;
}

#mainmenu {
        font-size: 13px;
	width:957px;
 	height:30px;
	margin: 0px;
        padding-top: 6px;
	padding-left: 31px;
	float: left;
	background-color: #eeeeee;
}

.tableft {
     float: left;
     
     height:30px;
	margin-top: -6px;

}

.tabright {
     float: left;
     
     height:30px;
	margin-top: -6px;

}

.mainmenuleft {
     float: left;
     background-color: #003366;
     color: #FFFFFF;
     font-size: 13px;
     height:30px;
	margin-top: -6px;
        padding-top: 6px;
	padding-left: 10px;
        padding-right: 10px;
}

.mainmenuleft a {
        color: #ffffff;
}

.mainmenuleft a:hover {
        color: #ffffff;
}

.mainmenumid {
     float: left;
     margin-left: 0px;
	background-color: #cccccc;
        font-size: 12px;
     height:30px;
	margin-top: -6px;
        padding-top: 6px;
	padding-left: 10px;
        padding-right: 10px;

}

.mainmenuright {
     float: left;
     margin-left: 0px;
	background-color: #eeeeee;
        font-size: 11px;
     height:30px;
	margin-top: -6px;
        padding-top: 6px;
	padding-left: 10px;
        padding-right: 10px;
}

#navhubris {
        font-size: 11px;
	width:957px;
 	height:30px;
	margin: 0px;
        padding-top: 4px;
	padding-left: 31px;
	float: left;
	background-color: #FFFBCC;
        border-top: 1px #E6DB55 solid;
        border-bottom: 1px #E6DB55 solid;
}

#explore {
        font-size: 11px;
	width:957px;
 	height:30px;
	margin: 0px;
        padding-top: 4px;
	padding-left: 31px;
	float: left;
	background-color: #FFFBCC;
        border-top: 1px #E6DB55 solid;
        border-bottom: 1px #E6DB55 solid;
}

#nav .menu {
	width:966px;
	height:35px;
	margin: 0px;
	padding-left: 20px;
	float: left;
	background-color: #dddddd;
	border: 1px #fff solid
}

#nav .menu li {
    float:left;
	padding:10px  10px  0  10px;
border-right: 1px #ffffff solid;
}


#nav .menu a {
    color:#003366;
    font-weight:lighter;
    padding:0  0  0  0;
	float: left;

	text-align: right;
}

#header {
        float: none;
	height: 120px;
	margin: 0px;
	padding: 0px;
	background-image: url(http://www.the-hub.co.uk/_images/hubheader.jpg);
        background-repeat: no-repeat;
        background-position: 0px 0px;
}


.alt {
background-color: #fff;
border-top: 1px solid #cccccc;
}

small {
font-family: LucidaGrande, Arial, Helvetica, Sans-Serif;
font-size: 11px;
line-height: 1.5em;

}

small a{
color:#003366;
}

h1, h2, h3 {
font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
font-weight: lighter;
}

h1.hubtitle a {
color:#003366;
}

h1.hubtype {
font-size: 1.4em;
color:#003366;
display: inline;
}

h1.hubtitle {
font-size: 1.4em;
color: #003366;
display: inline;
font-weight: bold;
}

h2 {
font-size: 1.5em;
border-bottom: 1px solid #f2f2f2;

}
h2.pagetitle {
font-size: 1.5em;
}
h3 { 
font-size: 1.3em;
line-height: 1.3em;
display: inline;
}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
    color:#003366;
text-decoration: none;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color:#666666;
text-decoration: none;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, cite {
color: #003366;
text-decoration: none;
}

.entry p a:visited {color: #003366;}
#entry a: {color: #003366;}
.commentlist li, #commentform input, #commentform textarea {font-size: 0.9em;color: #666666;}
.commentlist li {font-weight: bold;color: #666666;}.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;color: #003366;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;color: #666666;}
#commentform p {font-family: Arial, Verdana, Sans-Serif;color: #666666;}
.commentmetadata {font-weight: normal;color: #666666;}

#leftsidebar, #rightsidebar {
font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
color: #003366;
}
small, #leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #666666;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{ font-size: 0.9em;letter-spacing: .07em;}

a, h2 a:hover, h3 a:hover {color: #003366;text-decoration: none;}
a:hover {color: #003366;text-decoration: underline;}

.narrowcolumn {float: left;padding: 0 16px 20px 31px;margin: 0;width: 483px;overflow: hidden;}
.widecolumn {padding: 0 0 0 0;margin: 0 0 0 80px;width: 530px;}
.post {margin: 12px 0 12px 0;text-align: left;}
.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}

#footer {background-color: #dddddd ; border: 1px #ffffff solid; padding: 10px;margin: 0px auto;width: 966px; height: 24px; clear: both;}
#footer p {color: #999999; padding: 20px; text-align: left;}
#footer a, #footer a:visited {color: #999999; text-decoration: none;}
#footer a:hover {color: #999999; text-decoration: none;}

.description {text-align: left; text-spacing: 1px; padding-left: 280px;font-size: 11px;font-weight: normal;color: #626162;}
h2 {margin: 30px 0 0;}
h2.pagetitle {margin-top: 30px;text-align: center;}
h3 {padding: 0;margin: 30px 0 0;}
h3.comments {padding: 0;margin: 40px auto 20px ;}

p img {padding: 3px ;max-width: 100%; }

.alignnone {
border: 1px #aaaaaa solid;
}

.photoright {
   border: 1px #aaaaaa solid;
   float: right;
   margin-left: 10px;
   margin-top: 8px;
}

.cover {
   background: #fefefe;
   border: 1px #f0f0f0 solid;
   float: left;   
   padding: 3px;
   margin-right: 10px;
}

.photoleft {
   border: 1px #aaaaaa solid;
   float: left;
   margin-right: 10px;
   margin-top: 8px;
}

.alignright {
   float: right;
}

.alignleft {
   float: left;
   margin-right: 10px;
}

.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

html>body .entry ul {margin-left: 0px;} 
html>body .entry li {margin: 7px 0 8px 10px;list-style-type: square;padding: 0px;}

.entry ol {padding: 0 0 0 10px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}

#leftsidebar h2 {font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;font-size: 12px;margin: 5px 0 0;padding-top: 10px;font-weight: bold;color: #003366; border-bottom: 1px dotted #767676;}
#rightsidebar h2 {font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;font-size: 12px;border-bottom-width: 1px;border-bottom-style: solid;margin: 5px 0 0;padding-top: 10px;font-weight: bold;color: #003366; border-bottom: 1px dotted #767676;}
#leftsidebar ul, #leftsidebar ul ol {margin: 0px;padding: 0px;list-style-image: none;list-style-type: none; }
#rightsidebar ul, #rightsidebar ul ol {margin: 0px;padding: 0px;list-style-image: none;list-style-type: none;}
#leftsidebar li ul, #rightsidebar li ul  {list-style-type: none;list-style-image: none;margin-bottom: 15px; line-height: 24px;}
#leftsidebar li ul a:link {text-decoration: none;list-style-type: none;list-style-image: none;margin-bottom: 15px; color: #999999;}
#leftsidebar li ul a:hover {text-decoration: underline; color: #003366;}
#leftsidebar li ul a:visited {text-decoration: none; color: #999999}
#rightsidebar li ul a:link {text-decoration: none; list-style-type: none;list-style-image: none;margin-bottom: 15px; color: #333333;}
#rightsidebar li ul a:hover {text-decoration: underline; color: #003366;}
#rightsidebar li ul a:visited {text-decoration: none; color: #b7b7b7;}
#leftsidebar ul p, #leftsidebar ul select {margin: 5px 0 8px; color: #999999; }
#rightsidebar ul p, #rightsidebar ul select {margin: 5px 0 8px; }
#leftsidebar ul ul, #leftsidebar ul ol {margin: 5px 0 0 5px; color: #999999; }
#rightsidebar ul ul, #rightsidebar ul ol {margin: 5px 0 0 5px;}
#leftsidebar ul ul ul, #leftsidebar ul ol{margin: 0 0 0 10px; color: #999999;}
#rightsidebar ul ul ul, #rightsidebar ul ol{margin: 0 0 0 10px;}
ol li, #leftsidebar ul ol li { list-style: decimal outside; color: #999999;}
#rightsidebar ul ol li  {list-style: decimal outside;}
#leftsidebar ul ul li, #leftsidebar ul ol li{margin: 3px 0px 0px;padding: 0px; color: #999999; line-height: 24px;}
#rightsidebar ul ul li, #rightsidebar ul ol li {margin: 3px 0px 0px;padding: 0px; line-height: 24px;}

#searchform {margin: 10px auto;padding: 5px 0px;}
#leftsidebar #searchform #s, #rightsidebar #searchform #s {width: 164px;padding: 2px;color: #b7b7b7;background-color: #f2f2f2;border: 1px solid #336699;font-size: 11px;margin-right: 4px;}
#leftsidebar #searchsubmit, #rightsidebar #searchsubmit {padding: 1px 5px 1px 5px;background: url(images/search.jpg);font-size: 11px; border: none; height: 20px; width: 23px;}

.entry form {text-align:left;}
select {width: 130px;}

#commentform input {font-size: 11px; color: #999999; width: 170px;padding: 2px;margin: 5px 5px 1px 0;background-color: #fff;border: 1px solid #ccc;}
#commentform textarea {font-size: 11px; color: #999999; width: 99%;padding: 2px;background-color: #fff;border: 1px solid #ccc;}
#commentform #submit {background: #f2f2f2; color: #000000; margin: 0;float: right; width: 130px; border: 1px solid #525252;}

.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify; margin: 0;}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

#leftsidebar{margin-top: 0;margin-left:9px;font: 1em 'Lucida Grande', Arial, Helvetica, sans-serif;color: #666666;width: 203px;float: left;margin-right: 10px;}
#leftsidebar form {margin: 0;}

#rightsidebar{
  margin-top: 0;
  margin-left: 0;
  float:left;
  font: 1em 'Lucida Grande', Arial, Helvetica, sans-serif;
  color: #666666;
  width: 200px;
  padding: 0px; 
  padding:0 0 0 10px;
  border-left: 1px #f2f2f2 solid
  
}
#rightsidebar form {margin: 0;}

/*  
dynamic sidebar
*/

#leftsidebar ul li{
padding: 10px 0 10px 0;
}

#rightsidebar ul li{
padding: 10px 0 10px 0;
}

/*  
dynamic sidebar
*/

acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #adadad;}

blockquote {margin: 15px 0 0 10px;padding-left: 25px;;border-left: 2px solid #cccccc;font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;}
blockquote cite {margin: 5px 0 0;display: block;}

.center {text-align: center;}

hr {display: none;}

a img {border: none;}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}

#leftsidebar a, #rightsidebar a {font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;}
