body { margin: 0; padding: 0; background: #262626; color: white }

* {margin: 0; padding: 0; border: 0px none; font-family: "Trebuchet MS", Arial, sans-serif }

h1, h2, h3, span#copyright, span#design { margin: 0 10px; color: #fff; font-weight: normal; text-decoration: none; background: transparent }

p {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.4em;
	font-size: 0.8em;
	}

/*p { font-size: 0.8em; line-height: 1.4em; text-align: justify }*/
h1 { font-size: 1.3em; line-height: 1.4em; letter-spacing: 0.25em }	/* site heading */
h2 { font-size: 1.0em; line-height: 1.4em; color: #FFA000 }	/* site heading */
h3 { font-size: 0.8em; line-height: 1.4em; color: #FFA000  }				/* sub headings */
h4 { font-size: 0.7em; line-height: 1.4em; color: #FFA000  }
span#copyright { font-size: 13px; line-height: 35px }  /* sets the copyright styles */
span#design {  float: right; font-size: 13px; line-height: 35px }  /* floats the design link into position */
span.validation {  float: right; margin-right: 10px; } /* floats the validation buttons */
.validation img {  margin: 0; } /* floats the validation buttons */

div { padding: 10px 0;}

#hdrimg a {color: #FFFFFF; text-decoration: none; font-weight: normal;}
#hdrimg a strong {color: #fff; text-decoration: none; font-weight: normal;}
#hdrimg a:hover {color: #fff; text-decoration: none; font-weight: normal;}
#hdrimg a:hover strong {color: #06FF00; text-decoration: none; font-weight: normal;}

/*-------------Layout----------------*/

#hdrimg {			/* Large image */
	float: left; 			
	width: 100%;
	margin-bottom: 5px;
/* background: #810541; */
	background: url('http://mistakengoal.com/blog/wp-content/themes/fluidity3c-10/images/hdr.gif') repeat-x;
	height: 170px;  	/* ie5x hack begins here */     
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 150px;
}
html>body #hdrimg {
	height: 150px;        /* ie5x hack ends here */
}




/**
* Main menu bar for top level items
*/
#nav {
 padding: 0;
 height: 1.1em;
}

#nav ul {
 padding: .5em 0 0 0;
 margin: 0;
 list-style: none;
}

#nav a {
	display: block;
}

/**
* Container for the drop downs
*/
#nav li {
 list-style: none;
/* display: inline; */
 padding: 0;
 float: left;
 margin: 0;
 position: relative;
 height: 1.3em;
// z-index: 20; 
}

/**
* Top level menu items
*/
#nav li a {
 text-decoration: none;
 color: white;
 padding: 0 2em 0 0.1em;
 margin: 0;
 border	:	0;
}

/**
* Top level menu items
*/
#nav li a:hover {
	background-color: #FFA200;
	color		:	white;
}

/* SuckerFish CSS drop down style */

/**
* Sub-menu items
*/
#nav li ul {
 position: absolute;
 margin: 0;
 left: -999em;
 width: 12em;
 height: 1.3em;
}

#nav li ul a {
 text-decoration: none;
 font-weight: normal;
 width: 12em;
 display: block;
 padding: 0 0 0 1em;
 margin: 0;
 background-color: #262626;
 height: 1.3em;
}

#nav li:hover ul, #nav li.over ul {
 display: block;
 top: 1em;
}

#nav li.sfhover ul {
 display: block;
 top: 1em;
}

#pageContents {
  clear: left;
	width: 99%;
	height: 90%;
	overflow: auto;
	position: absolute; bottom: 0;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index: 999;
}

#menu_iframe {
    z-index: 10;
    position: absolute;
    display: none;
}
/* End Suckerfish Style */


