body{
  /* Background properties */
  background-image:  url( "http://www.kelticbanshee.info/images/blue/bgpic.jpg" );
  background-repeat: repeat;
  background-attachment: fixed;
  
  /* Text properties */ 
  color: white;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;  
}

/* 
 * LINKS
 */
a.mainlogo{
  border: none; 
}

a:link{
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}

a:visited{
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}

a:active{
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}

a:hover{
  color: white;
  text-decoration: none;
  font-weight: bold;
}

a.mainMenuLink:link{
  color: white;
  text-decoration: none;
  font-weight: normal;
}

a.mainMenuLink:visited{
  color: white;
  text-decoration: none;
  font-weight: normal;
}

a.mainMenuLink:active{
  color: white;
  text-decoration: none;
  font-weight: normal;
}

a.mainMenuLink:hover{
  color: black;
  text-decoration: none;
  font-weight: normal;
}

a.firstLevelMenuLink:link{
  color: white;
  text-decoration: none;
  font-weight: normal;
}

a.firstLevelMenuLink:visited{
  color: white;
  text-decoration: none;
  font-weight: normal;
}

a.firstLevelMenuLink:active{
  color: white;
  text-decoration: none;
  font-weight: normal;
}

a.firstLevelMenuLink:hover{
  color: black;
  text-decoration: none;
  font-weight: normal;
}

a.footerlink:link{
  color: black;
  text-decoration: none;
  font-weight: bold;
}

a.footerlink:visited{
  color: black;
  text-decoration: none;
  font-weight: bold;
}

a.footerlink:active{
  color: black;
  text-decoration: none;
  font-weight: bold;
}

a.footerlink:hover{
  color: white;
  text-decoration: none;
  font-weight: bold;
}

a.linkList{
  /*TODO*/
}

/*
 * LIST
 */
 
ul li.linkList{
  list-style-type: none
}

ul li.categoryLevel1{
}

ul li.categoryLevel2{
}

/* 
 * PARAGRAPHS
 */
p{
  text-align: justify;
}

p.indented{
  text-align: justify;
  text-indent: 20px;
}

p.indentedTwice{
  text-align: justify;
  text-indent: 40px;
}



/* 
 * HEADERS
 */
span.quoteheader{
  font-weight: bold;
}

span.header1{
  font-size:   20px;
  font-weight: 800;
  text-align:  center;
  vertical-align: middle; 
}

span.header2{
  font-size:   16px;
  font-weight: 600;
  text-align:  center;
  vertical-align: middle; 
}

span.file{
  color: #666666;
  font-style: italic;
  font-variant: small-caps;
}

span.variable{
  color: #666666;
}

/*
 * DIVS AND POSITIONING 
 */
div#maindiv{
  /* Position */
	position: relative; 
	margin:   0 auto;

	/* Dimensions */
	width:  750px;
	
	/* Growing div*/
	overflow: visible; 

  /* Border */
	border: none;
}

div#mainlogo{
  /* Background */
  background-color:  #9999FF;
  background-image:  url( "http://www.kelticbanshee.info/images/blue/maintitle_sm.jpg" );
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  
  /* Position */
	position: absolute;
	left:  0px;
	right: 0px;
	top:   0px;
  z-index:  0;
	
	/* Dimensions */
	height: 175px;
	width:  229px;
	
  /* Border & padding */
	border:  1px solid black;
	padding: 0px 0px 0px 0px;
	
	/* Overflow (mainly for iE)*/
	overflow: hidden;
}

div#ads{
  /* Colours */
  background-color: #9999FF;
  
  /* Position */
	position: absolute;
	left:  230px;
	right:   0px;
	top:     0px;
  z-index:  0;

	/* Dimensions */
	height: 60px;/*134px;*/
	width:  520px;

  /* Border & padding */
	border:  1px solid black;
	padding: 37px 0px 37px 0px; /*change if add type is changed */

	/* Overflow (mainly for iE)*/
	overflow: hidden;
	
	/* Aligning */
	text-align:     center;
	vertical-align: middle;
}

div#quote{
  /* Colours */
  background-color: #9999FF;

  /* Alignment */
  text-align: center;
  vertical-align: middle; 
  
  /* Font */
  font-size: 9px;
  
  /* Position */
  position: absolute;
  left:  0px;
  top: 180px;
  z-index:  0; 

	/* Dimensions (change according to padding)*/
  width:  740px;
  height:  90px;

  /* Border & padding */
	border:  1px solid black;
	padding: 0px 5px 0px 5px;

}

