/*
Author:         Robbii
Author URL:     http://www.rabbitroyalty.com/
Version:	   	
Project:
Description:
*/

/*
---------------------------------------------------------------------------------------
TABLE OF CONTENTS

	-- GLOBAL STYLING
		-STUCTURE
		-CONTENT > anchors, text, images, video, & sound
		-CONTROLS
		
		
	-- LOCAL STYLING
		-HOME PAGE
		-ERROR 404
		-SECTIONS
		-ARTICLES
	
---------------------------------------------------------------------------------------
*/


/*---------------------------------------------------------------------------------------
--- GLOBAL STYLING
---------------------------------------------------------------------------------------*/

@font-face {
	font-family: Interstate;
	src: 	url('../files/interstate.ttf'),
	 		url('../files/interstate.otf'),
	 		url('../files/interstate.eot');
}

@font-face {
	font-family: Frys;
	src: 	url('../files/frys.ttf'),
			url('../files/frys.eot');
}


/* STRUCTURE */
html{ }
body{ overflow:visible;}

#container{ }

#header{ }

#logo { }

#nav{ position: absolute; top: 100px; left:50px; z-index:50; text-align:center; text-transform:uppercase; }
#nav ul{ }
#nav ul li a{ font:10px Interstate, Helvetica, Sans-serif; line-height:20px; letter-spacing:1px; }
#nav ul li a:hover{ color:#5a5968;}
#nav ul li a.select{ font-size:13px; display:block; margin: 10px 0 10px 0;}
#nav li ul li{ }

#nav.dark{ position: absolute; top: 100px; left:50px; z-index:50; text-align:center; text-transform:uppercase;}
#nav.dark ul{ }
#nav.dark ul li a{ color:#fff;}
#nav.dark ul li a:hover{ color:#939695;}

#footer{ clear:both; bottom: 14px; left: 24px; position:absolute; z-index:49;}
#footer a{ letter-spacing: 1px;}
#footer a img:hover{ opacity:0.7;}

#footer.dark a{ color:#fff;}
#footer.dark a:hover{ color:#939695;}

/*------------------------------------------------------------------------------------*/


/* CONTENT */
a{ text-decoration:none; text-transform:uppercase; font:7pt Interstate, Helvetica, Sans-serif; color:#000; }
a:hover{ color:#5a5968; }
a:active{ }
a:visited{ }

h1{ }
h2{ }
h3{ }
h4{ }
h5{ }
h6{ } 

ul, ol { list-style:none;}
dl, dt, dd { }

p { font: 14px normal Georgia, Times New Roman, Times, serif; }
blockquote { font-style: italic;}
blockquote:before { content: open-quote;}
blockquote:after { content: close-quote;}
.dropcap{ font-size:300%; font-weight:bold; float:left; margin:10px; }
abbr{ }
address{ }
em{ }
strong{ }
ins{ }
del{ }

img{ border:none;}

/*------------------------------------------------------------------------------------*/


/* CONTROLS */
.left{	float:left; }
.right{	float:right; }
.clear{	clear:both; }
.padding{	padding:10px; }

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

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

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

.hide{ display:none;}
.test{ display:block; border: solid 1px red;}
/*------------------------------------------------------------------------------------*/

img.left{	margin:0 1em 1em 0; }
img.right{	margin:0 0 1em 1em; }

#content p{	margin:1.1em 0; }


/*---------------------------------------------------------------------------------------
---SECTIONAL STYLING
---------------------------------------------------------------------------------------*/

/* SEGMENT STYLING */
#footer img{ margin-left:10px; margin-top:-4px;}
.dark{ color: #fff;}

.gradient{ background: #fff url('../images/gradient.jpg') repeat-y ;}


/* HOME */
body.dark{ background-color:#000;}
.homeLogo{ position:absolute; top:50%; left:50%; margin-left:-25px; margin-top:-27px; z-index:100;}

body.bk, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
    margin: 0;
}

#bg {position: fixed;}
#bg div {height:200%; left:-50%; position:absolute; top:-50%; width:200%;}
#bg td {text-align:center; vertical-align:middle;}
#bg img {margin:0 auto; min-height:50%; min-width:50%;}


/* ERROR 404 */

/* SECTIONS */
#main{ position:absolute; left:256px; width: 740px; height:auto;}

/* ARTICLES */


/*about*/

#about{ top:158px; width:580px; position:relative;}
#about p{ line-height: 1.5em;}
#about a{ font: 11px normal Georgia, Times New Roman, Times, serif; color:#585858;}
#about a:hover{ color:#939695;}

/*collections*/

#collection{ top:108px; width:740px; position:relative; }
.collectionPost { background-image: url('../images/collectSq.png'); width:235px; height:235px; text-align:center; display: block; overflow: hidden; float: left;}
#collection .collectionPost a{ font:10pt Frys, Baskerville, Times, serif; text-transform: uppercase; color:#fff; display:block; margin-top: 110px; letter-spacing: .18em;}
#collection .collectionPost a:hover{ color:#e4e4e4;}

#collection2{ top:130px; width:740px; position:relative; }
.collectionPic {height:176px; width:176px; float:left; }
.collectionPic img{ z-index:1; float:left; position:absolute;}
.collectionPic span img{ z-index:100; float:left; position:absolute;}
.collectionPic > span{ width:176px; height:176px;}
.collectionPic > span:hover{ cursor:pointer;}


/*shop*/

#shop{ top:130px; width:740px; position:relative; }
#shop img{}



/*press*/

#press{ top:90px; left:170px; width:740px;  height:545px; position:relative; }

.ad-gallery {
  width: 650px;
}
.ad-gallery .ad-image-wrapper {
  height: 350px;
}
.ad-gallery .ad-back {
  left: -20px;
  width: 30px;
  background: url(../images/gallery_controls/ad_prev.png) no-repeat;
}
.ad-gallery .ad-forward {
  right: -120px;
  width: 30px;
  background: url(../images/gallery_controls/ad_next.png) no-repeat;
}

/*collaborations*/

#collaboration{ top:108px; width:740px; position:relative; }
#collaboration img{}