/* www.pixeldevelopment.com css file */

body {
	font: 12px/17px Verdana, Tahoma, Arial, sans-serif;	
	font-size: 76%;
	cursor: default;
	padding: 0;
	margin: 0;
	text-align: left;
	background: #A24000 url(bglayerside1.jpg) repeat scroll 0% 0%;
}

a {
	cursor: pointer;
	cursor: hand; /* Safari */
	color: black;
	text-decoration: none;
}

blockquote {
}

blockquote span {
	font-size: 120%;
/*
	position: relative;
	font-size: 200%;
	line-height: 140%;
	top: 7px;
*/
/*	height: 9px; */
}

img {border: 0;}

img, ol, ul, li {padding: 0;}

p, h1, h2, h3, h4, h5, h6, img, ol, ul, li { margin: 0;}

h1 {
	display: none;
	font-size: 2.0em;
	font-weight: normal;
	}

h2 {
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: center;
	padding: 4px 4px 7px 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;

	color: white;
	background: #A24000 url(bglayerside1.jpg) repeat-x scroll left center;

	margin: 0px 0px 0px 0px;
	margin-bottom: 15px;
	}

h3 {
	font-size: 1.4em;
	font-size: 1.4em;
	font-weight: normal;
/*	letter-spacing: -1px; */
	margin-bottom: 1px;
	}

table, tr, td {
	margin: 0;
	padding: 0;
	border-width: 0;
}

select, input {margin-bottom: 10px; font-size: 8pt;}

pre {
	padding: 6px;
	margin: 0;
	font: 12px/17px Verdana, Tahoma, Arial, sans-serif;	
	font-size: 100%;
}

code {
	font-size: 14px;
	display: block;
	padding: 0px 0px 10px 20px;
}

.codenest {
	display: block;
	padding-left: 20px;
}

.pageview, .pagecode, .pagecodedepreciated {
	color: black;
	width: 98%;
	padding: 6px;
	margin: 8px 0px 8px 0px;
	border: 1px solid black;
	background-color: #ccc;
}

.pagecodedepreciated  {
	background-color: #ecc;
}

/* site specific classes */

.printonly, .hide, #hide, #skipNav {display: none;}

#container {
	width: 750px; /* 712 705 */
	margin: 0 auto;
	background: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.contentBgSidebar {
	background: transparent url(sidebargroovebg.gif) repeat-y scroll right top;
}

.content {
	background: white;
}

/* --- page header --- */

#header {
	height: 140px;
	background: #B84C28 url(headerpic2.jpg) repeat scroll left;
}

/* --- Navigation --- */

#navbar {
	float: left;
	width: 100%;
	border-top: 1px solid #D4D3BD;
	border-bottom: 1px solid black;
/*	background: #B84C28 url(menubg2.jpg) repeat scroll left top; */
	background-color: #572E18;
}

#mainnav {
    background-color: red;
}

#mainnav ul
{
	margin: 0;
	padding: 0;
	border-width: 0;
	list-style-type: none;
	color: white;
	border-left: 1px solid #ccc;
}

#mainnav li
{
	margin: 0;
	padding: 0;
	border-width: 0;
	float: left;
	display: inline;
	white-space: nowrap;
}

#mainnav li a, mainnav li a:hover, mainnav li a:visited, mainnav li a:active, #mainnav li span
{
	text-decoration: none;
	float: left;
	padding: 0px 8px 0px 8px;
	padding: 2px 10px 2px 10px;
	padding: 1px 10px 1px 10px;
	border: 0;
	color: #ccc;
	color: white;
	border-left: 0px solid #ccc;
	border-right: 1px solid #ccc;
	
}

#mainnav li a:hover {color: white; background-color: black;}

#mainnav li #thispage, #mainnav li .thissection {
	color: white;
	font-weight: bold;
}

#mainnav li a:hover {color: white; background-color: #B84C28;}

/* div#mainnav div#rss */
#menurss
{
	display: inline;
	float: right;
	position: relative;
	top: 3px;
	right: 4px;
}