div#mainmenu{
  /* Background */
  background-color:  #9999FF;
  
  /* Position */
	position: absolute;
	
	left:  230px;
	right:   0px;
	top:   135px;
  z-index:   0;

	/* Dimensions */
	height:  40px;
	width:  520px;

  /* Border & padding */
	border:  1px solid black;

	/* Overflow (mainly for iE)*/
	overflow: hidden;
}

div#content{
  /* Colours */
  background-color: #9999FF;
  text-align: justify;
  
  /* Position */
  position: absolute;
  left:  0px;
  top: 275px;
  z-index: 0;
  
	/* Dimensions */
  width: 730px;

  /* Border & padding */
	border:  1px solid black;
  padding: 10px 10px 10px 10px;  
}

div#innercontent{
  /* Colours */
  background-color: #9999FF;
  
	/* Dimensions */
  width: 730px;
}

div#footer{
  /* Colours */
  background-color: #9999FF;
  
  /* Position: no need to set it, then it just goes after everything before it ;-) */
  clear: both;
  
	/* Dimensions */
  width: 720px;

  /* Border & padding */
	border-top:  1px solid black;
  padding: 5px 5px 5px 5px;  

  /* Fonts */
	font-size: 10px;
	font-variant: small-caps;
  text-align: center;
  color: black;
}

div#adsfooter{
  /* Colours */
  /*background-color: #9999FF;*/
  
  /* Position: no need to set it, then it just goes after everything before it ;-) */
  clear: both;
  
	/* Dimensions */
  width: 720px;

  /* Border & padding */
	/* border:  1px solid black;*/
  padding: 5px 5px 5px 5px;  

  /* Fonts */
	font-size: 10px;
	font-variant: small-caps;
  text-align: center;
  color: black;
}

div.leftTextDiv{
  text-align: justify;
  
  float: left;
  
	/* Dimensions */
  width: 470px;

  /* Border & padding */
	border:  none;
  padding: 0px 0px 0px 0px;  
}

div.rightImageDiv{
  float: right;
  
	/* Dimensions */
  width: 250px;
  height: 185px;

  /* Border & padding */
	border:  none;
  padding: 10px 0px 10px 0px;  
}

div.rightCBDiv{
  float: right;
  
	/* Dimensions */
  width: 200px;
  height: 100px;

  /* Border & padding */
	border:  none;
  padding: 10px 0px 10px 0px;  
}

div.bottomDiv{
  float: left;
	/* Dimensions */
  width: 730px;

  /* Border & padding */
	border:  none;
  padding: 0px 0px 0px 0px;  
}

div.bottomDivTopBorder{
  clear: both;
	/* Dimensions */
  width: 720px;

  /* Border & padding */
	border-top:  1px solid #CCCCFF;
  padding: 5px 5px 5px 5px;  

  /* Fonts */
	font-size: 11px;
	font-variant: small-caps;
  text-align: center;
}

/* Dynamic divs within the menu */
div.mainMenuItem{
  /* position */
  position: absolute;
  
  /* Dimensions */
  width:   75px;
  height:  20px; 
  z-index:  5;

  /* Border & padding */
	border: none;
  padding: 10px 5px 10px 5px;  

  /* Fonts */
	font-size: 12px;
	font-variant: small-caps;
  text-align: center;
  color: white;
}

div.firstLevelMenuHolder{
  /* Colours */
  background-color: #9999FF;

  /* position */
  position: absolute;
  z-index:  10;
  
  /* Border & padding */
	border:  1px solid black;
  padding: 5px 
           5px 
           5px 
           5px;  
  
  /* Dimension */
  width: 100px;

  /* Fonts */
	font-size: 12px;
	font-variant: small-caps;
  text-align: center;
  color: white;
}

div.firstLevelMenuItem{
  /* position */
  position: absolute;
  
  /* Dimensions */
  width: 90px;
  height: 20px; 

  /* Border & padding */
	border: none;
  padding: 5px 
           5px 
           5px 
           5px;  

  /* Fonts */
	font-size: 12px;
	font-variant: small-caps;
  text-align: center;
  color: white;
}

div#selectHolder{
  width: 350px;
  margin: 0 auto;
}

div#mainHolder{
  width: 730px;
  margin: 0 auto;
}

div.centeredDiv{
  vertical-align: middle;
}

/* 
 * IMAGES 
 */
img{
  border: none;
}

validator{
  width:  88px;
  height: 31px;
  vertical-align: middle;
}

/* 
 * HORIZONTAL ALIGNMENTS
 */
.centered{
  text-align: center;
}

.leftAligned{
  text-align: left;
}

.rightAligned{
  text-align: right;
}

.justified{
  text-align: justify;
}

/*
 * TABLES
 */
 
table.mainWritingTable{
  width: 100%;
  border: 1px solid #CCCCFF;
  border-collapse: collapse;
  margin: 0 auto;
}

