/*  
Theme Name: Doodle
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.5
Author: Kelly Crull
Author URI: http://kellycrull.com/

	Doodle v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Centered DIVS using Absolute Positioning
	http://www.mezzoblue.com/tests/centered-css/

	Image Replacement (not links) - Gilder/Levin Method
	http://www.mezzoblue.com/tests/revised-image-replacement/

*/

/* Begin Typography & Colors */

.doodle h1 {position:absolute; top:315px; text-align:center; width:100%; font-size:36px; color:#f9f8f4;}

.doodle h3 {position:absolute; top:360px; text-align:center; width:100%; color:#f9f8f4;}

.page, .page-discuss {font-family:arial;}

.secondary-nav2 a, #secondary-nav a {color:#000;}

.orange a {color:#fb9730; text-decoration:none;}

.red a {color:#fd5649; text-decoration:none;}

.blue a {color:#5fa5ff; text-decoration:none;}

.green a {color:#31bb22; text-decoration:none;}

.green .entry img {border: 6px solid #31bb22}

.blue .entry img {border: 6px solid #5fa5ff}

.red .entry img {border: 6px solid #fd5649}

.purple a {color:#6f44a2; text-decoration:none;}

.content h2 {font-size:18px; margin:0px; margin-left:28px; margin-bottom:-6px; color:#2d2d2d;}

.content a {font-weight:bold;}

.content a:hover {text-decoration:underline;}

.sidebar h2 {font-size:14px;}

.author, .author a {color:#9e9c94; font-size:12px; font-weight:normal;}

.author3, .author3 a {color:#9e9c94; font-size:12px; font-weight:normal; margin-left:14px; margin-right:14px;}

#author2, #author2 a {font-size:12px; font-weight:normal; color:#434343;}

.hide {display:none;}

/* End Typography & Colors */


/* Begin Structure */

body {
	text-align: center;
	margin: 0px;
	background: url('images/tile.gif') repeat;
	}
	
.doodle {
	text-align: left;
	background: url('images/doodle.6.60.gif') no-repeat center;
	width: 1214px;
	height:875px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
		}

.page {
		text-align: center; /* be nice to IE5 */
		position: absolute;
		top: 126px;
		left: 0px;
		width: 100%;
		background: url("images/line.gif") repeat-y center;
		}

.footer {
		text-align: left; /* be nice to IE5 */
		background: url("images/footer.gif") no-repeat;
		width: 715px;
		height:28px;
		margin-left: auto;
		margin-right: auto;
		float:left;  /* position:relative added to align .page with .page-interior */
		}

.page-interior {
		text-align: left; /* be nice to IE5 */
		background: url("images/page.outline.gif") no-repeat;
		width: 715px;
		margin-left: auto;
		margin-right: auto;
		position:relative;  /* position:relative added to align .page with .page-interior */
		top:-17px; 
		z-index:200;
		}

.page-discuss {
		text-align: center; /* be nice to IE5 */
		position: absolute;
		top: 126px;
		left: 0px;
		width: 100%;
		background: url("images/line.discuss.gif") repeat-y center;
		}

.page-interior-discuss {
		text-align: left; /* be nice to IE5 */
		background: url("images/page.outline.discuss.gif") no-repeat;
		width: 715px;
		margin-left: auto;
		margin-right: auto;
		position:relative;  /* position:relative added to align #page with #page-interior */
		top:-17px; 
		}

.discussions {
	width:715px; 
	position:relative;
	z-index:200;
	}

.header h2 {margin: 8px 0px 0px 11px;}

.header-whatson {
	width:478px;
	height:60px;
	margin: 8px 0px 0px 11px;
	position:relative;
	z-index:500;
	}

.header-helpfulstuff {
	width:478px;
	height:82px;
	margin: 8px 0px 0px 11px;
	position:relative;
	z-index:500;
	background: url('http://69.89.22.116/~oasismad/wp-content/themes/doodle/images/header.helpfulstuff.2.gif') no-repeat;
	text-align:right;
	}

.header-helpfulstuff h2 {
	font-size:16px;
	color:#242424;
	font-weight:normal;
	padding:59px 12px 0px 0px;
}

.content {
		float:left;
		width:487px;
		font-size:12px;
		}

.content p {margin-left:28px; font-size:12px;}

.content ul, .content ol {margin-left:15px}

.content blockquote {margin-left:28px}

.content h3 {margin:0px; margin-left:20px;}

.falbum h3 {margin-left:0px;}

.content h4 {margin:0px; margin-left:20px; font-size:12px;}

.floatleft {float:left;}

.marginleft {margin-left:28px}

/* End Structure */

/*Begin Headers */

/* 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 */

.sidebar ul {list-style-type: none; font-size:13px; margin-top:0px;}

.sidebar li a {color:#2d2d2d; font-weight: bold; text-decoration:none;}

.sidebar li {position:relative; left:-10px;}

.alignleft ul {list-style-type: none; font-size:12px; margin:2px 0px 12px 0px; padding:0px 29px;}

#calendar ul {margin:0px; padding:0px 0px 10px 12px;}

#calendar li {color:#666; margin:0px; padding:2px 0px 2px 12px; list-style-type:none; font-size:14px;}

#calendar h2 {color:#2d2d2d; margin:0px; padding:0px 0px 0px 6px;}

#helpful-list {
	width:460px;
	height:300px;
	}

/* End Lists */


/* Begin Form Elements */

#cactus-blue {
	background: url("images/cactus.blue.gif") no-repeat center;
	width:435px;
	height:82px;
	}

#cactus-red {
	background: url("images/cactus.red.gif") no-repeat center;
	width:435px;
	height:82px;
	}

#cactus-orange {
	background: url("images/cactus.orange.gif") no-repeat center;
	width:435px;
	height:82px;
	}

#cactus-green {
	background: url("images/cactus.green.gif") no-repeat center;
	width:435px;
	height:82px;
	}

#cactus-blue form, #cactus-red form, #cactus-orange form, #cactus-green form {
	padding-left:260px;
	padding-top:10px;
	margin:0px;
	}

.field {margin-bottom:12px;}

.button2 {padding-left:60px; margin-top:-6px;}

/* End Form Elements */



/* Begin Comments*/

.commentlist {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.commentlist li {margin-bottom:20px}

.commentlist h4 {font-size:18px; margin:0px; margin-left:28px; margin-bottom:-6px; color:#000;}

/* End Comments */



/* Begin Sidebar */

.sidebar {
	width:220px; 
	position:relative; 
	margin-left:486px; 
	z-index:200;
	}

.sidebarform {position:relative; width:220px; height:52px; margin-top:18px;}

.sidebar form {float:left; margin:24px 0px 16px 12px;}

.sidebar input {
	background:#f8f7f3;
	margin-left:4px;
	}

.button {margin-bottom:-3px;}

.button:active {}

/* End Sidebar */

/* Begin Various Tags & Classes */
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;
	}

/* End Various Tags & Classes*/

/* Begin Image Replacement - Navigation */

	#home-nav { /* home-nav is for the home page only */
		text-align: center; /* be nice to IE5 */
		position: absolute;
		top: 187px;
		left: 50px;
		width: 100%;
		}

	#home-nav ul {
		text-align: left; /* be nice to IE5 */
		background: url("images/logo.jpg") no-repeat 0px 60px;
		width: 500px;
		height:315px;
		margin-left: auto;
		margin-right: auto;
		padding:0px 50px;
		}
		
	#home-nav span {
		display: block;
		margin: 0px;
		}
	
	#home-nav li {list-style-type:none; 		display: inline;
		float:left;
		padding:0px;
		margin:0px 8px;		cursor: pointer;		background: url("images/nav.gif");		}	#home-nav li a {		display:block;		position:relative;
		top:35px;  /* because I used a GIF with a transparent background, I had to lower the link text behind the icon to hide it. */		}	#home-nav li a:hover {visibility:visible;}	#home-nav li a span {		background: url("images/nav.gif");		position: absolute;		cursor: pointer;
		top:-35px;  /* In connection to the comment above, I raised the background image up 35px so it's back to its original state, while the link text stays hidden 35px lower. */		}

	#secondary-nav { /* secondary-nav is for all secondary pages (excluding the home page) */
		text-align: center; /* be nice to IE5 */
		position: absolute;
		top: 41px;
		left: 0px;
		width: 100%;
		}

	#secondary-nav ul {
		text-align: left; /* be nice to IE5 */
		width: 720px;
		height:315px;
		margin-left: auto;
		margin-right: auto;
		padding:0px 0px;
		}
		
	#secondary-nav span {
		display: block;
		margin: 0px;
		}
	
	#secondary-nav li {list-style-type:none; 		display: inline;
		float:left;
		padding:0px;
		margin:0px 19px;		cursor: pointer;		background: url("images/nav.gif");		}	#secondary-nav li a {		display:block;		position:relative;
		top:35px;  /* because I used a GIF with a transparent background, I had to lower the link text behind the icon to hide it. */		}	#secondary-nav li a:hover {visibility:visible;}	#secondary-nav li a span {		background: url("images/nav.gif");		position: absolute;		cursor: pointer;
		top:-35px;  /* In connection to the comment above, I raised the background image up 35px so it's back to its original state, while the link text stays hidden 35px lower. */		}

	li#logo a:hover span, li#link1 a:hover span, li#link2 a:hover span, li#link2b a:hover span, li#link3 a:hover span, li#link3b a:hover span {		background: url("images/nav.gif");		}
	li#logo, li#logo a span {		background-position: 0px 95px;		}	li#logo a:hover span {		background-position: 190px 95px;		}	li#logo, li#logo a, li#logo a span {width:185px; height:70px;}	li#link1, li#link1 a span {		background-position: 0px 21px;		}	li#link1 a:hover span {		background-position: 0px 266px;		}	li#link1, li#link1 a, li#link1 a span {width:115px; height:70px;}	li#link2, li#link2 a span {		background-position: 274px 14px;		}	li#link2 a:hover span {		background-position: 274px 262px;		}	li#link2, li#link2 a, li#link2 a span {width:121px; height:70px;}	li#link3, li#link3 a span {		background-position: 142px 11px;		}	li#link3 a:hover span {		background-position: 142px 260px;		}	li#link3, li#link3 a, li#link3 a span {width:142px; height:70px;}

	li#link2b, li#link2b a span { /* link2b and link3b are for secondary pages to adjust vertical alignment of links */		background-position: 274px 17px;		}	li#link2b a:hover span {		background-position: 274px 265px;		}	li#link2b, li#link2b a, li#link2b a span {width:121px; height:70px;}	li#link3b, li#link3b a span {		background-position: 142px 18px;		}	li#link3b a:hover span {		background-position: 142px 267px;		}	li#link3b, li#link3b a, li#link3b a span {width:142px; height:70px;}


