/* My Basic Sheet General, Non-site specific Styles */

/* FONT SIZES FOR HEADINGS*/
h1 {font-size:2em;
	}
h2 {font-size:1.5em;
	line-height:1.25;
	padding: 0 0 0 0;	
	}
h3 {font-size:1.125em;
	line-height:1.5;
	}
h4 {font-size:1.1em;
	letter-spacing:0.3em;
	font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, "Helvetica LT Std", sans-serif;
	}
h5 {font-size:1em;
	}
h6 {font-size:.875em;
	}

/* Default styling of other XHTML elements */
p {font-size:1em;}

code {font-size:1.25em;}
* html code {font-size:1.1em;} /* b/c default size is larger in IE */

/*	CSS only blockquote */
/*blockquote {
font-family: Georgia, serif;
font-size: 1.2em;
font-style: italic;
width: 40%;
margin: 0.25em 0;
padding: 0.25em 3em;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
content: "\201c";
font-size: 6em;
position: absolute;
left: -0.2em;
top: -0.2em;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: 1em;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}*/
/* Using graphical blockquote code on bio page */


abbr, acronym {
	border-bottom:1px dashed #000;
	cursor:default;
	}
address {
	margin:0 1em .75em 1em;
	}
img {
	border:0;
	}
a:hover {
	text-decoration:none;
	}
/* Set Fonts as classes */
 	
/* serif fonts */
.georgia {font-family:Georgia, Times, serif;}
.palatino {font-family:Palatino, Times, serif;}
.times {font-family:"Times New Roman", Times, serif;}

/* sans-serif fonts */
.arial {font-family:Arial, sans-serif;}
.arial_black {font-family:"Arial Black", arial, sans-serif;}
.arial_narrow {font-family:"Arial Narrow", Arial, sans-serif;}
.century {font-family:"Century Gothic", Geneva, sans-serif;}
.franklin {font-family:"Franklin Gothic", Arial, sans-serif;}
.impact {font-family:Impact, "Arial", sans-serif;}
.tahoma {font-family:Tahoma, Geneva, sans-serif;}
.trebuchet {font-family:"Trebuchet MS", Arial, sans-serif;}
.verdana {font-family:Verdana, Arial, sans-serif;}

/* monospace fonts */
.courier {font-family:"Courier New", Courier, monospace;}
.lucida {font-family:"Lucida Console", Courier, monospace;}

/* cursive fonts */
.comic {font-family:"Comic Sans MS", cursive;}


/* CLEARFIX CODE */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* end of Clearfix "no-extra-markup" clearing method */

/* General CSS */
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
}

/* Set transparency */
.transparent50 {
zoom: 1;
opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
}
/* End of General Styling */


/* Standard set site defaults */
* {
	margin:0px;
	padding:0px;
	border:0px;
}

html {
	font-size:100%;
}

body {
	font-size: 1.1em;
	/*font-size:0.85em; Best only for older, larger pixels hardware */
	/*font-size: 0.85em\9;*//*hack to equalize IE text with other browsers - IE9, IE8 or below append a backlash and 9 (\9) to the end of the style you want to apply. IE7 or below: add an asterisk (*) before the CSS property. IE6: add an underscore (_) before the property.*/
}
/*IE10 and 11 (only) support the -ms-high-contrast media query.*/

/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
     body {font-size:0.85em;}
}*/

/*Alternatively, for up to ie9, conditional comments in the HTML work, but not IE10+
<!--[if lte IE 9]>
  <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->*/
<!--[if IE]>
	

/* Internet Explorer and Opera control list indentation using left margin, whereas Safari and
Firefox use left padding */
ul {
	list-style-type:none;
}
ul {
	list-style-type:none;
}/* This isn't repetition - for some bizarre reason, it doesn't work unless entered twice!!!*/
ul li {
}
/* Site specific styling */

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, "Helvetica LT Std", Tahoma,     			    Verdana, Geneva, "Trebuchet MS", sans-serif;
	color: #000;
	background-color: #fff;
	margin-bottom: 40px;
	padding: 0px;	
	/*background-image: url(css_img/59l2.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	width:1406px;/* /*1400 px because of the edge border graphic otherwise not needed. bodyimgr needs same setting . Set this to simulate wide-screens*/
	/*border-left:1px solid #000;
	border-right:1px solid #000;
	margin-left:auto;
	margin-right:auto;*/
}
#bodymax {
	background-image: url(css_img/59l12.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	max-width:1366px;/* Max 1406px */
	margin-left:auto;
	margin-right:auto;
}	
.bodyimgr {
	background-image: url(css_img/59r12.jpg);
	background-position: right top;
	background-repeat: repeat-y;
	max-width:1366px;/*needs to match body width*/
	margin-left:auto;
	margin-right:auto;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}