tr.mainWritingRow{
}

th.mainWritingHeading{
  border: 1px solid #CCCCFF;
  padding: 5px 5px 5px 5px;
  vertical-align: top;
  text-align: center;
  width: 100%;
}

td.mainWritingCell{
  padding: 5px 5px 5px 5px;
  vertical-align: top;
  text-align: center;
  width: 50%;
  border: none;
}

table.adminTable{
  border: none;
  border-collapse: collapse;
  margin: 0 auto;
}

table.mainAdminTable{
  width: 100%;
  border: none;
  border-collapse: collapse;
  margin: 0 auto;
}

tr.tableHeader{
  border-bottom: 2px solid black;
}

tr.tableFooter{
  border-top: 2px solid black;
}

td.cellWithBorder{
  text-align: center;
  vertical-align: top;
  padding: 2px 2px 2px 2px;
}

th.cellWithBottomBorder{
  text-align: center;
  padding: 2px 2px 2px 2px;
}

td.defaultCell{
  padding: 2px 2px 2px 2px;
  vertical-align: top;
  text-align: center;
}

tr.mainAdminRow{
}

td.mainAdminCell{
  padding: 2px 2px 2px 2px;
  vertical-align: top;
  text-align: center;
  width: 33%;
  border: none;
}

/*
 * FORMS
 */
textarea.smallTextInput,
input.smallTextInput{
  font-size: 10px;
}

input.smallButton{
  font-size: 10px;
  width: 50px;    
  height: 20px;
}

input.mediumButton{
  font-size: 10px;
  width: 90px;
  height: 20px;
}

input.longButton{
  font-size: 10px;
  width: 120px;
  height: 20px;
}

select.shortSelect{
  width: 60px;
  font-size: 10px;
}

select.mediumSelect{
  width: 100px;
  font-size: 10px;
}

select.longSelect{
  width: 270px;
  font-size: 10px;
}

option.smalloption{
  font-size: 10px;
}

label.aligned,select.aligned {
  /* Font size */
  font-size: 10px;
  
  /* Position */
	display:   block;
	width:     100px;
	float:     left;

	/* Margin */
	margin-bottom: 10px;
}

label.aligned {
  /* Position */
	text-align: right;
	width: 150px;
	
	/* Padding */
	padding-right: 20px;
}

br {
	clear: left;
}

/*
 * WEBLOG
 */
h2 {
	color: white;
	font-size: 180%;
	margin: 0;
}

h3 {
	color: white;
	font-size: 120%;
}

h4 {
	color: white;
	font-size: 110%;
}

table.invisible
{
	margin: 1ex;
	border-collapse: collapse
}

table.invisible td
{
	padding: 0ex 1ex;
}

td.right
{
	text-align: right;
}

div#pageFooter {
	clear: both;
	background-color:  #9999FF;
	width: 730px;
	margin: 0 auto;
	padding: 0 0 1ex 0;
	text-align: center;
}

p.baseline {
	border-top: 1px solid black;
	text-align: center;
	font-size: 74%;
	color: black;
	padding: 1ex;
	margin: 0;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid black;
}

div#wrapper {
	background: #9999FF; 
	width: 730px;
	margin: 0 auto;
	padding: 0;
}

div.pageHeader {
	padding: 1ex;
	margin: 0 1px 1ex 1px;
	border-bottom: 1px solid black;
	text-align: center;
	background: #9999FF;
}

h1#pageTitle {
	color: white;
	font-size: 270%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul#bloglist {
	background-color:  white;
	border: 1px solid #9999FF;
	margin: 0 1px;
	padding: 0;
	list-style-type:none;
	padding: .5ex 0;
}
ul#bloglist li {
	border-right: 1px solid #9999FF;
	display: inline;
	padding: .5ex 1em;
}

a.BlogButton,
a.BlogButtonCurr {
	font-weight: bold;
	text-decoration: none;
}

a.BlogButton {
	color: #9999FF;
}

a.BlogButton:hover {
	color: #666666;
}

a.BlogButtonCurr,
a.BlogButtonCurr:visited {
	color: #9999FF;
}

a.BlogButtonCurr:hover {
	color: #666666;
}


.pageSubTitle {
	color: white;
	letter-spacing: 4px;
	text-align: center;
	vertical-align: middle;
	border: 0px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	font: 109% Arial, Helvetica, sans-serif;
}

div.stats{
	float: right;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
}

/* Styles for main area (left) */
h2 {
	margin: 1ex;
	border-bottom: 1px solid black;
	padding-bottom: 5px;
}

/* Styles for posts */
.bPosts {
  float: left; 
	width: 480px;
	overflow: hidden;
	background: #9999FF;
}

