/*
Theme Name: RayChel
Theme URI: http://livingwellinsanmateo.com/
Description: 960px-wide theme for Living Well in San Mateo / RayChel
Version: 1.0
Author: Greg Kuwaye
Author URI: http://gregkuwaye.com/

	RayChel v1.0

	This theme was designed and built by Greg Kuwaye
	for Rebecca Williamson and Cassandra Stoklosa.

*/


BODY { font-size: 62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }

#header { overflow: hidden; border-top: 1px solid #394639; height: 270px; background: #68b859 url(img/headerbg.jpg) bottom center repeat-x; }
	
	#header UL A:link, #header UL A:visited { color: #c63; text-decoration: none; }
	#header UL A:hover { text-decoration: underline; }
	
	#topinfo { color: #e7f8e5; float: left; position: relative; left: 50%; }
	#topinfo LI { float: left; background: #394639; position: relative; left: -50%; padding: 6px 8px; border-right: 1px solid #476843; }
	
	#rss_section { font-size: 1.1em; margin-top: 20px; float: right; padding-right: 72px; background: url(img/rss3d.png) top right no-repeat; }
	#rss_section LI { float: right; }
	#rss_section LI.rss_li { margin: 0 0 8px 12px; }
	#rss_section LI.rss_li A { font-weight: bold; background: url(img/rsssm.png) 0 0 no-repeat; padding-left: 16px; }
	#rss_section LI#rss_signup { clear: right; margin: 4px 0 6px; }
		#rss_section LI#rss_signup INPUT { padding: 3px; }
	
	#hpix { position: relative; left: -7px; top: 0px; }
	
/* Regular header */
#header H1, #header P.h1 { font: bold 3.4em Arial, Verdana, Helvetica, sans-serif; float: left; clear: both; position: relative; left: -16px; margin-top: 10px; }
#header H1 A, #header P.h1 A { display: block; width: 381px; height: 77px; background: url(img/logo.png) no-repeat; }

/* Custom header */
#page_custom #header H1 { padding: 8px 0 8px 94px; background: url(img/logo_notxt.png) no-repeat; }
#page_custom #header H1 SPAN.a { font-size: 16px; display: block; }

#menucontainer, #menucontainer .container_12 { background: #394639; overflow: hidden; position: relative; /* snook.ca -- relative added to container to fix IE not hiding overflow */}
	#menu { position: relative; left: 50%; }
	#menu LI { position: relative; right: 50%; }
	#menu, #menu LI { font: 1.2em Georgia, 'Times New Roman', serif; float: left; text-align: center; }
	#menu A { border-left: 1px solid #476843; display: block; padding: 24px 18px 14px; }
		#menu LI.last A { border-right: 1px solid #476843; }
	#menu A:link, #menu A:visited { color: #dcf9bd; text-decoration: none; }
	#menu A:hover { background: #559f48; color: #fff; }
	
#content { padding: 30px 0; }
#content P { font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.4em; }
#content H1 { font: 2.4em Georgia, 'Times New Roman', serif; font-weight: bold; line-height: 1.4em; margin-bottom: 1.4em; }
#content H2 { font: 1.8em Georgia, 'Times New Roman', serif; font-weight: bold; line-height: 1.4em; margin-bottom: 1.4em; }
#content H3, #footer H3 { font: 1.3em Georgia, 'Times New Roman', serif; font-weight: bold; font-style: italic; text-transform: uppercase; letter-spacing: 0.08em; color: #000; line-height: 1.3em; margin-bottom: 1.5em; }
#content H4, #footer H4 { font: 1.2em Georgia, 'Times New Roman', serif; font-weight: bold; line-height: 1.4em; margin-bottom: 1.4em; }
#content H4 { font-style: italic; }

#content UL { font-size: 1.2em; margin-bottom: 1.4em; list-style-type: square; margin-left: 22px; }
#content OL { font-size: 1.2em; margin-bottom: 1.4em; list-style-type: decimal; margin-left: 20px; }
#content LI { line-height: 1.4em; margin-bottom: 0.8em; }

#content SMALL { font-size: 90%; }

#content A:link, #content A:visited { color: #c63 !important; }
#content A:hover { color: #9b4b23 !important; }

#content .post { border-top: 3px double #ccc; padding-top: 15px; }
	BODY.single #content .post, BODY.page #content .post { border-top: none; padding-top: 0; }
	BODY.page-template-page_blog-php #content .post { border-top: 3px double #ccc !important; padding-top: 15px !important; }
#content .post H1, #content .post H2 { margin-bottom: 0 !important; }
#content .postmetadata { font-size: 11px; }
#content .byline { font-size: 11px; margin-top: 5px; color: #444; }

.cbox { margin-bottom: 15px; }
#tbox { margin-top: 30px; }

/* Twitter */
.twitter { float: left; position: relative; left: 22px; width: 460px; } 
.add-twitter-item { } /* LI */
.twitter-link:link, .twitter-link:visited { text-decoration: none; }
.twitter-timestamp { display: block; font-size: 11px; color: #777; }

.smi { background-image: url(img/smicons.png); background-repeat: no-repeat; text-indent: 22px; }
	.smi.glass { background-position: 0 0; }
	.smi.bulb { background-position: 0 -100px; }
	.smi.flag { background-position: 0 -200px; }
	.smi.vid { background-position: 0 -300px; }
	.smi.person { background-position: 0 -400px; }
	.smi.graph { background-position: 0 -500px; }
	.smi.pen { background-position: 0 -600px; }
	.smi.star { background-position: 0 -700px; }
	
.btn { display: block; background-image: url(img/buttons.png); background-repeat: no-repeat; }

	.searchhomes { width: 224px; height: 47px; background-position: 0 0; }
	.searchhomes:hover { background-position: -250px 0; }

	.homeval { width: 218px; height: 47px; background-position: 0 -80px; }
	.homeval:hover { background-position: -250px -80px; }
	
	.mktup { width: 213px; height: 47px; background-position: 0 -160px; }
	.mktup:hover { background-position: -250px -160px; }
	
	.signup { width: 75px; height: 29px; background-position: 0 -240px; }
	.signup:hover { background-position: -100px -240px; }

.panel { margin-bottom: 30px; border-top: 1px solid #ddd; padding-top: 6px;  }
	.panel UL { font-size: 1.2em; }

#footer { background: #394639; padding: 20px 0 20px; border-top: 5px solid #668066; }
#footer H2, #footer H3, #footer H4, #footer P, #footer LI { color: #fff; }
#footer LI, #footer P { font-size: 1.2em; line-height: 1.8em; }

#footer A:link, #footer A:visited { color: #dcf9bd; }
#footer A:hover { color: #f1cc4c; }

.authorft { padding: 6px; background: #fff; margin-bottom: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.authorft H4, .authorft LI, .authorft P { color: #000 !important; }
.authorft H4 { margin-bottom: 0.3em !important; }
.authorft IMG, .author UL { float: left; }
.authorft UL { position: relative; left: 10px; }
.authorft LI { margin-bottom: 4px; }
	.authorft LI.author_links { font-size: 1.1em !important; }
.authorft A:link, .authorft A:visited { color: #c63 !important; text-decoration: none; }
.authorft A:hover { text-decoration: underline; }


/* Custom page stuff */
.hoodbreak { display: block; }