#rss {
	text-align: left;
	float: left;
}

#rss a img, #menurss a img, #translate a img, #sitemeter a img
{
	padding-right: 5px;
}


/* -- body -- */

.clear, #pageBody {clear: both;}

#pageBodyTop {
	height: 16px;
	width: 300px;
	background: transparent url(horizshadow.gif) no-repeat scroll 0% 0px;
	position: absolute;
	position: relative;
}

#contentMargin {
	position: relative;
	padding: 0px 15px 10px 15px;
/*	overflow: clip; */
}

div.hr, div.hrportfolio, div.hrtop {
/*
	position: relative;
*/
	clear: left; 
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	height: 16px;
	background: transparent url(horizshadow.gif) no-repeat scroll left;
	left: 0px;
}

div.hrtop {
	top: -10px;
}

div.hrportfolio {
	clear: both;
	clear: right;
}

div.hr hr, div.hrportfolio hr, div.hrtop hr {
	display: none;
}

.postimg {
	float: left;
	margin-top: 3px;
	margin-right: 9px;
	border: 1px solid #ccc;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border: 0;
}

.post h3 {
	font-size: 100%;
	font-weight: bold;
	padding-left: 65px;
	color: #666;
}

.post p {padding-left: 65px;}

#mainContent {margin-right: 205px;}

#mainContent p, #article p {margin: 0px 0px 10px 0px;}

#endmaincontent {clear: both; height: 1px; width: 1px; font-size: 1pt;}

#article p.firstpara {padding-top: 10px;}

p.firstpara {margin-bottom: 20px;}

.articlemargin {margin: 0px 120px 0px 120px! important;}

#article {margin: 0px 40px 0px 40px;}


/*
#article ol {
	margin-left: 20px;
	padding-left: 20px;
}

#article ul
{
	list-style-type: none;
	padding: 0px 0px 10px 0px;
}
*/

#article ul {
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

#article ol {
	margin-left: 20px;
	padding-left: 20px;
	margin-bottom: 10px;
}

#article ul li, #article ol li {
	margin-left: 0px;
	padding-left: 0px;
}

#article dl dt {float: left; display: inline; font-weight: bold;}
#article dl dd {display: block; margin-left: 160px;}

#article dl.dlbrief dd {margin-left: 130px;}

#article dl dt {padding-left: 20px; background: transparent url(dl_bullet.gif) no-repeat scroll left center;}

#article ul li {list-style-image: url(dl_bullet.gif)}

#article .subnavbar ul li {list-style-image: url();}

#gallerythumbarea {
	padding-top: 15px;
}

.externallink, .offsitesamewind {
	background: transparent url(offsite_link_icon.gif) no-repeat scroll right;
	padding-right: 12px;
}

.offsitenewwind {
	background: transparent url(newwindow_link_icon.gif) no-repeat scroll right;
	padding-right: 12px;
}

.productpicture {
	float: right;
}



/* -- sidebar search, photo, news etc -- */

#sidebar {
	float: right;
	font-size: 92%;
	width: 170px;
}

#sidebar h3 {
	clear: both;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-top: 7px;
	padding-bottom: 3px;
}



#navbar form {
	padding: 0;
	margin: 0;	
}

#navbar form label {
	float: right;
	color: white;
	padding: 0;
	margin: 1px 6px 0px 0px;
}

#navbar form #searchinputm {
	float: right;
	width: 90px;
	font-size: 12px;
	line-height: 14px; 
	height: 15px;
	border: 1px solid black;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 0px 0px 0px 1px;
	margin: 1px 6px 0px 0px;
	background-color: #C3A68B;
}

#navbar form #searchinputm:focus
{
	background: #eee url(inputbg.gif) no-repeat scroll top left;
}

#navbar form #searchbtn {
	float: right;
	padding: 0;
	margin: 1px 6px 0px 0px;
}

/*
#navbar form input#searchinput {
	border: 1px solid black;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 1px;
	background-color: #ccc;
	background-color: #C3A68B;
}

#searchBox, label {
	color: white;
	padding: 0;
	margin: 0;
	border-width: 0;
}

#searchBox label span {
	display: none;
}

#searchbox input
{
	padding: 0;
	margin: 0;
	background-color: #eee;
	width: 80px;
}

#searchinput {
}

#searchinput textarea:focus, #searchinput input:focus
{
    background-color: #eef;
}

form .mainoption {
	background-color: #eee;
	border: 2px solid #bbb;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
}
*/

#sidebar #demogalleries a img {
	padding-right: 2px;
	padding-bottom: 6px;
}

#sidebar #demogalleries a, #sidebar #syndication a {
	border: 0;
}

#dailies {}

#dailies h3 {
/*	margin-top: 15px; */
}

#dailies dl {
	margin-top: 0px;
}

#dailies dl dd {
	margin-left: 0px; 
	margin-bottom: 8px;
}

#dailyphoto {
	padding-top: 10px;
}

#dailyphoto h3 { margin-bottom: 3px; }

#dailyphoto img {
	border: 1px solid #666;
	padding: 2px;
}


/* style switching controls */

.s1low, .s1high, .s1rev, .s1rev2, .s1plain, .s1narrow, .s1wide, .s1align, .s1threecolumn, .s1fontsize, .s1serif, .s9reset, .s1extlinks {
	border: 2px solid gray;
	margin-bottom: 4px;
	margin-right: 4px;
	background: #eee url(stylebtnbg.gif) no-repeat scroll;
}

/* off */

.s1align, .s1fontsize, .s1serif, .s1wide, .s1extlinks, .s9reset, .s1threecolumn {
	border-color: #bbb;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
}

/* selected */

.s1low {border-color: #FFA500;}

a:hover .s1low, a:hover .s1high, a:hover .s1rev, a:hover .s1rev2, a:hover .s1plain, a:hover .s1narrow {
	border-color: #FFD700 !important;
	border-color: black !important; 
	border-color: rgb(0,183,168) !important; 
}

a:hover .s1wide, a:hover .s1align, a:hover .s1threecolumn, a:hover .s1fontsize, a:hover .s1serif, a:hover .s1extlinks, a:hover .s9reset {
	background: white;
}


#styleswitchheader h3, #syndication h3 {
	margin-top: 0px;
	padding-top: 0px;
}

#styleswitchheader {
}

#styleswitch a {
	border: 0 !important;
	text-decoration: none;
}

#styleswitch ul {
	margin: 0;
	padding: 0;
	border-width: 0;
	list-style-type: none;
}

#styleswitch ul li
{
	margin: 0;
	padding: 0;
	border-width: 0;
	display: inline;
	white-space: nowrap;
	padding-right: 4px;
}

#servicesswitcher
{
	float: right;
	margin-left: 6px;
	border: 1px dashed gray;
	padding: 4px 6px 4px 9px;
}

#servicesswitcher h3 {margin-bottom: 6px;}

.hidden {display: none;}



/* -- footer -- */

#footer {
	clear: both;
	color: #fff; 
	background-color: #B84C28;
	text-align: left;
	font-size: 90%;
	line-height: 1.4;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#footer p {padding: 5px 60px 7px 60px; margin: 0;}
#footer a {border-bottom: 1px dashed white;}
#footer a:link, #footer a:visited, #footer p {color: white;}
#footer a:hover {border-bottom: 1px solid white;}

#rssfooter
{
	display: inline;
	float: right;
	margin: 18px 56px 0px 0px;
}

#rssfooter a {margin-left: 5px;}

#sitemeter
{
	display: inline;
	float: right;
	margin: 15px 10px 0px 0px;
}

#translate
{
	display: inline;
	float: right;
	margin: 7px 15px 0px 0px;
	width: 110px;

/*	position: relative; */
/*	padding-right: 56px; */
/*	padding-top: 15px; */
}

#translate a img {
	padding-top: 2px;
}

