* {
margin:0;
padding:0;
border:none;
}
html {
background:#403940 url('../img/bg-floral-bottom.png') center bottom no-repeat;
min-height:100%;
}
body {
font-size:100%;
font-family:Garamond,Georgia,Times,'Times New Roman',Serif;
color:#ddd;
background:transparent url('../img/bg-floral-top.png') center 20px no-repeat;
min-height:100%;
}
a {
color:#fff;
outline:none;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p {
font-size:15px;
line-height:140%;
margin:0 0 10px 0;
}
h2 {
font-size:26px;
font-weight:100;
letter-spacing:3px;
text-transform:uppercase;
}
#wrap {
width:960px;
margin:0 auto;
}
#header {
padding:20px 0 10px;
overflow:hidden;
}
#header h1 {
width:391px;
height:92px;
float:right;
}
#header h1 a {
display:block;
width:391px;
height:92px;
overflow:hidden;
text-indent:-9999px;
background:transparent url('../img/sbd-logo.png') 0 0 no-repeat;
}
#header h2 {
display:block;
width:261px;
height:22px;
overflow:hidden;
text-indent:-9999px;
background:transparent url('../img/tagline.png') 0 0 no-repeat;
margin:40px 0 0 20px;
}
.nav {
display:block;
list-style:none;
clear:both;
overflow:hidden;
}
.nav li {
display:block;
float:left;
}
.nav li a {
display:block;
padding:6px 10px 3px;
margin:0 5px 0 0;
font-size:11px;
text-transform:uppercase;
text-decoration:none;
letter-spacing:2px;
text-shadow:0 0 3px rgba(0,0,0,.2);
border:1px solid transparent;
}
.sub li a {
font-size:10px;
}
.nav li a:hover,
.nav li a.active,
#home li.home a,
#fine-art li.fine-art a,
#boutique li.boutique a,
#news li.news a,
#about li.about a,
#contact li.contact a {
background-color:#332d33;
border:1px solid #ddd;
}
.sub {
margin-top:5px;
}
#main {
width:938px;
overflow:hidden;
border:1px solid #ddd;
-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);
-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);
box-shadow:0 0 10px rgba(0,0,0,.3);
background:rgba(31,27,31,.8);
padding:10px;
}
#main h1 {
font-size:24px;
font-weight:100;
text-transform:uppercase;
margin:0 0 10px 0;
letter-spacing:3px;
color:#fff;
}
#main h1 a { text-decoration:none; }
#main h1 a:hover { text-decoration:underline; }
#content {
float:left;
width: 940px;
}
#aside-left {
width:156px;
float:left;
text-align:center;
margin-top: 20px;
}
#current-photog {
overflow:hidden;
margin:0 auto 20px;
}
#current-photog img {
border:1px solid #ddd;
}
#current-photog span {
display:block;
clear:both;
text-transform:uppercase;
font-size:12px;
text-align:center;
}
#sets {
display:block;
list-style:none;
text-align:center;
}
#sets li {
display:block;
list-style:none;
}
#sets li a {
display:block;
padding:12px;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
text-decoration:none;
}
#sets li.active a,
#sets li a:hover {
background:transparent url('../img/bg-ribbon.png') center bottom no-repeat;
}
#aside-right {
width:740px;
float:left;
margin-left: 35px;
margin-top: 20px;
/*
border:1px solid #ddd;
background-color:#403940;
*/
}
#thumbs {
display:block;
list-style:none;
overflow:hidden;
}
#thumbs li {
display:block;
list-style:none;
float:left;
margin:0 15px 15px 0;
background: #403940;
width: 100px;
height: 100px;
text-align: center;
}
#thumbs li a {
display:block;
margin-top: 12px;
}
/*#thumbs li a:hover {
border:1px solid #ddd;
}*/
#footer {
margin:0;
padding:10px 0 20px;
overflow:hidden;
}
#footer p {
font-size:13px;
letter-spacing:.05em;
margin:0;
text-shadow:2px 2px 3px rgba(0,0,0,.5);
font-family: Georgia,Times,'Times New Roman',Serif;
}
#footer p.address {
float:right;
text-align:right;
}
/* --- BEGIN PAGE SPECFIC STYLES ---------- */
/* --- HOME ---------- */
#intro {
border:1px solid #ddd;
background-color:#7d826e;
padding:20px;
margin-top: 500px;
height: 100px;
}
#intro p {
color:#222;
font-size:.83em;
margin: -10px 0 0 0;
}
#front-display {
width:934px;
overflow:hidden;
padding:0 0 0 4px;
}
#front-nav {
width:140px;
margin:18px;
padding:10px 0 0 0;
overflow:hidden;
float:left;
border:none;
text-align:center;
list-style:none;
}
#front-nav li {
display:block;
list-style:none;
margin:30px 0 0 0;
}
#front-nav li a {
display:block;
text-align:center;
text-transform:uppercase;
font-size:15px;
letter-spacing:2px;
text-decoration:none;
}
#front-nav li a:hover {
text-decoration:underline;
}
#front-nav li.ordering a {
display:block;
padding:10px 10px 8px;
border:1px solid #ddd;
background-color:#706b70;
}
#front-display #slideshow {
width:720px;
height:460px;
margin:18px;
overflow:hidden;
float:left;
border:1px solid #ddd;
}
#slideshow li {
left:0;
top:0;
background-color:#403940;
height:460px;
width:720px;
overflow:hidden;
text-align:center;
}
#slideshow li div {
height:460px;
width:720px;
line-height:360px;
text-align:center;
text-transform:uppercase
}
#slideshow li img {
}
/* --- FINE ART ---------- */
#fine-art #content,
body.detail #content {
width:500px;
margin:0 20px;
}
/* --- FEATURE ---------- */
body.feature #aside-left {
margin-right:60px;
}
/* --- PHOTOG SELECT ---------- */
#menu {
list-style:none;
display:block;
overflow:hidden;
padding:0 0 0 60px;
}
#menu li {
list-style:none;
display:block;
float:left;
margin:10px;
width:250px;
text-align:center;
}
#menu li li {
width:auto;
clear:both;
float:none;
text-transform:uppercase;
margin:15px 0 0 0;
}
#menu li img {
border:1px solid #ddd;
}
#menu li span {
display:block;
text-align:center;
padding:5px;
text-transform:uppercase;
letter-spacing:1px;
}
#lists {
display:block;
list-style:none;
overflow:hidden;
}
#lists li {
display:block;
list-style:none;
float:left;
margin:0 0 0 54px;
}
#lists li a {
display:block;
clear:both;
text-align:center;
}
div.left {
width:400px;
float:left;
margin:0 10px 0 0;
}
#contact-wrap {
margin:0 auto !important;
padding:0;
width:700px;
background:transparent right top no-repeat;
float:none;
clear:both;
text-align:center;
}
#contact-wrap .inner {
background:transparent left bottom no-repeat;
}
#contact-wrap h3 {
font-family:Garamond,Georgia,Times,'Times New Roman',Serif;
font-weight:100;
}
#contact-wrap h3,
#contact-wrap p,
#contact-wrap ul {
padding:5px 10px;
font-size:18px;
}
#contact-wrap ul,
#contact-wrap ul li {
list-style:none;
display:block;
text-align:left;
}
#contact-wrap ul {
width:450px;
margin:0 auto;
}
#contact-wrap ul li span {
float:right;
}
.bread ul.prefix li {
display: inline;
list-style-type: circle;
list-style-position: inside;
}
.bread ul.prefix li a {
padding: 10px;
}