/*
Theme Name: Rhoost Theme
Theme URI: http://rhoost.com
Description: The theme for RHOOST
Version: 1.1
Author: Ira F. Cummings
Author URI: http://iracummings.com
*/

@import "reset.css";

/* COLORS */
/* 
rhoost purple 	#850d70;
bright purple	#850d70;
dark purple		#241326;
light grey 		#e6e7e8;
dark grey		#333333;
light blue 		#0ebdd0;
gold			#615914;

 */
 
/* GLOBAL */

body {
	background: white url('images/bg.jpg') top left repeat-y;	
	}
	
.clearer {
	clear:both;
	}
	
/* TYPOGRAPHY */
html {
	font-size:16px;
	line-height:1.125em; /* 18px */
	}
body {
	font-size:1em;
	}
h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica, Verdana, sans-serif;
	}
p, li, th, td {
	font-family:Georgia, Times New Roman, serif;
	font-size:.875em;
}
p {
	color:#333;
	margin:0 0 1.125em 0;
	}
small {
	font-family:Georgia, Times New Roman, serif;
	font-size:.6em;
	}
a {
	color:#615914;
	text-decoration:none;
	border-bottom:1px dotted;
	}
a:link {
	color:#615914;
	text-decoration:none;
	border-bottom:1px dotted;
	}
a:visited {
	color:#615914;
	text-decoration:none;
	border-bottom:1px dotted;
	}
a:hover {
	color:#850d70;
	text-decoration:none;
	border-bottom:1px dotted #FFF;
	}
a:active {
	color:#615914;
	text-decoration:none;
	border-bottom:1px dotted;
	}
div#header ul#nav-column-4 a {
	border:none;
	}

/* STRUCTURE */
div#container {
	width:960px;
	margin:0;
	padding:0;
	background-color:#FFF;
	}
	
/* HEADER */
div#header {
	width:952px;/* 960 - margin */
	height:240px;/* 305 - h1 margin */
	margin:0;
	padding:0 0 0 8px;
	background:#FFF;
	}
div#header a#logo {
	width:158px;
	height:64px;
	border:none;
	}
div#header a#logo img {
	width:158px;
	height:64px;
	margin:65px 0 0 0;
	}
div#header div#nav-columns {
	margin:0px 0 0 150px;
	position:relative;
	top:-40px; /*line up baseline of "collection" with baseline of RHOOST */
	}
div#header ul.nav-column {
	float:left;
	margin: 0 20px 0 0;
	padding:0;
	list-style: none;
	}
div#header ul.nav-column li a, div#header ul.nav-column li a:link, div#header ul.nav-column li a:visited {
	width:130px;/* 140-padding */
	height:22px;/* 30-border */
	display:block;
	margin:0px;
	padding:17px 0 0 10px;
	color:#333333;
	border-bottom:1px solid #e6e7e8;
	}
div#header ul.nav-column li a:hover {
	padding:17px 0 0 10px;
	color:#FFF;
	background:#850d70;
	text-decoration:none;
	border-bottom:1px solid #850d70;
	}
div#header ul.nav-column li a:active {
	display:block;
	margin:0px;
	padding:17px 0 0 10px;
	border-bottom:1px solid #850d70;
	}
div#header ul#nav-column-4 {
	margin:0 0 0 0px;
	}
div#header p#tagline {
	width:140px;
	height:140px;
	background: transparent url('images/birds-header.gif') no-repeat 45px 10px;
	padding: 17px 0px 0 170px;
	margin:0px;
	font-size: .875em;
	font-style: italic;
	color:#666;
		}

/* CONTENT */
div#content {
	width:802px; /* 960 - margin */
	margin:50px 0 0 158px;
	}
	
/* HOMEPAGE */
ul.htabs {
	float:right;
	width:160px;
	display:inline;
	}
ul.htabs li {
	display:inline;
	float:right;
	margin:0 12px 0 0;
	}
ul.htabs li a {
	width:120px;/* 160-padding */
	height:83px;/* 123-padding */
	padding:20px;
	display:block;
	border:none;
	font-size:1.3125em;
	overflow:hidden;
	}
