body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 93%;
	line-height: 1.3em;
	background-color: #003366;
	}

p {
	font-size: 0.9em;
	}

#wrapper {
	margin: auto;
	background-color: #ffffff;
	width: 750px;
	min-height: 600px;
	}

#banner {
	margin: auto;
	width: 750px;
	height: 40px;
	background-image: url('/clubs/vanguard/images/red-stripe.jpg');
	background-repeat: repeat-x;
	}

#banner #search {
	padding-top: 7px;
	padding-right: 7px;
	text-align: right;
	}
#banner #search form {
	display: inline;
	}
#facebook{
margin-left:-19px;
}
#main {
	float: left;
	width: 600px;
	margin-left: 150px;
	margin-top: 1em;
	margin-bottom: 2em;
	}
html #main {
	display: inline;
	}

#nav {
	float: left;
	width: 150px;
	margin-left: -750px;
	}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes
(I saw it happen many moons ago) makes the width of wrapper too small
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */

#footer {
	clear: both;
	width: 750px;
	}


li {
	margin: 0.5em 0;
	padding: 0;
	}

/* Links
------------------------------------------------------------------------------*/
a {
	color: #036;
	text-decoration: underline;
	}
a:hover {
	color: #c00;
	text-decoration: underline;
	}
h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
	color: #000;
	}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration: underline;
	color: #000;
	}
.smallstorylist li a, .tinystorylist li a {
	text-decoration: none;
	}
.smallstorylist li a:hover, .tinystorylist li a:hover {
	text-decoration: underline;
	}
h2, h3, h4 {
	font-family: Arial, sans-serif;
	line-height: 1.3em;
	margin-top: 0;
	}
h2, h3, h4 {
	margin-bottom: 0.3em;
	}
h4 {
	margin-top: 0;
	margin-bottom: 0.25em;
	font-weight: normal;
	font-style: italic;
	}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: 0;
	margin-bottom: 0.25em;
	font-weight: bold;
	}

/* Top navigation bar
------------------------------------------------------------------------------*/
#topbar {
	width: 100%;
	float: left;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	}

#topbar ul {
   padding: 0;
	}

#topbar ul li {
   display: inline;
	}

#topbar ul {
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	font-size: 1em;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	}

#topbar ul li#date {
   margin-left: 1em;
	}

#topbar ul li a {
	float: right;
   padding: 0 0.5em 0 0.5em;
	color: #003366;
	background-color: #eee;
	text-decoration: none;
	border-right: 1px solid #aaa;
	font-size: 0.9em;
	font-weight: normal;
	}

#topbar ul li a:hover, #topbar ul li a#current:hover {
	background-color: #ccc;
	color: #036;
	}

#topbar ul li a#current {
   background-color: #aaa;
	}

/* Issue navigation box
------------------------------------------------------------------------------*/
#issuenav {
	width: 140px;
	background-image: url('/clubs/vanguard/images/nav_middle.gif');
	background-repeat: repeat-y;
	background-position: right;
	}
#issuenav_top {
	width: 140px;
	height: 11px;
	background-position: top right;
	background-image: url('/clubs/vanguard/images/nav_top.gif');
	}
#issuenav_bottom {
	width: 140px;
	height: 11px;
	background-image: url('/clubs/vanguard/images/nav_bottom.gif');
	background-position: bottom right;
	margin-bottom: 1.2em;
	}

#issuenav h4 {
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	margin-left: 0.75em;
	}
#issuenav ul {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	}
#issuenav li {
	list-style-type: none;
	margin-left: 0.75em;
	margin-right: 0.75em;
	margin-bottom: 0;
	font-size: 0.9em;
	}
#issuenav li.topmargin {
	margin-top: 1em;
	}


#issuenav ul li a:link, #issuenav ul li a:visited {
	color: #036;
	display: block;
	border-bottom: none;
	text-decoration: none;
}

