/* CSS Document */
/* Main style page - definitions for every page on site */

/* Default font */
body         { font-family: Arial; font-size: 10pt; text-decoration: none ; color: #000000;}

/* LAYOUT */
/* Header stuff */
#headerwrapper {
	width: 100%;
	text-align: center;
/*	background-color: #dcedf5; 
	clear: both; */
}
#header {
	/* clear: both; */
	margin:0px auto;
	width: 913px;
	height: 100px;
	/* background-image: url('Assets/headerbkg.jpg');
	background-repeat: repeat-x; */
}
#headerpicL {
	display: none;
	float: left;
	position: absolute;
	left: 8px;
	width: 78px;
}
#headerpicR {
	display: none; 
	float: right;
	position: absolute;
	width: 135px;
	right: 8px;
}
#headertext {
	/* float: left; */
	vertical-align: middle;
	width: 100%;
	left: 0px;
	position: relative;
	z-index: 20;
}


/* Everything below the main header */
#contentwrapper {
	text-align: center;
	width: 100%;
}
#content {
	width: 913px;
	margin:0px auto;
	background-color: #dcedf5;
}

/* Definition for "Islam under scrutiny..." */
#motto {
	font-family: Arial;
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
	color: #e72b2b;
	background-color: #dcedf5;
	text-align: center;
	border-top: 4px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	border-left: 0px solid #ffffff;
}

/* Left column specs */
#leftcol {
	width: 134px;
	float: left;
	background-color: #dcedf5;
}
#LeftBarWrapper {
	width: 128px;
	text-align: center;
	margin:0px auto; /* Right and left margin widths set to "auto" */
}

/* Colors and spacing for sidebar headers */
.SidebarHeaderBox {
	background-color: #dcedf5;
	border-width: 1px;
	border-style: solid;
	border-color: #dcedf5;
}

/* Colors and spacing for sidebar content */
.SidebarBox {
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #dcedf5;
}


/* SPACING */
/* Specify spacers around various elements */
/* specs for <div class="BoxSpace"> and <div class="BigBoxSpace"> */
div.BoxSpace {
	margin: 3px;
}
div.HeaderBoxSpace {
	margin-bottom: 10px;
}
div.BigBoxSpace {
	margin: 10px;
}
/* spec for <div class="SidebarSpacerBox"> */
.SidebarSpacerBox {
	background-color: #dcedf5;
	border-width: 1px;
	border-style: solid;
	border-color: #dcedf5;
	height: 20px;
}

/* articles.htm and author index pages use <p> tags inside a <div class="DateText"> */
/* This sets the spacing between such <p> tags */
div.DateText p {
	margin-top: 0px;
	margin-bottom: 15px;
}

/* Same for <p> within <div class="authorlink"> - used for LeavingIslam/index.html */
div.authorlink p {
	margin-top: 0px;
	margin-bottom: 15px;
}

/* Same for <p> within <div class="SmallText"> - used for IW/links.htm */
div.SmallText p {
	margin-top: 0px;
	margin-bottom: 10px;
}

/* More spacing def'ns */
p.SidebarSmallHeading {
	padding-top: 0px;
	padding-bottom: 0px;
}
p.SidebarHeading {
	margin-top: 2px;
	margin-bottom: 2px;
}