#top-tab a,
#middle-tab a,
#bottom-tab a {
	text-indent:-9999px;
	background-image: url('images/tabs-all.gif');
	background-repeat:no-repeat;
	}
#top-tab a {
	background-position:0 0;
	}
#middle-tab a {
	background-position:0 -123px;
	}
#bottom-tab a {
	background-position:0 -246px;
	}
#top-tab a:hover {
	background-position:-160px 0;
	}
#middle-tab a:hover {
	background-position:-160px -123px;
	}
#bottom-tab a:hover {
	background-position:-160px -246px;
	}
.tabs {
	background:transparent url('images/tab-content-bg.jpg') top left no-repeat;
	height:369px;
	width:630px;
	}
div.tab h1 {
	color:#FFF;
	margin:0px 0 18px 10px;
	padding-top:15px;
	font-size:1.875em;
	}
div.tab p {
	font-size:1em;
	line-height:1.5em;
	color:#FFF;
	width:300px;
	margin: 0 0 0 10px;
	}
div.tab p.link {
	text-indent:-9000px;
	}
div.tab p.link a {
	display:block;
	color:#FFF;
	width:300px;
	height:36px;
	margin: 0;
	}
div.tab p#tab-collection-link a {
	background:transparent url('images/view-collection.png') top left no-repeat;
	border:none;
	margin:30px 0 0 5px;
	}
div.tab p#tab-about-link a {
	background:transparent url('images/view-story.png') top left no-repeat;
	border:none;
	margin:50px 0 0 5px;
	}
div.tab p#tab-mission-link a {
	background:transparent url('images/view-mission.png') top left no-repeat;
	border:none;
	margin:97px 0 0 5px;
	}
div.tab img.no-show {
	float:right;
	position:relative;
	top:18px;
	right:20px;
	width:270px;
	height:334px;
	}
div#homepage-rhooster {
	width:300px;
	float:left;
	margin:50px 20px 0 10px;
	}
div#homepage-rhooster h2 {
	background:transparent url('images/rhooster-icon.gif') top left no-repeat;
	color:#333;
	font-size:1.875em;
	text-transform:lowercase;
	margin:0 0 0 -40px;
	padding:3px 0 25px 40px;
	}
div#homepage-rhooster p.rooster-intro {
	font-size:1.125em;
	line-height:1.5em;
	}
div.homepage-column {
	width:220px;
	float:left;
	margin:50px 0px 0 0;
	overflow:hidden;
	}
div.homepage-column h3.homepage-news {
	background:transparent url('images/safety-hp-icon.gif') top left no-repeat;
	color:#333;
	font-size:1.125em;
	text-transform:lowercase;
	margin:0;
	padding:5px 0 15px 40px;
}
div.homepage-column h3 a {
	color:#000;
	}
div#homepage-news {
	margin-right:20px;
	}
div#homepage-blog {
	margin-right:20px;
	}
div.homepage-column h3.blog {
	font-style:italic;
	font-size:.75em;
	background:transparent url('images/blog-hp-icon.gif') top left no-repeat;
	margin:0 0 0px 0px;
	padding:0 0 20px 28px;
	}
div.homepage-column h4 {
	color: #850d70;
	font-size:1.125em;
	margin:0 0 10px;
}
div.homepage-column h4 a {
border:none;
}
div#homepage-blog .entry {
	border-bottom:1px solid #e6e7e8;
	margin:0 0 1em;
	padding:0 0 1em;
	}
div#homepage-blog .entry h5 {
	background:#0ebdd0;
	padding: 4px;
	margin:0 0 4px;
	}
div#homepage-blog .entry h5 a {
	width:100%;
	color:white;
	font-size:.75em;
	font-style:italic;
	}
div#homepage-twitter h3 {
	font-style:italic;
	font-size:.75em;
	background:transparent url('images/twitter-hp-icon.gif') top left no-repeat;
	margin:0 0 0px 0px;
	padding:0 0 20px 28px;
	}