#translate a, #translate a img, #sitemeter a, #sitemeter a img, #rssfooter a, #rssfooter a img  {border: 0px none white! important;}
#translate a:hover, #sitemeter a:hover, #rssfooter a:hover {border: 0px none black;}

/* http://www.csscreator.com/css-forum/ftopic6701.html */
/* external links with small icon CSS3, won't validate on current css1 online validators */



/* portfolio */

.portfolio h3 {display: inline;}

.thumbwrapper, .thumbwrapperlrg
{
	float: right;
	position: relative;
	margin: 3px 0px 10px 15px;
	border: #ccc 1px solid;
	color: gray;
/*    overflow: auto; */
	background-color: #eee;
	height: 150px;
	width: 286px;
}

.thumbwrapperlrg
{
	height: 132px;
}

.thumbscroller
{
	position: relative;
	background-color: transparent;
	color: gray;
	width: 286px! important;
	padding-top: 2px;
	padding-left: 2px;
}

.thumbscroller img {
	display: block;
	border: 0;
}

.thumbwrapper .thumbscroller img {
	height: 50px;
	width: 50px;
}

.thumbscroller a {
	float: left;
	border: 0;
	margin: 10px 0px 0px 10px;
	padding: 3px;
	background-color: #ddd;
	border: 1px solid #999;
}


.thumbscroller a:hover {
	background-color: #ffa500;
}

/* Gallery */

a.password {
	padding-right: 16px;
	background: transparent url(password_icon.gif) no-repeat scroll top right;
}

div.galleries {
	display: block;
	position: relative;
	width: 100%; /* opera */
	margin-bottom: 10px;
}



.galleryitem {
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	background: transparent url(gallerylistbg.gif) no-repeat scroll top;
}

.galleryitemcontent {
	display: block;
	position: relative;
	width: 318px;
	height: 93px;
}

.gallerythumb {
	float: left;
	display: block;
	position: absolute;
	top: 15px;
	left: 12px;
	width: 50px;
	height: 50px;
}

.galleryitemcontent p a {
	font-weight: bold;
}

a.galleryitemnewindow {
	padding: 1px;
	border: 2px none white;
}
a:hover.galleryitemnewindow {
	padding: 1px;
	border: 2px solid orange! important;
}

.galleryitemnewindow img {
	border: 0;
}

.galleryitemdesc {
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
	overflow: auto;
	top: 15px;
	left: 75px;
	height: 60px;
	width: 230px;

	top: 5px;
	top: 13px;
	height: 82px;
	height: 75px;
}

.galleryitemdesc p {
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
}

/* try to handle enlarged text, or other language */

.galleryeditableicon {
	width: 13px! important;
	height: 13px! important;
	display: inline! important;
	position: relative! important;
	top: 0px! important;
	left: 0px! important;
	border: 0! important;
}


/* Touchup */

#article.hassubnavbar {
	margin: 0;
	padding: 0;
}

.articlewithsubnavbar {
	margin-right: 94px;
	padding-right: 8px;
	border-right: 1px dotted gray;
}

.subnavbar {
	float: right;
/*	background-color: #C4C4C4; */
	margin-bottom: 10px;
	padding-left: 3px;
	padding-bottom: 4px;
	width: 84px;
	margin-left: 8px;
/*	border: 1px dotted gray; */
}

#article .subnavbar ul
{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#article .subnavbar ul li {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 2px;
}


a.anchor, a:hover.anchor {
	text-decoration: none;
	border: 0;
}

.touchupdemothumbs a img {
	padding: 0;
	margin: 0;
	margin-bottom: 0px;
}

.touchupframe {
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
}

.touchupdemothumbs {
	display: inline;
	float: left;
/*	padding-right: 10px; */
	width: 100px;
	width: 110px;
	height: 300px;
}

.touchupdemothumbs a {margin-bottom: 2px;}

.touchupdemoapplet {
	float: left;
	width: 320px;
	height: 300px;
	margin-top: 3px;
	margin-right: 10px;
}