#issuenav ul li a:hover {
	background-color: #ccc;
	color: #036;
	border-bottom: none;
	text-decoration: none;
}
* html #issuenav ul li a:link, * html #issuenav ul li a:visited {
	height: 1em;
}

.linedivider {
	border-top: 1px solid #ccc;
	margin-bottom: 1em;
	}


.bigpreview {
	float: left;
	width: 402px;
	padding-right: 10px;
	border-right: solid 1px #ccc;
	}
.rightpreview {
	float: left;
	width: 165px;
	margin-left: 10px;
	}


.allstories {
	float: left;
	width: 330px;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 0.9em;
	line-height: 1.1em;
	}
.allstories h3 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	}
.allstories h5 {
	margin-bottom: 0;
	}
.photopreview {
	float: left;
	width: 240px;
	padding-top: 1em;
	font-size: 0.9em;
	margin-left: 10px;
	}
.photopreview h3 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	}

ul.smallstorylist {
	margin-left: 0;
	padding-left: 0;
	font-family: Arial, sans-serif;
	list-style-type: none;
	}
ul.smallstorylist li {
	margin-bottom: 1em;
	}
ul.tinystorylist {
	margin-top: 0.5em;
	margin-left: 0;
	padding-left: 0;
	font-family: Arial, sans-serif;
	list-style-type: none;
	}
ul.tinystorylist li {
	margin-bottom: 0.5em;
	padding-left: 1em;
	background-image: url('/clubs/vanguard/images/point.gif');
	background-position: top left;
	background-repeat: no-repeat;
	}
.tinyblock {
	float: left;
	width: 150px;
	padding-right: 5px;
	}

.photo {
	margin-bottom: 0.5em;
	border: 1px solid #aaa;
	}
.left {
	float: left;
	border: none;
	margin-right: 0.5em;
	}
.right {
	float: right;
	border: none;
	margin-left: 0.5em;
	}

#welcome {
	padding: 1em;
	font-family: Arial, Helvetica, san-serif;
	font-size: 0.75em;
	line-height: 1.3em;
	}
#welcome h4 {
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	font-style: italic;
	}

.thumbnail {
	margin-bottom: 1em;
	}
.smallcutline {
	line-height: 1.1em;
	}

#archive {
	padding: 0 1em;
	font-family: Arial, Helvetica, san-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	}
#archive h4 {
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	font-style: italic;
	}

.story {
	margin: 0 1em 0 0;
	padding: 0;
	}
.story ul {
    font-size: 0.9em;
}
.story ul li {
    margin: 0;
    padding: 0;
}
.storypreview {
	margin: 0 1em 1em 0;
	padding: 0;
	}

.graphic, .graphic_even, .graphic_odd {
	text-align: center;
	margin-top: 1.0em;
	}
.graphic img, .graphic_even img, .graphic_odd img {
	border: 0px solid #000;
	}
.graphic .cutline, .graphic_even .cutline, .graphic_odd .cutline {
	text-align: left;
	font-size: 0.9em;
	line-height: 1.1em;
	}
.graphic .credit, .graphic_even .credit, .graphic_odd .credit {
	text-align: right;
	font-size: 0.8em;
	line-height: 1.1em;
	margin-bottom: 0.5em;
	}

.gallery_graphic, .gallery_graphic_selected {
	display: inline;
}
.gallery_graphic img, .gallery_graphic_selected img {
	width: 96px;
	padding: 10px;
}
.gallery_graphic_selected img {
	border: 1px solid #ccc;
}

#side_bar {
	float: right;
	width: 222px;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	}

.label {
	float: right;
	background: #000;
	color: #fff;
	margin: 1.5em 0 1.0em 1.0em;
	padding: 1.0em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	}

.page {
	text-align: center;
	font-style: italic;
	}

.author {
	/*margin-top: 0.5em;*/
	line-height: 1.2em;
	font-size: 0.9em;
	/* added for social bookmarking purposes */
    margin-top: 22px;
	}