div.homepage-column a#facebook-link,
div.homepage-column a#twitter-link,
div.homepage-column a#youtube-link {
	display: block;
	width:220px;
	height:30px;
	padding:5px 0 0 35px;
	margin:0 0 4px 0;
	line-height:1.8em;
	border:none !important;
	}
div.homepage-column a#facebook-link {
	background: url('images/facebook-icon.gif') center left no-repeat;
	}
div.homepage-column a#twitter-link {
	background: url('images/twitter-icon.gif') center left no-repeat;
	}
div.homepage-column a#youtube-link {
	background: url('images/youtube-icon.gif') center left no-repeat;
	}
	
/* SLIDESHOW specific */
div.tab div#slideshow {
	display:inline;
	float:right;
	position:relative;
	top:18px;
	right:20px;
	width:270px;
	height:334px;
	}
div#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    filter:alpha(opacity=0);
	opacity: 0.0;
}
div#slideshow img.active {
    z-index:10;
    filter:alpha(opacity=100);
	opacity: 1.0;
}
div#slideshow img.last-active {
    z-index:9;
}

	
/* PAGES */
body.page-template-default div#content h1, 
body.blog div#content h1, 
body.archive div#content h1, body.error404 div#content h1 {
	font-size:2.25em;
	color: #0ebdd0;
	margin:0 0 36px 0;
	}
body.page-template-collection-php h1 {
	font-size:2.25em;
	color: #0ebdd0;
	margin:0 0 14px 0;
	}
body.page-template-default div#content h3, 
body.blog div#content h3,
body.archive div#content h3,
body.page-template-collection-php h3 {
	width:460px;
	font-size:1.125em;
	color: #000;
	margin:0 0 7px 0;
	font-style:italic;
	font-family:Georgia, Times, serif;
	clear:none;
	}
body.page-template-default div#content h4, 
body.blog div#content h4,
body.archive div#content h4,
body.page-template-collection-php h4 {
	width:460px;
	font-size:.875em;
	color: #000;
	margin:0;
	font-style:italic;
	font-family:Georgia, Times, serif;
	font-weight:bold;
	clear:none;
	}
body.page-template-collection-php #single-product h4 {
clear:left;
}
body.page-template-default div#content p, 
body.archive div#content p,
body.blog div#content p {
	width:460px;
	clear:none;
	}
body.page-template-default div#content ul {
	width:460px;
	margin:0 0 18px 0;
	}
body.page-template-default div#content ul li {
	width:460px;
	background:transparent url('images/list-bullet-small.gif') top left no-repeat;
	margin:0 0 0 -15px;
	padding:0 0 0 15px;
	}
div.press-item {
	float:left;
	width:138px;
	height:240px;
	overflow:hidden;
	margin-right:22px;
	margin-bottom:10px;
	padding-bottom:12px;
	border-bottom:1px solid #c2c2c2;
	}
body.page-template-default div#content div.press-item h4 {
	width:138px;
	margin-bottom:4px;
	}
body.page-template-default div#content div.press-item p {
	width:138px;
	}
body.page-template-default div#content div.press-item img {
	width:138px;
	height:138px;
	margin-bottom:4px;
	}
img.pagebird {
	float:right;
	margin:0 -140px 20px 10px;
	}
div.wtb-columns {
	width:266px;
	float:left; 	
}
body.page-template-default div#content div.wtb-columns h4 {
	color:#850d70;
	}
body.page-template-default div#content div.wtb-columns h5 {
	width:266px;
	margin-bottom:0;
	font-size:.875em;
	font-family:georgia, 'Times New Roman', serif;
	font-weight:bold;
	}
body.page-template-default div#content div.wtb-columns ul {
	width:266px;
	margin-bottom:1.2em;
	}
body.page-template-default div#content div.wtb-columns ul li {
	background-image:none;
	width:266px;
	}
/* BLOG */
div#blog-page {
	width:460px;
	float:left;
	margin:0 20px 0 0px;
	}
