/*
** EPUK Article CSS
**
** by Nick McGowan-Lowe, adapted partly from existing EPUK web code
** last adapted 16th July 2006
**
** This file is designed to be used along with "epuk_shared", and includes the
** styles needed for all inside pages (ie, everything not default/index)
** It includes layout and text code in the same document
** 
** Stylesheet last validated 16 August 2006 at
** http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.epuk.org%2Ftextpattern%2Fcss.php%3Fn%3Depuk_article
** 
** AFTER MAKING CHANGES ALWAYS CHECK END FOR "STYLE SHEET ENDS"
*/


/*
** ===============================
** LAYOUT, BOXES AND POSITIONING CODE
*/


.blogcolumn
{
	width: 468px;
       height: auto;
       margin: 0px 0px 275px 250px;
}

.xblogcolumn
{
	position: relative;
	width: 468px;
	left: 250px;
    height: auto;
}


.blogquote
{
       position: relative;
	border: 1px dotted #000;
	padding: 14px;
       margin: 20px 0px;
       height: auto;
}

.bloggers {
	position: absolute;
    top: 0px;
    left: 65px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #000000;
	width: 140px;
	text-align: center;
}

.bloggers p {

	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
       padding-bottom: 20px;

}

.bloggers strong {
	
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	color: #666666;
	border-bottom-width: 0px;
       padding-top: 30px;
}

.bloggers em {
	
	font-size: 24px;
	font-style: normal;
	line-height: 28px;
	font-weight: bold;
}

.bloggers em p {

	border: 0px;
}

.commentsbox {
       position:relative;
	width: 280px;
       height: auto;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
       margin: 10px 0px;
	padding: 10px 98px 10px 80px;
	border-left: 8px solid #BBB;
	background: #DDD url(/site/logo/commentquotes.gif) no-repeat 10px -2px;
}

* html .commentsbox {
	width: 468px;
	padding: 10px 98px 10px 70px;
}

.commentsboxwarning {
       position:relative;
	width: 280px;
       height: auto;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
       margin: 10px 0px;
	padding: 10px 98px 10px 80px;
	border-left: 8px solid #fe0505;
	background: #fddede url(/site/logo/commentwarning.gif) no-repeat 10px -2px;
}

* html .commentsboxwarning {
	width: 468px;
       height: auto;
	padding: 10px 98px 10px 70px;
}

.commentsboxalt {
    position:relative;
	width: 280px;
    height: auto;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
    margin: 10px 0px;
	padding: 10px 98px 10px 80px;
	border-left: 8px solid #BBB;
	background: #EEE url(/site/logo/commentquotes.gif) no-repeat 10px -2px;
}

* html .commentsalt {
	width: 468px;
	padding: 10px 98px 10px 70px;
}

.commentsboxsqweegee,
.commentsboxadmin {
       position:relative;
	width: 280px;
       height: auto;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
       margin: 10px 0px;
	padding: 10px 98px 10px 80px;
	border-left: 8px solid #F60;
	background: #ffffa8 url(/site/logo/commentquotesadmin.gif) no-repeat 10px -2px;
}

* html .commentsboxsqweegee,
* html .commentsboxadmin {
	width: 468px;
	padding: 10px 98px 10px 70px;
}

.commentsboxsqweegee {
	background: #ffffa8 url(/site/logo/commentsqweegee.gif) no-repeat 10px -2px;
}


.commentsbox A:link,
.commentsbox A:active,
.commentsbox A:visited,
.commentsboxalt A:link,
.commentsboxalt A:active,
.commentsboxalt A:visited,
.commentsboxadmin A:link,
.commentsboxadmin A:active,
.commentsboxadmin A:visited,
.commentsboxsqweegee A:link,
.commentsboxsqweegee A:active,
.commentsboxsqweegee A:visited
{
	color: #000;
    text-decoration: underline;
}


.commentsbox A:hover,
.commentsboxalt A:hover,
.commentsboxsqweegee A:hover,
.commentsboxadmin A:hover {
	color: #F60;
}


.commentsboxtwo {
       position:relative;
	width: 318px;
       height: auto;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px;
	padding: 10px 70px;
	border-left: 8px solid #BBB;
	background-color: #DDD;
}

* html .commentsboxtwo {
	width: 468px;
}

.indexcolumn
{
	position: relative;
	top: 0px;
	width: 400px;
	left: 296px;
       height: auto;
}

.showcasefrontheader
{
	position: relative;
       top: 10px;
	left: 10px;
}

.showcasewidercolumn
{
	position: absolute;
	top: 240px;
	width: 566px;
	left: 360px;
}

.showcasecolumnone
{
	position: relative;
       top: 780px;
	width: 370px;
	left: 360px;
}

.showcasecolumntwo
{
	width: 162px;
       float: right;
}

.sshowcasecolumntwo
{
	position: absolute;
       top: 820px;
	width: 162px;
	left: 764px;
}



.xsnipmaincolumn
{
	float: left;
	width: 400px;
       margin: 10px 40px 275px 60px;
}

.snipmaincolumn
{
	position: relative;
	top: -20px;
	width: 368px;
	left: 90px;
}


.snipadcolumn
{
	position: absolute;
	top: 0px;
	width: 162px;
	left: 534px;
       height: auto;
}

.xsnipadcolumn
{
	position: absolute;
	top: 0px;
	width: 162px;
	left: 534px;
       height: auto;
}


