/*firefox scroll bar work around */
html {height:100%}

body {min-height:101%} 

body {
	margin: 0px 0 0 0;
	padding: 0;
	border:0px;
	background: #515151;
	/*background: #787878;*/
	font:11px verdana, sans-serif;
	color: #262626;
	line-height:15px;
	
	}
/*MAIN STRUCTURE STYLES */
#container {
	margin:0 auto;
	padding:0;
	width:798px;
	background: #fff;
	border-top:0px solid #000;
	background: #fff url(../i/bg-main.gif) top center repeat-y;
	}	
	
#mainframe_full {
	margin:0 auto;
	padding:0;
	width:760px;
	background: #fff;
	border-top:5px solid #990100;
	border-bottom:2px solid #990100;
	
	}
/*if side bar background image used*/
#mainframe_split {
	margin:0 auto;
	padding:0;
	width:760px;
	background: #fff url(../i/) top center repeat-y;
	}	
	
#contentFull{
	border:0px solid;
    padding:0px 8px;
	margin:0 auto;
	width:690px;
	min-height:380px;
	height:auto !important;
  	height:380px;
}

/* NOTE; when items are floated left and have a left margin on them then IE doubles the left margin!! great hey. so we have to use the important rule to apply the margin we actually want - for firefox etc and then half the value we actually want for ie*/
#contentLeft {
    border:0px solid;
    padding:0px 8px;
	margin:0 0px 0 25px !important;
	margin:0 0px 0 13px;
	width:490px;
	float:left;
	min-height:385px;
	height:auto !important;
  	height:385px;
	}
#contentRight {
    border:0px solid;
    padding:0px 8px;
	margin:0px;
	width:570px;
	float:left;
	min-height:385px;
	height:auto !important;
  	height:385px;
	}
	
#midContent{
	border:0;
    padding:0px 2px;
	margin:0px;
	width:410px;
	float:left;
	min-height:385px;
	height:auto !important;
  	height:385px;

}

/*side left nav*/	
#leftPanel {
	margin:5px 0px 0 10px !important;;
	margin:5px 0 0 5px;
	padding-top:10px;
	font-size:100%;
	color: #444;
	width:130px;
	float:left;
	border:0;
	}		
		
		#leftPanel h1, #rightPanel h1 {
			font-size:100%;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin-bottom:-15;
			font-weight:bold;
			padding:0px 5px 0px 5px;
			color: #666;
		}
		
		#leftPanel h2 {
			font-size:100%;
			text-transform: uppercase;
			letter-spacing: 0px;
			margin:0;
			padding:20px 5px 0px 5px;
			color: #5C6F78;
			}
			
		#leftPanel ul, #rightPanel ul{
			margin:0px 0 5px 5px;
			padding:0;
			list-style:none;
		}
			
		#leftPanel ul li, #rightPanel ul li{
			padding:3px 0 3px 0;
			color:#cc0000;
		}
		
		#leftPanel p, #rightPanel p{
			padding:5px 5px;
			margin:0;
}
	
	
#rightPanel {
	margin:25px 0px 0 10px !important;
	margin:25px 0px 0 5px;
	padding-top:15px;
	font-size:100%;
	color: #555;
	width:180px;
	float:left;
	border:0;
}	
	
		
#header {
	width:798px; height: 80px;
	background: url(../i/header.gif);
	margin:0 auto;
	padding:0;
	position: relative;
	border:0px solid;
	top:0;
	}
	
 .fix{
 margin:0 auto;
 padding:0;
 clear:left;
 }
 
/*MAIN STRUCTURE STYLES ENDS */

/*FOOTER STYLES */

#footer {
	background: #fff url(../i/footer_bkg.gif) top center repeat-y;
	width:798px;
	height:35px;
	margin:0 auto;
	text-align:right;
	font-size:90%;
	}
	
#footer p{
	padding:5px 40px 0px 0;
	color:#999;
}
#footer a{
	color:#999;
	padding:4px 0;
	margin:4px 0;
}
	
#footer a:hover{
	text-decoration:underline;
}
/*FOOTER STYLES END */

