/* This contains the basic style and layout elements */

/* The normal body, with blue background 	*/
/* Also sets text defaults					*/
body	{
	text-align: center;
	margin: 0 auto;
	right:0;
	left:0;
	padding: 0;
	border: 0;	
	/* background: #193B67 url(http://www.the-athenaeum.org/shared/images/bg/body2.gif) top center fixed repeat-y; */
	background:#eaece7;
	color: #151515;
	/*font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; */
	font-size:0.9em;
	line-height:1.4em;
	font-family: 'Oxygen','Lucida Grande','Trebuchet MS','Bitstream Vera Sans', Verdana, Helvetica, sans-serif;
	}
	
	
/* Have a different background when editing */
body.edit	{
	background: #eaece7 url(http://www.the-athenaeum.org/shared/images/bg/escheresque_ste.png) repeat;
	}	
	
/* Have a different background when editing */
body.edit_w_1024 {
	background: #eaece7 url(http://www.the-athenaeum.org/shared/images/bg/escheresque_ste.png) repeat;
	}
	
/* Background for 1024 wide pages */
body.w_1024	{
	/*background: #193B67 url(http://www.the-athenaeum.org/shared/images/bg/body_blue_1024.gif) top center fixed repeat-y;*/
	background:#eaece7 url(http://www.the-athenaeum.org/shared/images/bg/debut_dark.png) repeat;
	margin:auto;
	}		
	
/* Used as the width and background color setting for pages with NO right-hand sidebar */
div#wrapper_no_sb {
	color:		#334166;
	background: #ffffff;
	width: 		742px;
	margin: 	0 auto;
	padding:	0;
	text-align: left;
	}

/* Used as the width and background color setting for 1024 width pages with NO right-hand sidebar */
div#wrapper_no_sb_1024 {
	color: 		#334166;
	background: #ffffff;
	width: 		966px;
	margin: 	0 auto;
	padding: 	0;
	text-align: left;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
	}

/* Used as the width and background color setting for pages with NO right-hand sidebar */
/* This goes *inside* the body tag */
div#wrapper_no_sb_960 {
	color:		#334166;
	background: #ffffff;
	width: 		960px;
	margin: 	0 auto;
	padding:	0;
	text-align: left;
	}

/* Header sylin' */
#header {
	width: 700px;
	height: 90px;
	margin: 0px auto 20px auto;
	text-indent: -9999px;	
}

/* Box around title and subtitle to give them extra left margin on certian pages */
#hdrbox {
	padding-left:15px;
	background-color:#FAFAFA;
}

/* We use these styles to trick the browser into using a picture link with the pic done thru CSS */
h1	{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
h1 a:link, h1 a:visited	{
	display: block;	
	width: 700px;
	height: 90px;
	background: #cc9 url(/shared/images/banners/nike_banner_700by90.jpg) top left no-repeat;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
	}


/* These properties allow us to set the background image of a header with CSS, use a text-based link, 	*/
/* and have the text of the link be invisible to the viewer, but clickable anywhere on the image 		*/
#header a:link, #header a:visited	{
	background: url(/shared/images/banners/nike_banner_700by90.jpg) top left no-repeat;
	display: block;	
	width: 700px;
	height: 90px;
	margin: 0px;
	padding: 0;
	border: 0;
	}

#header966 a:link, #header966 a:visited	{
	background: url(/shared/images/banners/header966.png) top center no-repeat;
	display: block;	
	width: 966px;
	height: 147px;
	margin: 0px;
	padding: 0;
	border: 0;
	}


/* The parent div that holds the thumbnail and main text */
#imgTextHolder {
	width: 100%;
	paddng:0px;
	margin:0px;
	margin-top:10px;
}

#main {
	 position:relative;
	 text-align:left;
	 border:1px solid #666666;
	 background-color: #ffffff;
	 width:80%;
	 margin:auto;
	 }
	 
/* Use this as the left-hand content area in a page with the sidebar */	 
div#main_sb	{
	float: left;
	width: 440px;
	padding: 0;
	border: 0;
	margin: 0;
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 6px;
	}
	 
/* Used for main titles on pages. ID, so only one per page */	 
#title {
	position:relative;
	padding:5px;
	padding-top:15px;
	padding-left:0px;
	font-family: Georgia,'Playfair Display',Verdana,Helvetica,Arial,serif;
    font-weight: normal;
    font-size: 1.8em;
    line-height: 1.25em;
}

.fat_number {
	position:relative;
	padding:2px;
	font-size:16px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	color:#000;
}

span.numhilight {
	display:inline-block;
    width:26px;
    background-image: url(/shared/images/icons/blue_circle.png);
    height:26px;
	text-align:center;
	line-height:26px;
}

span.numhilight a, span.numhilight a:link, span.numhilight a:visited{
	color:#FFF;
}


.list_title {
	font-size:1.125em;
	line-height:1.5;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	padding:0px;
	margin:0px;
}

#content .list_title {
	font-size:1.125em;
	line-height:1.5;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	padding:0px;
	margin:0px;
}

.subtitle {
	position:relative;
	padding:5px;
	padding-top: 0px;
	padding-left: 0px;
	margin-top: -5px;
	color:#777777; 
	font-size:15px;
	font-weight: bold;	/* Just a little thicker than normal */
}

.subtitle_10px {
	position:relative;
	padding:5px;
	padding-top: 0;
	color:#777777; 
	font-size:10px;
}

.subtitle_10px a:link, a:visited {
	text-decoration : none;
	color: #777777;
	background: transparent; 
	}

.subtitle a:link, a:visited {
	text-decoration : none;
	color: #777777;
	background: transparent; 
	}

.sectionTitle {
	border-bottom: 1px solid #A1A1A1;
	font-family: 'Open Sans',Verdana,Helvetica,Arial,sans-serif;
	background: #FFF;
    font-weight: bold;
    font-size: 18px;
	font-style:normal;
	line-height: 23px;
	color:#424242;
    margin-bottom: 0px;
    padding: 20px 10px 2px 0px;
    position: relative;
}


#linkbar {
	position:relative;
	border-style:solid;
	border-color:#BBBEC4;
	border-width:1px 0px;
	padding:2px 5px 2px 10px;
	background-color: #DDD;
	font-size:12px;
}

#linkbar a:hover {
	border-bottom: 1px dotted #333333;
	}

#links {
	 position:relative;
	 display:inline;
	 }
	 
#user_details {
	padding:5px;
	padding-left:15px;
	background-color:#B9D1ED;
}	 
	
#topcontent {
	position:relative;	
}	
	 
.iconAdd {
	background-image: url(/shared/images/icons/add.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px; /* Or size of icon + spacing */
}	 

.iconRemove {
	background-image: url(/shared/images/icons/subtract.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px; /* Or size of icon + spacing */
}	

.iconPD {
	background-image: url(/shared/images/icons/pd_trans_14.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px; /* Or size of icon + spacing */
	min-height:20px;
}

.iconCP {
	background-image: url(/shared/images/icons/cp_trans_14.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px; /* Or size of icon + spacing */
	min-height:20px;
} 
	 
/* List menu */
#list_box {
	background-image:url('/shared/images/icons/list_dkgrey_17.png');
	background-repeat:no-repeat;
	background-position:center;
	background-color: #CCCCCC;
    height: 26px;
    margin-right: -12px;
    width: 32px;
}
#list_box:hover { background-color:#336699; background-image:url('/shared/images/icons/list_white_17.png'); }

#list_menu {
	position:absolute;
	margin-top: 1px;
	margin-left:-276px;
	padding: 4px;
	vertical-align:middle;
	width:300px;
	z-index:100;
	background-color:#F2F2F2;
}	 
	 
/* For messages on the artwork pages */
.msg {
	background: #fff6ac;
	padding: 6px;
	border-top: 5px solid #d8d196;
	border-bottom: 5px solid #d8d196;	
}
	 
	 
	 
/* Default link styles */
a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #193B67;
	/* background: transparent; */
	}

a:hover {
	border-bottom: 1px dotted #333333;
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #785;
	background: transparent;  
	}

/* Table cells should vertically align to the top by default */
td {
	 vertical-align: top;
}	
	
/* Small badges for counts of things */
.badge {
  display: block;
  position: absolute;
  top: -8px;
  right: 6px;
  line-height: 16px;
  height: 16px;
  padding: 0 5px;
  font-family: Arial, sans-serif;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  border: 1px solid;
  border-radius: 10px;
  border-color: #30aae9;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
  background: #67c1ef;
  background-image: -webkit-linear-gradient(top, #acddf6, #67c1ef);
  background-image: -moz-linear-gradient(top, #acddf6, #67c1ef);
  background-image: -o-linear-gradient(top, #acddf6, #67c1ef);
  background-image: linear-gradient(to bottom, #acddf6, #67c1ef);
}
.badge.green {
  background: #77cc51;
  border-color: #59ad33;
  background-image: -webkit-linear-gradient(top, #a5dd8c, #77cc51);
  background-image: -moz-linear-gradient(top, #a5dd8c, #77cc51);
  background-image: -o-linear-gradient(top, #a5dd8c, #77cc51);
  background-image: linear-gradient(to bottom, #a5dd8c, #77cc51);
}
.badge.yellow {
  background: #faba3e;
  border-color: #f4a306;
  background-image: -webkit-linear-gradient(top, #fcd589, #faba3e);
  background-image: -moz-linear-gradient(top, #fcd589, #faba3e);
  background-image: -o-linear-gradient(top, #fcd589, #faba3e);
  background-image: linear-gradient(to bottom, #fcd589, #faba3e);
}
.badge.red {
  background: #fa623f;
  border-color: #fa5a35;
  background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f);
  background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f);
  background-image: -o-linear-gradient(top, #fc9f8a, #fa623f);
  background-image: linear-gradient(to bottom, #fc9f8a, #fa623f);
}
	

/* For compatibility.  We need to re-class these links */
a.smLinkGray:active, a.smLinkGray:link, a.smLinkGray:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #eee;
	background: transparent; 	
}

a.smLinkGray:hover {
	border-bottom: 1px dotted #eee;
	}

font.smLinkGray {
	color: #eee;
}

#helpbutton {
	 position:absolute;
	 display:inline;
	 right:0;
	 margin:0px 5px 0px 0px;
	 }

#content {
	position:relative;
    background-color:#fff;
	position:relative;
	padding:8px;
	padding-left:15px;
	padding-right:15px;
}

	
div#footer	{
	border: 0;
	border-top: 10px solid #eed;
	background: #deddb8;
	color: #193B67;
	padding: 4px;
	margin: 20px 14px 0px;
	text-align: left;
	/*height:26px;*/
	}
	
.note {
	background: #c9d2da;
}

/* General style properties to be applied through stylesheets */
.bold {
	display: inline;
	font-weight: bold;
}

.center {
	text-align: center;
}

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

/*===================================================================================
// Layout items
//===================================================================================*/
/* Rounded corner box */
.roundBox{
	background-color: #FFF;
	padding:5px;	
	border-radius:3px;
	box-shadow:1px 2px 3px #A6A6A6;
}

/*===================================================================================
// Positioning
//===================================================================================*/
.stickToTop {
    position:fixed;
    top:0px;
}