/*Theme Name: Starkers
Theme URI: http://www.morganmemorabiliamuseum.com
Description: Theme for MMM
Version: 1.0
Author: Nathaniel & Collin Sidler of Redmond Printshop
Author URI: http://www.redmondprintshop.com
*/


/*  
   RESET
*/


*              { margin: 0; padding: 0; }
html           { overflow-y: scroll; }
html, body     { height: 100%; }
body           { font-size: 62.5%; font-family: Garamond, 'Hoefler Text', 'Times New Roman', Times, serif; color: #ffffff; 
                 background: url(/images/morganbg8.jpg) top center; }
ul             { list-style: square inside; }
ol             { list-style: decimal inside; }
a              { outline: none; text-decoration: none; }
a img          { border: none; }
img            { vertical-align: middle; }
table          { border-collapse: collapse; }
.italic        { font-style: italic; }
.italicb       {
	font-style: italic; font-size: 15px;
}
.uline         { text-decoration: underline; }
.bline         { text-decoration: underline; font-weight: bold; }
.bold          { font-weight: bold; }
.bold2         { font-weight: bold; }
.btitle        { font-size: 18.87px; font-variant: small-caps; font-weight: bold; }
.author       { font-size: 15.5px; font-style: italic; }
.bauthor       { font-size: 15.5px; font-style: italic; }

.bpubl         { font-size: 13.5px; }
p              {
	font-size: 16px;
}
#btitle      {
	font-size: 18.87px; font-variant: small-caps; font-weight: bold; 
}
#author    {
	font-size: 15px; font-style: italic;
}
#bpubl {
	font-size: 13px;
}
.tiny  {
	font-size: 13.5px;
}
.tline {
	font-size: 13.5px; text-decoration: underline; 
}

.ctf {
 font-family: Arial, Myriad, sans-serif; font-size: 11px; font-weight: bold;	}

#ctf {
 font-family: Arial, Myriad, sans-serif; font-size: 11px; font-weight: bold;	}


