/***   Style Sheet for Dublin Buddhist Centre Website   ***/
/***   http://www.dublinbuddhistcentre.org/                    ***/

/***
  *** General definitions
  ***/
  
/***   All Pages   ***/

@import url(http://www.google.com/cse/api/branding.css);

body { 
	color: black; background: white;
	font-family: arial, helvetica, "sans serif";
	font-size: small;
}

img { border: 0; }

p { text-align: justify; }

.centre { text-align: center; }
.right { text-align: right; }
.bold { font-weight: bold; }
.it { font-style: italic; }
.larger { font-size: larger; }

p.smaller {
	text-align: left;
	font-size: x-small;
}

img.shortcuts {
	display: block;
	width: 125px; 
	height: 13px;
	margin-bottom: 10px;
}

.pricing-note {
	margin-left: 5px;
	font-size: smaller;
}

a.pricing-note:link {color: blue; text-decoration: none;}
a.pricing-note:visited {color: blue; text-decoration: none;}
a.pricing-note:active {color: blue; text-decoration: none;}
a.pricing-note:hover {color: blue; text-decoration: none;}

.indented-link { margin-left: 30px; }
.indent-text { margin: 10px 20px 20px 20px;}

.indent {
	margin: 0 20px 0 20px;
}

/***   Meditation Page Only   ***/

.meditation-dates-wednesday{
	float: left;
	margin-left: 50px;
}

.meditation-dates-thursday{  
	margin-left: 220px;
	}
	
.meditation-dates-day { 
	margin-left: -25px;
	font-weight: bold;
}

ul.meditation-dates li {
	width: 125px;
	padding: 0px 5px 10px 5px;
	float: left;
}

/***   Yoga Page Only   ***/

table.yoga-times {
	margin: 0px 20px 0px 50px;
}

table.yoga-times td {
	height: 30px;
	width: 100px;
}

table.yoga-times td.center {
	padding-right: 15px;
	text-align: center;
}

p.yoga-dates { 
	margin-left: 100px;
}

ul.yoga-dates li {
	float: left;
	width: 100px;
}
 
p.yogablurbs {
  margin-left: 20px;
  margin-right: 20px;
}

/***   Buddhism Section Only   ***/

ol.normal { 
	text-align: justify; 
	margin-right: 24pt;
}

/***   Fundraising Section Only   ***/

span.redheading {
	font-weight: bold;
	color: red; 
}

div.float-left { float: left; }
div.float-right { 
	float: right; 
	margin-right: 30px;
}

/***   Centres Page Only   ***/

#fwbo-links h2 { 
	margin-left: 20px; 
	margin-top: 20px;
}
#fwbo-links h3 { margin-left: 40px; }
#fwbo-links a{ margin-left: 60px; }

/***   Events Page Only    ***/

div.month {
	margin: 0 20px 0 20px;
}

div.month-name {
	text-align: center;
	background-color: black;
	padding: 0.3em;  
  color: white;
}

div.month-name span {
	font-weight: bolder;
	font-size: 120%;
	height: 2em;
}

div.line-white { 
  padding: 5px 10px 5px 10px; 
  background-color: white;
}

div.line-blue { 
	padding: 5px 10px 5px 10px;
	background-color: rgb(153, 204, 255);
}

div.date { 
	width: 90px;
	float: left;
}

div.event-details {
	margin-left: 100px;
	text-align: left;
}

/***   Special Events Page Only    ***/

div.event {
	margin: 20px 0 20px 0;
	padding: 10px;
	border: 1px solid black;
}

div.event p { text-align: left; }
div.event h4 { font-style: italic; }
div.event div.dates { margin-left: 30px; } 
div.event div.dates2 { margin: 0 0 10px 30px; } 
div.event div.cost { text-align: right; }
div.event div.cost2 { margin: -1em 0 0 30px; }
div.event div.quote-indent {margin: -1em 0 0 200px; }
div.event div.block-indent {margin: 0em 3em 0 3em; }


/*** 
 ***   Specific Definitions
 ***/

/***   All Pages   ***/

#wrapper {
	position: relative;
	display: block;
	margin-left: 12%;
	min-width: 775px;
	max-width: 1100px;
}

#header-wrapping {	width: 100%; }

#nav-bar { }

#nav-bar  ul{
	margin: 0;
	padding: 0;
}
	
#nav-bar li {
	list-style-type: none;
	float: left;
}

/***   Index Page only   ***/
	
#index-banner { }

#index-heading {
	padding: 15px 0 0 0;
	font-weight: bold;
	font-size: 125%;
}
	
#index-main {
	top:0;
	left: 0;
	width: 100%;
	margin-top: 10px;
}

#index-content {
	margin: 0 38% 0 165px;
}

#left-sidebar {
	float: left;
	width: 155px;
	font-size: 75%;
}

#left-sidebar p { text-align: left; }

#right-sidebar {
	float: right;
	margin-right: 16%;
	width: 20%;
	background: url(images/whitebox.jpg) top right repeat-y;
}

#right-sidebar #image-wrapper { height: 90%; }

#right-sidebar .imagebar { float: left; }

#right-sidebar #search-bar { 
	vertical-align: baseline;
}

#right-sidebar .search-bar-text {
	font-size: x-small; 
	font-family: arial, helvetica, "sans serif";
}