.touchupdemocontrols {
	display: inline;
	width: 130px;
	height: 288px;
	margin: 3px 0px 0px 0px;
}

.touchupdemoform {
	display: inline;
	font-size: 8pt;
}


/* Photo Paint script captures */

div.ppsnapshots span {
	margin-bottom: 8px;
}

#pi_original_thumb, #pi_original_span, #pi_presets_span, #pi_preview_span, #pi_size_span, #pi_copyright_span, #pi_colour_span, #pi_extension_span {
	background: url(../images/pp_script_process_image.jpg) no-repeat;
	float: left;
	margin-bottom: 4px;
	margin-right: 6px;
}

#pi_original_thumb {background: url() no-repeat;}

#pi_original_span {background-position: -9px -351px;}

#pi_presets_span {background-position:-9px -429px;}

#pi_preview_span {background-position:-330px -33px;}

#pi_size_span {background-position:-330px -431px;}

#pi_copyright_span {background-position:-330px -553px;}

#pi_colour_span {	background-position:-650px -29px;}

#pi_extension_span {background-position:-650px -533px;}


/* hover border for images */

/*
.imagelink img, a.imagelink img, a.imagelink:hover img {
	border: 2px solid transparent;
}

.imagelink, a.imagelink, a.imagelink:hover {
	border: 0px none white;
}

.imagelink img, a.imagelink img, a.imagelink:hover img {
	border: 2px solid transparent;
}

a.imagelink:hover img {
	border: 2px solid #FFA500;
}
*/

.rightimage {
	margin: 3px 0px 3px 8px;
	float: right;
}

.leftimage, .leftimagefinal {
	margin: 3px 8px 3px 0px;
	float: left;
}

.inlineimage {
	float: left;
}

.leftimagefinal {margin-right: 0px;}

a.imagelink {
	padding: 3px;
}

a.imagelink img {
	margin: 0;
	padding: 0;
	display: block;
}

a.imagelink:hover {
	background-color: #ffa500;
}

.listfollowingimage {margin-right: 17px;}

ul.listbesideimage li {margin-left: 17px;}


/* Misc */


a.plainlink, a:hover .plainlink, a.plainlink:hover {
	border: 0 ! important;
}

#article img.snapshot {
	margin-left: 8px;
	padding: 1px;
	border: 1px solid black;
}



/* style switcher. based on ideas from http://whatdoiknow.org/ */