a.stan:link {color:#ffffff; font-variant: small-caps; }     /* unvisited link */

a.stan:visited {color:#ffffff; font-variant: small-caps; }  /* visited link */

a.stan:hover {color:#006600; font-variant: small-caps; }   /* mouse over link */

a.stan:active {color:#ffffff; font-variant: small-caps; }   /* selected link */


a.reg:link {color:#006600; }     /* unvisited link */

a.reg:visited {color:#006600; }  /* visited link */

a.reg:hover {color:#ffffff; }   /* mouse over link */

a.reg:active {color:#006600; }   /* selected link */


a.red:link {color:#303030; font-size: 11px; font-family: 'Arial', sans-serif; }     /* unvisited link */

a.red:visited {color:#303030; font-size: 11px; font-family: 'Arial', sans-serif; }  /* visited link */

a.red:hover {color:#006600; font-size: 11px; font-family: 'Arial', sans-serif; }   /* mouse over link */

a.red:active {color:#303030; font-size: 11px; font-family: 'Arial', sans-serif; }   /* selected link */


a.col:link {color:#ffffff; font-size: 20px; font-weight: bold; }     /* unvisited link */

a.col:visited {color:#ffffff; font-size: 20px; font-weight: bold; }  /* visited link */

a.col:hover {color:#006600; font-size: 20px; font-weight: bold; }   /* mouse over link */

a.col:active {color:#ffffff; font-size: 20px; font-weight: bold; }   /* selected link */

a.btt:link {color:#006600; font-size: 14px; }     /* unvisited link */

a.btt:visited {color:#006600; font-size: 14px; }  /* visited link */

a.btt:hover {color:#ffffff; font-size: 14px; }   /* mouse over link */

a.btt:active {color:#006600; font-size: 14px; }   /* selected link */

/*    
   UTILITY
*/


.floatLeft     { float: left; }
.floatRight    { float: right; }
.clear         { clear: both; }
.button        { border: 1px solid #272727; background: white; padding: 3px 8px;                 
                 -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; }
.button:hover  { background: #990000; color: white; }


/*     
   STRUCTURE
*/


#page-wrap     { width: 820px; margin: 0px auto; min-height: 100%; height: auto !important; height: 100%; }
#push          { height: 25px; }
#content-wrap  { width: 820px; position: absolute; margin: 40px 0px 0px 0px ; height: 500px; overflow: scroll; }
#collections   { width: 865px; height: 567px; background: url(/images/collectionsbg2.png) top center; margin: 0px; float: left; }
h2             { font-weight: bold; font-size: 20px; font-family: Garamond, 'Hoefler Text', 'Times New Roman', Times, serif; color: #ffffff; padding: 12px 0px 0px 0px; }
#collpage      { height: 474px; width: 614px; position: absolute; top: 60px; left: 234px; text-align: left; overflow: auto; font-family: Garamond, 'Hoefler Text', 'Times New Roman', Times, serif; font-size: 16px; line-height: 24px; }
#collections-nav  { width: 150px; margin: 25px 0px 0px 36px; position: absolute; list-style-type: none; padding-left: 0px; }
#collections2-nav { width: 150px; margin: 25px 0px 0px 36px; position: absolute; list-style-type: none; padding-left: 0px; }
li.coll { background: url(/images/arrow.png) left center no-repeat; padding-left: 20px; padding-right: 5px; }
li.coll2 { background: url(/images/noarrow.png) left center no-repeat; padding-left: 20px; padding-right: 5px; }
table tr {vertical-align: top;}
#frontpage {
	height: 540px; width: 837px; position: absolute: padding: 40px 0px 0px 0px; z-index: 10; background: url(/images/morganfrontpage.png);
}



/*   
   HEADER
*/   


h1#logo		{ width: 310px; height: 26px; background: url(/images/morganlogo1.png) top left no-repeat; text-indent: -9999px; margin: 2px 14px 18px 10px; float: left; position: absolute; }
#main-pic		{ float: left; margin-right: 0px; }
#bg-bar		{ padding: 14px 0px 22px 0px; }
#top-bar p		{ color: #f4dfb8; width: 300px; float: right; }
form#searchform		{ margin: 0px 0px 0px 0px; float: right; }
#spacer       { width: 820px; height: 20px; }


/*
   FOOTER
*/


#footer  { width: 820px; height: 20px; margin: 0 auto; position: absolute; top: 605px; color: #303030; }
#footerinside  { width: 820px; height: 20px; padding: 4px 0px 0px 0px ; color: #303030; }
#footercopy    { width: 400px; float: left; text-align: left; font-size: 11px; font-family: 'Arial', sans-serif; color: #303030; }
#footerlink    { width: 400px; float: right; text-align: right; color: #303030; }


/*	
   MENU
*/


#menu-bar		{ padding-top: 11px; padding-bottom: 20px; float: right; }
ul#main-nav		{ width: 420px; float: right; text-align: right; margin: 10px 0px 0px 0px; }
ul#extra-nav		{ width: 360px; float: right; text-align: right; margin: 10px 0px 0px 0px; }
ul#main-nav	li, ul#extra-nav li	{ display: inline; }
ul#main-nav li a, ul#extra-nav li a	{ text-transform: uppercase; color: white; font-size: 1.2em; padding: 0px 8px;								 }

ul#main-nav li a:hover,ul#extra-nav li a:hover,body#portfolio ul#extra-nav li.portfolio a,body#default ul#main-nav li.home a,body#about ul#main-nav li.about a,body#contact ul#main-nav li.contact a,body#resume ul#extra-nav li.resume a{ color: #006600; }

/*
   TABLENESS
*/








/* 
   TYPOGRAPHY 
*/


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

/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
h1, h2, h3, h5, h5, h6 { font-weight:bold } 



/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t

Baskerville, 'Times New Roman', Times, serif - p
Baskerville, 'Times, Times New Roman', serif - t

Cambria, Georgia, Times, 'Times New Roman', serif - p, t
'Century Gothic', 'Apple Gothic', sans-serif - p, t

Consolas, 'Lucida Console', Monaco, monospace - p, t

'Copperplate Light', 'Copperplate Gothic Light', serif - p, t

'Courier New', Courier, monospace - p, t

'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif - p, t

Futura, 'Century Gothic', 'Apple Gothic', sans-serif - p, t

Garamond, 'Hoefler Text', 'Times New Roman', Times, serif - p
Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif - t

Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif - p
Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - t

Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif - p
Georgia, Times, 'Times New Roman', serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

'Helvetica Neue', Arial, Helvetica, sans-serif - p
Helvetica, 'Helvetica Neue', Arial, sans-serif - t

Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif - p, t

'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - p, t

Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif - p
Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, 'Times New Roman', Georgia, serif - p, t

Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/


/* 
   LAYOUT 
*/


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

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */