@charset "UTF-8";
html {
height: 100%;
margin-bottom: 1px;
}


body  {
	font: 13px Arial, Helvetica, sans-serif;
	background-image:url('/images/palimpsest.gif');
	background-attachment: scroll; 
	background-repeat: no-repeat;
	background-color: #bdbdbd;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}


p.wp-caption-text {font: 8pt Arial, Helvetica, sans-serif;
	padding-left: 4px; text-align: center;
}


code{
	font: 10pt Arial, Helvetica, sans-serif;
	padding-left: 4px;
}

hr {
	height:1px;
	color:#999;
	border:#999;
	background-color:#999;
	}

td {font: 13px Arial, Helvetica, sans-serif;
	}

h2 {
margin-top: 3px;
}

h2.mainhead {
color: #175fb3; margin-top: 15px; font-size: 25px; font-family: Georgia, serif; 
}

h2 {
color: #175fb3; margin-top: 15px; font-size: 25px; font-family: Georgia, serif; 
}


h3, div.entry h2 {/*removed -6px bottom margin for wpress archive pages*/
margin-top: 2px;
margin-bottom: 4px;
color: #175fb3;
font-size: 18px;
font-family: georgia, serif;
text-transform: none;
letter-spacing: 0px;
}

a:link {color: #175fb3;
}
a:visited {color: #175fb3;
}
a:hover {text-decoration:none; color: #999999;
}

.grayText {
	font: 9pt  Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #666666;
	text-align: left;
	padding: 0px 2px 0px 2px
	}
.whiteText {
	color: #ffffff;
	text-align: left;
	padding: 0px 4px 0px 4px
}
.whiteText a{
	color: #ffffff;
	text-align: left;
}
.whiteHeader {
	font: 13pt  Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	padding: 0px 4px 0px 4px;
}
.tableText {
	font: 11pt  Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	margin: 5px;
	margin-top: 0px;
}
.tableUl li{
	font: 11pt  Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	
	margin: -8px 0px -4px -18px;
}
.tableHeaders {
	font: 14pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	text-align: left;
	margin: 5px;
}
.contact {
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 10px;
	margin-bottom: -5px;
	width: 790px;
	padding: 5px;
/*	float: left; */
	clear: both;
}
.bg {/*handles the background for the text on the main page*/
	background-image: url(http://www.scriptorium.com/images/columnBkg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 4px;}
	
	.bgl {/*handles the background for the text on the main page*/
	background-image: url(http://www.scriptorium.com/images/columnBkgl.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 4px;}
	
	.bgy {/*handles the background for the text on the main page*/
	background-image: url(http://www.scriptorium.com/images/columnBkgy.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 4px;}
	
.feature {/*handles the background for featured items on the main page*/
	background-color: #7fa2c2;
	width: 215px;
	padding: 4px;
	}

#container {
	width: 800px;
	background-color: #e6e6e6;
	margin: 15px auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top:4px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	height: 102px;
	width: 800px;
	margin: 15px auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 0;
	background-image:url(http://www.scriptorium.com/images/HeaderImage.png);
	background-repeat:no-repeat;
	margin-bottom: 0px;
}
#mainContent {
	margin: 0;
	background-color: #e6e6e6;
}
.cellBkg {
	background-image: url(http://www.scriptorium.com/images/columnBkg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
#column1 {/*used for three column layout on front page*/
	width: 275px;
	height: 425px;
	float: left;
	background-color: #e6e6e6;
	padding: 16px 0px 0px 8px;
	border-color:#e6e6e6;
	border: 7px 0px 7px 7px;
}
#column2 {/*used for three column layout on front page*/
	width: 275px;
	height: 425px;
	float: left;
	background-color: #e6e6e6;
	padding: 16px 0px 0px 8px;
	border-color:#e6e6e6;
	border: 7px 0px 7px 7px;
}
#column3 {/*used for three column layout on front page*/
	width: 216px;
	height: 425px;
	float: left;
	background-color: #e6e6e6;
	padding: 16px 8px 0px 10px;
	border-color:#e6e6e6;
	border: 7px 0px 7px 7px;
}

#bluebox {/*used for callouts in column3*/
	width: 210px;
	float: left;
	background-color: #7fa2c2;
	padding: 5px;
	margin: 7px 0px 0px 7px;
} 

#footer {/*id used for the footer*/
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #e6e6e6;
	background-image: url(http://www.scriptorium.com/images/bottomShadow.jpg);
	background-position: top;
	background-repeat: repeat-x;
	width: 794px;
	padding: 3px;
	height: 20px;
	float: left;
	clear: both;
	margin-bottom: -10px;
	
	

}
#contact {/*id used for contact information at the bottom of pages*/
	font: 8pt Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #e6e6e6;
	/*width: 790px;*/
	/*padding: 5px;*/
	/*float: left;
	clear: both;
	position: relative;*/
}	
	
#call-to-action {/*Tech comm problems? Contact us.*/
	font: 8pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	background-color: #e6e6e6;
	width: 790px;
	padding: 5px;
	float: left;
	clear: both;
	position: relative;
}

.call-to-action {
	margin-bottom:-6px;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.glossymenu{/*class for drop down menu items*/
margin: 8px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{/*class for drop down menu items*/
background: black url(http://www.scriptorium.com/images/glossyback.gif) repeat-x bottom left;
font: 12px Arial, Helvetica, sans-serif;
font-weight:bold;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{/*class for drop down menu items*/
color: white;
}

.glossymenu a.menuitem:hover{
background-image: url(http://www.scriptorium.com/http://www.scriptorium.com/images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

#sidebar1 {/*sidebar id for HTML pages*/
	float: right;
	width: 175px; /* since this element is floated, a width must be given */
	background: #e6e6e6; /* the background color will be displayed for the length of the content in the column, but no further */
	padding-right:8px;
	padding-left:4px;
}

#mainContentInside {/*body id for HTML pages*/
	width: 595px;
	background-image: url(http://www.scriptorium.com/images/columnBkg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 1px 5px;
 	margin: 16px 0 0 7px;
}

#mainContentInside li {
	margin-bottom: 10px;
	}

/*styles added for wpress conversion*/

#content{ /*native wpress body id*/
	min-height:400px; /* modify this height to fix those pesky gaps in the main content panel that crop up with short posts; originally 580 */
	width: 595px;
	background-image: url(http://www.scriptorium.com/images/columnBkg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 1px 5px;
 	margin: 16px 0 0 7px;
}

.postmetadata {
padding-bottom:16px;
}

.entry div{/**/
	padding-bottom:8px;
	}
	
.entry blockquote{
margin-left:24px;
margin-right:24px;
}


#navigation{ /*native wpress sidebar id*/
	margin-top:16px;
	float: right;
	width: 175px; /* since this element is floated, a width must be given */
	background: #e6e6e6; /* the background color will be displayed for the length of the content in the column, but no further */
	padding-right:8px;
	padding-left:4px;
}

#navigation li{ /*native wpress sidebar li styling*/
padding-bottom:4px;
	list-style:none;
	}

#navigation ul{/*native wpress sidebar ul styling*/
font-size: 12px;
padding-left: 8px;
padding-top:4px;
margin-top:0px;
margin-bottom:0px;
}

#navigation ul ul{/*handles nested sidebar ul styling*/
font-size:12px;
padding-left:8px;
margin-top:0px;
margin-bottom:0px;
}

#akpc-widget-2 ol{/*handles the most popular list styling*/
font-size:12px;
margin-bottom:0px;
}

#akpc-widget-2 li{/*handles the most popular item styling*/
	list-style: decimal;
	margin-left:-20px;
	margin-bottom:0px;
	}