/* End Image Replacement - Navigation */

/* Begin Image Replacement - Secondary Navigation */

	#home-nav2 { /* home-nav2 is only for the home page */
		text-align: center; /* be nice to IE5 */
		position: absolute;
		top: 267px;
		left: 279px;
		width: 100%;
		}

	#home-nav2 ul {
		text-align: left; /* be nice to IE5 */
		width: 84px;
		height:180px;
		margin-left: auto;
		margin-right: auto;
		padding:0px;
		}
		
	#home-nav2 span {
		display: block;
		margin: 0px;
		}	#home-nav2 li {list-style-type:none;
		display:block;
		display:relative;
		padding:0px;
		margin:4px 0px;		cursor: pointer;		background: url("images/nav.gif");		}	#home-nav2 li a {		display:block;		position:relative;
		top:10px;
		left:8px;		}	#home-nav2 li a:hover {visibility:visible;}	#home-nav2 li a span {		background: url("images/nav.gif");		position: absolute;		cursor: pointer;
		left:-8px;
		top:-10px;		}

	#secondary-nav2 { /* secondary-nav2 is only for the secondary pages (excluding the home page) */
		text-align: center; /* be nice to IE5 */
		position: absolute;
		top: 136px;
		left: 398px;
		width: 100%;
		z-index:100;
		}

	#secondary-nav2 ul {
		text-align: left; /* be nice to IE5 */
		width: 84px;
		height:280px;
		margin-left: auto;
		margin-right: auto;
		padding:0px;
		}
		
	#secondary-nav2 span {
		display: block;
		margin: 0px;
		}	#secondary-nav2 li {list-style-type:none;
		display:block;
		display:relative;
		padding:0px;
		margin:4px 0px;		cursor: pointer;		background: url("images/nav.gif");		}	#secondary-nav2 li a {		display:block;		position:relative;
		top:10px;
		left:8px;
		color:#5a5958;		}	#secondary-nav2 li a:hover {visibility:visible;}	#secondary-nav2 li a span {		background: url("images/nav.gif");		position: absolute;		cursor: pointer;
		left:-8px;
		top:-10px;		}

	li#link4 a:hover span, li#link5a:hover span, li#link5ba:hover span, li#link6a:hover span {		background: url("images/nav.gif");		}	li#link4, li#link4 a span {		background-position: 0px 185px;		}	li#link4 a:hover span {		background-position: 331px 185px;		}	li#link4, li#link4 a, li#link4 a span {width:65px; height:80px;}	li#link5, li#link5 a span {		background-position: 263px 185px;		}	li#link5 a:hover span {		background-position: 179px 185px;		}	li#link5, li#link5 a, li#link5 a span {width:84px; height:80px; margin-bottom:18px;}

	li#link5b, li#link5b a span {		background-position: 258px 185px;		}	li#link5b a:hover span {		background-position: 174px 185px;		}	li#link5b, li#link5b a, li#link5b a span {width:84px; height:80px; margin-bottom:18px;}


	li#link6, li#link6 a span, li#link6 a:hover span {		background-position: 78px 165px;		}	li#link6, li#link6 a, li#link6 a span {width:50px; height:48px;}

	#link6, #link6 a, link6 a:hover {
	font-size:1px;
	}

	li#link6b, li#link6b a span, li#link6b a:hover span {		background-position: 68px 165px;		}	li#link6b, li#link6b a, li#link6b a span {width:50px; height:48px;}

	#link6b, #link6b a, link6b a:hover {
	font-size:1px;
	}

