@import url(layout.css);
@import url(menus.css);

/* above are the sylesheets responsible for the common page layout and system menus - must be at top */

/* Main (X)HTML Selectors - Typography, Colours and Positioning */

body {
    font-family: "trebuchet ms", sans-serif;
    font-size: 80%;
    margin:0;
    padding: 0;
}
body.wrap {
    color: #fff;
    background-color: #979797;
	background-image: url("../images/bg5.gif");
	background-repeat: repeat-x;
}

a {
    color: #0000ee;
}

a:link { }
a:visited, a:visited:hover {
    color: #551A8B;
}
a:active { }
a:hover { }

/* leave pseudo-classes exactly in this order even if you decide to re-declare them  */

a[rel~="external"] {
	background-image: url(../images/external_link_icon.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 14px;
}
a[rel~="external"]:visited, a[rel~="external"]:hover {
	background-image: url(../images/external_link_icon_visited.gif);
}

a img, :link img, :visited img
{
	border-width: 0;
}

/* Tables */

table {
	border-collapse: collapse;
	border: 1px solid #4c4745;
	color: #000;
	background-color: #f9f7f7;
}

th, td {
	border: 1px solid #4c4745;
	padding: 3px;
}

table.maginfo, table.maginfo th, table.maginfo td {
	border-width: 0;
	background-image: none;
	background-color: transparent;
	margin-bottom: 1em;
}
table.maginfo th {
	text-align: left;
}

/* General text and related selectors */

h1 { font-size: 140%; }
h2 { font-size: 120%; border-bottom: 1px solid #4C4745; }
body.books h2 { border-bottom-width: 0; }
h3 { font-size: 110%; font-weight: bold;}
h4 { font-size: 100%; font-weight: bold; }

div.articlelist h2 {
	margin: -3px;
	margin-bottom: 5px;
	padding: 10px;
	background-color: #f9f7f7;
	border-bottom: 1px solid #4c4745;
	border-top: 1px solid #4c4745;
	clear: both;
}
div.articlelist h2 a {
	text-decoration: none;
	color: #4c4745;
}
div.articlelist h2 a:hover {
	text-decoration: underline;
	color: #4c4745;
}
div.articlelist
{
	margin-bottom: 1em;
	padding: 4px;
}

div.articlelist div.xar-accent {
	font-style: italic;
	font-size: 90%;
	color: #585858;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
div.article-footer {
	text-align: right;
	margin-top: 1em;
}
div.topicimg {
	display: block;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
div.reference-summary, div.link-summary {
	padding-bottom: 2em;
}
div.alphapager-wrapper {
	padding-bottom: 0.5em;
}
div.dailytip {
	margin-left: 2em;
}

/* Form elements */

form {
    margin: 1em 0;
    padding: 0;
    display: block;
}

legend {
    border: 1px solid #cccccc;
    margin: 0 -1px;
    padding: 1px 5px;
    min-width:15em;
    display:block;
}

fieldset {
    border: 1px solid #cccccc;
    margin: 1em 0;
    padding:5px;
}

label.xar-form-label {
    padding: 2px;
    text-align: right;
    padding-left: 5px;
    margin: 0 5px 0 0;
    clear:left;
}

/* reset for table header labels to preserve table styles */
th label {
    background-color:transparent;
    border:0 none;
    width:auto;
    margin:auto;
}

td select {width:auto;}


/* list elements */

ul, li, ol { line-height: 140%; }

/* THEME SPECIFIC CLASSES [gen_heading] */

/* XARAYA REQUIRED INDIVIDUAL CLASSES [gen_heading] */
td.xar-norm { }
td.xar-alt { }

/* XARAYA REQUIRED ANONYMOUS CLASSES  [gen_heading] */

/* these defaults apply to the left and right block group */

.xar-block-head,
.xar-block-head-right {
	margin-top: 1em;
}

.xar-block-title,
.xar-block-title-right {
    font-weight: bold;
    font-size: 100%;
	color: #4c4745;
	padding-left: 6px;
}


/* Front - lion */
#xc-left.front div.xar-block-title {
	color: #4c4745;
	font-size: 100%;
}
#lionimg
{
	margin: 10px;
}
#frontbox
{
	max-width: 650px;
	float: left;
}
#front1_wrap
{
	width: 50%;
	float: left;
}
#front1
{
	padding: 1em; 
	padding-left: 2em;
	text-align: right;
	border-right: 3px solid #4c4745;
}
#front2_wrap
{
	width: 50%; 
	float: left;
}
#front2
{
	padding: 1em;
	/* overflow: visible;  For wide xhtml.jpg */
}

/* Latest articles block on front page */
#xc-left.front ul {
	margin-left: 2em;
}
#xc-left.front ul li {
	margin-bottom: 0.3em;
}

/* Inner page left block - lion */

#xc-left.innerpage div.xar-block-head {
	padding-bottom: 3px;
}