#navigation li.resource_list{ /*controls the li's for the resource listing*/
	list-style: disc;
	margin-left: 10px;
}
	
	.pagenav{/*titles to navigation items on static pages*/
	font-size:16px;
	margin-bottom: 0px;
		}

.alignright {/*used for next link at the top of single blog posts; float:right; was the only original style in this*/
	float: right;
	/*float: left; ****the comments here can be deleted without harm****
	width: 80px;
	padding-left: 720px;
	margin-left: -12px;
	background: #e6e6e6;*/
	}

.alignleft {/*used for previous link at the top of single blog posts; float was the only original style in this*/
	float: left;
	/*width: 790px; ****the comments here can be deleted without harm****
	padding-left: 10px;
	margin-left: -12px;
	background: #e6e6e6;*/
	}
	
#footer a:hover {text-decoration:none; color: #ffffff;}
	
#crp_related {/*styles the related posts; modify the min-height to take care of gaps below the related posts section, most common on short posts; note that this is a band-aid fix and not something permanent*/
font-size: 12px;
min-height: 300px;
	}
	
/* added for category pages by SSO 6/24/2010 */

div.catnavlist {margin-top: 40px; padding: 5px; margin: 10px}
div.catnavbox {background: #175fb3; margin-top: 40px; padding: 5px; display:block; color: #ffffff}
	.widgettitle{ /*controls headings in sidebar widgets*/
	font-size:13px;
	margin-top:40px;
	margin-bottom: 0px;
	}

/* added for front page by SSO 6/30/2010 */

#bigcontainer { width: 800px; min-height: 430px; margin:auto; background-color: #e6e6e6; }
#scriptoriumoverview {width: 530px; height: 180px; padding: 10px 0 0 20px; margin: 10px 0 20px 0; float:left;}
#smallcontainer {width: 540px; float:left;}
#blogcolumn {width: 249px; float:right; padding:0;} 
#resources {width: 245px; float:left; padding: 20px 5px 20px 20px; }
#events {width: 245px; float:left; padding: 20px 5px 20px 20px;}

h2.cs { font-size: 30px; margin-bottom: 0px; letter-spacing: 3px; }
h3.cs { text-align: right; margin-top: 8px; font-style: italic; padding-right: 20px }
p.cs { font-family: Georgia, serif; font-size: 16px; line-height: 24px; padding-left: 40px; padding-right: 20px}

/* controls li in the visible blog body */
.entry li {
	margin-bottom: 10px;
	}

h2.posttitle { margin-top: 2px;
margin-bottom: 4px;
color: #175fb3;
font-size: 18px;
font-family: georgia, serif;
text-transform: none;
letter-spacing: 0px
}

#comments, #respond h3 { font-size: 14px
}

.search { margin: 0px 15px 15px 0px}
#blogcolumn .search { margin: 15px 15px 15px 20px}

/* added for content toggling selection by RF 120610 */
div.toggles p{display:inline;}
div.toggles p.show{font-size: 16px;font-weight:bold;}
div.tw_button{width:98px;float:left;}
div.rssbutton{width:70px;float:left;margin-top:-19px;}
div.rssbutton img{border:0;}