/*--- Joan Boryta css ---*/
/*-------- 9/9/07 8:55PM ----------*/
/*   
Theme Name: jbMain
Theme URI: www.joanboryta.com
Description: Theme for Joan Boryta
Author: Allan Douglas, DDGraphics WebMedia
Author: URI: www.ddgwebmedia.com
 */
/**********************************/
/* @group HTML Elements */

/*-------- HTML Elements --------*/
body {
	font-family: "Apple Chancery", "Sans Serif";
	color: #333;
	font-size: 1em;
	margin: 0;
	padding: 3em;
	background-color: #447281;

}
p, td, h1, h2, h3, h4, h5, ul, li {
	font-family: "Apple Chancery", "Sans Serif";
	color: #333;
}
a {
	text-decoration: none;
}
img {
	border: 0;
}
p {
	font-size: 1em;
	margin: 0 .5em .5em;
}
h1 {
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
/*-------- End HTML Elements --------*/

/* @end HTML Elements */
/************************/
/* @group ID Selectors */

/* ---- ID Selectors ---- */
/*------ Wrapper Stuff ------*/
#wrapper {
	vertical-align: middle;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background-color: white;
	border: thick groove #666;
}
/*--- End Wrapper Stuff ---*/
/*********************************/
/*---- Main Container Stuff 
#maincontainer {
	clear: both;
	margin: 0;
	width: 99%;
}
----*/
/* @end ID Selectors */
/********************************/
/* @group Header */
/*---- Main Header Bar ---- */
#header {
	margin: 0;
	width: 100%;
	border-bottom: medium groove #447281;
}
#header h1 {
	text-align: center;
	margin: 0;
	padding: 0;
	font: 3em LainieDaySH;
}
#header h3 {
	text-align: center;
	margin: 0;
	padding: 0 0 1.5em;
}

/*---- Header SplitEm ----*/
div.hdrrow {
 	clear: both;
	width: 100%;
}
div.hdrleft {
	float: left;
	width: 45%;
	margin: .8em 0 .5em .8em;
}
div.hdrcenter {
	float: left;
	width: 69%;
	margin-top: 2em;
}

div.hdrright {
	float: right;
	width: 50%;
	text-align: right;
	margin-top: 7.5em;
	margin-right: .8em;
}
/*--- End Header SplitEm Stuff ---*/
/*---- BasicTopNav  ----*/
#topnav {
	margin: 0;
	width: 100%;
	
}
div.topnavright {
	float: right;
	width: 99%;
	text-align: right;
	margin-top: 0;
	margin-right: .8em;
	font-size: .8em;
}
/*--- End BasicTopNav  Stuff ---*/

/* @end Header */
/*********************************/
/* @group Sub Content */

#subcontent {
	clear: both;
	float: left;
	width: 230px;
	margin: 0 0 1em;
}
/* @group Left Column Stuff */

/*---- Left Column Stuff 
#leftcol {
	float: right;
	margin: 0;
	width: 200px;
	min-height: 470px;
	background: url(../SiteAssets/GIF/bfhLftColNavBnnr.gif) no-repeat right top;
}
----*/


/*---- IDs used Portfolio Image Rollovers ---- */
#imgthmbswrapper {
	position: relative;
	width: 100%;
	margin: 0;
	border-right: thin solid #333;
}
#imgthmbswrapperabt {
	position: relative;
	width: 100%;
	margin: 0;
	text-align: center;
}	

#imgthmbswrapper p {
	margin: 1.3em 1em 0;
	font-size: 1em;
	line-height: 1.5em;
}
#imgthmbswrapper h3 {
	text-align: center;
	margin: 1.5em .5em 0;
}

#imgcontainer {
	position: relative;
	width: 100%;
	margin: 1em auto 0 0;
}	
#imgcontainer p {
	margin: 1.3em 1em 0;
	font-size: 1em;
	line-height: 1.5em;
}
#pfbigimage {
	margin: 1.3em 1em 0;
}
#pfbigimage p{
	text-align: center;
	margin: 1.3em 0 0;
}
#pfbigimage h3 {
	text-align: center;
	margin: 1em 0 0;
}
/*--#pfliveimage {
	text-align: center;
	position: fixed;
	top: 4em;
	left: 22em;
	background-color: white;
	border-right-color: white;
	border-left-color: white;
	border-left-style: solid;
	border-right-style: solid;
}
--*/
	
/*-------- Portfoilio Classes --------*/
/*-------- Classes --------*/
.pfliveimage {
	text-align: center;
}
.thmbsrow {
	clear: both;
	width: 100%;
}
.thmbsfloat {
	float: left;
	margin: .3em;
	width: 100px;
	height: 80px;
	text-align: center;
}
.thmbsfloatindx {
	float: left;
	margin: .3em auto .3em 10%;
	width: 80%;
	text-align: center;
}

.pfclear{
	clear: both;
}
.pftext {
	margin-top: 1em;
}
.pagenameimg {
	text-align: right;
	margin-top: 1em;
}
.photolabels{
	text-align: center;
	margin-top: .5em;
}
/*--- End Portfolio CSS ---*/
.subcntntbutton a:link, .subcntntbutton a:visited {
	display: block;
	padding: .3em;
	border: 1px outset #333333;
	background-color: #264900;
	color: #BF9946;
	width: 80%;
	text-align: center;
}
.subcntntbutton a:hover, .subcntntbutton a:active {
	display: block;
	padding: .3em;
	border: 1px solid #333333;
	background-color: #BF9946;
	color: #264900;
}
/*---- End Left Column Stuff ----*/