/* normal links and paging links */
A.link:visited, A.link:link, A.link:active, A.page:visited, A.page:link, A.page.active {
	text-decoration	:	none;
}
A.link:hover, A.page:hover {
	text-decoration	:	underline;
	border		:	none;
}
/* resource links for resource URLs */
A.rLink:visited, A.rLink:link, A.rLink:active {
	text-decoration	:	underline;
	color		:	white;
	background	:	transparent;
}
A.rLink:hover {
	text-decoration	:	underline;
	background	:	transparent;
	color		:	white;
	border		:	none;
}
/* image links */
A.imgLink:visited, A.imgLink:link, A.imgLink:active {
	text-decoration	:	none;
	background	:	transparent;
}
A.imgLink:hover {
	text-decoration	:	none;
	background	:	transparent;
}
/* hyperlinking for browsing creators, collections, publishers, categories and keywords.   Colour and size are defined in-line so should not appear here */
A.browseLink:visited, A.browseLink:link, A.browseLink:active{
	text-decoration	:	none;
	background	:	transparent;
}
A.browseLink:hover{
	text-decoration	:	underline;
}
/* The enclosing paragraph for the browsing above. */
.browseParagraph{
	background	:	white;
	color	:	black;
}
/*****
*  .titleTable:  the table containing the title bar
*****/
.titleTable {
	width		:	96%;
}
/*****
*  .menuTable:  the table containing the drop-down menus
*****/
.menuTable {
	margin		:	2em 0 0 2%;
	width		:	96%;
	padding		:	0;
	clear		:	both;
}
/*****
*  .mainTable:  the table containing the main content of WIKINDX
*****/
.mainTable {
	width		:	96%;
	padding		:	0.2em;
	margin : 0 0 0 2%;
	clear		:	both;
}
/*****
*  .pluginTopTable:  the table containing any plug-in output that is printed above the mainTable of WIKINDX
*****/
.pluginTopTable {
	border		:	3px groove;
	width		:	96%;
	padding		:	0.2em;
	margin : 0 0 0 2%;
	clear		:	both;
}
/*****
*  .pluginBottomTable:  the table containing any plug-in output that is printed below the mainTable of WIKINDX
*****/
.pluginBottomTable {
	border		:	3px groove;
	width		:	96%;
	padding		:	0.2em;
	margin : 0 0 0 2%;
	clear		:	both;
}
/*****
*  .styleTable:  the table containing administration of bibliographic styles
*****/
.styleTable {
	border		:	1px groove;
	width		:	100%;
	padding		:	0.2em;
	clear		:	both;
}
/*****
*  .footerFooter:  footer information at end of script - part of a table
*****/
.footerTable  {
        font-size	:	0.8em;
	color		:	white;
//	width		:	96%;
}
/*****
*  redefine HTML headings - see /core/html/MISC.php
*****/
//h1, h2, h3, h4	{
//	margin		:	0 0 1em 0;
//}
/*****
* .error: <p>error messages</p>
*****/
.error {
	background	:	red;
	color		:	black;
}
/*****
* .success: <p>success messages</p>
*****/
.success {
	background	:	#33ff00;
	color		:	black;
}
/*****
*	.small: small text
*****/
.small, .hint {
	font-size	:	0.8em;
}
/*****
*	.hint: text hints given to provide further information usually on form input.  Often used in conjunction
*		with .small and usually the class of <span>....</span>
*****/
.hint	{
	color		:	#888888;
}
/*****
*	alternate background colours and font sizes for <td>resources</td> in a bibliographic list
*****/
.alternate1 {
	background	:	#444444;
/*	background	:	#f8efdf; */
	font-size	:	0.9em;
}
.alternate2 {
/*	background	:	#ede5d8; */
	font-size	:	0.9em;
}
/*****
*	when searching/selecting metadata, the resource details are displayed above the metadata in a table cell with these properties
*****/
.metaResourceDetails {
	background	:	#f0f0f0;
	font-size	:	0.9em;
	font-weight	:	100;
	padding		: 	0 0 0 5em;
	border-top-width	:	3px;
	border-top-color	:	black;
	border-top-style	:	solid;
}
/*****
*	.highlight:	highlight <span>search terms</span> in text
*****/
.highlight {
	background	:	yellow;
}
/*****
*	.required:	highlighting for <span>required</span> form input elements.
*****/
.required {
	color		:	red;
}
/*****
*	.linkCite:	style for the Cite link. Often used in conjuction with .link, and can be used to override those styles
*		This style is dynamically assigned to appropriate links on page load if the user agent supports JavaScript.
*****/
.linkCite {
 display:inline; /* used to show to JavaScript supporting user agents */
}
/*****
*	.linkCiteHidden:	style for the Cite link. Often used in conjuction with .link, and can be used to override those styles
*		This is the default style applied to Cite links.
*****/
.linkCiteHidden {
display:none; /* used to hide from non-JavaScript user agents */
}

/**
* Javascript Format Bar for the SUWP (Single-User Word Processor)
*/
.imageButton {
	background-color: #c8c8fa;
	border: outset 2px #c0c0c0;
	width: 24px;
	height: 24px;
	padding: 0;
/*	margin: 1px;	*/
	text-align: center;
	vertical-align: middle;
}

.formatSelect {
  height: 24px;
  width: 56px;
  font-size: 9px;
  font-weight: bold;
  background: #c8c8fa;
  color : black;
}

.formatSelectOptgroup {
  height: 24px;
  width: 56px;
  font-size: 9px;
  font-weight: bold;
  background: #c8c8fa;
  color : black;
}

#formatBar {
  border-width: 3px;
  border-style: ridge;
  background: url("images/formatBarBackground.png");
}

#formatBarDiv {
  position: absolute; top: 0px; left: 2.7%;
  width: 94%;
	height: 1%;
}

