/*  

Theme Name: UK Bahai
Theme URI: http://colinob.com/
Description: A nice theme for the UK Bahai Center by Colin based on the default theme.
Version: 1
Author: Colin O'Brien
Author URI: http://colinob.com/


*/



/* Begin Typography & Colors */

body {
	font-size: 70%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #d5d6d7;
	color: #333;
	text-align: center;
	}

#page {
	text-align: left;
	}

#header {
	background-color: #73a0c5;
	}

#content {
	font-size: 1.2em
	}
	
.tracking {
	letter-spacing: 3px;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	background-color: #eee;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	display:none;
	}

#headerimg  {
	text-align: center;
		}

.description {
	display: none;
	}

h2 {
	font-size: 1.6em;
    text-align: left;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	margin: 0 0 -5px;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

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

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

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

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #531010;
	text-decoration: none;
	}

a:hover {
	color: #000000;
	text-decoration: underline;
	}

#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

/* End Typography & Colors */




/* Begin Structure */ 
	


body { 
	background: url(images/bkgd_tile.jpg);
	text-align: center; 
	margin: 0px auto; 
	padding: 0;  
	} 
	
#supapage {
	padding: 30px 0;
	margin: 0px auto;
	width: 750px;
} 

#page { 
	float:left;
	background:  url(images/kubrickbg.png) #FFFFFF;
	margin: 0px auto;
	margin-bottom: 45px;
	padding: 0; 
	width: 750px;
	text-align:left; 

	} 
	 
#header { 
	float: left;
	background: url(images/header.png) no-repeat top center;
	height: 200px; 
	width: 100%; 
	} 
 
#headerimg { 
	margin: 0; 
	height: 200px; 
	width: 100%; 
	} 
	 
#topinfo { 
	float: left;
	padding: inherit; 
	text-align:right;
	width: 750px; 
	} 
	 
p.topinfo  { 
	margin:180px 10px 0px 500px; 
	color:#531010; 
	font-size:.9em; 
	text-transform: uppercase; 
	letter-spacing: -.05em; 
	} 
	 
#topinfo a { 
	color: #531010; 
	} 
	 
.narrowcolumn { 
	float: left; 
	padding: 0 0 20px 45px; 
	margin: 0px 0 0; 
	width: 450px; 
	} 
 
.widecolumn { 
	padding: 10px 0 20px 0; 
	margin: 5px 0 0 150px; 
	width: 450px; 
	} 
	 
.post { 
	margin: 0 0 40px; 
	text-align: left; 
	} 
 
.widecolumn .post { 
	margin: 0; 
	} 
 
.narrowcolumn .postmetadata { 
	padding-top: 5px; 
	} 
 
.widecolumn .postmetadata { 
	margin: 30px 0; 
	} 
 
.widecolumn .smallattachment { 
	text-align: center; 
	float: left; 
	width: 128px; 
	margin: 5px 5px 5px 0px; 
} 
 
.widecolumn .attachment { 
	text-align: center; 
	margin: 5px 0px; 
} 
 
.postmetadata { 
	clear: left; 
} 
 
#footer { 
	background: url(images/footer.png) no-repeat bottom; 
	border: none;
	padding: 0 0 0 0px; 
	margin: 0 auto; 
	width: 750px; 
	clear: both; 
	} 
 
#footer p { 
	margin: 0; 
	padding: 20px 0; 
	text-align: center; 
	color: #CCCCCC; 
	line-height:1.3em; 
	} 
	 
#footer a { 
	color:  #E6DBB0; 
	font-weight:bold; 
	} 
	 
	 
	 
/* End Structure */ 
 
 
 
 
/*	Begin Headers */ 


h1 { 
	padding-top: 70px; 
	margin: 0; 
	} 
 
/*h2 { 
	margin: 30px 0 0; 
	}*/ 
 
h2.pagetitle { 
	margin-top: 30px; 
	text-align: center; 
} 
 
 

h3 { 
	padding: 0; 
	margin: 30px 0 0; 
	} 
 
h3.comments { 
	padding: 0; 
	margin: 40px auto 20px ; 
	} 
	
	
/* End Headers */ 
 
 
 
 
 
/* Begin Images */ 


p img { 
	padding: 0; 
	max-width: 100%; 
	} 
 
/*	Using 'class="alignright"' on an image will (who would've 
	thought?!) align the image to the right. And using 'class="centered', 
	will of course center the image. This is much better than using 
	align="center", being much more futureproof (and valid) */ 
	 
img.centered { 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	} 
	 
img.alignright { 
	padding: 4px; 
	margin: 0 0 2px 7px; 
	display: inline; 
	} 
 
img.alignleft { 
	padding: 4px; 
	margin: 0 7px 2px 0; 
	display: inline; 
	} 
 
.alignright { 
	float: right; 
	} 
	 
.alignleft { 
	float: left 
	} 
/* End Images */ 
 
 
 
/* Begin Lists 
 
	Special stylized non-IE bullets 
	Do not work in Internet Explorer, which merely default to normal bullets. */ 
#bookmark {
	width: 190px;
	text-align: center;
	}
	
#bookmark img {
	padding: 5px;
	}
 
html>body .entry ul { 
	margin-left: 0px; 
	padding: 0 0 0 30px; 
	list-style: square; 
	padding-left: 10px; 
	text-indent: 5px; 
	}  
 
html>body .entry li { 
	margin: 7px 0 8px 10px; 
	} 
 
/* -- .entry ul li:before, #sidebar ul ul li:before {  
	content: "\00BB \0020"; 
	} 
--*/ 
 
.entry ol { 
	padding: 0 0 0 35px; 
	margin: 0; 
	} 
 
