/*** GLOBAL : GENERAL STYLE DEFAULTS ***/
html
{
margin: 0;
padding: 0;
background:#FFFFFF;
height:100%;
font-family: "century gothic", futura, sans-serif;
color: #000000;
font-size: 12px;
}
body
{
background: #fff;
margin: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}
body, input, textarea
{
}
h1, h2, h3, h4, h5, h6
{
font-family: "century gothic", futura, sans-serif;
font-weight: normal;
clear: both;
}
h6
{
font-family: "century gothic", futura, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 1;
clear: both;
}
hr
{
background-color: #999;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
pre
{
font-size: 10px;
font-family: "century gothic", futura, sans-serif;
}
code
{
}
p
{
margin: 4px 0 12px 0;
font-family: "century gothic", futura, sans-serif;
}
a
{
text-decoration: none;
color: #000;
}
a:hover
{
text-decoration: none;
color: #000;
}
a:visited
{
text-decoration: none;
color: #000;
}
ol, ul {
list-style: none;
}
td {font-size: 12px; vertical-align:top;}
/*** PAGE LAYOUT ***/
/* Styles that affect the entire layout of the page */
div#container
{
margin: 4px 4px 4px 4px;
}
div#content
{
}
#main {width: 960px; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 0px;padding-top: 0px; height: 560px;}
/*** HEADER : MENU ***/
/* To see a menu in your header, you'll need to first add one in WordPress Admin */
.menu ul
{
list-style: none;
margin: 0;
}
.menu ul ul
{
display: none;
}
.menu li
{
display: inline;
float: left;
padding: 0 8px 0 4px;
}
.menu-item
{
}
.menu-item a
{
font-size: 30px;
text-decoration: none;
}
.menu-item a:hover
{
}
/*** HEADER : OTHER ***/
/*** CONTENT : POSTS AND PAGES ***/
/* Entry and Page Titles */
h1.entry-title
{
}
h2.entry-title
{
}
h2.entry-title a
{
}
h1.page-title
{
}
/* Media Alignment */
.alignright
{
/* Style for right-aligned images in posts */
padding: 8px 0 8px 8px;
float: right;
}
.alignleft
{
/* Style for left-aligned images in posts */
padding: 8px 8px 8px 0;
float: left;
}
/* Entry Content */
.entry-content
{
/* Style that affects actual entry/post content */
}
.entry-content a
{
}
.entry-content a:hover
{
}
.entry-content h1, h2, h3, h4, h5
{
}
.entry-content ol li
{
}
.entry-utility
{
/* Style for the entry utility, which sits below a post and provides info like categories, tags, feeds, and an edit link (for authors) */
}
.entry-meta
{
/* Style for the entry metadata (author, etc.) */
}
.skip-link
{
/* Style for the skip link */
/*position: absolute;
left: -9000px;*/
}
.navigation
{
/* Style for the navigation links (next/previous post) on a given post */
}
/*** CONTENT : COMMENTS ***/
div#comments
{
/* Style that affects the DIV containing all the comments */
}
.comments h3
{
/* H3 header style for comments */
}
.comments ol
{
/* Comments are displayed as ordered lists by default, so you want to style that list so it looks the way you want */
}
.comments ol li
{
/* Style each list item in the comments ordered list */
}
.comments img
{
/* Style for the user avatar beside each comment */
float: left;
margin: 0 12px 8px 0;
}
.comments .comment
{
/* Style that applies to each individual comment in a series of comments */
}
.children ul li
{
/* A style that refers to the children (as in, responses to) any given comment */
}
.comment-reply-link
{
/* Style for the "Reply" link on a comment */
}
.comment-meta
{
/* Style for metadata for a comment */
}
div#respond
{
/* DIV that contains the comment response form */
}
div#respond h3
{
/* H3 header for the comment response form */
}
/*** CONTENT : SIDEBAR ***/
div#primary
{
/* Primary Widget Area DIV */
}
div#secondary
{
/* Secondary Widget Area DIV */
}
.widget-area
{
/* Class that applies to BOTH widget areas */
}
.xoxo
{
/* Class that applies to each item in each widget area (an unordered list class) */
}
/*** FOOTER ***/
div#footer
{
width: 960px; margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 0px;
clear: both;
}
/* MENU */
#menulist {}
#menulist ul {margin: 0; padding: 0; text-align:center; }
#menulist ul li { display: inline; padding-left: 60px; }
#socialmedialist {padding-top: 20px;}
#socialmedialist ul {margin: 0; padding: 0; text-align:center; }
#socialmedialist ul li { display: inline; padding-left: 10px;}
#copyright {font-size: 8px; text-align: center;padding-top: 5px; padding-left: 20px;}
/* HOME */
#homebody {padding-top: 100px; padding-bottom: 0px; }
.img-logo {display: block; margin-left: auto; margin-right: auto;}
/* ABOUT */
#aboutbody {width: 780px; padding-bottom: 50px; margin-left: auto; margin-right: auto; padding-left: 50px;}
#aboutphoto {float: left; width: 375px;margin-left: 15px; margin-top: 5px;}
#abouttext { text-transform:uppercase; text-align: justify; width: 385px; float: left; font-size: 10px;}
/* STOCKISTS */
#stockistsbody {margin-left: auto; margin-right: auto; text-transform:uppercase;}
#stockistsbody .header {font-weight: normal;font-size: 18pt;padding-left: 0px;}
#stockistsbody li {padding-top: 20px;padding-left: 20px; }
#stockistsbody #col1 {padding-left: 50px;width: 250px; float: left;}
#stockistsbody #col2 {padding-left: 50px; padding-right: 70px; width: 250px;float: left;}
#stockistsbody #col3 {padding-left: 0px; padding-right: 0px; width: 250px;float: left;}
#barneyslist ul {padding-left: 0px;}
#barneyslist ul li {padding-left: 5px;}
/* CONTACT */
#contactbody {padding-top: 200px;padding-left: 320px;}
/* PRESS */
#pressbody { padding-left: 90px; padding-top: 70px;}
#pressbody img {float: left;}
#img-elle {width: 150px;padding-top: 10px;}
#img-brides {width: 200px;padding-left: 50px;padding-top: 10px;}
#img-teenvogue {width: 300px; padding-left: 50px; padding-top: 10px;}
#img-seventeen {width: 250px;padding-top: 10px;}
#img-marieclaire {width: 350px; padding-top: 20px;padding-left: 10px;}
#img-wwd {width: 120px; padding-left: 20px;padding-top: 10px;}
#img-wsj {width: 450px;padding-top: 10px;}
#img-blackbook {width: 250px;padding-left: 40px;padding-top: 10px;}
#img-lucky {width: 200px;padding-top: 10px;}
#img-nypost {width: 250px;padding-top: 20px;padding-left:0px;}
#img-nytstyle {width: 110px;padding-left:20px;padding-top: 10px;}
#img-daily {width: 150px;padding-left:20px;padding-top: 20px;}
#img-flare {width: 150px;padding-left:20px;padding-top: 10px;}
#img-oprah {width: 100px;padding-top: 10px;padding-left: 20px;}
.col {float: left;padding-left:20px;}
#img-washingtonpost {width: 400px; }
#img-instyle {width: 200px;padding-left: 0px;}
#img-vogue {width: 150px;padding-top: 10px;padding-left: 0px;}
#img-glamour {width: 200px;padding-top: 0px;padding-left:10px;}
#img-bazaar {width: 200px;padding-top: 0px;padding-left:10px;}
#thumbarea {height: 450px;}
#imagearea {height: 0px;}