.widercolumn
{
	position: absolute;
	top: 240px;
	width: 600px;
	left: 300px;
}

/*
** ===============================
** TEXT STYLES
*/

ul.rsx-page-num-list{
			display:inline;
			list-style:none;
			margin:0px;
			padding:0px;
		}
		
ul.rsx-page-num-list li {
			display: inline;
		}

.snippetsheadline
{
	font: bold 20px Verdana,Arial,Helvetica,sans-serif;
}

.snipmaincolumn h1,
.articlecontainer h1,
.articleheadline
{
	font: bold 36px/40px Arial, Helvetica, sans-serif;
	color: #F60;
	padding-bottom: 6px;
	text-align: left;
}

.articledateline
{
	font: 12px Skia,Arial, Helvetica, sans-serif;
	padding-top: 15px;
}

.articlebody
{
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	padding-bottom: 15px;
}

.articlebody A:img 
{
	border: 2px solid #000;
}

.blogcolumn ul,
.articlebody ul {
	list-style-position: outside;
	list-style-image: url(/site/logo/bulletpoint.gif);
}

.navigation
{
	font: bold 14px/15px Arial, Helvetica, sans-serif;
}

.relatedlinks
{
	font: bold 14px/20px Arial, Helvetica, sans-serif;
}

.relatedlinks ul A:link, 
.relatedlinks ul A:active, 
.relatedlinks ul A:visited
{
	font: bold 12px/20px Arial, Helvetica, sans-serif;
       color: #000;
	list-style: square outside;
       padding-bottom:3px;
}

.bloggers A:hover,
.articledateline A:hover,
.articlebody A:link, 
.articlebody A:visited, 
.articlebody A:active, 
.articlebody A:hover,
.articlebody caps A:visited, 
.articlebody caps A:active, 
.articlebody caps A:hover,
.relatedlinkssmall A:hover,
.navigation A:hover,
.relatedlinks ul A:hover
{
       color: #f60;
}

/*
** ===============================
** ARTICLE STYLES
**
** These are the styles which can be used from 
** within articles.
** h1. headline
** h2 standfirst
** h3 subheading
** h4. Half-column float box left
** h5. Half-column float box right
** h6. Full-column box
**
** ===============================
*/

h3
 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #F60;
}

h3 .caps
{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #F60;
}


h2 { 
font: 11px Arial, Helvetica, sans-serif; 
text-align: justify; 
background-color: #CCC; 
}

h4 {
       float:left;
	width: 170px;
	margin-right: 15px;
       font: bold 10px/16px Arial, Helvetica, sans-serif;
       text-align:left;
	padding: 10px;
	border-top: 8px solid #888;
	background-color: #CCC;
}

* html h4 {
       float:left;
	width: 210px;
	margin-right: 15px;
       font: bold 10px/16px Arial, Helvetica, sans-serif;
       text-align:left;
	padding: 10px;
	border-top: 8px solid #888;
	background-color: #CCC;
}

h4 img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

h5 {
       float:right;
	width: 170px;
	margin-left: 15px;
       font: bold 10px/16px Arial, Helvetica, sans-serif;
       text-align: left;
	padding: 10px;
	border-top: 8px solid #888;
	background-color: #CCC;
}

* html h5 {
       float:right;
	width: 210px;
	margin-left: 15px;
       font: bold 10px/16px Arial, Helvetica, sans-serif;
       text-align: left;
	padding: 10px;
	border-top: 8px solid #888;
	background-color: #CCC;
}

h5 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}



h6 {
       font: bold 10px/16px Arial, Helvetica, sans-serif;
       text-align: left;
	padding: 4px;
	background-color: #CCC;
}

* html h6 {
       width: 100%;
       font: 10px/16px Arial, Helvetica, sans-serif;
       text-align: left;
	padding: 10px;
	background-color: #CCC;
}

h6 img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      border: 0px solid #000;
}

h6 strong,
h5 strong {
	font-size: 14px;
	line-height: 19px;
}

h5 li {
       padding-left: 10px;
       }

.comments_error
{ 
	background-color: #f60;
}

div.comments_error
{
	border: 2px solid #f60;
	padding : 0.3em;
}

.blogcolumn h4 {
    float:left;
	width: 170px;
    margin-left: -50px;
	margin-right: 0px;
       font: bold 10px/16px Arial, Helvetica, sans-serif;
       text-align:left;
	padding: 5px;
	border: none;
	background-color: #FFF;
}

* html .blogcolumn h4 {
    float:left;
	width: 170px;
    height: auto;
    margin-left:  0px;
	margin-right: 0px;

	padding: 5px;
	border: none;
	background-color: #FFF;
}

ul .pages 
{ 
display: inline; 
list-style: none;
}

#pages,
#pages li{
display: inline; 
padding: 0px;
text-align: center;
}

.pgNum{
display:inline;
list-style:none;
padding-right: 6px;
}

#switchmode,
.pgCurrent,
.pages li{
display:inline;
list-style:none;
}

#pages a{
text-decoration:none;
}
.pgCurrent{
font-weight:bold;
color: #FF6600;

}
.pgEmpty{
visibility:hidden;
}

ul.rsx-page-num-list
{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
		
ul.rsx-page-num-list li 
{
	display: inline;
}
		



/*
** ===============================
** STYLESHEET ENDS
*/