/* NAVIGATION STYLES*/
#nav {
	background: #fff;/*url(../i/nav_bkg.gif) repeat-x top left;*/
	height:22px;
	padding:0;
	margin:2px 0 8px 0;
	line-height:18px;
	border-botom:0px solid;
	/*border-top:3px solid #858585;*/
	}
	
#navtabs {
	height: 22px;
	margin:0;
	border-top:3px solid #cecdcd;
	border-bottom:2px solid #E1E1E1;
	padding:0;
	}

#navtabs li {
   display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	
    }
#navtabs li.logOut a{
	width:50px;
}
#navtabs a {
    height:19px;
	text-align: center;
	display: block;
	width:90px;
	color:#666;
	font-size:11px;
	font-weight:normal;
	padding-top:3px;
	text-decoration:none;
    }
#navtabs a:hover {
	background-color:#fff;
	color:#990100;
	text-decoration:none;
	}
	
/* create on states by defining page id and the navigation list id */
body#homePg #nav li#home a,
body#bioPg #nav li#bio a,
body#journalPg #nav li#journal a,
body#galleriesPg #nav li#galleries a,
body#reviewsPg #nav li#reviews a,
body#workshopsPg #nav li#workshops a,
body#exhibitsPg #nav li#exhibits a,
body#artIntroPg #nav li#galleries a,
body#contactPg #nav li#contact a,
body#personalPg #nav li#personal a{
	background-color:#fff;
	color:#990100;
	
}	
/* NAVIGATION STYLES END*/	

/*GENERAL TAG STYLES */
a{
	color: #355482;
	text-decoration: none;
	}

a:hover {
	color: #5E5E5E;
	text-decoration: none;
	}
	
a.on{
	font-weight:bold;
	color: #990010;
	text-decoration:underline;
}
p{
	padding:4px 0px;
	margin:0;
}
p.left{
	float:left;
	padding:4px 0;
	margin:0;
}
p.right{
	float:right;
	padding:4px 0;
	margin:0;
}
p.small{
	font-family:arial;
	font-size:80%;
}

p.darker{
color:#333;
}

span.sold{
color:#660000;
}
span.available{
color:#339933;
}

ol,ul {
	padding:0px 25px 5px 25px;
	margin:0 30px;
	border:0px solid;
}

#contentmain li, #contentFull li{
	padding:3px 0px 3px 0px;
	
	
}


h1 {
	font: 1.6em verdana, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	/*color: #0b3d9f;*/
	color: #990100;
	margin:0;
	padding:2px 3px 4px 0px;
	}
	
/* h2 for home page headings in the panels*/
h2 {
	font:1.5em verdana, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	color: #00297B;
	margin:0;
	padding:10px 0px 0px 0px;
	}
h2.reviews{
	font:12px  verdana, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	color: #00297B;
	margin:0;
	padding:10px 0px 5px 0px;

}
/* h3 for gallery page titles*/	
h3 {
	font:13px  verdana, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	color: #00297B;
	margin:0;
	padding:20px 0px 5px 0px;
	}

/*sub titles*/
h4 {
	font:13px  verdana, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	color: #00297B;
	margin:0;
	padding:0px 0px 5px 0px;
	}
	
/*for admin box */	
h5 {
	font:12px verdana, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	color: #444;
	margin:0;
	background:#ddd;
	border-bottom:1px solid #ddd;
	padding:2px 0px 2px 0px;
	}
	

/* for art titles*/	
h6 {
	font:10px  verdana, sans-serif;
	font-weight:normal;
	color: #0b3d9f;
	border:0px solid;
	margin:4px 0 0 0;
	padding:5px 5px 4px 5px;
	}
	
span.sub{
	display:block;
	padding: 2px 0px 8px 0;
	color:#0b3d9f;
	font-weight:bold;
}	
img {
	border:0;
	}
	
img#border{
	border:1px solid #d1d1d1;
	padding:5px;
}
/*for images that are uploaded thru admin to align right or left*/
img.alignRight{
	float:right;
	margin:8px 10px 8px 30px;
	
}
img.alignLeft{
	float:left;
	margin:8px 15px 8px 10px;
	
}
/*HOME PAGE STYLES*/
div.homeImages{
	text-align:center;
}
	
	
/*GALLERY STYLES */
#thumbnails  {
	
	width:560px;
	margin-left:0px;
	margin-top:10px;
	border:0px solid;
	}

