/*
Theme Name: Bewley's Default dark theme
Theme URI: http://www.bluecubeinteractive.com/
Description: The default dark theme for Bewley's WordPress installation
Version: 0.1
Author: Fintan Hurl, Lukasz Piwko
Author URI: http://www.bluecubeinteractive.com/
Tags: fixed width, bewleys
*/

@import url(reset.css);
@import url(typography.css);
@import url(sifr.css);

/* stops the nasty horizontal shift with centered layouts in moz etc */
html { height: 100%; margin-bottom: 1px; }
body { background: #2A002D url(images/layout/body_bg.jpg) no-repeat fixed center top; text-align:center; }
#container { width:900px; margin: 0 auto; text-align:left; background:#FDFDFD url(images/layout/container_bg.jpg) repeat-x 0 0; position:relative; }
#header { position: relative; height: 61px; }
#branding { position:absolute; left:54px; top:0; z-index:500; }
#nav-search { padding-left:266px; margin-top:0px; /*margin-top:27px;*/ float:left; height:34px; }
#navigation { float:left; margin-right:10px; }
#search { float:left; padding-top:6px; width:180px; }
#search input { display:inline;}
input.searchbox { border:none; padding:3px; width:100px; margin-right:8px; }
input.searchbutton { border:none; background:none; cursor:pointer; }

#navigation ul li { float:left; border-right: solid 1px #FFFFFF; height:34px; }
#navigation ul li:first-child { border-left: solid 1px #FFFFFF; }
#navigation ul li a { float:left; padding: 0px 9px; line-height:34px; }

#banner { height:200px; background-color:#CCCCCC; }
.pics { height: 200px; width: 900px; padding:0; margin:0; overflow: hidden; z-index:4; }

#button-wrapper { text-align:center; clear:both; }
p.button-wrapper { text-align:center; clear:both; }

#content-full, #content-split { width:800px; text-align:center; margin:15px auto 30px auto; }
#content-full #primary-content { text-align:left; }
#content-split #primary-content { float:right; width:540px; text-align:left; }
#content-split #secondary-content { float:left; width:230px; text-align:left; }
#footer { background:#FFFFFF; width:760px; text-align:center; margin:30px auto; }

#primary-content ul li { background:url(images/layout/ul.gif) no-repeat 0 7px; padding-left:1em; }
#primary-content li { padding-bottom:6px; }

/* left navigation */
#sub_navigation { padding:10px;  background:#f1f1f1; border:1px solid #999999;}
#sub_navigation ul li { margin-bottom:10px; line-height:1.2; }
#sub_navigation ul ul li { margin: 6px 0 ; padding-left:12px; background:url(images/layout/sub-nav_li_pink.gif) no-repeat 2px 6px; line-height:1.2; }
#sub_navigation ul ul ul { margin: 0 0 6px 0; }
#sub_navigation ul ul ul li { margin: 2px 0 2px 0; background:url(images/layout/sub-nav_li_grey.gif) no-repeat 2px 6px; line-height:1.2; }

#sub_navigation ul ul,
#sub_navigation	ul li.current_page_item ul li.page_item ul,
#sub_navigation	ul li.page_item ul li.page_item ul,
#sub_navigation	ul li.current_page_ancestor ul li.current_page_ancestor ul li ul,
#sub_navigation	ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li ul,
#sub_navigation ul li.current_page_ancestor ul li.page_item ul li ul {display:none;}

#sub_navigation	ul li.current_page_item ul, 
#sub_navigation	ul li.current_page_parent ul,
#sub_navigation	ul li.current_page_ancestor ul,
#sub_navigation ul li.current_page_ancestor ul li.current_page_item ul,
#sub_navigation	ul li.current_page_ancestor ul li.current_page_ancestor ul,
#sub_navigation	ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_parent ul,
#sub_navigation	ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul,
#sub_navigation	ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item ul {display:block;}

/*#sub_navigation	ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_ancestor ul,*/
blockquote { clear: both; padding: 2px 0 0 10px; margin-bottom:6px; margin-left:0; border-left:solid 2px #CE007C; }
cite { display:block; margin-bottom:20px; }

hr { background:none; border-top: none; border-right: none; border-bottom: 2px dotted #CE007C; border-left: none; clear:both; margin:20px 0; }

.hidden { display: none; }
.clearboth { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearnone { clear: none !important; }

/* FORM */

label { padding-right:10px; vertical-align:top; }

.form fieldset { width:540px; margin: 10px 0; }

.form legend { color:#464647; background:#ffffff; border:1px solid #818286; padding:3px; margin-bottom:10px;} 

.form input { vertical-align:middle;}

div.form_left {	width:180px; float:left; clear:left; text-align:left; vertical-align:top;}

div.form_right { width:300px; float:left; clear:right; text-align:left; padding-bottom:5px; vertical-align:top;}

.form_input, .form_textarea { width:260px; border:1px solid #55204C; padding:2px; font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif;}
.form_select { width:264px; font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; border:1px solid #55204C; }
.form_select_inline { font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; border:1px solid #55204C; padding:2px; }

.form_submit { color:#FFFFFF; background:#55204C; border:1px solid #6e2c63;	cursor:pointer;	padding:3px 5px; font-family: Cambria, Georgia, "Times New Roman", Times, serif; font-size:14px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

.form_buttons { text-align:center; margin: 10px 0; }

.not-visible {display:none;}

/* MENU PAGES */
.menu {
	width: 500px;
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
	font-size: 150%/100%;
}

.menu em {
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left: 6px;
}

/* NEWS PAGE */

.first-entry { background:#55204c; padding:4px 4px 4px 8px !important; color:#FFFFFF;}
.first-entry img { width:150px !important; }
.first-entry a { color:#FFFFFF !important; }
.news-post img { width:100px; }
.news-post { padding:0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dashed #55204C;}

/* WORDPRESS IMAGE STYLING */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignright { float:right; margin:0 0 10px 10px; clear:right; }
img.alignleft { float:left; margin:0 10px 10px 0; clear:left; }

div.alignright { float:right; clear:right; }
div.alignleft { float:left; clear:left; }

.wp-caption {
   border: 1px solid #CCCCCC;
   text-align: center;
   background-color: #FFFFFF;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* this css will allow the icons on the site to align to the left text on the about page */
.straightalign {
	padding-left: 0px;
}

p.anchor-links { text-align:center; }
.equipment_column { width:250px; margin: 0 15px 10px 0; float:left; }
.two_column { width:250px; margin: 0 15px 10px 0; float:left; }
.three_column { width:160px; margin: 0 15px 10px 0; float:left; }
.three_column h4 { text-align: center; }
#fairtrade-gallery dt.gallery-icon img { width:100px !important; height:100px !important;}

 /* FAQ style contents */
 
#contents-full { padding:10px; border:solid 1px #CE007C; background:#F1F1F1; margin-bottom:100px; }
#contents-menus { float:left; width:280px; padding:10px; border:solid 1px #CE007C; background:#F1F1F1; margin-right:10px; margin-bottom:100px; }
#contents-right { float:right; width:200px; padding:10px; border:solid 1px #CE007C; background:#F1F1F1; margin-left:10px; clear:right; }
#contents-right ul { margin-bottom: 20px; }
#contents-full h3, #contents-right h3, #contents-menus h3 { margin:0;}
#contents-full ul, #contents-right ul { margin:0 0 0 16px; padding:0 !important; list-style-type:disc; list-style-image:none !important; }
#contents-menus ul { margin:0; padding:0 !important; list-style-type:disc; list-style-image:none !important; }
#contents-full ul li, #contents-right ul li { padding:0 !important; background:none !important; }
#contents-menus ul li { float:left; width:110px; padding:0!important; background:none !important; margin-left:16px; padding-right:5px; }
#contents-full a, #contents-right a, #contents-menus a { font-size:11px; color:#CE007C; text-decoration:none; line-height:1.2; }
#contents-full a:hover, #contents-right a:hover, #contents-menus a:hover { color:#55204C; }  

/* CSS BUTTONS */

a.order-wide, a.healthcheck-wide { width:200px; padding: 8px 10px 9px; }
a.order-thin, a.healthcheck-thin { width:100px; padding: 8px 20px 9px; line-height:1.2 }

a.order-wide, a.order-thin { /* CSS3 */
	display:block; float:right; clear:right; text-align:center; color:#FFFFFF; margin-bottom:10px; margin-left:10px;
	background: #CE007C url(images/layout/alert-overlay.png) repeat-x; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-size:20px;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}

a.order-wide:hover, a.order-thin:hover { background-image:none; background-color:#CE007C;}

/* HEALTH CHECK BUTTON 

a.health-check { 
	display:block; clear: both; text-align:center; color:#FFFFFF; width:500px;
	background: #55204C url(images/layout/alert-overlay-50.png) repeat-x; 
	padding: 8px 10px 9px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-size:20px;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}

a.health-check:hover { background-image:none; background-color:#55204C;}*/

a.pink-button { /* CSS3 */
	display:block; float:left; width:220px; clear:right; text-align:center; color:#FFFFFF; margin-bottom:10px; margin-right:10px;
	background: #CE007C url(images/layout/alert-overlay.png) repeat-x; 
	color: #fff; 
	 padding: 8px 10px 9px;
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-size:20px;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}

a.pink-button:hover { background-image:none; background-color:#CE007C;}

/* PRODUCT SHOT BG */

#product-shot-bg  { background: #FFFFFF url(images/layout/product-shot-bg.jpg) no-repeat 0 0;}

/* breadcrumbs */
#breadcrumbs { margin:0.5em auto; padding:0px 30px; }
#breadcrumbs ul { display:inline; margin:0; padding:0; }
#breadcrumbs ul li { display:inline; margin-right:0.5em; }

.edit-link { font-size:smaller; }

/* coffee lover form */
form.coffee_lover {
	width:540px;
}
.coffee_lover label {
	margin-right:15px;
}
.coffee_lover legend {
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	padding-right:10px;
	font-size:22px;
	letter-spacing:-1px;
	line-height:1;
	font-weight:normal;
	margin:0 0 10px 0;
	color:#55204C;
}
.coffee_lover fieldset {
	border:0px;
	border-top:1px solid grey;
	margin-bottom:25px;
}
.coffee_lover h3 {
	font-size:16px; color:#000000; font-weight:bold;
}
.coffee_lover input.submitq {
	font: 14px Cambria, Georgia, "Times New Roman", Times, serif;
	border:1px solid #55204C;
	background-color:#55204C;
	color:#ffffff;
	padding:10px;
	cursor:pointer;
	-moz-border-radius:5px;
	border-radius:5px;
}
.coffe_lover_button {
	font: 14px Cambria, Georgia, "Times New Roman", Times, serif;
	border:1px solid #55204C;
	background-color:#55204C;
	color:#ffffff;
	padding:10px;
	cursor:pointer;
	-moz-border-radius:5px;
	border-radius:5px;
}
.coffe_lover_button2 {
	display:block;
	font: 14px Cambria, Georgia, "Times New Roman", Times, serif;
	border:1px solid #55204C;
	background-color:#55204C;
	color:#ffffff;
	padding:10px;
	cursor:pointer;
	-moz-border-radius:5px;
	border-radius:5px;
	width:auto;
}

/* Lightbox styles */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#feed-ticker { position:relative; padding: 0px 0px; background-color:#F2F2F2; border-bottom:1px solid #E0E0E0; font: 12px Verdana #222222; z-index:999; }

#feed-ticker #feed-container { margin:0px auto; text-align:center; width:845px; }
#feed-ticker #date { position:absolute; right:30px; bottom:-24px; height:23px; line-height:23px; background-color:#F2F2F2; border:1px solid #E0E0E0; border-top:none; padding:0px 5px; }

#feed-ticker #feed-title { float:left; width:185px; height:38px; line-height:38px; margin-right:10px; }
#feed-ticker #feed-title h2 { font-size:16px; font-weight:bold; color:#CE007C; letter-spacing:-1px; line-height:38px; margin:0px; padding:0px; }

#feed-ticker #feed-items-container { float:left; width:625px; height:38px; line-height:38px; overflow:hidden; text-align:left; }

#feed-ticker #feed-items-container a { color:#222; }

#feed-ticker #feed-items-container a:hover { color:#CE007C; }

#call-back-container { width:578px; height:27px; line-height:27px; text-align:right; position:relative; overflow:visible; padding-right:22px; background: url(images/layout/call-back-bg.gif) no-repeat right center; }

#call-back-box {
	display:none;
	padding:15px 0px 15px 15px;
	position:absolute;
	top:27px;
	right:0px;
	width:485px;
	border:1px solid #E0E0E0;	
	background-color:#FFF;
	z-index:99999;
}

.toggle-on { }