.entry ol li { 
	margin: 0; 
	padding: 0; 
	} 
 
.postmetadata ul, .postmetadata li { 
	display: inline; 
	list-style-type: none; 
	list-style-image: none; 
	} 
	 
#sidebar ul, #sidebar ul ol { 
	margin: 0; 
	padding: 0; 
	} 
 
#sidebar ul li { 
	list-style-type: none; 
	list-style-image: none; 
	margin-bottom: 15px; 
	} 
	 
#sidebar ul li ul li { 
	background: url(images/bullet.gif) left center no-repeat;
	padding-left: 10px;
	list-style-type: none; 
	font-size:1.2em; 
	} 
 
#sidebar ul p, #sidebar ul select { 
	margin: 5px 0 0px; 
	} 
 
#sidebar ul ul, #sidebar ul ol { 
	margin: 5px 0 0 15px; 
	} 
 
#sidebar ul ul ul, #sidebar ul ol { 
	margin: 0 0 0 0px; 
	} 
 
ol li, #sidebar ul ol li { 
	list-style: decimal outside; 
	} 
 
#sidebar ul ul li, #sidebar ul ol li { 
	margin: 3px 0 0; 
	padding: 0; 
	} 
/* End Entry Lists */ 
 
 
 
/* Begin Form Elements */ 
#searchform { 
	margin: 10px auto; 
	padding: 5px 3px;  
	text-align: center; 
	} 
 
#sidebar #searchform #s { 
	width: 100px; 
	padding: 2px; 
	} 
 
#sidebar #searchsubmit { 
	padding: 1px; 
	} 
 
.entry form { /* This is mainly for password protected posts, makes them look better. */ 
	text-align:center; 
	} 
 
select { 
	width: 130px; 
	} 
 
#commentform input { 
	width: 170px; 
	padding: 2px; 
	margin: 5px 5px 1px 0; 
	} 
 
#commentform textarea { 
	width: 100%; 
	padding: 2px; 
	} 
 
#commentform #submit { 
	margin: 0; 
	float: right; 
	} 
/* End Form Elements */ 
 
 
 
/* Begin Comments*/ 
.alt { 
	margin: 0; 
	padding: 10px; 
	} 
 
.commentlist { 
	padding: 0; 
	text-align: justify; 
	} 
 
.commentlist li { 
	margin: 15px 0 3px; 
	padding: 5px 10px 3px; 
	list-style: none; 
	} 
 
.commentlist p { 
	margin: 10px 5px 10px 0; 
	} 
 
#commentform p { 
	margin: 5px 0; 
	} 
 
.nocomments { 
	text-align: center; 
	margin: 0; 
	padding: 0; 
	} 
 
.commentmetadata { 
	margin: 0; 
	display: block; 
	} 
/* End Comments */ 
 
 
 
/* Begin Sidebar */ 
h2#cats {
	background: url(images/cats.png) no-repeat;
	height: 30px;
	width: 190px;
	}
 
h2#archives {
	background: url(images/archives.png) no-repeat;
	height: 30px;
	width: 190px;
	}
	
h2#recent {
	background: url(images/recent.png) no-repeat;
	height: 30px;
	width: 190px;
	} 
h2#pages {
	background: url(images/pages.png) no-repeat;
	height: 30px;
	width: 190px;
	} 
h2#meta {
	background: url(images/meta.png) no-repeat;
	height: 30px;
	width: 190px;
	}
	
h2#links {
	background: url(images/links.png) no-repeat;
	height: 30px;
	width: 190px;
	}
	
	
#recent span {
	display: none;
	}
	#links span {
	display: none;
	}
	
	#cats span {
	display: none;
	}
	#meta span {
	display: none;
	}
	#pages span {
	display: none;
	}
	#archives span {
	display: none;
	}
	
#sidebar 
{ 
	padding: 20px 0 10px 0; 
	margin-left: 545px; 
	width: 190px; 
	} 
 
#sidebar form { 
	margin: 0; 
	} 
/* End Sidebar */ 
 
 
 
/* Begin Calendar */ 
#wp-calendar { 
	empty-cells: show; 
	margin: 10px auto 0; 
	width: 155px; 
	} 
 
#wp-calendar #next a { 
	padding-right: 10px; 
	text-align: right; 
	} 
 
#wp-calendar #prev a { 
	padding-left: 10px; 
	text-align: left; 
	} 
 
#wp-calendar a { 
	display: block; 
	} 
 
#wp-calendar caption { 
	text-align: center; 
	width: 100%; 
	} 
 
#wp-calendar td { 
	padding: 3px 0; 
	text-align: center; 
	} 
 
#wp-calendar td.pad:hover { /* Doesn't work in IE */ 
	background-color: #fff; } 
/* End Calendar */ 
 
 
 
/* Begin Various Tags & Classes */ 
acronym, abbr, span.caps { 
	cursor: help; 
	} 
 
acronym, abbr { 
	border-bottom: 1px dashed #999; 
	} 
 
blockquote { 
	margin: 15px 30px 0 10px; 
	padding-left: 20px; 
	border-left: 5px solid #ddd; 
	} 
 
blockquote cite { 
	margin: 5px 0 0; 
	display: block; 
	} 
 
.center { 
	text-align: center; 
	} 
 
hr { 
	display: none; 
	} 
 
a img { 
	border: none; 
	} 
 
.navigation { 
	display: block; 
	text-align: center; 
	margin-top: 10px; 
	margin-bottom: 60px; 
	} 
.style1 { 
        color: gray; 
        } 
/* End Various Tags & Classes*/ 

 
 

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. 
	It won't be a stylish marriage, I can't afford a carriage. 
	But you'll look sweet upon the seat of a bicycle built for two." */