/* End Image Replacement - Secondary Navigation */

/* Begin Image Replacement - Content Headers */
#header-fun {
	width: 478px;
	height: 60px;
	position: relative;
	}

#header-fun span {
	background: url(images/header.fun.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#header-helpful {
	width: 478px;
	height: 60px;
	position: relative;
	}

#header-helpful span {
	background: url(images/header.helpful.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#header-about {
	width: 478px;
	height: 60px;
	position: relative;
	}

#header-about span {
	background: url(images/header.about.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#header-cgs {
	width: 478px;
	height: 60px;
	position: relative;
	}

#header-cgs span {
	background: url(images/header.cgs.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#header-whatson-title {
	width: 239px;
	height: 60px;
	position: relative;
	}

#header-whatson-title span {
	background: url(images/header.whatson.title.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#header-search {
	width: 478px;
	height: 60px;
	position: relative;
	}

#header-search span {
	background: url(images/header.search.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#header-404 {
	width: 478px;
	height: 60px;
	position: relative;
	}

#header-404 span {
	background: url(images/header.404.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-next3events {
	width: 163px;
	height: 57px;
	position: relative;
	}

#title-next3events span {
	background: url(images/title.next3events.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-eventsbymonth {
	width: 253px;
	height: 57px;
	position: relative;
	}

#title-eventsbymonth span {
	background: url(images/title.eventsbymonth.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-login {
	width: 253px;
	height: 57px;
	position: relative;
	}

#title-login span {
	background: url(images/title.login.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-respond {
	width: 405px;
	height: 36px;
	position: relative;
	}

#title-respond span {
	background: url(images/title.respond.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-comments {
	width: 159px;
	height: 37px;
	position: relative;
	}

#title-comments span {
	background: url(images/title.comments.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-recentblog {
	width: 459px;
	height: 43px;
	position: relative;
	}

#title-recentblog span {
	background: url(images/title.recent.blog.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-10blog {
	width: 459px;
	height: 43px;
	position: relative;
	}

#title-10blog span {
	background: url(images/title.10.blog.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-bloggers {
	width: 459px;
	height: 43px;
	position: relative;
	}

#title-bloggers span {
	background: url(images/title.bloggers.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-morebloggers {
	width: 200px;
	height: 27px;
	position: relative;
	}

#title-morebloggers span {
	background: url(images/title.more.bloggers.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-recentphoto {
	width: 456px;
	height: 39px;
	position: relative;
	}

#title-recentphoto span {
	background: url(images/title.recent.photo.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-recentdiscussion {
	width: 459px;
	height: 43px;
	position: relative;
	}

#title-recentdiscussion span {
	background: url(images/title.recent.discussion.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-recentwhatson {
	width: 459px;
	height: 43px;
	position: relative;
	}

#title-recentwhatson span {
	background: url(images/title.recent.whatson.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-teachings {
	width: 115px;
	height: 49px;
	position: relative;
	}

#title-teachings span {
	background: url(images/title.teachings.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-recentlyadded {
	width: 163px;
	height: 49px;
	position: relative;
	}

#title-recentlyadded span {
	background: url(images/title.recentlyadded.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-madrid {
	width: 210px;
	height: 31px;
	position: relative;
	}

#title-madrid span {
	background: url(images/title.madrid.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-faith {
	width: 100px;
	height: 33px;
	position: relative;
	}

#title-faith span {
	background: url(images/title.faith.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-art {
	width: 100px;
	height: 35px;
	position: relative;
	}

#title-art span {
	background: url(images/title.art.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-members {
	width: 100px;
	height: 27px;
	position: relative;
	}

#title-members span {
	background: url(images/title.members.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-welcome {
	width: 283px;
	height: 40px;
	position: relative;
	}

#title-welcome span {
	background: url(images/title.welcome.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-weekends {
	width: 321px;
	height: 40px;
	position: relative;
	}

#title-weekends span {
	background: url(images/title.weekends.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#title-cactus {
	width: 126px;
	height: 24px;
	position: relative;
	}

#title-cactus span {
	background: url(images/title.cactus.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

#paragraph-welcome {
	width: 440px;
	height: 119px;
	background: url(images/paragraph.welcome.jpg) no-repeat;
	margin-left:22px;
	padding:10px 12px;
	}

#paragraph-welcome p {	
	width:270px;
	margin:0px;
	}

#paragraph-weekends {
	width: 440px;
	height: 119px;
	background: url(images/paragraph.weekends.jpg) no-repeat;
	margin-left:22px;
	padding:10px 12px;
	}

#paragraph-weekends p {	
	width:270px;
	margin:0px;
	}

#sidebar-blogs {
	width: 93px;
	height: 48px;
	position: relative;
	}

#sidebar-blogs span {
	background: url(images/sidebar.blogs.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

/* End Image Replacement - Content Headers */

/* Begin Image Replacement - Sidebar */
	
	#sidebar-nav h2 {		cursor: pointer;		background: url("images/nav.sidebar.gif");
		height:47px;
		width:200px;
		margin:17px 0px 5px 0px;		}	#sidebar-nav h2 a {		display:block;		position:relative;
		top:0px;  /* because I used a GIF with a transparent background, I had to lower the link text behind the icon to hide it. */
		left:12px;
		height:47px;
		width:200px;
		color:#d7d4c9; 
		font-weight: bold; 
		text-decoration:none;		}	#sidebar-nav h2 a:hover {visibility:visible;}	#sidebar-nav h2 a span {		background: url("images/nav.sidebar.gif");		position: absolute;		cursor: pointer;
		height:47px;
		width:200px;
		top:0px;  /* In connection to the comment above, I raised the background image up 35px so it's back to its original state, while the link text stays hidden 35px lower. */
		left:-12px;		}

	h2#sidebar1 a:hover span, h2#sidebar2 a:hover span, h2#sidebar3 a:hover span, h2#sidebar4 a:hover span {		background: url("images/nav.sidebar.gif");		}	h2#sidebar1, h2#sidebar1 a span {		background-position: 0px 0px;		}	h2#sidebar1 a:hover span {		background-position: 0px 306px;		}	h2#sidebar2, h2#sidebar2 a span {		background-position: 0px -76px;		}	h2#sidebar2 a:hover span {		background-position: 0px -370px;		}	h2#sidebar3, h2#sidebar3 a span {		background-position: 0px -154px;		}	h2#sidebar3 a:hover span {		background-position: 0px -448px;		}

	h2#sidebar4, h2#sidebar4 a span {		background-position: 0px -231px;		}	h2#sidebar4 a:hover span {		background-position: 0px -525px;		}

/* End Image Replacement - Sidebar */