.thumb {
	border: 1px solid #EDEDED;
	padding:3px;
	margin:0;
	background: White;
	}
.adminThumb{
	padding:4px;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	border: solid 1px #d1d1d1;
}	
/*used in the admin section so we can have the image order buttons line up*/

.thumbHolder{
	width:170px;
	height:234px;
	text-align:center;
	float:left;
	margin:4px;
	padding:2px;
	border:0px solid #d1d1d1;
}

.thumbHolder2{
	width:162px;
	height:210px;
	text-align:center;
	float:left;
	margin:0px;
	padding:5px;
	border:0px solid #d1d1d1;
}

.adminThumbHolder{
	width:162px;
	height:234px;
	text-align:center;
	float:left;
	margin:0;
	padding:1px;
}

.imgOrder{
	padding:0px 0 4px 0;
	line-height:14px;
	height:50px;
	margin:0 auto;
	text-align:center;
	font-family:arial ,sans-serif;
}

#bigPic{
	text-align:center;
}

#bigPic img{
	border: solid 1px #d1d1d1;
	padding:0px;
	margin:40px 0;}
	
#artButtons{
	border:0;
	text-align:left;
	width:170px;
	height:23px;
	padding:0px;
	margin:0px 0 0 0px;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	color:#b2b2b2;
	font-family: verdana, Arial, Helvetica, sans-serif;
}
#artButtons img{
	vertical-align:middle;
}
#artButtons a{
	padding:0 4px;
	border:none;
}
#artButtons .on{
	color:#596e83;
}
p#moreThumbs{
	display:inline;
	width:200px;
	text-align:right;
	padding-top:10px;
	float:right;
	padding-right:20px;
	margin:0;
	border:0px solid;
	clear:all;
}
p#instruct{
	margin:0;
	padding:0;
	display:block;
	font-size:90%;
	font-style:italic;
	clear:left;
	
}
p.artInfo{
	margin:0;
	padding:4px 30px;
}
p#slideshowBut{
	display:inline;
	width:270px;
	margin:0; 
	padding:0px 30px 4px 30px;
	float:left;
	border:0;
}
/*GALLERY STYLES END */

/*MISCELLANEOUS STYLES */

.bioPic{
	margin:0 0px 20px 20px;
	border:1px solid #b2b2b2;
	
}
hr{
	 color: #ddd;
     background-color: #ddd;
     height: 1px;
	 border:0;
}
hr.solid{
	color: #ddd;
     background-color: #ddd;
     height: 1px;
	 border:0;
}

p.border{
	border-bottom:1px solid #fff;
}


/*contact form styles */

input.email {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dotted #999999;
	color:#333;
	font-size:12px;
}
input.contactBut{
	border:none
}

textarea{
	border : 1px solid #999999;
	color:#333;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:4px;
}

p.send{
	width:330px;
	padding:0;
	margin:0;
	text-align:left;
}

p.form{
	margin-left:0px;
	
}

p.italic{
	font-style:italic;
	margin:0;
	padding:10px 0px 10px 0px;
	font-size:10px;
}
/*ADMIN STYLES */

#admin{
	border:1px solid #ddd;
	width:670px;
	padding:5px;
	margin: 0 auto 30px auto;
	background:#efefef;
}

div.admin_items{
	height:26px; 
	padding:5px 0 0 0; 
	border-bottom:1px solid #ccc; 
}

#login{
	padding:5px;
	margin: 10px auto;
	width:320px;
	border:1px solid #ccc;
	text-align:left;
}
#login p, #login h2{
	margin:0;
	padding:4px 20px;
}

input{
	background-color : #fff;
	border:solid 1px #999;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin:0;
	padding:2px;
}

p.inputTitle{
	width:125px;
	float:left;
	vertical-align:bottom;
	text-align:right;
	padding:7px 10px 4px 0;
	margin:0;
}