#bodyartb {
	background-image:url(css_img/16.jpg);
	background-position:top left;
	background-repeat:repeat;
	max-width:1166px;/*Max 1206px, needs to match graphicleft width*/
	margin-left:auto;
	margin-right:auto;
}
#graphicleft {
	background-image:url(css_img/LeftBorder2.png);
	background-position:left top;
	background-repeat:repeat-y;
	/*Also acts as a container we can use to determine overall width, and fixed or liquid */
	max-width:1166px;/*Max 1206px, needs to match bodyartb width*/
	margin-left:auto;
	margin-right:auto;
	border-left: 2px solid #001468;
}
#graphicright {
	background-image:url(css_img/RightBorder1.png);
	background-position:bottom right;
	background-repeat:repeat-y;
	border-right: 2px solid #001468;
}
#sitename {
	margin: 0 0;
	padding: 0px 0 64px 0;
	/*min-width:90%;
	max-width: 1200px;*/
	
	background-image: url(css_img/TopBlackBlue_Wide2.png);
	background-repeat: no-repeat;
	background-position: left 1.6em;	
	
	/*Pre-Graphic */
	/*	#sitename {
	margin: 0 0 64px;
	padding: 2px 0;
	border-bottom: 1px solid #99CCCC;
	min-width: 960px; */

}
#sitename h1 {
	font-size: 0.7em;
	letter-spacing: 1em;
	color: #CCC;
    background-color: #000;
	padding: 12px 0px 12px 32px;
	text-transform: uppercase;
	
	background-image: url(css_img/TopTopLeftBlue.png);/*repeats top left part of image*/
	
	
}
h1, h2 {
	margin: 0px;
	font-size: 1.2em;
	letter-spacing: 0.35em;
}
h2 {
	margin: 36px 0 0 0;
}
#mainwrapper {
	border: 1px solid #99CCCC;
	padding: 2px;
	width: 94%;
	margin: 0 auto;
}
#inner {
	background-color: #000;
	padding: 20px;
		
	background-image:url(css_img/BottomBlackBlue_Wide12.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#header {
	overflow: hidden;
	margin-bottom: 20px;
	/*background-image:url(css_img/art_header.jpg);
	background-position:center;*/
	
}
#header img {
	display: block;
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
}
/* columnswrapper, extra div for imaging only */
#columnswrapper {
	/* for fixed width layouts 
	background-image: url(css_img/gradient_fixed.left.gif);
	background-repeat: repeat-y;
	background-position: -380px top;*/
	/* using percentages - this works if we set liquid widths instead. Can also use on fixed*/
	
	
	background-image: url(css_img/11.jpg);
}

#dividergraphic {
	background-image: url(css_img/gradient_percents.left9.png);
	background-position:24% top; 
}
.maincolumnwrapper {
	float: right;
	width: 75.5%;
}
.maincontent {
	padding: 24px 32px;
	font-size: .8em;
	line-height: 1.6em;
	/*background-image:url(css_img/11.jpg);*/

	/*background-image:url(css_img/spatter.bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;*/
}

