@charset "UTF-8";
/* CSS Document for The Dark Horse */

/* eric meyer's css reset code */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
}

body {
background-color: #ffffff;
padding: 0;
text-align:center;
font-family:"Courier New", Courier, monospace;
}

#homepage {
	width: 900px;
	height: 565px;
	margin: 0px;
	padding: 0px;
}


p {
font-size:13px;
color:#333333;
margin-top: 0px;
line-height: 20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.credit {
font-size:10px;
font-weight:bold;
text-align:center;
margin-top: 0px;
}

#noflash p {
color:#333333;
font-size:12px;
text-align:left;
}

#noflash a {
text-decoration:none;
font-size:11px;
}

#noflash a:link, #noflash a:visited {
color:#af82bd;
font-size:11px;
}


#noflash a:hover {
color:#666666;
font-size:11px;
}

a {
font-size:13px;
text-decoration: none;
color: #339999;
}

a:link, a:visited {
color:#339999;
}

a:hover, a:focus {
color:#af82bd;
}

#links {
width: 900px;
height: 35px;
text-align:left;
margin-left: 8px;
}

#links li {
display:inline;
list-style:none;
font-family:"Courier New", Courier, monospace;
}

#links a {
font-size: 17px;
letter-spacing: 1px;
text-decoration: none;
margin-right: 4px;
}

#links a:link, #links a:visited {
color:#333333;
}

#links a:hover, #links a:focus {
color:#af82bd;
}

#links a#current {
color:#af82bd;
}


#homenter {
width: 900px;
margin: 20px 0px 6px 0px;
text-align: left;
}

#home {
width: 900px;
margin: 0 auto;
text-align: center;
}

#home p {
	margin: 5px 0px 0px 0px;
}
	


#homecon {
	width: 900px;
	float: left;
	text-align: center;
	background-color:#2b2929;
}

#homecon p {
	color: #FFFFFF;
	margin: 8px 10px 10px 10px;
}

#container {
width: 900px;
margin: 0 auto;
}

#leftcon {
	float: left;
	width: 364px;
}


#rightcon {
	float: left;
	width: 500px;
	text-align: left;
	margin: 0px 0px 0px 10px;
}


#rightcon1 {
	float: left;
	width: 500px;
	height: 515px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	background-image:url(_update/profile-bg.jpg);
	background-repeat:no-repeat;
}

#left1 {
width: 440px;
float: left;
padding: 0px 20px 20px 0px;
}

#right1 {
width: 440px;
float: left;
padding: 0px 0px 20px 0px;
}

#left2 {
width: 440px;
float: left;
padding: 0px 20px 0px 0px;
}

#right2 {
width: 440px;
float: left;
text-align:left;
}

#header {
width: 900px;
height: 65px;
text-align:left;
padding-top: 20px;
}

#left {
float:left;
width: 450px;
text-align:left;
}

#right {
float: right;
width:379px;
text-align:right;
}

ul.ulspace {
padding-bottom: 20px;
}

h3 {
font-family: "Treuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #333333;
}

li {
list-style:none;
font-size: 13px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#archives {
float: left;
text-align:left;
width: 900px;
}

.thumbs {
float: left;
text-align:left;
}

.imgs {
float:left;
width: 360px;
}

.text {
float: left;
width: 515px;
padding-left: 10px;
}



.homeh1 {
background-image:url(_update/dark-horse-ornament.jpg);
width:329px;
}

.decoh1 {
background-image:url(_update/decoh1.jpg);
width:76px;
}

.both1 {
background-image:url(_update/botanikah1.jpg);
width:144px;
}

.archh1 {
background-image:url(_update/aw2010.jpg);
width:130px;
}

.archh2 {
background-image:url(_update/ss2010.jpg);
width:130px;
}

.archh3 {
background-image:url(__update/ss2011.jpg);
width:124px;
}

.tash1 {
background-image:url(_update/tash1.jpg);
width:228px;
}

.proh1 {
background-image:url(_update/profile.jpg);
width:128px;
}

.collh1 {
background-image:url(_update/collections.jpg);
width:194px;
}

.abouth1 {
background-image:url(_update/about-me.gif);
width:144px;
}


.stockh1 {
background-image:url(_update/stockists.jpg);
width:163px;
}


.conh1 {
background-image:url(_update/contact.jpg);
width:125px;
}

.voltage {
background-image:url(_update/highvoltage.jpg);
width:212px;
}

.winterg {
background-image:url(_update/wintergarland.jpg);
width:243px;
}

.glint {
background-image:url(_update/glint.jpg);
width:94px;
}
.rosette {
background-image:url(h1/rosette.gif);
width:122px;
}

.garland {
background-image:url(h1/garland.gif);
width:121px;
}

.stellar {
background-image:url(h1/stellar.gif);
width:121px;
}

.boutique {
background-image:url(h1/boutique.gif);
width:163px;
}

.online {
background-image:url(h1/online.gif);
width:111px;
}

.press1 {
background-image:url(press/press.jpg);
width: 92px;
}

.deco {
background-image:url(__update/decoh1.jpg);
width: 76px;
}

.bot {
background-image:url(__update/both1.jpg);
width: 141px;
}

.tass {
background-image:url(__update/tassh1.jpg);
width: 226px;
}



h1 {
text-indent: -5000px;
margin: 0px 0px 10px 0px;
background-repeat:no-repeat;
height:28px;
}

h2 {
text-indent: -5000px;
margin: 0px 0px 5px 0px;
background-repeat:no-repeat;
height:28px;
}


#feature {
float: right;
width: 442px;
padding-right: 20px;
text-align: left;
}



#footer {
clear:both;
width: 1000px;
margin: 0 auto;
}

#footer p.foot {
font-weight: normal;
font-size: 11px;
color:#333333;
text-align: center;
padding: 15px 0px 5px 0px;
}

#footer a {
text-decoration:none;
font-size:11px;
}

#footer a:link, #footer a:visited {
color:#af82bd;
font-size:11px;
}


#footer a:hover {
color:#666666;
font-size:11px;
}




#decoenter {
	width: 143px;
	float: left;
}

#botenter {
	width: 166px;
	float: left;
}

#tasenter {
	width: 276px;
	float: left;
}

#cuffenter {
	width: 167px;
	float: left;
}

#newenter {
	width: 148px;
	float: left;
}


#gallery {
float: left;
width: 900px;
}

#gallery img { 
float: left;
padding: 5px
line-height: 50px;
margin: 0px 16px 16px 0px;
}

#gallery img {
padding: 2px;
}

#gallery a:hover img {
padding: 2px;
background-color: #999999;
}