#xc-left.innerpage div.xar-block-body {
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #4c4745;
	border-width: 1px 1px 1px 0;
	padding: 12px 6px 12px 6px;
	margin-bottom: 2em;
}
/* Copy from layout.css! */
@media screen and (max-width: 670px) {
	#xc-left.innerpage div.xar-block-body {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border-width: 1px 1px 1px 1px;
	}
}

#xc-left.innerpage div.xar-block-foot {
}

.xar-block-body,
.xar-block-body-right { }

.xar-block-foot,
.xar-block-foot-right { }

/* Menus in blocks */

#xc-left .xar-block-body ul {
	margin: -6px;
	padding: 0;
}

.xar-block-body a {
	text-decoration: none;
}
#xc-left div.xar-block-body li {
	line-height: normal;
	list-style-position:inside;
	list-style-type: none;
	padding: 6px 3px 0 3px;
}
#xc-left div.xar-block-body li:hover {
	background-color: #f9f7f7;
}
#xc-left div.xar-block-body li a:hover {
	text-decoration: none;
}

div.featuretitle {
	margin-bottom: 0.5em;
}
div.xar-cm-comment {
	border: solid 1px #979797;
	margin-bottom: 1em;
}
div.xar-cm-comment div.xar-cm-comment {
	border-width: 0;
	margin-bottom: 0;
	padding: 1em 0 0 0;
}

/* topnav block group classes */

.xar-block-head-topnav { }
.xar-block-title-topnav { }
.xar-block-body-topnav { }
.xar-block-foot-topnav { }

/* center block group classes */

.xar-block-head-center { width: 100%; }

.xar-block-title-center {
    font-weight: bold;
}

.xar-block-body-center { }

.xar-block-foot-center {
    width: 100%;
    margin-bottom: 4px;
    border-bottom: 1px solid #A0B8E5;
}

/* module rendering area and related rules */

.xar-mod-head, .xar-mod-body, .xar-mod-foot { }

.xar-mod-head {
}

.xar-mod-title {
    font-size: 110%;
    font-weight: bold;
}

.xar-mod-body {
    padding: 5px 10px;
    margin:0;
}
 
.xar-mod-foot {
    border-top: 0 none;
    padding: 3px 10px;
}

/* complementary styling - colors, backgrounds and outlines */

.xar-alt { background-color: #f0f0f0; }
.xar-accent { 
}

.xar-alt-outline {
}

.xar-accent-outline {
}

.xar-norm-outline {
}
div.xar-standard-box-padding {
	padding: 0;
}
div.xar-floatright {
	margin: 0 1em 1em 0;
	float: left;
}
div.xar-sub {
	margin-bottom: 1em;
}

/* complementary text related styling */

.xar-norm { background-color: #FFFFFF; }
.xar-sub { font-size: 80%; }
.xar-error { color: #ff0000; }
.xar-title { font-weight: bold; }


/* THEME SPECIFIC ANONYMOUS CLASSES  [gen_heading] */
.xar-sidebox {font-size:90%;}

/* MISCELLANEOUS [gen_heading] */

abbr, acronym, .help {
    border-bottom: 1px dotted #999;
    cursor: help;
}

/* footer */

#xc-footer {
	padding: 2em;
	border-top: 1px solid #979797;
	background-color: #fafafa;
}

#footermsg {
}
#copyright {
    font-weight: bold;
}
#footernote {
	font-style: italic;
}

div.badges {
    float: right;
    text-align: right;
}

div.badges a { 
	text-decoration: none;
}

/* Browse in: */

div.browsein {
	margin: 1em 0 1em 0;
}
/* Category icons for articles root - lion */
div.topicicons
{
}
div.topicicon
{
	margin: 1em 3em;
	float: left;
	text-align: center;
}
div.topicicons-foot
{
	clear: both;
}
div.topicicon-single {
	margin: 1em 0;
}

/* Book pages */

div.books-summary {
	width: 50%;
	/*margin-bottom: 10px;*/
	min-height: 200px;
	float: left;
}

img.books-image {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
img.books-image {
	border: solid 1px #000000;
}

fieldset.books-info {
	clear: left;
}

body.books span.wanted
{
	color: red;
	font-weight: bold;
}

h2.books-title {
	margin-top: 0;
	font-size: 100%;
}

div.magtext {
	margin-bottom: 1em; 
}
/* Article content */
img.photo
{
	border: 1px solid #979797;
}
img.decor
{
	border: 1px solid #979797;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}


/* Top margin removal in FF to match IE */


td > p:first-child, th > p:first-child
{
	margin-top: 0px;
}

td > p:last-child, th > p:last-child
{
	margin-bottom: 0px;
}

div > p:first-child
{
	margin-top: 0px;
}

/*div > p:last-child
{
	margin-bottom: 0px;
}
*/
/* Default Alignment Styles for WYSIWYG content */
img.align-LeftFloat, img.left
{
	border: 1px solid #979797;
}
.align-LeftFloat, .left
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: left;
}
img.align-RightFloat, img.right
{
	border: 1px solid #979797;
}
.align-RightFloat, .right
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	clear: right;
}
.clearboth
{
	clear: both;
}