.sidebarwrapper {
	float: left;
	width: 24%;
	/*max-width:250px;*/
	/*background-image:url(css_img/11.jpg);*/
}
.sidebarbox {
	padding: 2px;
	border: 1px solid #000;
	margin: 10px 10px 20px 10px;
	background-color:#FFFFFF;

	
}
.sidebar, .sidebar1 {
	color: #D5D1CE;
	background-color: #000;
	padding: 16px;
	font-size: .75em;
	line-height: 1.4em;
}
.sidebar1 {
	color: #000;
	background-color: #99CCCC;
}
/*Links*/
.maincontent a {}
.maincontent a:visited {}
.maincontent a:hover {}
.sidebar a {
	color: #FFF;
}
.sidebar a:visited {
	color: #99CCCC;
}
.sidebar a:hover {
	color: #FFF;
}
.sidebar1 a {
	color: #FFF;
}
.sidebar1 a:visited {
	color: #FFF;
}
.sidebar1 a:hover {
	color: #000;
}
.footercolumn1 a {
	color: #99CCCC;
}
.footercolumn1 a:visited {
	color: #99CCCC;
}
.footercolumn1 a:hover {
	color: #FFF;
}
.footer {
	overflow: hidden;
	font-size: 0.7em;
	color: #A09B97;
	margin-top: 20px;
	background-image: url(css_img/art_vrule.gif);
	background-repeat: repeat-y;
	/*background-position: 504px 0px;*/
	background-position: 51% top;
	/*background-image:url(css_img/BottomBlackBlue_Wide.png);
	background-position:left bottom;
	background-repeat:no-repeat;*/
}
.footercolumn1 {
	float: left;
	/*%width: 498px;*/
	width: 50%;
	/*margin-right: 30px;*/
	margin-right:3%;
}
.footercolumn2 {
	float: right;
	/*width: 350px;*/
	width: 35%;
	background-color:#000;
}
.footer p {
	margin: 1px 0 12px 0;
}
.footercolumn2 a {
	color: #C0C0C0;
	text-decoration: none;
	display: block;
	padding: 6px 6px;
	border: 1px solid #333;
	background-color: #161616;
}
.footercolumn2 a:hover {
	color: #000;
	background-color: #99CCCC;
	border-color: #FFF;
}
.footercolumn2 ul {
	margin: 0;
	padding: 0;
}
.footercolumn2 li {
	margin-bottom: 6px;
	list-style-type: none;
}
/*
EXTRA STYLES for BASIC MENUBAR
*/
#menubar {
	font-size: 0.8em;
	margin-bottom: 1px;
}
#menubar .menu {
	margin: 0px;
	padding: 0px;
}
#menubar .menu li {
	list-style-type: none;
	margin-top: 2px;
}
#menubar .menu li.home {
	margin-top: 0px;
}
#menubar .menu a {
	color: #CCC;
	text-decoration: none;
	display: block;
	padding: 6px 12px;
	border: 1px solid #000;
	background-color: #000;
}
#menubar .menu a:hover {
	color: #000 !important;
	border-color: #6DC0D1 #000 #000 #6DC0D1;
	background-color: #99CCCC;
}

/* Contact Form Styles */

#contact form dl fieldset {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 0.8em;
	margin: 30px;
	margin-right: 20px;
	padding: 20px;
	padding-top:10px;
	background-color:#dddddd;
	color:#333333;
	border: 2px solid #333333;
/* CSS3 styles */
	/*-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;*/
	
	-moz-box-shadow:5px 5px 7px #666;
	-webkit-box-shadow:5px 5px 7px #666;
	box-shadow:5px 5px 7px #666;
/* End CSS3 styles */
}

/* css3 styles */
/* #remove doesn't actually exist - used to delete the effect but keep the code */ 
#remove #contact form input, #remove #contact form textarea {
	background: #FFFFFF url(css_img/form_background.png) left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10% */
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
#contact form input:hover,  #contact form textarea:hover, 
#contact form input:focus,  #contact form textarea:focus { 
	-moz-box-shadow:0 0 8px #99cccc;
	-webkit-box-shadow:0 0 8px #99cccc;
	box-shadow:0 0 8px #99cccc;
}
/* End CSS3 styles */


#contact form dt {
	margin-bottom:2px;
}

#contact form dt#imp, {
	color:#FF0000;
	margin-bottom: 15px;
}

#contact form dd {
	margin-bottom:2px;
	
}
#contact form dl fieldset {
	padding-right:30px;
}
#contact form dl fieldset input {
	border:2px inset #CCCCCC;
	width:200px;
	margin-bottom:10px;
	padding:2px;
	color:#666666;
	font-size:1em;	
	font-family: Verdana, Tahoma, sans-serif;
}

#contact form dl fieldset textarea {
	border:2px inset #CCCCCC;
	width:500px;
	margin-bottom:20px;
	padding: 2px 4px;
	color:#666666;
	font-family: Verdana, Tahoma, sans-serif;
	font-size:1em;
	max-width:750px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;

	/*CSS3 styles 
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;*/
}

#contact form dl fieldset #submit, #contact form dl fieldset #reset {
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
}

#contact form dl fieldset #reset {
	margin-left: 20px;
}

.button {
	background-image: url(css_img/buttongradient1.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:#b2b2b2;
}

#gallery form input.button {
 	color: #000000;
	border:1px solid #000000;
	font-size: 1em;
	margin-bottom:20px;
	margin-top:12px;
	margin-left:18px;
	padding: 2px;
}
#gallery form input.button:hover {
	border-color:#999999;
	cursor:pointer;
}	
#contact form dl fieldset input.button {
	color: #ffffff;
	border:1px solid #000000;
}
#contact  form {
	padding-bottom:5px;
}	/*for IE otherwise form hugs footer with no margin. Not needed for other browsers */
	
