/* $Id: style.css,v 1.13 2006/04/03 22:20:48 unconed Exp $ */

/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #000;
  
  background-color: #444;
  font: 75% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
tr.odd td, tr.even td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.8em;
}
h1 {
  font-size: 1.8em;
}
h2 {
  font-size: 1em;
}
h3, h4 {
  font-size: 1.08em;
}
h5, h6 {font-size:1em;}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
  font-size: 100%;
}
a {
  text-decoration: none;
  font-weight: bold;
}
a:link {
  color: #691F01;
}
a:visited {
  color: #691F01;
}
a:hover {
  color: #691F01;
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
div.links {
  margin-top: 1.1em;
  clear: both;
  text-align: right; 
}
.comment .links {
  margin-bottom: 0em;
}

/*
** Page layout blocks / IDs
*/

#container {
  /*width: 800px;*/
  margin: auto;
  border-left: 2px solid block;
  border-right: 2px solid block;

}

#header
{
	background-color: #99c0d5;
	width: 100%;
/*	background-repeat: no-repeat;
	background-position: right center;*/
	background-image: url(/files/JC_header_logos_right.png);
	background-position: right top;
	background-repeat: no-repeat;

}

#content {
  background-color: #fff;
  width: 100%;
  }

#header
{
	/*background-image: url(http://www.justcoffee.net/test/files/active/1/74_large.gif);*/
	/*img border-bottom: 1px solid #222;
	background-repeat: no-repeat;*/
/*	width:800px;*/
}

#logo
{
	vertical-align: top;
	border: 0;
	height: 50px;
	text-align: center;
	width: 600px;
	margin: auto;

}
#logo img {
  float: left;
  padding: 0em 1.0em 0em 1em;
  border: 0;

  }

#search
{
	/*vertical-align: top;*/
	text-align: right;
	padding: 0px 5px 0 0;

}

#menu {
  padding: 2em 0.5em 0 0.5em;
  text-align: right;
  vertical-align: top;
  /*display:none;*/
}

/*#primary {
  font-size: 1.0em;
  padding: 0em 0.8em 0.5em 0;
  color: #9cf;
}
#primary a {
  font-weight: bold;
  color: #fff;
}
#secondary {
  padding: 0 1em 0.5em 0;
  font-size: 0.8em;
  color: #9cf;
  display:none;
}
#secondary a {
  font-weight: bold;
  color: #9cf;*/
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: top;
  margin: 5px 0 0 0;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em 0 0.5em;
  /*display:none;*/
}

#mission {
  background-color: #369;
  padding: 1.5em 2em;
  color: #fff;
  display: none;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}

.site-name, .site-slogan {display: none;}

/*.site-name {
  margin: 0.1em 0em 0em 0em;
  padding: 5px 5px 0 5px;
  font-size: 2.5em;
  background: #222;
  filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
}
.site-name a:link, .site-name a:visited {
  color: white;
}
.site-name a:hover {
  color: grey;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  padding: 5px;
  color: white;
  display: block;
  margin: 0em 0em 0em 0em;
  font-weight: bold;
   background: #222;
  filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
}*/

#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 0px 12px 10px 12px;
  background: #fff;
}

#mission, .node .content, .comment .content {
  line-height: 1.5;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
  margin-top: 18px;
  /*display: none;*/
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left, #sidebar-right {
  /*border-top: 1px solid #222;*/
  background-color: white;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px 5px 5px 10px;
  vertical-align: top;
  /*margin-top:1px;*/

}
#sidebar-left {
  width: 180px;

}

#sidebar-right {
  width: 160px;

}
#footer {
  background-color: #FF9900;
  padding: 1em;
  font-size: 0.8em;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, h2.title a {
  font-weight: bold;
  font-size: 1.2em;
  color: black;
  margin: 0.5em auto .5em auto;  /* decrease default margins for h<x>.title */
}
h1.title {font-size: 1.5em; margin-top: 0em; padding-top: 0px;}

.submitted {
  color: #888;
  font-size: 1em;
  /*text-transform: uppercase;*/
  line-height: 1.3em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}


.block {
  padding-bottom: 0.75em;
}

.block .title
{
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	margin-top: 5px;
	/* decrease default margins for h<x>.title */
	border: 1px solid #c5c6c8;
	border-bottom: 0;
	text-align: left;
	padding: 1.5px 3px 2px 3px;
	background-color: #a7a9ac;
	text-transform: uppercase;
}

#sidebar-left .block .content, #sidebar-right .block .content
{
	padding: 5px 1em 1em 1em;
	border-top: 0px dashed #333;
	/*border-right: 1px dashed #333;
	border-bottom: 1px dashed #333;*/
	border: 1px solid #ccc;
	background: #c5c6c8;
}

#sidebar-left .block .content li, #sidebar-right .block .content li
{
	list-style-type: square;
	margin: 0px 0px 0px 8px;
	padding: 3px 0 0 0px;
	list-style-position: default;
} 

/*	list-style-image: url(/files/lilredstar.gif);	*/
#sidebar-left .block .content li.leaf, #sidebar-right .block .content li.leaf {
}

#sidebar-left .block .content li.expanded, #sidebar-right .block .content li.expanded {
}