.author_title {
	line-height: 1.2em;
	font-size: 0.9em;
	/* added for social bookmarking purposes */
    margin-bottom: -15px;
	}
.storydate {
	line-height: 1.2em;
	font-size: 0.9em;
	}

.frontpage_story {
	float: right;
	clear: right;
	width: 220px;
	margin: 0 1em 1em 1em;
	padding: 1em;
	border: 1px solid #ccc;
	}

#archivewrapper {
	font-size: 0.9em;
	}
.archiveblock {
	float: left;
	width: 175px;
	line-height: 1.1em;
	}

dl {
	text-align: left;
	margin: 0;
	}
dt {
	font-weight: normal;
	font-size: 1.5em;
	margin: 1em 0 0 0;
	padding: 0;
	}
dd {
	margin: 0.4em 0 0.4em 1.2em;
	padding: 0;
	}


.letter {
	font-size: 0.9em;
	}
label {
	font-family: Arial, Tahoma, san-serif;
	float: left;
	width: 8em;
	font-weight: bold;
	margin-bottom: 0.5em;
	clear: left;
	}
.field {
	margin-bottom: 1em;
	}
.field_long {
	margin-bottom: 1em;
	margin-left: 8em;
	}
#contactus {
	margin-top: 2em;
	padding: 0 1em;
	font-family: Arial, Helvetica, san-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	}
#feed img {
   border: 0;
   border: none;
   display: block;
   margin: 0 0.3em 0 0;
   float: left;
   text-decoration: none;
   /* This is for IE 5 */
   _border-color: COLOR;
   }

/* Comment stuff
------------------------------------------------- */
#com_box {
  margin-top: 18px;
  width: 37em;
  float: left;
  line-height: 1.8;
  position: relative;
}

#com_box form { margin: 0; }

#com_box a {
  text-decoration: none;
  color: #003366;
  background: #EEEEEE;
  padding: 0 4px;
}

.com_poster a {
  text-decoration: none;
  color: #003366;
}

#com_box a:hover,
.com_poster a:hover { text-decoration: underline; }

#com_box p,
#com_box h6 {
  margin: 0;
  font-weight: bold;
}

#com_box h6 {
  padding-top: 4px;
  font-size: 1.1em;
}

#com_box p {
  font-size: 0.8em;
  position: absolute;
  top: 8px;
  right: 10px;
}

#com_box label {
  float: none;
  width: auto;
  font-weight: bold;
  font-size: 1.1em;
}

#com_plabel { padding-left: 14px; }

#comment_box p {
  float: right;
}

#loginstripe,
#comment_box,
#register_box {
  float: left;
  color: #fff;
}

#loginstripe { background: url("/clubs/vanguard/images/com_redline.gif") repeat-x; }
#register_box { background: url("/clubs/vanguard/images/com_redline_130.gif") repeat-x; }
#comment_box { background: url("/clubs/vanguard/images/com_redline_200.gif") repeat-x; }

#com_leftend,
#com_leftend_130,
#com_leftend_200 {
  float: left;
  width: 16px;
  margin-left: -16px;
}

#com_rightend,
#com_rightend_130,
#com_rightend_200 {
  float: right;
  width: 16px;
  margin-right: -16px;
}

#com_leftend {
  height: 70px;
  background: url("/clubs/vanguard/images/com_end.gif") no-repeat top left;
}

#com_rightend {
  height: 70px;
  background: url("/clubs/vanguard/images/com_end.gif") no-repeat top right;
}

#com_leftend_130 {
  height: 130px;
  background: url("/clubs/vanguard/images/com_end_130.gif") no-repeat top left;
}

#com_rightend_130 {
  height: 130px;
  background: url("/clubs/vanguard/images/com_end_130.gif") no-repeat top right;
}

#com_leftend_200 {
  height: 200px;
  background: url("/clubs/vanguard/images/com_end_200.gif") no-repeat top left;
}

