/* @override http://kabinett.madebygleam.com/assets/css/screen.css */

/* @override http://kabinett.madebygleam.com/assets/css/screen.css */

/* ------------------------------------------------------------
	RESET STYLES
------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} 
table {border-collapse:collapse; border-spacing:0;} 
fieldset,img {border:0;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;}
/* remove link outline in ff */
a {outline: none;}
/* ie 5.5 friendly */
body {text-align: left;} 
table {font-size: 1em;} 
form {font-size: 1em;}

/* ------------------------------------------------------------
	HTML STYLES
------------------------------------------------------------ */
body {width: 648px; margin: 0 auto; background-color: #FFF; font:87.5%/1.2 Times, serif; color: #333333; padding-top: 40px;}
a {color: #333333; text-decoration: underline;}
a:hover {text-decoration: none;}
p {margin-bottom: 1.1em; margin-top: -3px;}
img {border: 1px solid #827A65;}
h2 {font-size: 1em; margin-bottom: 23px; padding-top: 17px; font-weight: normal; text-transform:uppercase; text-align: center; letter-spacing:1px;}
h2 a {text-decoration: none;}
h2 a:hover {text-decoration: underline;}

hr {display: none;}

/* ------------------------------------------------------------
	GLOBAL STYLES
------------------------------------------------------------ */
p#skip {height: 1px; text-indent: -9000px; overflow:hidden;}

em.reserved, em.sold { margin-left: 3px; font-family:Georgia, Times, serif; font-style:italic;}
em.reserved {color: #006600;}
em.sold {color: #660000;}

p#paypal {margin-top: 13px;}
p#paypal img {border: 0;}
p#caption {text-align: center; font-style: italic; margin: 3px 0 0 0; font-size:0.857em;}

.clear{clear: both;}

p#noResults {font:italic 0.93em Georgia, Times, serif; text-align: center; margin-bottom: 300px;}

/* ------------------------------------------------------------
	HEADER STYLES
------------------------------------------------------------ */
div#header {width: 648px; height: 82px; position: relative; background:transparent url(../images/header.gif) no-repeat 0 0px;}
div#header h1 {display: block; position: absolute; left: 96px; top: 0; width: 360px; height: 82px; text-indent: -9000em; z-index: 0;}
div#header h1 a {display: block; width: 360px; height: 33px; text-indent: -9000em; text-decoration: none;}

/* prim nav */
div#header ul {display: block; position: absolute; top: 39px; width: 648px; height: 27px;}
div#header ul li {display:inline;}
div#header ul li a {display: block; background-repeat:no-repeat; background-position:0 center; text-indent: -9000em; float: left; padding: 2px 0; height: 8px; margin: 7px 8px 0 8px; z-index: 2; position: relative; text-decoration: none;}
div#header ul li a:hover, div#header ul li.on a {border-bottom: 1px solid #999;}

div#header ul li#liLate a {width: 124px; background-image:url(../images/nav/late.gif);}
div#header ul li#liStor a {width: 72px; background-image:url(../images/nav/stor.gif); margin-left:91px;}
div#header ul li#liBrow a {width: 53px; background-image:url(../images/nav/brow.gif);}
div#header ul li#liArch a {width: 59px; background-image:url(../images/nav/arch.gif);}
div#header ul li#liCont a {width: 61px; background-image:url(../images/nav/cont.gif);}
div#header ul li#liSean a {width: 98px; background-image:url(../images/nav/sean.gif); margin-right: 0;}

/* ------------------------------------------------------------
	COLUMN CONFIG
------------------------------------------------------------ */

/* 2 columns */
body#cols2  div#col1, body#cols2 div#col2 {float: left; width: 308px; padding:0 8px;}

/* 2 uneven columns */
body#cols2Uneven  div#col1 {float: left; width: 306px; padding:0 8px 0 8px;}
body#cols2Uneven  div#col2 {float: left; width: 324px; padding:0 0 0 0;}
body#cols2Uneven  div#col2 ul#paginate {text-align: center;}

/* 3 columns */
body#cols3 div#col1, body#cols3 div#col2, body#cols3 div#col3 {float: left; width: 200px; padding: 0 8px;}

body#cols3 div#col2 {font-size: 1em;}
body#cols3 div#col2 p {margin-bottom:0;}
body#cols3 div#col3 {font-size: 0.857em;}
body#cols3 div#col3 h2 {font-size: 1.167em;}
body#cols3 div#col3 p {margin-bottom:0;}

/* ------------------------------------------------------------
	PAGE SPECIFIC STYLES
------------------------------------------------------------ */

/* home page */
.welcome {color: #4A4A30; font-size: 1.286em; line-height: 1.1;}
.welcome p {margin-bottom: 0.5em;}
#welcomeHeader {visibility:hidden;}

/* archive page */
div.archCol {font-size: 0.857em; margin: 0 8px;}
div.archCol h3 {font-size: 1.250em; font-weight: normal; letter-spacing:1px;}
div.archCol ol {margin-bottom: 14px;}
div.archCol ol li a {text-transform:uppercase; letter-spacing:1px; text-decoration: none;}
div.archCol ol li a:hover {text-decoration: underline;}

div.archCol ol li em.reserved, div.archCol ol li em.sold {font-size: 13px;}

ul#paginate {font-size: 0.857em; margin: 3px 0 0px 0; text-align: center; clear: both;}
ul#paginate li {/*display: block;*/ display: inline; font-weight: bold; text-align: center; padding: 0 2px;}
ul#paginate a {text-decoration: none; font-weight: normal;}
ul#paginate a:hover {text-decoration: underline;}


/* detail page */
div#col1 ul#cats {text-align: center; margin-top: 6px;}
div#col1 ul#cats li {display: inline; margin: 0 4px; font-size: 12px;}
div#col1 ul#cats li a {text-decoration: none;}
div#col1 ul#cats li a:hover {border-bottom: 2px solid #CCCCCC;}

div#col2 div#detail {text-align: center;}
div#col2 div#detail p#paginate {font-size: 0.857em; margin: -3px 0 16px 0;}
div#col2 div#detail p#paginate a {text-decoration: none; padding: 0 3px;}
div#col2 div#detail p#paginate a:hover {text-decoration: underline;}

div#col2 div#detail h3 {font-size: 1.143em; letter-spacing:1px; text-transform:uppercase; margin-bottom: 17px; line-height:1.3;}
div#col2 div#detail h4 {font:italic 0.857em Georgia, "Times New Roman", Times, serif; margin-bottom:2px;}
div#col2 div#detail h5 {font-size: 0.857em;}
div#col2 div#detail ul {margin: 12px 0 20px 0; }
div#col2 div#detail ul li{display: inline; margin: 6px;}

div#col2 div#detail #price {font-family: georgia, times, serif; font-size: 1em;}
div#col2 div#detail #price strong {font-weight: normal;}
div#col2 div#detail #price em {font-size: .8em;}

div#col2 div#detail #price em.reserved, div#col2 div#detail #price em.sold {font-size: 1em;}

div#col2 div#detail p#purchase {text-align: center; position: relative; font-size: 12px;}
div#col2 div#detail p#purchase span.option {display: block; width: 134px; float: left; padding: 0 10px; margin-bottom: 1em;}
div#col2 div#detail p#purchase em {width: 16px; position: absolute; top: 0.3em; left: 146px; font-family: georgia, times, serif;  font-size: 13px;}
div#col2 div#detail p#purchase a {text-transform:uppercase;}

/* buy form */
form#buy_form {display: inline;}
div#col2 div#detail p#purchase form#buy_form span#buy_span {display: inline;}
form#buy_form #submitter {display: inline;}
form#buy_form #submitter input {display: inline; width: 10px;}
/*form#reserve_form #submitter submit {display: inline;}*/





div#col2 div#detail p#paypal {width: 134px; height: 31px; display: block; clear: left; margin-left: 0;  padding: 0 10px;text-align: center;}

/* contact page */
span.org {display: none;}
a.email {text-decoration: none;}
a.email:hover {text-decoration: underline;}

/* browse styles */
div#browseBlocks ul {width: 648px; font-size: 0.929em;}
div#browseBlocks ul li {float: left; text-align: center; display: block; margin: 0 8px 6px 8px; width: 198px;}
div#browseBlocks ul li a {text-decoration: none;}
div#browseBlocks ul li a:hover {text-decoration: underline;}

div#browseBlocks ul li img {margin-bottom: 2px;}
div#browseBlocks ul li p {margin-bottom: 12px;}

ul#browseList {width: 648px; margin: -2px 0 10px 0;}
ul#browseList li {width: 308px; float: left; margin: 0 8px 5px 8px; background:url(../images/dotted.gif) repeat-x 0 bottom;}
ul#browseList li h3 {text-transform:uppercase; letter-spacing:1px; font-size: 0.857em;}
ul#browseList li img {float: left; margin: 2px 16px 8px 0;}
ul#browseList li p {font-size: 0.857em; margin-top:0;}

/* Clearing floats without extra markup  */
ul#browseList { display: inline-block; }
ul#browseList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul#browseList { height: 1%; }
ul#browseList { display: block; }

/* search styles */
h2#noResults {margin-bottom: 250px;}

/* ------------------------------------------------------------
	FOOTER STYLES
------------------------------------------------------------ */

div#footerClear {height: 32px; clear: both;}

div#footer {padding: 0 0 20px 0;font-size: 0.857em; border-top: 1px solid #827A65; color: #333333; text-align: center; clear: both; width: 648px;}
div#footer p {display: inline;}
div#footer span {margin: 0 12px;}

div#footer form {display: inline; /*width: 160px;*/ }
div#footer form div {display: none;}
div#footer form label {height: 1px; text-indent: -9000px; overflow:hidden; width: 1px; visibility:hidden; font-size: 2px;}
div#footer form input#keywords {margin-top: 4px; width: 105px; font-family: times, serif; color: #333333; font-size: 12px;}


#col2, #col1 {position: relative;}
#galleryWrap {width: 355px; /*height: 325px;*/ position: relative; right: -11px; text-align: center;}
#galleryMask {width: 325px; height: 508px; position: absolute; background-color: #fff; z-index: 400; left: 0;}
#galleryInner {width: 325px;height:  354px; position: absolute; z-index: 600; right: 0; text-align: center;}

#galleryInner img {margin-bottom: 5px; left: 6px; position:relative;}
.seanGallery #galleryInner img {left: -5px; }


#loading {width: 308px;height:  408px; position: absolute; z-index: 500; right: 0; background: transparent url(../images/loader.gif) no-repeat 49% 38%;}

ul#galleryImages li {display: inline;}
ul#galleryImages li a {float: left; margin: 0 16px 16px 0;}

/*Clearing floats without extra markup  */
#galleryWrap ul { display: inline-block; }
ul#galleryImages:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul#galleryImages { height: 1%; }
ul#galleryImages { display: block; }

ul#paginate {margin: -10px 0 0 8px; }
#galleryWrap ul#paginate li a {clear: both; float: none;}
/*#galleryWrap ul#paginate {clear: both; text-align: left; float: none;}*/

p#caption {font-size: 12px; text-align: center;}

/* 2 columns */
body#cols2  div#col2.seanGallery {width: 305px; float: right;}
body#cols2  div#col1.seanGallery {float: left; padding: 0; width: 308px;}

body#cols2  div#col1.seanGallery #galleryWrap {right: 0;}
body#cols2  div#col1.seanGallery #galleryInner {left: 0; text-align: center;}
body#cols2  div#col1.seanGallery #galleryInner img {margin-bottom: 5px;}
body#cols2  div#col1.seanGallery #loading {left: 6px;}

div#col2 div#detail p#purchase.multiple {text-align: center;}
div#col2 div#detail p#purchase.multiple span.option {float: none; margin: 0 auto;}
#frmMailer {width: 130px;}
.submit {margin: 0 0 0 10px;}