@charset "utf-8";
/* CSS Document */

body{background:url(../images/texture.jpg);margin: 0;  padding: 0;  }
#GalleryView{width:960px; margin:20px auto;width:540px; padding:70px 210px; background:url(../images/texture4.jpg); font-size:1.4em;line-height:1.8em;font-family:Arial, Helvetica, sans-serif;}
#GalleryView img,#EditGalleryView img{border:4px solid #000;margin: 10px;}#GalleryView img:hover,#EditGalleryView img:hover{border:4px solid #333;}
#EditGalleryView img,#OtherImages img{border:4px solid #000;margin: 10px 0 0 10px; }
#EditGalleryView,#OtherImages,#AddImage{width:940px; margin:20px auto; padding:10px 10px; padding-bottom:40px; background:url(../images/texture4.jpg); font-size:1.4em;line-height:1.8em;font-family:Arial, Helvetica, sans-serif; position:relative;}
#EditGalleryView ul,#OtherImages ul{list-style:none;}
#EditGalleryView li,#OtherImages li{ float:left;}
.BoxLabel{line-height:20px;font-size:20px;}
.placeholder{ background:url(../images/texture.jpg); width:100px; height:100px; border:4px solid #999;margin: 10px 0 0 10px; }
.header{background:url(../images/texture3.jpg);width:960px;height:66px; margin:0 auto;}
.clearfix:before,.clearfix:after {content: ""; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#Gallery{ padding-bottom:10px;background:url(../images/texture.jpg);position:relative; z-index:1; }

#GalleryBlock{position:relative;width:960px;height:632px; margin: 0 auto;}
#GalleryDisplay{padding:1em 0;max-width:600px;float:left;}


#Caption{float:left; padding:2em; margin:1em 0 1em 1em;background:url(../images/texture2.jpg); font-family:Arial, Helvetica, sans-serif;

-webkit-box-shadow:.2em .2em .5em rgba(0, 0, 0, 0.1),inset 0 0 1em rgba(255,255,255,0.8);
-moz-box-shadow:.2em .2em .5em rgba(0, 0, 0, 0.1),inset 0 0 1em rgba(255,255,255,0.8);
box-shadow:.2em .2em .5em rgba(0, 0, 0, 0.1),inset 0 0 1em rgba(255,255,255,0.8);

}
#Caption>div{font-size:1em;line-height:1.2em;}
#Caption>h1#Title{font-size:1.8em;line-height:1.6em; font-weight:600;margin-top:0;}
#Caption>div#Description{font-size:1.2em;line-height:1.6em; margin-top:0;}
#Title,#Description{ font-family: 'Shadows Into Light', cursive;}
#GalleryDisplay>img{-webkit-box-shadow:.3em .5em 1em rgba(0, 0, 0, 0.2);-moz-box-shadow:.3em .5em  1em rgba(0, 0, 0, 0.2),inset 0 0 .3em #fff;;box-shadow:.3em .5em  1em rgba(0, 0, 0, 0.2),inset 0 0 .3em #fff;

}
#ImageDetailsForm>label{ font-size:12px}

#GalleryThumbsLContainer{float:left; margin-top:16px;width:80px;}
#GalleryThumbsLContainer>.scrollBox{margin:0;float:left;overflow:hidden;z-index:3;width: 80px; height:568px; }
.GalleryThumb>img{width:60px;height:60px;}
#GalleryThumbsL{margin:0;}
#GalleryThumbsL>.GalleryThumb{ margin: 0 3px 3px 0;}