#contact p#messagesenttext {
	font-style: italic;
	margin-bottom:10px;
}

#contact p#topbordered {
	border-top:thin;
	border-top-style:solid;
	margin-top:10px;
	padding-top:10px;
}

#contact p#ipcheck {
	color:#FFFFFF;
	font-style:italic;
}

#contact form dl fieldset ul#errorlist {
	list-style-type:none;
	margin-top:5px;
	margin-bottom:10px;
}

#contact form dl fieldset ul#errorlist li {
	/* for bullet list image */
	background-image:url(css_img/list_bullet_red.png);
	background-repeat:no-repeat;
	background-position: 0.5em 0.7em;	
	padding-left:1.5em;
	/* End bullet list image */
}
#contact form dl fieldset #contactform_captcha {
	margin-bottom:25px;
}

#contact form dl fieldset .required {
	display:none;
}

#ppimg {
	display:block; margin:10px auto; 
}

#gallery p.prelude {
	margin-bottom:15px;
}

span#red {
	color: #dd0000;
}

#home h4 {
	letter-spacing:0.5em;
}

#home p, #biography p, #viewing p, #commissions p, #gallery p, #feature p {
	padding-bottom: 1em;
}

#buying h5 {
	margin-top:10px;
}

/*ordered list styling */
ol.boxes-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 3em;
	margin-top: 1em;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.boxes-list > li{
	position: relative;
	margin-bottom: 15px;
	padding: 1em;
	padding-top:0.5em;
	border: 1px solid #001468;

	background-image: url(css_img/olbg4.png);
	background-repeat:repeat;
}
ol.boxes-list > li:before {
    position: absolute;
    top: 0;
    left: -2em;
    width: 1.5em;
    height: 1.5em;
     
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center;
    color: #f5f5f5;
 
    background-color: #000;
    content: counter(li-counter);
    counter-increment: li-counter;
}

ol.boxes-list li p:first-child {
	font-weight: bold;
}

/* Styles the links in text on all pages */
.maincontent a:link, .sidebar1 p a:link {
	color: #003366;
	text-decoration:none;
}
.maincontent a:visited, .sidebar1 p a:visited {
	color: #993333;
	text-decoration:none;
}
.maincontent a:hover, .sidebar1 p a:hover {
	text-decoration:underline;
}
.maincontent a:focus, .sidebar1 p a:focus {
	color:#003366;
}
.maincontent a:active, .sidebar1 p a:active {
	color:#003366;
}
.maincontent a:visited:hover, .sidebar1 p a:visited:hover  {
	text-decoration:none;
	color:#993333;
	border-bottom:1px dotted #993333;
}

/*Disable hover effect for links to same page*/
#home .home a:hover, #biography .biog a:hover, #commissions .comm a:hover, #gallery .gall a:hover, #feature .feat a:hover, #contact .cont a:hover {
	background-color:#000;
	color:#ccc !important; 
	cursor:text; 
	border-color:#000; 
	/*pointer-events:none;*//*My work better in future CSS. Use href="javascript:void()" instead*/
}

#buying a.buyi:hover, #terms a.term:hover, #viewing a.view:hover {
	color: #C0C0C0;
	background-color:#161616;
	border-color:#333;
	cursor:text;
	/*pointer-events:none;*//*May work better in future CSS. Use href="javascript:void()" instead*/
}

/* Highlight selected links */
#home li.home a, #biography li.biog a, #gallery li.gall a, #commissions li.comm a, #feature li.feat a, #contact li.cont a{
	background-image:url(css_img/selectLink10_03.png);
	background-repeat:repeat-y;
	background-position:left top;
	/*border-left-color:#ddd;*/
}
#buying .footercolumn2 a.buyi, #terms .footercolumn2 a.term, #viewing .footercolumn2 a.view {
	background-image:url(css_img/selectFLink2_02.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	border-color:#777;
}
/* List Styles */
.maincontent ul.normal {
	margin-top:5px;
	margin-bottom:10px;
	list-style-type:none;
}
.maincontent ul.normal li {
	/* for bullet list image */
	background-image:url(css_img/list_bullet_black.png);
	background-repeat:no-repeat;
	background-position: 0.5em 0.7em;	
	padding-left:1.5em;
	margin-bottom:1px;
	/* End bullet list image */
}

/* Resize Images on Browser Resize */
#commissions #commimages img {
	max-width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#commissions #commimages h4 {
	margin-top:15px;
}