/* @end Left Column Stuff */

/* @end Sub Content */
/************************************/
/* @group Main Content */

#maincontent {
	float: left;
	width: 70%;
	margin: 0 0 1em .5em;
}

#maincontent img {
	margin: 0;
	padding: .5em .8em .5em 0;
}

#maincontent p {
	padding: 0;
	margin: .5em auto 0 .5em;
}
#maincontent .larger {
	font-size: 1.4em;
	font-weight: bold;
}

#maincontent h4 {
	text-align: center;
}


/* @end Main Content */
/********************************/
/* @group Contacts Page Stuff */

/*------ Contacts Page Stuff ------*/
/*----- Needed in every site that uses our DB for contact information -----*/
#contact {
	float: left;
	width: 98%;
	position: relative;
	margin: 0 .5em;
	padding: 0;
}
#contact .modules {
	clear: both;
	padding-top: 5px;
	text-align: center;
  }
#contact h2 {
	margin-bottom: 0px;
	-moz-border-radius: 10px;
	color: white;
	background-color: #447281;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
	text-align: center;
	margin-top: 15px;
}
#contact h4 {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0px;
	-moz-border-radius: 10px;
	color: white;
	background-color: #447281;
	border-bottom-width: medium;
	border-bottom-style: groove;
	border-bottom-color: #666666;
}
#contact h5 {
	text-align: center;
	font-weight: normal;
	color: #333;
}

#contact .contact {
	text-align: center;
	float: left;
	display: block;
	font-size: small;
	width: 33%;
}
#rightcolcntct {
	float: right;
	width: 20%;
	margin: 0;
	z-index: 0;
	position: fixed;
	left: 78%;
}
.rowcccntct {
	clear: both;
	width: 100%;
}
.imagerc {
	width: 100%;
	border: thick ridge white;
}
.imagecc {
	width: 31%;
	border: thick ridge white;
}
/******************************/
/*---------- Form Stuff ----------*/
#frmcontainer {
	background-color: #CCCCCC;
	width: 500px;
	border: thin dashed #660099;
	margin: 0 auto;
	clear: both;
}
#frmcontainer h2 {
	font-size: 1.1em;
	margin: .5em 0em;
}

div.row {
	clear: both;
	padding-top: 5px;
	text-align: center;
  }
div.row1 {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
div.row span.label {
  float: left;
  width: 145px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 355px;
  text-align: left;
  }
div.row span.labelcr {
	float: left;
	width: 30%;
	text-align: right;
}
div.row span.labelbg {
	float: left;
	width: 15%;
	text-align: right;
}
div.row span.formw {
	float: right;
	width: 60%;
	text-align: left;
} 
div.row span.formcr {
float: right;
width: 70%;
text-align: left;
color: #000066;
} 
div.row span.formbg {
float: right;
width: 10%;
text-align: left;
} 
div.rowbttns {
	clear: both;
	padding-top: .5em;
	text-align: center;
}
 
/*------ Form Button ------*/
.formbttn {
	cursor: pointer;
	background-color: #333;
	color: white;
	border: outset 1px #ccc;
	padding: 1px 2px;
}
.formbttnoff {
	background-color: #666699;
	color: #CCCCCC;
	border: outset 1px #ccc;
	padding: 1px 2px;
}

/*---- Button Classes ----*/
.sbmtbutton a:link, .sbmtbutton a:visited {
	width: 7em;
	display: block;
	border-top: medium solid #CCCCCC;
	border-right: medium solid #666;
	border-bottom: medium solid #666;
	border-left: medium solid #CCCCCC;
	color: navy;
	background-color: #FF7745;
	text-align: center;
	font-size: 1em;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}

.sbmtbutton a:hover, .sbmtbutton a:active {
	color: #FF7745;
	background-color: navy;
	text-align: center;
	border-top-color: #666;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #666;
}
 /*---- End Form CSS ----*/

/* @end Contacts Page Stuff */
/**************************************/
/* @group Navigation */

/*-------- Navigation --------*/
a:link, a:visited {
	color: #666666;
}
a:hover, a:active {
	color: #000000;
}

/*------Footer ------*/
#footer {
	clear: both;
	width: 90%;
	margin: 1em auto 0;
	text-align: center;
	font-size: .9em;
	padding: 3px;
	border-top: medium groove #447281;
	}
#footerb {
	clear: both;
	width: 90%;
	margin: 1em auto 0;
	text-align: center;
	font-size: .8em;
	padding: 3px;
	}

/* @end Navigation */
/***********************************/
/* @group Classes */

/*-------- Classes --------*/
/*------ ClearFix ------*/
/*---- Used to push divs ----*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */ 
/*--- End ClearFix ---*/

.row {
	clear: both;
}
.float {
	float: left;
	margin: 3px;
}
.smallcaps {
	font-variant: small-caps;
}
.imgaligncntr {
	display: block;
	text-align: center;
}
.imgcntrnegmargin {
	display: block;
	text-align: center;
}

.ddGraphics {
	font-family: "Comic Sans MS";
	font-size: .8em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.WebMedia {
	font-family: "Comic Sans MS";
	font-size: .8em;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

/* @end Classes */
/*************************/