@media screen {


/* low contrast */

body.lowc .s1low {border-color: #FFA500;}
body.lowc h2 {color: white! important; background: #A24000 url(bglayerside1.jpg) repeat-x scroll left center;}
body.lowc div.hr, body.lowc div.hrportfolio {background: transparent url(hrbg_orange.jpg) no-repeat scroll center;}
body.lowc #footer {background-color: #B84C28;}
body.lowc, body.lowc a {color: #666;}
body.lowc {background:  #23507A;}
body.lowc #container {background-color: white;}
body.lowc .contentBgSidebar {background-image: url(sidebargroovebg.gif);}
body.lowc a.textlink, body.lowc a:visited.textlink, body.lowc a:active.textlink {border-bottom: 1px dashed #333;}
body.lowc a:hover.textlink {color: black; border-bottom: 1px solid black;}
body.lowc #mainnav li a {color: white;}
body.lowc #mainnav li a:hover {background-color: #B84C28;}
body.lowc #sidebar p, body.lowc #sidebar dl, body.lowc #sidebar form {color: #333;}
body.lowc #sidebar dt a {color: #333; border-bottom: 1px dashed #333;}
body.lowc #sidebar dt a:hover {color:black; border-bottom: 1px solid black;}
body.lowc #dailyphoto img {border: 1px solid #666;}
body.lowc #pageBodyTop {background-image: url();}

body.lowc #container {border: 0;}
body.lowc #leftedge {display: block; margin: 0 auto; padding-left: 5px; background: transparent url(leftedgeblue.gif) repeat-y scroll left;}
body.lowc #rightedge {display: block; margin: 0; padding-right: 8px; background: transparent url(rightedgeblue.gif) repeat-y scroll right;}



/* high contrast */

body.highc .s1high {border-color: #FFA500;}
body.highc .s1low {border-color: gray;}
body.highc h2 {color: white! important; background: #A24000 url(bglayerside1.jpg) repeat-x scroll left center;}
body.highc div.hr, body.highc div.hrportfolio {background: transparent url(hrbg_orange.jpg) no-repeat scroll center;}
body.highc #footer {background-color: #B84C28;}
body.highc #container {color: black; background-color: white;}
body.highc .contentBgSidebar {background-image: url(sidebargroovebg.gif);}
body.highc .post h3 {color: black;}
body.highc a.textlink, body.highc a:visited.textlink, body.highc a:active.textlink {color: black; border-bottom: 1px dashed black;}
body.highc a:hover.textlink {color: black; border-bottom: 1px solid black;}
body.highc #sidebar p, body.highc #sidebar dl, body.highc #sidebar form {color: black;}
body.highc #mainnav ul li a {color: white;}
body.highc #mainnav li a:hover {color: white; background-color: #B84C28;}
body.highc #sidebar dt a {color: black; border-bottom: 1px dashed black;}
body.highc #sidebar a:hover {border-bottom: 1px solid black;}
body.highc #dailyphoto img {border: 1px solid black;}
body.highc #pageBodyTop {background-image: url();}

body.highc #container {border: 0;}
body.highc {color: black; background: #245784 url(bglayerblue1.jpg) repeat scroll 0% 0%;}
body.highc {background: #A24000 url(bglayerside1.jpg) repeat scroll 0% 0%;}
body.highc {background: #2C5983 url(bglayerside2.jpg) repeat scroll 0% 0%;}
body.highc #leftedge {display: block; margin: 0 auto; padding-left: 5px; background: transparent url(leftedgeblue.gif) repeat-y scroll left;}
body.highc #rightedge {display: block; margin: 0; padding-right: 8px; background: transparent url(rightedgeblue.gif) repeat-y scroll right;}


/* reverse */

body.reverse .s1rev {border-color: #FFA500;}
body.reverse .s1low {border-color: gray;}
body.reverse h2 {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	color: white! important; background: #2C5983 url(bglayerside2.jpg) repeat-x scroll left center;
}
body.reverse {background: #2C5983 url(bglayerside2.jpg) repeat scroll 0% 0%;}
body.reverse div.hr, body.reverse div.hrportfolio {background: transparent url(hrbg_blue.jpg) no-repeat scroll center;}
body.reverse #header {background: #8DC4FD url(headerpic.jpg) repeat scroll left;}
body.reverse #navbar {background: #394142 url(menubg.jpg) repeat scroll left top;}
body.reverse #footer {background-color: #294670;}
body.reverse .subnavbar, body.reverse .subnavbar a, body.reverse .subnavbar a:hover {color: white;}
body.reverse .thumbwrapper, body.reverse .thumbwrapperlrg {background-color: #666;}
body.reverse .thumbscroller a {border: 1px solid #333;}
body.reverse #pageBodyTop {background-image: url(horizshadow_reverse.gif);}
body.reverse div.hrtop {background-image: url(horizshadow_reverse.gif);}
body.reverse, body.reverse a {color: #ddd;}
body.reverse #container {background: #003;}
body.reverse .contentBgSidebar {background-image: url(sidebarreversebg.gif);}
body.reverse a.textlink, body.reverse a:visited.textlink, body.reverse a:active.textlink {border-bottom: 1px dashed #999;}
body.reverse a:hover.textlink {color: white; border-bottom: 1px solid white;}
body.reverse .post h3 {color: #ddd;}
body.reverse #sidebar {color: black;}
body.reverse #sidebar a {color: black; border-bottom: 1px dashed black;}
body.reverse #sidebar a:hover {border-bottom: 1px solid black;}
body.reverse #sidebar p, body.reverse #sidebar dl, body.reverse #sidebar form {color: black;}
body.reverse #mainnav ul li a {color: white;}
body.reverse #mainnav ul li a:hover {background-color: black;}
body.reverse #dailyphoto img {border: 1px solid black;}
body.reverse .galleryitem {background: transparent url(gallerylistreversebg.gif) no-repeat scroll top;}
body.reverse #pageBodyTop {background-image: url();}

body.reverse #container {border: 0;}
body.reverse #leftedge {display: block; margin: 0 auto; padding-left: 5px; background: transparent url(leftedgeblue.gif) repeat-y scroll left;}
body.reverse #rightedge {display: block; margin: 0; padding-right: 8px; background: transparent url(rightedgeblue.gif) repeat-y scroll right;}

body.reverse #navbar form #searchinputm {background-color: #AFD0FF;} /* #5997EF; */


/* reverse 2 */

body.reverse2 .s1rev2 {border-color: #FFA500;}
body.reverse2 .s1low {border-color: gray;}
body.reverse2 h2 {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
body.reverse2 h2 {color: white! important; background: #2C5983 url(bglayerside2.jpg) repeat-x scroll left center;}
body.reverse2 div.hr, body.reverse2 div.hrportfolio {background: transparent url(hrbg_blue.jpg) no-repeat scroll center;}
body.reverse2 #header {background: #8DC4FD url(headerpic.jpg) repeat scroll left;}
body.reverse2 #navbar {background: #394142 url(menubg.jpg) repeat scroll left top;}
body.reverse2 #footer {background-color: #294670;}
body.reverse2 .subnavbar, body.reverse2 .subnavbar a, body.reverse2 .subnavbar a:hover {color: white;}
body.reverse2 .thumbwrapper, body.reverse2 .thumbwrapperlrg {background-color: #666;}
body.reverse2 .thumbscroller a {border: 1px solid #333;}
body.reverse2 #pageBodyTop {background-image: url(horizshadow_reverse.gif);}
body.reverse2 div.hrtop {background-image: url(horizshadow_reverse.gif);}
body.reverse2, body.reverse2 a {color: #ddd;}
body.reverse2 #container {background: #003;}
body.reverse2 .contentBgSidebar {background-image: url(sidebarreverse2bg.gif);}
body.reverse2 a.textlink, body.reverse2 a:visited.textlink, body.reverse2 a:active.textlink {border-bottom: 1px dashed white;}
body.reverse2 a:hover.textlink {color: white; border-bottom: 1px solid white;}
body.reverse2 .post h3 {color: #ddd;}
body.reverse2 #sidebar {color: white;}
body.reverse2 #sidebar a {color: white; border-bottom: 1px dashed white;}
body.reverse2 #sidebar a:hover {border-bottom: 1px solid white;}
body.reverse2 #sidebar p, body.reverse2 #sidebar2 dl, body.reverse2 #sidebar form {color: white;}
body.reverse2 #mainnav ul li a {color: white;}
body.reverse2 #mainnav ul li a:hover {background-color: black;}
body.reverse2 #dailyphoto img {border: 1px solid white;}
body.reverse2 .galleryitem {background: transparent url(gallerylistreversebg.gif) no-repeat scroll top;}

body.reverse2 #pageBodyTop {background-image: url();}
body.reverse2 #navbar {background: #294670 url() no-repeat scroll top;}
body.reverse2 {background: #2C5983 url(bglayerside2.jpg) repeat scroll 0% 0%;}
body.reverse2 #container {border: 0;}
body.reverse2 #leftedge {display: block; margin: 0 auto; padding-left: 5px; background: transparent url(leftedgeblue.gif) repeat-y scroll left;}
body.reverse2 #rightedge {display: block; margin: 0; padding-right: 8px; background: transparent url(rightedgeblue.gif) repeat-y scroll right;}
body.reverse2 #navbar form #searchinputm {background-color: #AFD0FF;}
body.reverse2 #article dl dt {padding-left: 20px; background: transparent url(dl_bullet_reverse.gif) no-repeat scroll left center;}
body.reverse2 #article ul li {list-style-image: url(dl_bullet_reverse.gif)}



/* narrow */

/* body.narrow #container {width: 712px;} */
body.narrow .s1wide {
	border-color: #bbb;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
}


/* wide */

body.wide #container, body.wide #footer {border-width: 0;}
body.wide #container {width: 100%;}
body.wide #leftedge, body.wide #rightedge {
	padding: 0px 0px 0px 0px! important;
	background: transparent url() no-repeat scroll left
}
body.wide #footer {width: 100%;}
body.wide .s1wide {
	border-color: #444;
	border-right: 2px solid #bbb;
	border-bottom-color: #bbb;
}


/* justify */

body.justify p, body.justify .post dd {text-align: justify;}
body.justify .s1align {
	border-color: #bbb;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
}


/* left align */

body.leftalign .s1align {
	border-color: #444;
	border-right: 2px solid #bbb;
	border-bottom-color: #bbb;
}


/* body {font-family: Serif; font-size: 100%;} */

body.smallfont {font-size : 76%;}
body.smallfont .s1fontsize {
	border-color: #bbb;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
}

body.bigfont {font-size : 90%;}
body.bigfont .s1fontsize, body.serifbigfont .s1fontsize {
	border-color: #444;
	border-right: 2px solid #bbb;
	border-bottom-color: #bbb;
}


body.linksnewwindow .s1extlinks {
	border-color: #444;
	border-right: 2px solid #bbb;
	border-bottom-color: #bbb;
}

body.seriffont {font-family: Serif; font-size: 90%;}
body.serifbigfont {font-family: Serif; font-size: 110%;}
body.seriffont .s1serif, body.serifbigfont .s1serif {
	border-color: #444;
	border-right: 2px solid #bbb;
	border-bottom-color: #bbb;
}


.blogcontainer, .prodcontainer {width: 100%; float: left;}

/* body.threecolumn {stylethreecol.gif} */
body.threecolumn .blogcontainer {width: 48%; float: left; font-size: 92%;}
body.threecolumn .prodcontainer {width: 48%; float: right; font-size: 92%;}
body.threecolumn .s1threecolumn {
	border-color: #444;
	border-right: 2px solid #bbb;
	border-bottom-color: #bbb;
}
/*
body.threecolumn #mainContent {background: transparent url(watermark.gif) no-repeat scroll bottom left;}
*/
body.threecolumn .blogcontainer h3, body.threecolumn .blogcontainer p, body.threecolumn .prodcontainer h3, body.threecolumn .prodcontainer p {padding-left: 0px;}

body.threecolumn.reverse2 #mainContent {background: transparent url() no-repeat scroll 0% 0%;}

} /* end of style switcher */



/*
.button {background: white url(button_bg.gif) repeat-x scroll center;}
.button {font-family: arial,verdana,san serif; font-weight: bold; font-size: 11pt;}
*/


.ex1container {
	width: 300px;
	background-color: #eee;
	/* trick to extend bg colour around floating cols */
	border-bottom: 1px solid #ccc;
}

#ex1col1, #ex1col2 {
	width: 140px;
	float: left;
}

#ex1col2 {float: right;}

.endfloats {clear: both;}

.ex1gap, .ex1container {margin-top: 6px;}


/* example 2 */

.ex2container, .ex2plain {width: 300px;}

.ex2content, .ex2plain, .ex2simulated {
	border: 3px solid gray;
	padding: 10px;
	background-color: #c99;
}

.ex2plain {background-color: #999;}

.ex2simulated {background-color: #699;}

.ex2plain, .ex2container {margin-top: 6px;}


.articlegap {background-color: white;}

body.reverse2 .articlegap {background-color: #003;}

.super1 {/* position: relative; top: -6px; */ font-size: 80%; line-height: 60%; vertical-align: super; }