dl.events-panel {background:#3d73d8 url(images/c_tl.gif) top left no-repeat; margin:5px 0; padding:0; width:100%;}
dl.events-panel dt {background:transparent url(images/c_tr.gif) top right no-repeat; padding:10px; font-weight: bold; font-size: small; text-align:center; color:#fff;}
dl.events-panel dd {background:#c3cfe8 url(images/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.events-panel dd p {margin:0; padding:10px; line-height:1.3em;}
dl.events-panel dd p.last {background:transparent url(images/c_br.gif) bottom right no-repeat; }


/* Main Box */

.main-box-content h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.main-box-content p {
margin:0; 
padding:5px 10px; 
}
.main-box-content {
background: transparent; 
width: 85%; 
float:left; 
margin: 0 20px 0 30px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#c9ba65;
color:#fff;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#3d73d8; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}

/* end How to Main Box */

	
#old-notice-banner {
	padding: 10px;
	width: 85%;
	border: 1px black solid;
	background-image: url(images/exclaim.png);
	background-color: #fba114; 
	}

/***   Non-index Pages   ***/

#banner1 { 
	margin-top: 28px;
	width: 770px;
	height: 90px;
}

#banner1 img.image-left { float: left; }
#banner1 img.image-right { float: right; }

#main1 {
	top:0;
	left: 0;
	width: 100%;
	margin-top: 10px;
	max-width: 950px;
}

#content1 { margin: 0 20% 0 165px; }

#content1 h1 { font-size: 250%; }

#sidebar {
	float: left;
	width: 155px;
	font-size: 75%;
}

#sidebar p { text-align: left; }

#footer-wrapper {
	margin-left: 12%;
	width: 75%;
	min-width: 500px;
	padding-top: 10px;
}

#footer {
	padding-top: 10px;
	text-align: center;
	color: #999999;
	border-top: 1px solid black;
}

/***   Contact Page Only   ***/

#contact-form-wrapper {
	padding: 10px;
	width: 65%;
	background-color: #CCCCCC;
	margin-bottom: 25px;
}

#contact-form-wrapper div.form-left { 
	width: 18%; 
	padding: 0 5px 10px 5px;
	float: left;
}

#contact-form-wrapper div.form-right {
	padding: 0 0 10px 0;
}

#contact-form-wrapper div.formtag {
	font-weight: bold;
	text-align: right;
}

#contact-form-wrapper div.form-buttons { margin-left: 20%; }

/***  Events Pages   ***/

#events-main {
	margin: 30px 20% 10px 10%;
	max-width: 700px;
}

/***   Print Newsletter Page Only   ***/

#download-box {
	margin: 3em 0 3em 20%;
	padding: 5px;
	background-color: #CCCCCC;
	width: 300px;
}

#download-box p { text-align: center; }

/***   Error404 Page Only   ***/

#error404-content {
	margin: 30px 35% 10px 10%;
	margin: 30px 35% 10px 10%;
}

/***   Who We Are Page Only   ***/

#who-we-are-content {
	margin: 0 28% 0 125px;
}

#group-image {
	width: 100%;
}

.person-wrapper {
	width: 100%;
	padding: 0px 32% 0px 20px;
}

.person-picture-left {
	float: left;
	margin-right: 20px;
}

.person-picture-right {
	float: right;
	margin-left: 20px;
}

img.portrait-image {	width: 175px; }

.person-description-right { 
	padding: 10px 0 0 200px;
}

.person-description-left {
	padding: 10px 200px 0 0;
}

.who-we-are-cleaner {
		clear: both;
		height: 1px;
		font-size: 1px;
		border: none;
		margin: 0 0 20px 0; 
		padding: 0;
		background: transparent;
}

/***   Pricing Page Only   ***/


.pricing-content h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.pricing-content p {
margin:0; 
padding:5px 10px; 
}
.pricing-content {
background: transparent; 
width: 100%; 
float:left; 
}

/***   Mailing List Signup Box   ***/

div.box-wrapper{
background-image:url(images/bg.jpg); /* our wrapper bg image */
background-repeat:no-repeat; /*we dont want this image to repeat ever! */
width:340px; /*width of the image */
height:290px; /* height of image */
padding-top: 0px; /* used to position rest of content below ribbon */
margin-left: -5px;
}

div.ribbon{
background-image:url(images/ribbon.png); /* our ribbon image */
background-repeat:no-repeat; /* no repeating of image */
width:358px; /* width of image */
height:50px; /* height of image */
float:left; /* float this image to the left */
margin-top: 28px; /* our margin from the top of the background */
margin-left: -6px;
padding-left:38px; /* text padding left */
padding-top:9px; /* text padding above text */
color:#ffffff; /* text color */
font-weight:bold; /*text weight */
font-size: 17px;
}

div.signup-text{
	padding: 0px;
	margin-left: 35px;
	font-size: 12px;
	color: #55aed0;
	font-weight: bold;
}

div.signup-button{
	margin-top: 5px;
	margin-left: 110px;
}

div.signup-footer{
	margin-top: 15px;
	margin-left: 42px;
	font-size: 20px;
	color: white;
	font-weight: bolder;
}

/***
/***   
  *** Others   
  ***/

.cleaner {
		clear: both;
		height: 1px;
		font-size: 1px;
		border: none;
		margin: 0; 
		padding: 0;
		background: transparent;
}