.GalleryThumb{border:4px solid #000;width:60px;height:60px; float:left; }
.GalleryThumb>img{ border:none;}
.GalleryThumb.on{ border:4px solid #fff; }
.GalleryThumb:hover:not(.on){ border:4px solid #333; }

#GalleryThumbsLContainer>.GTBack,#GalleryThumbsLContainer>.GTForward{width:30px;height:19px; background:url(../images/arrows.png); margin:0 0 0 20px;}
#GalleryThumbsLContainer>.GTBack{float:left; background-position:left top; }
#GalleryThumbsLContainer>.GTForward{float:left; background-position:left bottom; }
#GalleryThumbsLContainer>.GTBack:hover{float:left; background-position:right top; }
#GalleryThumbsLContainer>.GTForward:hover{float:left; background-position:right bottom; }

.Original,.Print{ background:#ccc;margin-top:10px;}
.Original>.label,.Print>.label{padding:10px; font-weight:bold;}

.Cost>.amount{padding:10px;width:80px;}
.Print>.Cost>.amount{clear:both;}
.Print>.Availability{padding:10px;}
.Cost>.Currency>select{margin:8px;}

.Availability{padding:10px;margin:10px; font-weight:bold; border-radius:4px; text-shadow:0 1px 3px #999;}
.Availability.Sold{ background:#ccc}
.Availability.ForSale{ background:#C2C4EF;}
.ButtonContainer{float:right;}
.menubutton{ background:url(../images/menu.png);width:150px;height:40px;float:left; margin-top:26px}
.menubutton#AboutMeButton{ background-position:top left;}
.menubutton#ContactPageButton{ background-position:top center;}
.menubutton#GalleryPageButton{ background-position:top right;}
.menubutton#AboutMeButton:hover{ background-position:left -40px;}
.menubutton#ContactPageButton:hover{ background-position:center -40px;}
.menubutton#GalleryPageButton:hover{ background-position:right -40px;}
#ContactPageButton.currentpage{ background-position:bottom center;}
#GalleryPageButton.currentpage{ background-position:bottom right;}
#AboutMeButton.currentpage{ background-position:bottom left;}
#ContactPage,#AboutMePage{display:none;}

#Contact,#AboutMe{margin:20px auto;padding:40px;width:880px;font-family: 'Shadows Into Light', cursive; font-size:20px;background:url(../images/texture2.jpg); text-align:justify;}
#Contact>h1,#AboutMe>h1{margin-top:0;}


#contact-form label{display:block}
#contact-form{padding:20px;}.desc{padding-left:10px;}
#contact-form,.desc {font-size:18px;line-height:1.6; }
#contact-form .formblock .txt { padding: 4px 6px;  width: 330px; }
#contact-form .formblock .txtarea {  padding: 3px 5px; width: 330px; height: 140px; }

.designBy{ font-size:12px;position:absolute; bottom:0;right:0; padding:10px; font-family:"Actor", cursive; text-shadow:2px 2px 2px #aaa;}
.designBy>a{text-decoration:none; color:#003;}

.Button.UploadImage>img{ width:100px; height:100px;}


#CaptionForm{float:left; padding:4px; margin:1em 0 1em 1em;background:url(../images/texture2.jpg); font-size:12px; font-family:Arial, Helvetica, sans-serif; border-radius:4px; }
#CaptionForm label{float:left;padding:10px;text-align:right;width:80px;}
input,textarea{margin-bottom:10px; padding:4px;}
select{line-height:24px;padding:4px;}
input[type="number"],input[name="Size_w"],input[name="Size_h"]{width:80px;}
input[name="Title"]{width:98%;}
textarea[name="Description"]{width:100%;height:100px; box-sizing:border-box;-ms-box-sizing: content-box}
.KC{ list-style:none;margin:0;padding:6px;border-radius:6px; background:#666; font-size:14px;}
.KC>.KW{position:relative;float:left;padding:4px 24px 4px 4px;background:#fff;margin:0 4px 2px 0; border-radius:4px; }
.KC>.KW:not(.New){cursor:pointer;}
.KC>.KW.New{padding:3px;width:80px;border: 2px solid #999;}

.KC>.KW .Del{position:absolute; right:4px;width:16px; height:16px; background: url(../images/x.png);}

#AboutMeEditor,#ContactEditor{width:100%;height:500px;}
input[type="submit"]{width:100px;margin:4px;float:right;}
fieldset{margin-bottom:10px;}
.ContactForm{position:absolute; top:100px;left:50%;margin-left:-300px; width:600px; padding:30px; background:#ccc;}

-->