#gallery p#note, #commissions p#note {
	margin: 5px 5px 20px 5px;
	padding: 2px 5px;
	border:1px solid black;
	background-image:url(css_img/noteBG.png);
	font-style:italic;
}

#commissions p#note {
	margin-top:30px;
}

#feature .featimages, #home .featimages, #biography .featimages {
	float:right;
	margin: 2px;
	margin-left:10px;
	padding: 5px;
	border:1px solid #ccc;
	width:auto;
	background-color: #FFFFFF;
}
#home .featimages, #biography .featimages{
	/*CSS3 Styles */
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);	
	box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	/* End CSS3 styles */
}
#feature .featimages img, #home .featimages img, #biography .featimages img { 
	display:block;
	max-width:100%;
}
#feature .featimages#ar, #home .featimages#ar, #biography .featimages#ar {
	float:left;
	margin-left:0px;
	margin-right:10px;
}
#feature .featimages p, #home .featimages p, #biography .featimages p {
	text-align:center;
	font-size:0.8em;
	color:#555555;
	line-height:1.4em;
	/*max-width:184px;*/
}
#feature .featimages p{
    max-width:184px;
}
#feature .featimages#ar p , #home .featimages#ar p, #biography .featimages#ar p{
	text-align: left;
}
#feature .maincontent p {
	margin-bottom: 5px;
}
feature .maincontent .featimages p, #home .maincontent .featimages p, '#biography .maincontent .featimages p {
	margin-bottom:0px;
	margin-top:5px;
}
#feature .maincontent #LET {
	clear:both;
	margin-top:30px;
	text-align:center;
	padding:15px;
	padding-top:5px;
	background-color:#ddd;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #ccc;
	/*max-width:602px;*/
	max-width:100%;
	/* CSS3 styles */
    -moz-box-shadow: inset 0 0 16px #000000;
    -webkit-box-shadow: inset 0 0 16px #000000;
    box-shadow: inset 0 0 16px #000000;
	/* close CSS3 */
}
#feature .maincontent #LET img {
	margin-left:auto;
	margin-right:auto;
	display:block;
	max-width:100%;
}
#feature .maincontent #LET h4 {
	color:#333;
	font-size:0.7em;
	font-family: Tahoma, Verdana, sans-serif;
	
}
#feature .maincontent #LET p {
	background-color:#eee;
	background-image:url(feature/texture-1.jpg);
	font-size:0.8em;
	border: 1px solid #ccc;
	padding: 10px;
	margin-top:2px;
	font-family: "Courier New", Courier, mono;
}
#feature .maincontent #LET p span {
	font-size:3em;
	margin-top:-3em;
}
/*.maincontent p {
	letter-spacing:0.1em;
}*/

#gallery input#ppimg:hover {
	background-color: #111;
	/*border:1px solid #222;*/
}
#viewing .maincontent #display {
	clear:both;
	margin-top:15px;
	margin-bottom: 15px;
	text-align:left;
	padding:15px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #ccc;
	max-width:90%;
	/*background-image:url(css_img/viewphotobg.jpg);
	background-repeat:repeat-x;*/
	
	/*CSS3 Styles */
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);	
	box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	/* End CSS3 styles */
}
#viewing .maincontent #display img {
	margin-left:auto;
	margin-right:auto;
	display:block;
	max-width:100%;
}
#viewing .maincontent #display p {
	background-color:#eee;
	font-size:0.9em;
	border: 1px solid #ccc;
	padding: 10px;
	margin-top:2px;
	letter-spacing:0.1em;
	color:#333333;
}

/* Error page styles */
#errorpage p#errortext {
	font-size: 0.8em;
	line-height: 2em;
	color: #000099;
	background-color: #FFFFFF;
	margin-left: 20px;
	margin-right: 20px;
	letter-spacing: 0.2em;	
}
#errorpage .nodisplay {
	display:none;
}

#errorpage img.floatleft {
	float:left;
	margin-right:20px;
	margin-bottom: 20px;
}
#ppnn {
	font-size:0.7em;
	text-align:center;
}
#archWin {
	background-color: #000066;
}
#archWin #defn {
	font-size:0.8em;
	color: #CCCCCC;
	padding:10px;
	margin: 10px;
}
span#newWin {
	border-bottom:1px dotted #000;
}
span#newWin:hover {
	cursor: pointer;
	border-bottom:2px dotted #000;
}

.sidebar hr {
	background-color: #99CCCC;
	height:1px;
	margin-bottom:5px;
}