/*
TABLE OF CONTENTS

HTML Elements
Page Structure
Navigation
Headings
Content Area
Formatting
Forms
Clear
Footer

/* ———- @ HTML Elements ———–*/

* {
margin: 0;
padding: 0;
}

form {
	width:600px;
}
form textarea {
width:300px;
}
body, html {
color: #666;
background: #798704 url(images/body-bg.gif) center;
min-height: 101%;
font-size: 62.5%;
}

body, form {
font-family: Verdana, Arial, helvetica, sans-serif;
line-height: 1.4;
font-size:1.2em
}

p {
margin: 0 0 15px 0;
}

a:link, a:visited {
text-decoration: underline;
color: #511B49;
}

a:hover, a:active {
text-decoration: none;
}

*:focus {
outline: none
}

/* ———- @ Page Structure ———–*/

#wrapper {
background: url(images/wrapper-bg.png) repeat-y center;
margin: 0 auto;
padding-bottom: 20px;
font-size: 0.8em;
width: 798px;
}

#background {
background: url(images/photo-bg.jpg) no-repeat;
min-height: 101%;
}

#container {
background: #fff;
width: 920px;
clear: both;
margin: 0 auto;
margin-top:20px;
padding: 0 0 20px 0
}

.left {
float: left;
}

.right {
float: right
}

/* ———- @ Navigation ———–*/
#nav {
text-align: center;
display: block;
list-style-type: none;
margin:0;
}

#nav li {
display: block;
list-style: none;
float: left;
background-color: #511B49;
}

#nav a {
background-color: #511B49;
display: block;
margin: 0 5px;
padding: 3px 8px;
text-decoration: none;
background-repeat: no-repeat;
color: #fff;
text-transform: uppercase;
}

.home a#home-link,
.about a#about-link,
.designers a#designers-link,
.scoop a#scoop-link,
.contact a#contact-link {
background-color: #9FB106;
color: #511B49;
}

#nav a:hover {
background-color: #9FB106;
color: #511B49;
}

/* ———- @ Headings ———–*/

h1#logo {
width: 920px;
background: url(images/logo.gif) no-repeat 795px 80px;
height: 146px;
text-indent: -9000px;
font-size: 1.8em;
margin: 0 auto;
}
h1.pagetitle {
	font-style:sans-serif,tahoma,verdana;
	font-size: 1.8em;
	font-weight:normal;
	color:#511b49;
}
h1.pagetitle a {
	text-decoration:none;
}

h2 {
font-size: 1.8em;
color: #511B49;
font-weight: normal;
}

h3 {
font-size: 1.4em;
color: #511B49;
font-weight: normal;
}

#container h3 a {
text-decoration:underline;
}

h4 {
	font-size: 1.2em
}

/* ———- @ Content Area ———–*/

#designer-thumbnails {
    padding-bottom: 10px;
    clear:both;
}

h2#designers-text {
margin:0 20px 10px 20px;
background:#fff url('images/headings/designers.gif') no-repeat bottom;
width:114px;
height:26px;
text-indent:-10000px;
}

#designer-thumbnails h2 {
    padding-top:15px;
}



#designer-thumbnails a img {
    border:#f0f0f0 6px solid;
    margin:0 10px;
    padding:0;
}

#designer-thumbnails a:hover img {
    border-color:#ddd;
}

#designer-thumbnails .first {
    margin-left:20px;
}


/*Home*/

h2#welcome-text {
background:#fff url('images/headings/welcome.gif') no-repeat;
width:355px;
height:28px;
text-indent:-10000px;
}

h2#blog-text {
background:#fff url('images/headings/blog.gif') no-repeat;
margin-top:15px;
width:163px;
height:27px;
text-indent:-10000px;
}

.main-content {
width: 420px;
margin: 0 0 0 20px;
padding: 20px 0;
}

.photo {
margin-top:10px;
margin-right:20px;
}

.photo img {
padding: 0;
border:none;
}

/*Interior Pages*/

#designer-content {
border-top:2px #e4e4e4 solid;
margin: 0 20px;
padding:20px 0;
}

h2#designer-logo {
width:160px;
border:none;
float:left;
}

h2#designer-logo img {
border:none;
padding:0;
}


#sidebar {
	clear:both;
	margin:10px 20px 20px 20px;
	width:200px;
}

#sidebar h3 {
	margin-top:5px;
}

#blog-content li,
#sidebar li {
display: block;
list-style: none;
}
#blog-content {
	border-left:2px #e4e4e4 solid;
	min-height:400px;
	float:left;
	padding:5px;
	padding-left:20px;
	margin-top:20px;
	width:500px;
}
#designer-info {
float:left;
margin-top:20px;
width:697px;
padding:0 0 0 20px;
border-left:2px #e4e4e4 solid;
}

#designer-info img {
float:right;
margin-left:20px;
}

/* ———- @ Formatting ———–*/

strong {
font-weight: bold;

}

.highlight {
text-transform: uppercase;
color: #990000;
}


/* ———- @ Forms ———–*/

.button {
background: #000 ! important;
border: #F7ECD4 1px solid;
padding: 2px;
margin: 0 2px 0 0;
color: #FFF;
}

.button:focus {
padding: 2px;
background: #000 ! important;
}

.button:hover {
background: #CCC ! important;
color: #000;
}

/*Clear*/

.clearfloat:after {
content: ”.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfloat {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfloat {
height: 1%;
}

*+html .clearfloat {
height: 1%;
}

.clearfloat {
display: block;
}
/* End hide from IE-mac */

/* ———- @ Footer ———–*/

#footer {
clear: both;
padding: 20px;
font-size: 0.8em;
text-align: center;
color: #fff;
/*background-color:#598;
*/}
#footer a {
color: #fff;
}