* {margin: 0; padding: 0;}
html {min-height: 100%; margin-bottom: 1px; }
body {margin:0; padding:0; font-family:Georgia, serif; text-align:center;}
body {background:#F5EFE8 url(images/back5.jpg) repeat-x;}
p {margin:10px 0 20px 0; size:0.8em; font-style:normal;}
h1 {display:none;}
h2 {font-size:24px; font-style:italic; font-weight:normal; color:#B93A8C; margin:0 0 10px 0;}
h3 {font-size:1.2em; font-style:italic; font-weight:normal; color:#7F766D; margin:10px 0 5px 0;}
h3 a{color:#7F766D;}
h5 {font-size:14px; font-style:italic; font-weight:bold; color:#660000;}
h5 span{font-size:12px; font-style:normal; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#333; margin:0 0 40px 0;}
h5 a{color:#000;}
a {color:#000;}
img {margin:0; padding:0; border:0;}
img a{margin:0; padding:0; border:0;}
#container {width:888px; margin:0 auto; text-align:left;}
/* ----------------------------------------------------- Homepage temporaries -----------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/
#flashhome {background:url(images/flashdummy.jpg) no-repeat; margin:0 16px; width:855px; height:485px;}
.hometext {width:300px; float:right; margin:185px 20px 0 0; color:#FFFFFF; text-align:right; font-size:0.9em;}
.shopbutton {background:url(images/buttons/shoponline.gif) no-repeat; width:162px; height:29px; display:inline-block; margin:0 10px 0 0;}
.peakbutton {background:url(images/buttons/takeapeak.gif) no-repeat; width:162px; height:29px; display:inline-block;}
.buttback {background:url(images/buttons/back.png) no-repeat; width:366px; height:56px; padding:17px 0 0 30px; float:right; margin:90px 20px 0 0; clear:both;}
/* --------------------------------------------------------- Header Area ----------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/
#header {width:855px; margin:25px 0 25px 16px; float:left;}
#logo {background:url(images/logo.png); width:141px; height:70px; display:block; float:left;}
#topnav {display:inline; float:right; width:700px;}
ul.mynav {list-style:none; font-size:0.8em; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; float:right; clear:both;}
ul.mynav li {margin:0 0 0 5px; color:#333; display:inline; float:left; }
ul.mynav li a{text-decoration:none; font-weight:normal; color:#333; display:inline; float:left;}
ul.mynav li a:hover{text-decoration:underline;}
ul.mynav li a.bag{background:url(images/icons/bag.png) no-repeat right; display:block; height:16px; padding:15px 30px 0 0; cursor:pointer;}
ul.mynav li a.pound{background:url(images/icons/pound.gif) no-repeat; width:18px; height:14px; display:block; }
ul.mynav li a.dollar{background:url(images/icons/dollar.gif) no-repeat; width:18px; height:14px; display:block; }
ul.mynav li a.euro{background:url(images/icons/euro.gif) no-repeat; width:18px; height:14px; display:block; margin:0 10px 0 0;}
ul.mynav form{ display:inline; float:right;}
/* --------------------------------------------------------- Sidebar -------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/
ul#sidenav {list-style:none; width:152px; font-size:16px; margin:0 0 50px 16px; font-style:italic; font-weight:normal; float:left;}
ul#sidenav li {margin:0; color:#6A5C4D; background:url(images/listspace.gif) no-repeat bottom; float:left; width:152px;}
ul#sidenav li.current_page_item a{text-decoration:none; color:#A39161; }
ul#sidenav li a{text-decoration:none; color:#6A5C4D; display:block; padding:8px 0;}
ul#sidenav li a:hover{text-decoration:none; color:#B93A8C;}
ul#sidenav ul li {color:#A39161; list-style:none; background:none; padding:0;}
ul#sidenav ul li a{text-decoration:none; color:#A39161; padding:8px 0 8px 25px;}
ul#sidenav ul li.current_page_item a{text-decoration:none; color:#B93A8C; background:url(images/icons/listheart.gif) no-repeat left;}
ul#sidenav li li a:hover{text-decoration:none; color:#B93A8C; background:url(images/icons/listheart.gif) no-repeat left;}
/* --------------------------------------------------------- Content Area ---------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/
#content {width:660px; float:right;}
#content a:hover {color:#B93A8C;}
.collectionrow {width:660px; float:left; text-align:center; margin:0 0 20px 0;}
.collectionitem {width:170px; float:left; margin:0 62px 0 0;}
.collectionitem img{border:2px solid #E3D9CC; border-right-color:#94404C; border-bottom-color:#94404C;}
.collectionitemright {width:170px; float:left; margin:0;}
.collectionitemright img{border:2px solid #E3D9CC; border-right-color:#94404C; border-bottom-color:#94404C;}
/* ----------------------------------------------------------- Posts Area ---------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/
.post {width:660px; float:right; margin:0 0 30px 0;}
.entry {float:right; width:600px;}
.postmetadata {float:right; width:600px;}
.post-date {float:left; display:inline; width:48px; height:60px; margin:0 10px 0 0; background:url(images/icons/datestamp.png) no-repeat; text-align:center;}
.month {color:#B93A8C; font-size:20px; font-weight:bold; margin:5px 0 0 0;}
.day {color:#FFFFFF; font-size:18px;}
.shoponline {background:url(images/icons/bag.gif) no-repeat; padding:10px 0 0 30px; height:35px; float:left; clear:both; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#777;}
.feed {background:url(images/icons/feed.gif) no-repeat; padding-left:25px; height:30px; float:left; clear:both; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#777; margin-top:20px;}
/* --------------------------------------------------------- Footer Areas ---------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/
.logobottomholder {height:50px; width:100%;}
.logobottom {background:url(images/logobottom.png) no-repeat; height:50px; width:41px; display:block; float:right; clear:both;}
#footerhome {background:url(images/watermark.png) no-repeat; width:888px; height:259px; padding:0; display:block; float:left;}
#footer {width:100%; background:url(images/back1.jpg); display:block; float:left; margin:0; padding:0; border-top:solid 5px #B93A8C;}
#footerinside {background:url(images/watermark2.png) no-repeat; height:260px; width:888px; height:259px; padding:0; display:block; margin:0 auto;}
#bottompanels {margin:0 0 0 34px; text-align:left;}
#bottompanels p {font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:5px 0 0 0;}
#bottompanels p a{text-decoration:none; color:#660000; font-weight:bold;}
#bottompanels p a:hover{text-decoration:underline;}
#bottompanels input{width:100px;}
#bottompanels input.butt{cursor:pointer; width:60px; height:20px; background:#334036; border:#B2AFA0 1px solid; color:#B2AFA0;}
.panelhome1 {margin:15px 20px 0 0; background:url(images/panels/goldstar.gif) no-repeat; width:84px; height:105px; padding:5px 5px 5px 100px; float:left;}
.panelhome2 {margin:15px 20px 0 0; background:url(images/panels/gentlemen.jpg) no-repeat; width:94px; height:105px; padding:5px 90px 5px 5px; float:left;}
.panelhome3 {margin:15px 20px 0 0; background:url(images/panels/viparea.jpg) no-repeat; width:179px; height:105px; padding:5px; float:left;}
.panelhome4 {margin:15px 0 0 0; background:url(images/panels/fittingroom.jpg) no-repeat; width:84px; height:105px; padding:5px 100px 5px 5px; float:left;}
.panelsigned {margin:0; background:url(images/panels/signedin.gif) no-repeat; width:154px; height:128px; padding:0; float:left; text-align:center;}
.bagtotal {display:block; padding:5px; border-top:dashed 1px #ccc; display:inline;}
ul#footerlist {list-style:none; font-size:0.9em; margin:15px 0 0 34px!important; margin/**/:7px 0 0 24px; font-family:Arial, Helvetica, sans-serif; float:left; clear:both;}
ul#footerlist li {margin:0 5px 0 0; color:#A39161; display:inline;}
ul#footerlist li a{text-decoration:none; font-weight:normal; color:#A39161;}
ul#footerlist li a:hover{text-decoration:underline;}
/** --------------------- LIGHTBOX ------------------------- **/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; margin:0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink { background: url(/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(/lightbox/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #FFF; }
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
html>body .entry li {
margin: 7px 0 8px 10px;
}
.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */