/* Styles for the StarWitness news */

/* Title */
.title {
	font-size: 16px;
	color: #471975;
}

/* Banner image. */
#banner {
	margin-bottom: 10px;
}

/* Headings for Features and Extras */
.heading {
	margin-top: 0;
	margin-bottom: 10px !important;
	padding-bottom: 0 !important;
	font-size: 16px;
	color: #471975;
}

/* Posting date */
#PostDate {
	margin-bottom: 2px;
	color: #471975;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

/* Path */
#pathhead p img {
	padding-right: 5px;
}

/* Main content area. */
#content {
	padding-left: 0;
	background-color: #fff7f0;
}
#content p {
	margin-bottom: 17px;
}

/* Make the block relative so position will be relative to this block. */
#featureBlock {
	position: relative;
	margin-left: 11px;
	margin-top: 17px;
}

/* Feature heading */
#featureHead {
	margin-bottom: 11px;
}

/* Feature: The story area. */
#feature {
	margin-right: 88px;
	padding-right: 10px;
	border-right: solid 1px #999;
}
#content a:link, #content a:visited {
	color: #705da3;
}

/* Images in the features.  These should be <span>'s in the document. */
.imageLeft, .imageRight {
	width: 185px;
	float: left;
	margin-top: 5px;
	padding-right: 10px;
}
.imageRight {
	float: right;
	width: 155px;
	margin-left: 15px;
	padding-right: 0;
}

.imageLeftNarrow {
	width: 153px;
}
.imageLeftShort {
	width: 93px;
}
.imageLeftMedium {
	width: 135px;
}
.imageLeftFull {
	float: none;
	display: block;
	width: auto !important;
	padding-right: 0 !important;
}
.imageLeft p, .imageRight p {
	margin-bottom: 5px !important;
	font-size: 12px;
	font-style: italic;
	color: #666;
}
.imageLeft .captionHead, .imageRight .captionHead {
	font-weight: bold;
	color: #c60;
}
.imageInner {
	float: left;
	margin-right: 5px;
}

.imageLeftNarrow p {
	margin-bottom: 5px !important;
	font-size: 12px;
	font-style: italic;
	color: #666;
}
.imageLeftNarrow .captionHead {
	font-weight: bold;
	color: #c60;
}
.imageSecond {
	margin-top: 15px;
}

html>body .captionslide {
	margin-top:-6px;
}
.imageLeft a:visited, 
.imageRight a:visited,
.imageLeft p a,
.imageRight p a, 
#extras a.imageLink:link, 
#extras a.imageLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px !important;
	color: #705da3;
	font-style: normal !important;
}

/* The Extras column. */
*#extras {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 80px;
}
#extras p, #extras a:link, #extras a:visited {
	color: #705da3;
	font-style: italic;
}
#extras p {
	margin-top: 9px;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: bold;
}
#extras a:link, #extras a:visited, #extras p span {
	font-size: 12px;
	font-weight: normal;
}
#extras a img {
	margin-top: 5px;
}
#extras ul {
    list-style-type: none;
    margin: -19px 0 20px;
    padding: 0;
}
#extras li {
    margin-bottom: 10px;
}
#emailIcon {
	position: relative;
	top: -13px;
}

/* Format the block for the TOP link. */
#topLink {
	margin-bottom: 0 !important;
	text-align: right;
}

/* Redefine the breakout box to hold the 'What do you think?' 
 * and 'Wordwatch'.
 */
.breakoutHead {
	padding-top: 25px;
}
.breakout {
	padding: 8px 11px 9px 7px;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
	background-color: #fff7f0;
	background-image: none;
}
.breakout p, .breakout li {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
}
.breakout a:link, .breakout a:visited, .breakout p a:link, .breakout p a:visited {
	color: #471975 !important;
}
.breakout p {
	margin: 0 0 19px 0;
	padding: 0;
}
*.breakout ul {
	margin: 11px 0 0 0;
	padding-left: 0;
	list-style-type: none;
}
*.breakout li {
	margin-bottom: 3px;
	padding-left: 14px;
	background-image: url(graphics/purplebullet11.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.plural {
	font-style: italic;
	font-weight: normal;
}

/* All About breakout */
#AllAbout p {
	margin-top: 3px;
	margin-bottom: 3px;
	color: #000;
	font-size: 17px !important;
}
#AllAbout a {
	font-size: 12px;
}

/* News archive listing.
 */
#archiveBlock {
	width: 120px;
	background-color: #FFF;
	border: 1px solid #999;
}
#archiveBlock img, #archiveBlock ul {
	margin-left: 7px;
}
#archiveBlock img {
	margin-top: 7px;
	margin-bottom: 13px;
}
#archiveBlock ul {
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 18px;
	padding-left: 0;
	list-style-type: none;
}
#archiveBlock li {
	margin-bottom: 13px;
	padding-left: 13px;
	background-image: url(graphics/bullet_starwitarchive.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#archiveBlock li, #archiveBlock a:link, #archiveBlock a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
#archiveBlock li.current {
	background-image: url(graphics/starguy_teeny.gif);
	background-repeat: no-repeat;
}
#archiveBlock li.current a:link, #archiveBlock li.current a:visited {
	color: #c60;
}
#ArchiveLink {
	margin-bottom: 5px;
	margin-right: 5px;
	text-align: right;
}
#ArchiveLink a {
	color: #471975 !important;
}

/** Glossary popup layer.
 **  These are all applied to what is returned from the
 **  page 'term-panel.php'
 **/
/* Main block on the page. */
#glossaryBlock {
	border: solid 2px #ccc;
}
#glossaryBar {
	background-image: url(/news/graphics/vocabpop_stripes.gif);
	background-color: #fc0;
	text-align: right;
}
#glossaryBar img {
	border-left: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
}

/* Main content area. */
#glossaryContent {
	padding: 10px 0 0 15px;
	background-color: #fff7f0;
}
/* Wordwatch title graphic. */
#glossaryWW, #AboutHead {
	margin-bottom: 10px;
	margin-right: 15px;
	padding-bottom: 3px;
	border-bottom: solid 1px #ccc;
}
#AboutHead {
	font-size: 17px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* Close button. */
#glossaryClose {
	text-align: right;
}
/* The term and definition. */
.glossary_term {
	margin-bottom: 5px;
	margin-right: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #471975;
}
.glossary_def {
	margin-bottom: 14px;
	margin-right: 15px;
	font-size: 12px;
}
.subheadintext {
	clear: left;
	margin-bottom: 8px !important;
	font-size: 13px;
	font-weight: bold;
	color: #705da3;
}

/* Update notification box */
#UpdateNote {
	margin: 10px 0 8px 0 !important;
	padding: 5px 3px 7px 11px;
	border: solid 1px #999;
	font-family: arial;
	font-size: 11px;
	color: #666;
	letter-spacing: .05em;
}
.imageoutline {
	border: 1px solid #000000;
}

/* Initial letter for the intro paragraphs */
.initialCaps {
	float: left;
	height: 2.4em;
	overflow: hidden;
}
.initialCaps span {
	display: block;
	margin-top: -2px;
	padding-right: 3px;
	font-size: 35px;
	font-weight: normal;
	color: #99c;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* Hack IE: IE handles line-height differently. */
/* Hides from IE5-mac \*/
* html .initialCaps span {padding-right: 0; margin-top: -4px;}
/* End hide from IE5-mac */