.bPost, .bPostpublished {
	clear: both;
	margin: 0 2.5ex;
	padding: 0;
	border-bottom: 1px solid black;
	/* border: 1px solid #78a; */
}

.bSmallHead {
	font-size: 80%;
	color: #333333;
	margin: 2ex 0 1ex 0;
}

.bTitle {
	color: white;
	margin: 1ex 0;
}

.bText {
	margin-top: 0px;
	margin-bottom: 0px;
}

.bSmallPrint
{
	clear: both;
	color: #333333;
	font-size: 80%;
	margin: 1ex 0 2ex 0;
}

input.bComment, 
textarea.bComment
{
	background-color: white;
	border: 1px solid black;
	width: 97%;
	padding: 2px;
	margin: 0ex;
}

select.bComment		/* Used by the profile form */
{
	background-color: white;
	border: 1px solid black;
	padding: 1px;
	margin: 0ex;
}

fieldset.withBorder{
  border: 1px solid black;
}

fieldset{
  border: none;
}

.label{
  /*width: 40%*/
}

.info{
  width: 97%;
	color: #333333;
	background-color: white;
	padding: 2px;
	border: 1px solid black;
}

legend{
	background-color: white;
	color: #9999FF;
	border: 1px solid black;
	padding: 2px;
	font-weight: bold;
	font-variant: small-caps;
}

/* Styles for stats */
div.statbloc
{
	float: left;
	width: 42%;
	margin: 0 0 2ex 1.5ex; 
	border: 1px solid black;
}
div.statbloc h3
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: white;
	text-align: center;
	background: #9999FF;
	padding: 1ex;
}

input.submit,
input.reset {
	color: #333333;
	background-color: white;
	border: 1px solid black;
	font-weight: bold;
	padding: 1px;
}

input.submit:hover {
	color: #9999FF;
	text-decoration: underline;
}

/* Styles for sidebar (right) */
.bSideBar {
	width: 249px;	
	float: right;
	overflow: hidden;
	background: #9999FF; 
	padding-bottom: 10px;
}
.bSideItem {
	margin:  2ex;
	padding: 0 0 2ex 0;
	border-bottom: 1px solid black;
}
.bSideItem ul {
	margin-left:   8px;
	padding-left:  8px;
	margin-top:    8px;
	margin-bottom: 8px;
	list-style-type:square;
}
.bSideItem ul ul{
	margin-left:   8px;
	padding-left:  8px;
	margin-top:    0px;
	margin-bottom: 0px;
}
.bSideItem form {
	margin-top:    0px;
	margin-bottom: 0px;
}
.dimmed
{
	color:     #333333;
	font-size: 84%;
}
input.SearchField
{
	border: 1px solid black;
	padding: .5ex;
	width: 96%;
	margin: 0ex;
}

/* Calendar: */
table.bCalendarTable {
	border:  1px solid black;
	border-collapse: separate; 
	text-align: center;
	margin: 0 auto;
}

caption.bCalendarCaption {
	border: 1px solid black;
	background-color: white;
	border-bottom: 0;
	margin: 0 auto;
}

caption.bCalendarCaption a {
	text-decoration: none;
	background-color: white;
	color: #333333;
}

caption.bCalendarCaption a:hover {
	background-color: white;
	color: #9999FF;
}

table.bCalendarTable tfoot td {
	background-color: white;
	border-top: 1px solid black;
}

table.bCalendarTable tfoot a {
	text-decoration: none;
	background-color: white;
	color: #333333;
}

table.bCalendarTable tfoot a:hover {
	background-color: white;
	color: #9999FF;
}

th.bCalendarHeaderCell {
	color: #333333;
}

#bCalendarToday {
	background-color: white;
	color: #333333;
	font-weight: bold;
}

#bCalendarToday a {
	background-color: white;
	color: #333333;
}

#bCalendarToday a:hover {
	background-color: white;
	color: #9999FF;
}

/*
 * WEBCAM
 */
form.camForm{
	font-size: 10px;
}

table.webcam{
	font-size: 10px;
	margin: 0 auto;
  background-color: #9999FF;
  Color: white;
  border: 0px;
  border-spacing: 1px;
  padding: 4px;
  width: 660px;
}

td.webcamWide{
	text-align: center;
  vertical-align:  top;
  background-color: #9999FF;
  width: 80%;
}

td.webcamNarrow{
	text-align: right;
  vertical-align:  top;
  background-color: #9999FF;
  width: 20%;
}
td.webcam_bottom{
	text-align: center;
  vertical-align: middle;
  background-color: #9999FF;
  width: 660px;
  height: 60px;
}

.smallInput{
	font-size: 10px;
}