/*
Theme Name: Crema Coffee Co.
Theme URI: http://cremacoffee.ca
Description: Site Design 2010 by Totally Spun
Version: 1.0
Author: Paul Reynolds / Totally Spun
Author URI: http://totallyspun.com

*/

	* {

		margin: 0;
		padding: 0;

	}		
	
	body, html {

		height: 100%;

	}
	
	@font-face {
		font-family: 'MuseoSans';
		src: url('fonts/museosans_500-webfont.eot');
		src: local('☺'), 
				url('fonts/museosans_500-webfont.woff') format('woff'), 
				url('fonts/museosans_500-webfont.ttf') format('truetype'), 
				url('fonts/museosans_500-webfont.svg#webfontnLhg6THn') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'MuseoSans';
		src: url('fonts/museosans_500_italic-webfont.eot');
		src: local('☺'), 
				url('fonts/museosans_500_italic-webfont.woff') format('woff'), 
				url('fonts/museosans_500_italic-webfont.ttf') format('truetype'), 
				url('fonts/museosans_500_italic-webfont.svg#webfont0jrWKLtm') format('svg');
		font-weight: normal;
		font-style: italic;
	}

	body {
		
		background: #E6C9A9 url("images/background.jpg") center top no-repeat;
		font-size: 83%;
		font-family: "MuseoSans", Helvetica, Arial, sans-serif;
		letter-spacing: 0.025em;
		line-height: 1.3em;
		color: #581E00;
		text-align: center;
		
	}
	
	#container {
	
		width: 900px;
		margin: 10px auto;
	
	}
	
	#header {
		
		text-align: left;
		
	}
	
	#navigation {
		
		float: right;
		width: 600px;
		margin: 175px -65px auto;
		
	}
	
	#navigation ul {
		
		list-style: none;
		margin: 15px auto;
		float: left;
		width: 100%;
		
	}
	
	#navigation ul li {
		
		display: inline;
		float: left;
		text-transform: lowercase;
		font-size: 1.2em;
		padding-right: 2px;
		padding-left: 3px;
		margin: 0 6px auto -4px;
		
	}
	
	#navigation ul li.last {
		margin-right: 0px;
	}
	
	#navigation ul li a {
		
		float: left;
		
	}
	
	#navigation ul li a span {
		
		margin: 0 15px 0 -15px;
		padding: 5px 8px 10px 15px;
		position: relative;
		float: left;
		
	}
	
	ul.slider_navigation {
		
		list-style: none;
		display: inline;
		float: left;
		margin-left: 12px;
		width: 535px;

	}

	ul.slider_navigation li {
		
		display: inline;
		float: left;
		padding-left: 10px;
		margin: 0 16px 6px -10px;
				
	}
	
	ul.slider_navigation li a {
		
		float: left;
		display: inline;
		font-size: 1.2em;
		color: #cfb8a8;
		font-weight: bold;
		text-decoration: none;
		
	}
	
	::root ul.slider_navigation li a { 
		letter-spacing: -1px; 
	}
	

	ul.slider_navigation li a span {

		margin: 0 15px 0 -10px;
		padding: 5px 8px 10px 15px;
		position: relative;
		float: left;

	}
	
	ul.slider_navigation li a.slider_current, 
	ul.slider_navigation li a.slider_current:hover, 
	ul.slider_navigation li a:hover {
		
		color: #581E00;
		
	}
	
	#navigation ul li a:hover, 
	ul.slider_navigation li a:hover {
	
		background: url(images/menu_border.png) no-repeat top right;

	}
	
	#navigation ul li a:hover span, 
	ul.slider_navigation li a:hover span {
	
	   background: url(images/menu_border.png) no-repeat top left;
	
	}
	
	a {
		
		color: #9D6D44;
		text-decoration: none;
		
	}
	
	a:hover {
		
		color: #7A4522;
		text-decoration: underline;
		
	}
	
	#navigation a {
		
		color: #581E00;
		text-decoration: none;
		
	}
	
	#main_content {
		
		float: right;
		width: 460px;
		text-align: left;
		margin: -26px 75px auto;
		
	}
	
	#main_content h2 {
		
		font-size: 1.2em;
		margin: auto auto 1em;
		
	}
	
	#main_content h3 {
		
		font-size: 1.0em;
		
	}
	
	.hentry, .entry {
		
		width: 525px;
		margin-bottom: 2em;
		clear: both;
		
	}
	
	.post h2 a {
		
		color: #581E00;
		text-decoration: none;
		
	}
	
	.press {
		
		margin: -1em auto 2em;
		
	}
	
	#bottom_line {
		
		width: 480px;

	}
	
	.byline {
		
		float: left;
		margin-top: -0.5em;
		margin-bottom: 4em;

	}
	
	.read_more {
		
		float: right;
		font-size: 9pt;
		
	}
	
	#post_nav {
		
		clear: both;
		float: right;
		margin-top: 1em;
		margin-right: -45px;
		
	}
	
	#discussion {
		
		clear: both;
		margin-top: 5em;
		width: 500px;
	}
	
	h3#comments {
		
		background: #581E00;
		color: #E6C9A9;
		padding: 2px;
		padding-left: 5px;
		
	}

	.commentlist {
		padding: 0;
		text-align: justify;
		border: 1px solid #581E00;
		border-top: none;
		list-style: none;
		margin-top: -10px;
		padding-bottom: 10px;
		}

	.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
		font-size: 1em;
	}

	.commentlist li {
		border-top: 1px solid #520;
		margin-top: 10px;
		padding: 10px;
		margin-bottom: -10px;
		list-style: none;
	}
	
	.commentlist li.odd {
		background: #f3dcc2;
	}

	.commentlist li.even {
		background: #f9ecdd;
	}

	.commentlist li .avatar { 
		float: left;
		border: 1px solid #581E00;
		padding: 1px;
		margin-right: 15px;
		background: #fff;
		}

	.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
		}

	.commentlist p {
		font-weight: normal;
		text-transform: none;
		}

	#commentform p {
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}

	.commentmetadata {
		font-weight: normal;
		}
		
		.commentlist p {
			margin: 10px 5px 10px 0;
		}
		.children { padding: 0; }

		#commentform p {
			margin: 5px 0;
			}

		.nocomments {
			text-align: center;
			margin: 0;
			padding: 0;
			}

		.commentmetadata {
			margin: 0;
			display: block;
			}
		
		#respond {
			
			margin-top: 2em;
			
		}

	#comment {
		
		width: 500px;
		
	}
	
	#main_content h2.first {
		
		margin-top: 0;
		
	}
	
	#main_content ul {
		
		list-style: none;
		
	}
	
	ul#press_list {
		
		list-style: disc;
		margin-left: 20px;
		
	}
	
	#sidebar {
		
		float: left;
		width: 285px;
		margin: 50px auto auto 5px;
		text-align: right;
		
	}
	
	#sidebar h3 {
		float: right;
		font-size: 1em;
		margin: 0 10px 5px 0;
		color: #9D6D44;
		text-decoration: underline;
	}
	
	#footer {
		
		clear: both;
		float: right;
		width: 185px;
		text-align: right;
		margin: 50px 0 10px auto;
		font-size: 0.85em;
		color: #7A4522;
		
	}
	
	#footer a {
		
		color: #9D6D44;
		
	}
	
	#footer a:hover {
		
		color: #581E00;
		
	}

	img#logo {
		
		border: none;
		margin-left: -25px;
		
	}
	
	.hidden {
		
		display: none;
		
	}
	
	p {
		
		margin-bottom: 1.5em;
		
	}
	
	#landing_roll {
		
		width: 560px;
		height: 315px;
		background: url('/wp-content/themes/crema/images/beans.jpg');
		
	}
	
	#slider {
	  width: 550px;
	  margin: -5px auto auto -17px;
	  position: relative;
	}
	
	.panel_text {
		
		margin-left: 17px;
		
	}
	
	.scroll {
	  height: 900px;
	  overflow: auto;
	  position: relative; /* fix for IE to respect overflow */
	  clear: left;
	}

	.scrollContainer div.panel {
	  padding: none;
	  height: 340px;
	  width: 550px; /* change to 560px if not using JS to remove rh.scroll */

	}

	.category-gallery img,
	.category-coffeetalk img,
	.hentry img,
	.entry img,
	.panel_text img {
				
		margin-right: 30px;
		border: 2px solid #581E00;

	}
	
	#sidebar {
		text-align: right;
	}
	
	#sidebar_buttons {
		float: right;
		clear: both;
	}
	
	#sidebar_buttons img {
		
		margin: auto auto 10px 10px;
		border: none;
		
	}