/* FONTS */
.AlisReply { font-family: Arial; font-size: 9pt; color: #000099; text-align: justify }
.arabic {
	font-size: 14pt;
	text-align: right;
}
.articlelink {  font-family: Arial; font-size: 9.2pt; font-weight: bold; color: #000099;
}
.ArticlePageHeading {
	font-family: Helvetica;
	font-size: 16pt;
	font-weight: bold;
	color: #000099;
	text-align: center;
}
.ArticleText {
	font-family: Helvetica;
	font-size: 10.5pt;
	color: #000000;
	text-align: justify;
	line-height: 140%;
}
.ArticleTextCentered {
	font-family: Helvetica;
	font-size: 9.5pt;
	color: #000000;
	text-align: center;
	line-height: 125%;
}
.authorlink {  font-family: Arial; font-size: 9.2pt; font-weight: normal; color: #000000;
}
.BasicText {
font-family: Arial; font-size: 9.5pt; color: #000000
}
.BoldText {  font-family: Helvetica; font-size: 11pt; font-weight: bold; color: #000000}
.BookAuthorLink { font-family: Arial; font-size: 9pt; font-weight: bold; color: #000000 } 
.BookLink { font-family: Arial; font-size: 12pt; font-weight: bold; color: #000099}
.byline {
	font-family: Helvetica;
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.DateIndex {
	font-family: Arial;
	font-size: 8pt;
	font-weight: 700;
}
.dateline {
	font-family: Helvetica;
	font-size: 8.5pt;
	color: #000099;
	text-align: center;
}
.DateText {  font-family: Arial; font-size: 9.2pt; color: #000000}
.GeneralLink {  font-family: Arial; font-size: 10.5pt; font-weight: bold; color: #000099; text-decoration: none}
.MediaLink { font-family: Arial; font-size: 9pt; font-weight: bold; color: #000080;
}
.MediaSourceLink {  font-family: Arial; font-size: 9pt; color: #000000;
}
.NewsLink { font-family: Arial; font-size: 9pt; font-weight: bold; color: #000080;
}
.NewsSourceLink { font-family: Arial; font-size: 9pt; color: #000000;
 }
.PageHeading {
	font-family: Helvetica;
	font-size: 18pt;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
}
.RecommendedBooks {  font-family: Arial; font-size: 8.5pt; font-weight: bold; color: #000000}
.SmallLink { font-family: Arial; font-size: 9pt; font-weight: bold; color: #000080}
.SmallText {
	font-family: Arial;
	font-size: 8.5pt;
	color: #000000;
	text-transform: none;
}
.subheading {  font-family: Arial; font-size: 10.5pt; font-weight: bold; color: #000000}
.UnderScrutiny {  font-family: Arial; font-size: 14pt; font-style: italic; font-weight: bold; color: #FF0000}
.updated {
	font-family: Arial;
	font-size: 9.5pt;
	color: #000066;
	text-decoration: none;
	vertical-align: super;
	font-style: italic;
	font-weight: bold;
}

.VideoLink {  font-family: Arial; font-size: 9.5pt; font-weight: bold; color: #000080}
.SidebarHeading {  font-family: Arial; font-size: 10.5pt; font-weight: bold; color: #000000}
a.SidebarHeading {  color: #800000}
.SidebarLink {  font-family: Arial; font-size: 8.5pt; font-weight: normal; color: #000080}
.LeftSidebarLink {  font-family: Arial; font-size: 8.5pt; font-weight: bold; color: #000080}
.SidebarSmallHeading {  font-family: Arial; font-size: 9pt; font-weight: bold; color: #000000}
a.SidebarSmallHeading {  color: #800000}
.narrow { font-family: Arial Narrow; }

/* This defines the general behaviour of hyperlinks */

a:link { text-decoration: none; } 
a:visited { text-decoration: none; } 
a:hover { text-decoration: underline; } 
a:active { text-decoration: underline; } 
a {
	text-decoration: none;
	font-weight: bold;
	color: #000099;
}


/* MoreLink looks different from usual hyperlink */
/* This definition has to come AFTER the <a> def'ns above to apply to hyperlinks of class MoreLink */
.MoreLink {
	font-family: Arial;
	font-size: 10.5pt;
	font-weight: bold;
	color: #000099;
	text-decoration: underline;
}
a.MoreLink {
	text-decoration: underline;
}




/* NAVBAR */
#NavBarWrapper {
	width: 128px;
	text-align: center;
	margin:0px auto; /* Right and left margin widths set to "auto" */
}

/* Note that the top NavBarBox has a thinner bottom margin */
.NavBarBoxTop {
	background-color:#FFFFFF;
	text-align: right;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dcedf5;
	border-right-color: #dcedf5;
	border-bottom-color: #dcedf5;
	border-left-color: #dcedf5;
}

/* Middle NavBarBoxes have thinner top and bottom margins */
.NavBarBoxMid {
	background-color:#FFFFFF;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dcedf5;
	border-right-color: #dcedf5;
	border-bottom-color: #dcedf5;
	border-left-color: #dcedf5;
}

/* Bottom NavBarBoxes have thinner top margins */
.NavBarBoxBottom {
	background-color:#FFFFFF;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dcedf5;
	border-right-color: #dcedf5;
	border-bottom-color: #dcedf5;
	border-left-color: #dcedf5;
}

/* Font and hyperlink definitions for the NavBar */
.NavBar {  font-family: Arial; font-size: 10.5pt; font-weight: bold; color: #000000; text-align: right}
a.NavBar:link {  text-decoration: none; color: #000000}
a.NavBar:visited {  text-decoration: none; color: #000000}
a.NavBar:hover {
	color: #000099;
	text-decoration: underline;
}
a.NavBar:active {
	color: #000099;
	text-decoration: underline;
}

/* Spacing around text in NavBar */
div.NavBar {
	margin: 2px;
}

/* Old Navbar (for files with old format) */ 
.oldNavBarBox {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #D9DFDC;
	border-right-color: #D9DFDC;
	border-bottom-color: #D9DFDC;
	border-left-color: #D9DFDC;
	background-color: #FFFFFF;
}
.oldNavBarBoxBottom {
	border-width: 2px;
	border-style: solid;
	border-color: #D9DFDC;
	background-color: #FFFFFF;
}
div.NavBarMain {
	margin: 2px;
}

/* Assorted */

/* Defines the spacing around <hr> tags - the bars in media and news sections */
hr {
	margin-top: -1px;
	margin-bottom: 10px;
}

/* I think you don't want this any more, but I've left it just in case */
.VeiledBox {
	background-image: url('Assets/Veil.jpg');
	background-repeat: repeat
}