#com_rightend_200 {
  height: 200px;
  background: url("/clubs/vanguard/images/com_end_200.gif") no-repeat top right;
}

#comment_box form {
  padding-top: 5px;
  float: left;
}

#comment_box textarea {
  height: 100px;
  width: 530px;
  margin: 5px 0 11px 2px;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
}

#com_box table {
  text-align: right;
  float: left;
  margin-top: 11px;
}

#com_box table input { padding: 1px; }

#com_box table tr.submit { text-align: left; }


/* BEGIN comment styling */
.com_comment {
  clear: both;
  color: #111122;
  background: #EBEBEB;
  width: 35em;
  padding: 0.8em 1em 0;
}

.com_comment .com_poster {
  font-size: 0.9em;
  float: left;
  padding: 0 3px;
  background: #CBCBCB;
}

.com_post { clear: left; }

div.com_post  {
  padding-top: 4px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #333333;
}

div.com_last div.com_post { border-bottom: 0; }

.com_poster a {
  font-style: normal;
  text-decoration: none;
  padding: 0 4px;
}

.com_comment .com_poster a:hover {
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  padding: 0 1px;
}

.com_comment p {
  margin: 0;
  padding: 0;
}

#commentlist {
  padding: 0 6px 0 -10px;
  float: left;
  background: #EBEBEB url("/clubs/vanguard/images/com_shadow_left.gif") repeat-y;
}

div.com_comment {
  background: url("/clubs/vanguard/images/com_shadow_right.gif") repeat-y right;
}

#com_shadow_btm {
  width: 549px;
  height: 14px;
  float: left;
  background: url("/clubs/vanguard/images/com_shadow_bottom.gif") no-repeat bottom left;
  position: relative;
  margin-left: 1px;
}

#com_shadow_btm span {
  position: absolute;
  right: 0;
  width: 19px;
  height: 14px;
  background: url("/clubs/vanguard/images/com_shadow_corner.gif");
}

/* END comment styling */

/* BEGIN bookmarking styling */

div#bookmarking {
  position: absolute;
  right: 38px;
  top: -25px;
  float: right;
  padding: 0 10px;
/*  border: 1px solid #666; */
}

div#bookmarking ul {
  margin: 0;
  padding: 0;
  padding-bottom: 4px;
  list-style: none;
  float: left;
  color: #000;
}

div#bookmarking ul li {
  float: left;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

div#bookmarking ul li a {
  padding-left: 7px;
  cursor: pointer;
}


div#bookmarking p {
  color: #333;
  margin: 0;
  padding: 0;
  padding-bottom: 4px;
  text-align: center;
  font-size: 80%;
  font-weight: bold;
}

div#bookmarking img {
  border: 1px solid #fff; /* white border because cursor was wacky... */
  margin: 0;
  padding: 0;
}

div.bkmrk_wrapper {
  /* added for social bookmarking */
  position: relative;
  margin-top: 30px;
}

.story h4 {
  margin-bottom: -15px;
}

/* END bookmarking styling */

p.com_error {
  display: block;
  margin: 0;
  padding: 4px 6px;
  border: 2px solid #b32403;
  background-color: #fcd2c1;
  color: #111;
  float: left;
  margin-bottom: -5px;
  font-weight: bold;
}

p.com_success,
p.com_loggedout {
  display: block;
  margin: 0;
  padding: 4px 6px;
  border: 2px solid #d5cd00;
  background-color: #f5f18f;
  color: #111;
  float: left;
  margin-bottom: -5px;
  font-weight: bold;
}

/* START printer-friendly link */
#printerfriendly {
  display: block;
  height: 20px;
  font-size: 0.75em;
}

#printerfriendly img {
  margin: 2px;
  border: 0;
  border: none;
  display: block;
  float: left;
  text-decoration: none;
  /* This is for IE 5 */
  _border-color: COLOR;
}

/* END printer-friendly link */