#pageContents {
	width: 99%;
	height: 89%;
	overflow: auto;
	position: absolute; 
	bottom: 0;
  clear: left;	
}

/* End Javascript Format Bar */

/* iFrame for the WYSIWYG word processor 
Not all settings are handled by IE 
Height and width of suwpOuter are set in the code
*/
.suwpOuter {
	padding : 2px;
	background : gray;
	border 	: 0; /* curses on Bill Gates */
	margin : 1%;
}
.suwpInner {
	padding : 0px;
	background : #FAFAFF;
	border 	: 0; /* curses on Bill Gates */
	width : 98%;
	margin : 1%;
	color : black;
}

/* 

Theme Name: Fluidity3c
Theme URI: http://www.kaushalsheth.com/
Description: Fluidity Theme with 3 Columns
Version: 1.0
Author: Kaushal Sheth
Author URI: http://www.kaushalsheth.com
*/
/* Credits*/
/* A fluid template for business or fun */
/* Original Design By Dave Reeder, www.davereederdesign.com */
/* Hint of fMulti theme by http://www.fahlstad.se */

/*------------Basic styles------------*/



/*-------------Layout----------------*/

.rowcontainer {						/* Used to keep the divs in a row.  you can use this for any size of divs */
	float: left;
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
	background: #333;
}

#bttmbar {
/* background: #810541; */
	float: left;
	width: 100%;
	height: 35px;
	background: url('http://mistakengoal.com/blog/wp-content/themes/fluidity3c-10/images/hdr.gif') repeat-x;

}

/*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/ 

.fullcolumn { float: left; width: 99%;}		/* Full width column for a one column site */
			
.halfcolumn { float: left; width: 49%;}		/* Half width column for a two column site. */

.onethirdcolumn { float: left; width: 33%; }		/* One third width column for a three column site */

.quartercolumn { float: left; width: 24.5% }		/* One quarter width column for a four column site */

.threequartercolumn { float: left; width: 74.5% }

.twocolumn { float: left; width: 20% }
.sixcolumn { float: left; width: 59% }

/*------------------------------Main Navigation------------------------------------------*/

#mainnav { position: absolute; top: 145px; left: 0px; height: 25px; width: 100%; background-color: transparent; }

ul#mainnav  { margin: 0 }

#mainnav li  /* Main nav list items */
{
	font-size: 13px;
	float: left;
	list-style: none;
	text-align: center
}

#mainnav li a {   /* Main nav styles for all links */
	display: block; /* Although display:block suggests a vertical list the float:left property under #nav li causes the menu to float inline */
	margin-left: 5px; /* adds a gap between the tabs */
	width: 90px; 	/* width of the tab */
	line-height: 25px; /* height of the tab */
	text-decoration: none;
}
	 
#mainnav a:link, #mainnav a:visited  { background: url('http://mistakengoal.com/blog/wp-content/themes/fluidity3c-10/images/tab.gif') no-repeat 0 -25px }

#mainnav a:hover, #mainnav a:active { background: url('http://mistakengoal.com/blog/wp-content/themes/fluidity3c-10/images/tab.gif') no-repeat 0 0 }

#mainnav a#current { background: url('http://mistakengoal.com/blog/wp-content/themes/fluidity3c-10/images/tab.gif') no-repeat 0 0 }


/*-----------------------------------Other tags-----------------------------------------*/

acronym { border-bottom: 1px dashed #999; cursor: help }

blockquote { border-top: 2px solid #FFA000; border-bottom: 2px solid #FFA000; margin-left: 1.5em; padding-left: 5px; background-color: #333333}

hr { margin: 10px 0px; height: 1px; background: #444; color: #444 }  /* rule styling */

img {margin: 0 10px} /* all images styling */
img.right {float: right}  /* right floating images */
img.left {float: left}   /* left floating images */

/*-------------------------------------------------------------------------------*/

/* Modification done to basic theme */
/* Added */

#searchdiv {
	margin-bottom: 10px;
		margin-left: 5px;
}

h4, h5, h6 {
  font-family: "Georgia", "Times New Roman", Times, serif;
  font-weight: normal;
}

a, a:visited {
    font-weight: bold;
    color: #fff;
    text-decoration: none; 
}
    
 a:hover {
    text-decoration: underline; 
}

h3 a {
    text-decoration: none;
    border: 0px none;
    color: #FFA200; 
}
    
h3 a:hover {
    text-decoration: none;
    border: 0px none;
    text-shadow: none;
    color: #333;
}

.nonblogtext {
	color: #FFFFFF;
	margin: 1em;
}

.nonblogtext a {
	color: #FFFFFF;
	text-decoration: underline;
}

.headerquote {
	margin: 0 10px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	background: transparent;
	padding: 0;
	line-height: 1.4em;
	font-size: 1em;
}