div#blog-page div.post {
	margin-bottom:40px;
	}
body.blog div#content h1, 
body.archive div#content h1,
body.single div#content h1 {
	font-size:2.25em;
	color: #0ebdd0;
	width:460px;
	margin:0 0 36px 0;
	}	
body.blog div#content h3, 
body.archive div#content h3,
body.single div#content h3 {
	width:460px;
	font-size:1.125em;
	margin:0 0 7px;
	font-style:italic;
	font-family:Georgia, Times, serif;
	}
body.blog div#content h3 a, 
body.archive div#content h3 a,
body.single div#content h3 a {
	color: #000;
	}
body.blog div#content h4, 
body.archive div#content h4,
body.single div#content h4 {
	width:460px;
	font-size:.875em;
	color: #000;
	margin:0;
	font-style:italic;
	font-family:Georgia, Times, serif;
	font-weight:bold;
	}
body.blog div#content p, 
body.archive div#content p,
body.single div#content p {
	width:460px;
	}
body.blog div#content ul, 
body.archive div#content ul,
body.single div#content ul {
	width:460px;
	margin:0 0 18px 0;
	}
body.blog div#content ul li, 
body.archive div#content ul li,
body.single div#content ul li {
	width:460px;
	background:transparent url('images/list-bullet-small.gif') top left no-repeat;
	margin:0 0 0 -15px;
	padding:0 0 0 15px;
	}
body.blog div#blog-sidebar, 
body.archive div#blog-sidebar,
body.single div#blog-sidebar {
	float:left;
	width:300px;
	}
body.blog div#blog-sidebar h1,
body.archive div#blog-sidebar h1,
body.single div#blog-sidebar h1 {
	font-size:1em;
	color:#999;
	margin:0;
	padding:0;
	}
body.blog div#blog-sidebar select,
body.archive div#blog-sidebar select,
body.single div#blog-sidebar select {
margin: 0 0 18px;
}
body.blog div#blog-sidebar li,
body.archive div#blog-sidebar li,
body.single div#blog-sidebar li {
	background-image:none !important;
	margin:0;
	padding:0;
	}
div#content blockquote {
	padding:18px 0px 18px 28px;
	line-height:1.5em;
	font-style:italic;
	}
div#content blockquote p {
	width:430px !important;	
}

/* COMMENTS */
div#comments form textarea {
	width:460px;
	margin-bottom:8px;
	}

	
/* SHOP */
body.page-template-collection-php div#content {
	width:802px;
	}
div#shop-sidebar {
	position:absolute;
	top:355px;
	left:808px;
	width:140px;
	}

/* FOOTER */
div#footer {
	width:802px; /* 960 - margin */
	height:100px;
	margin:100px 0 0px 158px;
	}
div#footer ul#footer-links {
	margin:0;
	padding:0;
	}
div#footer ul#footer-links li {
	float:left;
	width:160px;
	}
div#footer ul#footer-links li.logos a {
	border:none;
	}
div#footer ul#footer-links li.logos img {
	margin:-3px 3px 0 0;
	}
div#access {
	background:#fff;
	border: 1px solid #000;
	position:absolute;
	top:10px;
	right:10px;
	padding:20px;
	}
	
/* SITEMAP ONLY */
body.page-id-96 div#content ul li {
	background-image:none;
	}
body.page-id-96 div#content ul ul {
	margin-left:10px;
	}
	
/* PLUGIN SPECIFIC */

div#homepage-twitter li {
	margin:0 0 18px 0
	}

/* WP GENERATED */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   margin:4px 20px 20px 0;
}
.alignright {
   float: right;
   margin:4px 0px 20px 20px;
}
.wp-caption {
   padding: 4px 0 0;
   margin: 0 0 1em 0;
   }
body.page-id-565 .wp-caption,
body.page-id-567 .wp-caption {
	float:left;
	}
.wp-caption a {
	border:none;
	}
wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
	width:inherit;
   font-size: 11px;
   line-height: 17px;
   margin: 3px 0px;
   text-align:left;
   font-style:italic;
}