p.inputFields{
	padding:4px 0px 4px 10px;
	margin:0;
}
p.updated{
    padding:4px 0;
	font-weight:bold;
	font-style:italic;
}

a.button:hover{
	text-decoration:underline;
	color:#333;
}
input.submitBut{
	background-color : #ddd;
	border:solid 1px #999;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	font-size : 11px;
	padding:2px;
	margin-bottom:-3px;
}
/*Form buttons like for the edit and delete*/

a.back{
	text-decoration:underline;
}
a.butEdit{
	background: url(../i/admin_but_edit.jpg) no-repeat;
	display:block;
	padding:4px 0px 0 0px;
	margin:2px 5px 0 0px;
	float:left;
	width:67px;
	height:23px;
	color:#fff;
}
input.butEdit{
	background: url(../i/admin_but_edit.jpg) no-repeat;
	padding:0 0 3px 0;
	margin:0px 5px 0 0px;
	width:67px;
	height:23px;
	color:#fff;
	border:none;
}
a.butDelete{
	background: url(../i/admin_but_delete.jpg) no-repeat;
	display:block;
	padding:4px 0px 0 0px;
	margin:2px 5px 0 0px;
	float:left;
	width:67px;
	height:23px;
	color:#fff;
}
a.butDeleteLong{
	background: url(../i/admin_but_delete_long.jpg) no-repeat;
	display:block;
	padding:4px 0px 0 0px;
	margin:0px 5px 0 0px;
	float:left;
	width:126px;
	height:23px;
	color:#fff;
}
a.butLong{
	background: url(../i/admin_but_add.jpg) no-repeat;
	display:block;
	float:left;
	padding:4px 0px 0 0px;
	margin:0 5px 0 0px;
	width:126px;
	height:24px;
	color:#4e4e4e;
}


input.butLong{
	background: url(../i/admin_but_add.jpg) no-repeat;
	padding:0 0 3px 0;
	margin:0 5px 0 0;
	width:126px;
	height:24px;
	color:#4e4e4e;
	border:none;
}

a.butHelp{
	background: url(../i/admin_but_help.jpg) no-repeat;
	display:block;
	padding:6px 0px 0 0px;
	margin: 0px;
	float:left;
	width:130px;
	height:27px;
	color:#fff;
}
a.butHelpImage{
	background: url(../i/admin_but_help_image.jpg) no-repeat;
	display:block;
	padding:6px 0px 0 0px;
	margin: 0px;
	float:left;
	letter-spacing:-0.1ex;
	width:130px;
	height:27px;
	color:#fff;
}

a.butDelete:hover, a.butEdit:hover, a.butHelp:hover, a.butHelpImage:hover,a.butDeleteLong:hover{
	color:#ccc;
	text-decoration:none;
}
a.butLong:hover, a.butShort:hover{
	color:#999;
	text-decoration:none;
}

/* editor styles*/

/* editor styles*/
div.editor{
	border:1px solid #ddd;
	width:640px;
	padding:10px;
	margin:10px auto;
	background:#efefef;
}
div.editor p{
	padding:4px 0;
	margin:0;
}


div.previewBox{
	border:1px solid #ddd;
	width:580px;
	padding:10px;
	margin:10px auto;
	min-height:230px;
	height:auto !important;
  	height:230px;
	background:#efefef;
}
h4.bar {
	font:12px verdana, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
	color: #444;
	margin-left:-10px;
	margin-right:-10px;
	margin-top:-10px;
	margin-bottom:10px;
	background:#ddd;
	padding:2px 0px 2px 10px;
}
.editorBar{
	margin: 0;
	padding: 3px;
	width: 550px;
	background:#efefef;
	text-align:right;
	
}


div#photoEditor_col1{
	width:362px;
	float:right;
	text-align:center;
	border:0;
}
div#photoEditor_col2{
	width:246px;
	border-right:1px dotted #ccc;
	float:left;
	padding:0 7px;
	border-right:1px solid #fff;
}
input.editorBut{
	background-color : #ddd;
	border:solid 1px #999;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	font-size : 11px;
	padding:2px;
	margin-bottom:-2px;
}