/* 
_______________________________________________________________________

Name:  Rebecka Froberg Site
Author:	Robbii Albright - Rabbit Royalty
Version: 1.0

Link:  http://www.rabbitroyalty.com

_______________________________________________________________________

*/

@import url("preloader.css");
@import url("handheld.css");
@import url("print.css");

/* GLOBAL */

*, html, body, table, tr, td, th, img { border: 0; margin: 0; padding: 0;}

body { font: normal .85em "Georgia", Baskerville, Times New Roman, Serif; color: rgb(160, 159, 173);}
h1, h2, h3, h4, h5, h6 { font:normal 1.5em "Georgia", Baskerville, Times; letter-spacing: .05em;}
a{ text-decoration: none; color: rgb(182,81,87);}
a:hover{ text-decoration: none; color: #f77079;}
a:visited{ text-decoration: none; color:#5a5968;}

p{ font:normal .85em "Georgia", Baskerville, Times;}
ul, ol { font:normal .75em "Georgia", Baskerville, Times; list-style:none;}
blockquote { }


/* CONTROLS */

.left{	float:left; }
.right{	float:right; }
.clear{	clear:both; }
.padding{	padding:10px; }
.centerTxt { text-align:center;}
.centerImg { margin: 0 auto; display:block;}
.zero { margin:0; padding:0;}

.hide { display: none; visibility: hidden;}

.topa{ margin-top:10px;}
.top1{ margin-top:20px;}
.top2{ margin-top:40px;}
.top3{ margin-top:60px;}
.top4{ margin-top:80px;}
.top5{ margin-top:90px;}

.right1{ margin-left:20px;}
.right2{ margin-left:40px;}
.right3{ margin-left:60px;}
.right4{ margin-left:80px;}
.right5{ margin-left:90px;}

.left1{ margin-right:20px;}
.left2{ margin-right:40px;}
.left3{ margin-right:60px;}
.left4{ margin-right:80px;}
.left5{ margin-right:90px;}

.select { color: rgb(182,81,87) !important;}


/* MAIN LAYOUT */

#container {left: 40px; top: 40px; display: block; position: absolute;  }

#nav { float: left; text-transform:lowercase;}
#nav a{ color: rgb(160, 159, 173);}
#nav a:hover{ color: rgb(182,81,87);}
#nav ul li.active a {color: rgb(182,81,87);}

#nav ul{ font:normal 10pt "Myriad", Helvetica Neue, Helvetica;}
#nav img{ margin-bottom: 10px;}
#nav ul li { margin-bottom:8px;}
#nav li ul li{ text-indent:20px;}
#nav li ul li:first-child{ padding-top: .5em;}

#logo { display: block; background-image: url(../images/logo.png); width: 134px; height: 18px; margin-bottom: 10px; text-indent:-999em;}
#logo:hover{ cursor: pointer;}

#content { margin-left: 250px; padding-bottom: 40px;}
h1 { color: rgb(182,81,87);}
h4{ font-size:10pt; color: rgb(160, 159, 173); text-transform:lowercase; margin-bottom:8px;}

/* HOME */

.slideshow { width: 650px; height:488px; border:solid 30px #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff;}
#contentHome { margin-left: 200px; padding-bottom: 40px;}

/* COLLECTIONS */

#collectionContent { position:absolute; top: 10px; left: 200px; display: block; width: 500px;}
.carousel { width: 500px; height:400px; border:solid 30px #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff;}
.carousel gallery li{ background-color: #fff; width: 500px; height:360px; display: block;}
.gallery img{ margin: 0 auto; display: block;}
div.carousel ul li { background-color: #fff; width: 500px; height:360px; display: block;}
.gallery li p{ display:block; position:absolute; margin-top:20px; font-size:1.1em;}
.prev{display:block; position:relative; float:left; z-index:100; font-size: 2em;}
.next{display:block; position:relative; float:right; z-index:100; font-size: 2em;}
.prev:hover{ cursor:pointer;}
.next:hover{ cursor:pointer;}

/* SHOP */

#shopContent { left: 300px; display: block; width: 500px;}

#shopContent img { }
#shopContent dl {float: left; margin-right: 30px;}
#shopContent dl:first { color: black;}
#shopContent dd { margin-bottom: 30px;}
#shopContent dt { color: rgb(113, 112, 130);}
#shopContent img { margin-bottom: 10px;}

.product {width: 220px; height: 220px; background-color: rgb(113, 112, 130);}


/* STOCKISTS */

.stockContent{ visibility:hidden; position: relative; float: left; width:220px; max-width: 170px; min-height: 450px; background-color: #fff; padding: 25px; margin-right: 160px; overflow: visible;}
.stockContent h1 { font-size: 1.75em; color: rgb(113, 112, 130); display: block; margin-bottom: 20px;}
.stockContent h4{ font-size: 1.25em; color: rgb(182,81,87); display: block; margin-bottom: 20px;}
.stockContent address { text-decoration: none; font-style: normal; line-height: 1.5em; margin-bottom: 40px; font-size: 1.25;}
.stockContent address span{ display: block; position:relative; z-index:2;}
.stockContent address a { background-color:#fff; position:absolute; border:solid 10px #fff; margin-top:-8px; margin-left:-10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index:0;}
.stockContent address:first-line { color: rgb(113, 112, 130); font-weight: bold;}

/* BLOG */

#blogContent { display: block; position: absolute; width: 520px; height: auto; margin: 40px 0 0 20px ; }
#blogContent p{ text-align: left;}

.post { display: block; width: 520px; margin-bottom: 80px;}
.post h1 { display: block; margin-bottom: 20px;}
.post p { text-indent: 2em; line-height: 1.45em;}
.post span { display: block; margin-bottom: 30px; font-size: .85em;}

/* ABOUT */

#aboutContent { display: block; width: 620px; margin-top: 40px; margin-left: 20px; text-align: left;}
#aboutContent p { line-height: 1.5em;}
#aboutContent img{ margin-bottom: 20px;}


/* CONTACT */

#contactContent { display: block; position: relative; width: 220px; text-align: center; margin: 160px 0 0 80px;}
#contactContent address{ font-style: normal; line-height: 1.5em;}
#contactContent address:first-line{ font-weight: bold; color: rgb(113, 112, 130);}

/* FOOTER */

#footer { height:10px;display:block; position:absolute; bottom:20px; padding-left: 20px; font-size: .8em; color: rgb(113, 112, 130);}