.block .title {
  margin-bottom: 0em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: 1.5em 0em 1em 0em;
  padding: 1em;
  font-size: 1em;
  border: 1px dashed #999;
  padding-bottom: 1.5em;
}

.sticky {
  padding: 1.2em;
  background-color: #c0b98;
  border: dashed 1px #900;
}
.node .content, .comment .content {
  margin: .8em 0 0em 0;
}


.node .taxonomy {
  color: #999;
  font-size: 1em;
}
.node .picture {
  float: right;
}
.comment {
  border: 1px dashed #abc;
  padding: 1em;
  margin-bottom: 1em;
  font-size: 1em;
  background-color: #fff;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 1em;
  float: right;
  color: red;
}
.comment .picture {
  float: right;
}

.comment:hover {
	border: 1px solid #ACE149;
	background: #ffffee;
	}

/*
** Module specific styles
*/
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  width: 100%;
}
#forum td {
  padding: 0.5em 0.5em 0.5em 0.5em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #ddd;
}
#forum td.container {
  background-color: #ccc;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}

#sidebar-left .block-block-3 .content 
{  margin: 0;
  padding: 0;

}

#sidebar-left .block-views .content
{
	padding: 0; margin: 0;
}

#content {
  /*border-top: 1px solid #888;*/}
  margin-top: 0px;
  padding-top: 0;


.calendar a {
  text-decoration: none;
}
.calendar td, .calendar th {
  padding: 0.4em 0;
  border-color: #888;
}
/*.calendar .day-today {
  background-color: #69c;
}
.calendar .day-today a {
  color: #fff;
}*/
.calendar .day-selected {
  background-color: #369;
  color: #fff;
}
.calendar .header-week {
  background-color: #ccc;
}
.calendar .day-blank {
  background-color: #ccc;
}
.calendar .row-week td a:hover {
  background-color: #fff; color: #000;
}



/* Acidfree images */

img.acidfree-plain {padding: 0px 10px 0px 10px;}

/* Acidfree captions */

/*


.filter-thumb-title
{
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 5px 2px 0;
	margin: 0px 10px 0px 10px;
	text-align: right;
	font-size: 80%;
	background: #333 ; 
	color: #fff;
	

}

.acidfree-plain {	background: #333; 
 } 
.filter-thumb img {margin: 5px 10px 0px 10px; } 
*/

.filter-thumb-title {border-bottom: 1px solid #333;
	text-transform: uppercase;
	font-weight: bold;
	color: #222;
		font-size: 80%;
			text-align: right; padding: 0 5px 3px 5px; font-weight: bold; margin: 0 5px 5px 5px;
    float: top;   

}

.price {display: inline;}

.variation .name {display: none;}

/* CALENDAR RELATED STUFF */
#sidebar-left .block-event .content {margin: 0; padding: 0; background: #fff; border: 0px dashed #222; margin-top: 14px;}
#sidebar-left .block-event .block { background: #fff; border: 0px; }
#sidebar-left .block-event h2 {display: none;}
.event-calendar td.sat, .event-calendar td.sun {
background:#fff none repeat scroll 0%;
}
.event-calendar td.selected {
background:#fff none repeat scroll 0%;
}
.event-calendar td.today {
background:#fff none repeat scroll 0%;
font-weight: bold;
}

.event-calendar td.days {
background:#222244 none repeat scroll 0%;
border-color:#224422;
border-style:solid;
border-width:0pt 1px 1px 0pt;
color:#CCCCEE;
text-align:center;
}

.event-calendar td a {color: #900;}

.event-calendar td {border: 0;}

.event-calendar div.event {font-style: normal;}
.event-calendar div.event a {color: #900;}

/*block block-event" id="block-event-0">*/

/*#sidebar-left .block h2 {width: 100%;}
#sidebar-left .block .content {width: 100%;}*/

.block-nice_menus  {padding-left: 25px;}

.node .content {  line-height: 1.6em;
}

#gmap-view_gmap-gmap0 .latitude {display: none;}
#gmap-view_gmap-gmap0 .longitude {display: none;}

body, #content, #main, #sidebar-left, #sidebar-right { background-color: #fff; }


ul.primary {margin-top: 1.5em;}

ul.links  {padding-left: 0;}

.terms ul.links li {padding-left: 0; font-size: 0.8em; text-transform: uppercase;}

.description {margin-top: 1.5em; }

#main h1.title {margin-top: 0.2em;}

.block-translation img {display: none;}

#simplemenu {height: 23px;}
#simplemenu a {color: #900; font-family: "Lucida Grande", verdana, arial; font-size: 1.1em; text-transform: capitalize;}

.tagadelic {font-family: Georgia, serif;}

.book-navigation .page-links {border: none; }

tbody {
  border-top: 0px solid #ccc;}

.views-field-field-image-cache-fid{
	float:left;
	padding-right:3.5em;
	padding-bottom:1.5em;
	}

.views-field-value {
float:left;	
}
	
.views-field-title{
font-size:15px;}

.col-1{
width:50%;
background-color:#f6f6f6;
border: solid 10px #FFFFFF;
}

.col-2{
width:50%;
background-color:#f6f6f6;
border: solid 10px #FFFFFF;
}

.views-view-grid {
width:100%;
}