/*  
Theme Name: CASA
Description: A WordPress theme for CASAnc.org
Version: 1
Author: Janet Danforth
Author URL: http://danforthdesign.net*/





body { background: #fff; font-family:arial, helvetica, sans-serif; font-size:75%;}



a { color: #5d372d; font-weight:bold; font-style: italic; text-decoration:none;}

a img {border:none;} 



a:hover{ text-decoration:underline;}



h2 { font-weight: normal; color: #5d372d; font-size:1.4em; }



.container {

	width:939px; margin:0 auto; padding:0 0 15px 0; clear:both; background:url(images/bg.jpg) repeat-y;

}



#sidebar {width:205px; float:right; padding: 0 0 0 30px;; margin-top:5px;margin-left:10px; font-size:90%; line-height:1.1em;}


hr {text-shadow:none; border:1px solid #686836;}

/* Header styles



-------------------------------------------------------------- */







#logo {float:left; display:inline; background:url(images/casaheader.jpg) no-repeat; width:939px; height:215px;}



#logo a { display:block; overflow:visible; height:215px; width:240px; float:left; }


#logo a span {display:none;}

#logo p {color:#fbf6b2; float:right; margin:22px 30px;}







/* Footer

-------------------------------------------------------------- */


.footer { padding: 0; color: #778574; text-align:center;  width: 939px; border:none; margin:0 auto; clear:both; display:block;}

.footer.span-14 p {padding:0; width:100%; text-align:center;clear:both; display:block; }

.footer ul, .footer li {display:inline; margin:0; padding:0; font-size:95%;}

.footer li {margin:15px 5px 5px 0; padding:5px; color:#778574; float:left; 
}
.footer li a {font-weight:bold; color:#778574; text-decoration:none; }

ul#footer-menu {float:right;}






/* Search and navigation



-------------------------------------------------------------- */





#search-form { padding:15px; float:right; display:inline; margin:0; }





#search.column p.headertxt {text-align:right; font-size:.8em; clear:right; padding: 18px 0 3px 0; #padding: 2px 0 10px 0;}

#login {text-transform:uppercase; text-decoration:none; color:#fff; float:left; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:95%;margin:0; padding:0;}




#menu { float: right; margin: 0; padding:0; list-style: none; font-weight: bold; font-family: Arial Narrow, Helvetica, Arial, sans-serif; display:block; clear:both; }
#menu ul { padding:0; margin:0; text-align:center; text-transform:uppercase;
z-index:1; float:right; } /* Safari hack - otherwise menus are not fully accessable */ 
#menu li { float: left; padding: 0; margin: 0; font-size: 1em; list-style: none; }
#menu li a { padding:0; text-decoration: none; color:#fff; list-style-type:none; display: block; margin:0; text-transform:uppercase; font-style:normal;}
#menu li a:hover { color:#fbf6b2; text-decoration:none;}
.current_page_item a {font-weight:bold;}
#menu li:hover, #menu li.sfhover { /* ie7 hack - otherwise menus stay forever */
position: static;}
#menu li ul { margin: 0; padding: 0; position: absolute; left: -999em; }
#menu li ul a {margin:0; padding:5px; width:150px;text-transform: capitalize;
border-bottom: 1px solid #dfe0dc; border-top: 1px solid #dfe0dc;
border-right: none; border-left: none;}
#menu li ul li { display: inline; /* IE5.5 hack - otherwise subemenus are not accessable */
float: none; }
#menu li li ul {margin: -20% 0 0 99%; position: absolute; left: -999em; }
#menu li li li ul {position: absolute;left: -999em;}
#menu li:hover ul ul, #menu li:hover ul ul ul,
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left: -999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul,
#menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {left: auto;}


a.home-btn {height:204px; float:left; margin:0; padding:0; overflow:visible; display:block;}


a#props {background:url(images/our-properties.jpg) no-repeat; width:182px;}
a#learn {background:url(images/learn-about-casa.jpg) no-repeat;width:179px;} 
a#partners {background:url(images/comm-partners.jpg) no-repeat; width:179px;}

a.home-btn span {display:none;}

ul#in-props-section  {background:#a5735c url(images/properties-sm-live.jpg) no-repeat; width:182px; height:40px;}
ul#in-about-section  {background:#778574 url(images/learn-sm-live.jpg) no-repeat; width:179px;  height:40px;}
ul#in-partners-section  {background:#5d372d url(images/partners-sm-live.jpg) no-repeat; width:179px;  height:40px;}

ul#props-section  {background:#a5735c url(images/properties-sm.jpg) no-repeat; width:182px;  height:40px;}
ul#about-section  {background:#778574 url(images/learn-sm.jpg) no-repeat; width:179px;  height:40px;}
ul#partners-section  {background:#5d372d url(images/partners-sm.jpg) no-repeat; width:179px;  height:40px;}

#in-props-section li ul a, #props-section li ul a {background:#a5735c; width:182px; color:#fff; text-align:center}
#in-about-section li ul a, #about-section li ul a {background:#778574; width:179px; color:#fff; text-align:center}
#in-partners-section li ul a, #partners-section li ul a {background:#5d372d; width:179px; color:#fff; text-align:center}

ul#in-props-section a, ul#in-about-section a, ul#in-partners-section a, ul#props-section a, ul#about-section a, ul#partners-section a {text-align:right; padding:18px 0 0 0; display:block; width:155px;}

ul#props-section a {color:#a5735c;}
ul#about-section a {color:#778574;}
ul#partners-section a {color:#5d372d}

#main #menu {margin:5px 35px 0 0; width:600px; float:right;}


 @media screen and (-webkit-min-device-pixel-ratio:0){
#main #menu {position:relative; left:-95px;}}
 

/* Home page columns



-------------------------------------------------------------- */

#featured {margin:10px 0;}





#home_content { margin: 1.5em 0; }


#content a.homelink {background-color:#00a4ef; color:#000; font-weight:normal;}

/* about */


#home_mission { padding:5px 10px; width:328px; margin:5px 0 0 0}



#home p { line-height:1.7em; }



#home h4 {padding:0; margin:10px 0 -10px 0;color:#fff; text-transform:uppercase; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; font-size:1.2em; clear:both; display:block;}

#home h4 a {color:#fff;font-style:normal;}

#home_about h2 {display:inline; clear: none; }



#home {width:866px; padding:10px 30px; margin:0; clear:both; display:block; color:#fff;}

.left {width:280px;float:left;}

.right {width:540px; float:right; margin:0; padding:0;}




#content {width:814px; padding:10px 30px 30px 30px; margin:0 0 0 25px; clear:both; display:block; background-color:#DFE0DC;color:#5d372d}



#content p {margin:10px 0;font-size:1em; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; color:#5d372d; line-height:1.6em;text-align:left; }

#content ul {font-size:1em;  list-style-type:square; list-style-position:outside; color:#656565; margin:0 20px 0 20px; padding:0;}

#content li {list-style-type:square; list-style-position:outside; margin:5px 10px; overflow:visible; color:#5d372d; line-height:1.6em;}





#content .gallery, #content .gallery-row {padding-top:15px;}




.properties #content {border:1px solid #a5735c; border-top:none;}
.casa #content {border:1px solid #fbf6b2; border-top:none;}
.partners #content {border:1px solid #5d372d; border-top:none;}

.clientcontent .sociable {display:none;}


/* category list */

#sidebar ul {list-style-type:none; margin:0; padding:0;}
#sidebar li {list-style-type:none; margin:5px 0; padding:0;}
#sidebar li a {background:url(images/button.jpg) no-repeat; display:block; overflow:visible; color:#fbf6b2; font-style:normal; width:178px; height:8px; padding:12px; font-size:98%; font-weight:normal;}

#sidebar li a:hover {color:#fff; text-decoration:none; }
#sidebar li.current_page_item a {color:#fff; font-weight:bold;}


#side_categories { margin: 10px 0 1em 0; }



ul.cat {list-style-type:none; margin:0; padding:0;}



ul.cat li { padding: 0 0 0.3em 0; margin: 0; border-bottom: 2px solid #ddd; font-style:italic;}



ul.cat li a { display: block; font-size: 1em; font-weight: bold; color: #5d372d; padding: 5px 10px 0 10px; margin: 0;  }



ul.cat li a:hover {color: #5d372d; text-decoration: none; }



ul.cat li ul { list-style: none; list-style-image:none; margin: 0; padding: 0.3em 0 0.2em 0.8em; }



ul.cat li ul li { padding: 0; margin: 0; }



ul.cat li ul li a { border: 0; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 0.9em; height: 19px; }


form #searchform {display:inline;}


.linkcat {list-style-type:none; margin:0 -3px 0 10px; padding:0; border:1px solid #ddd; background-color:#fff;}


.linkcat h2 {display:none;}


ul.xoxo {background-color:#f4f4f3; padding:5px; margin:7px; list-style-type:none; font-size:.9em;}


.xoxo li {padding:6px 0; margin:0;}


ul.services {margin:0;padding:0; text-align:right; display:block; clear:both; font-size:.9em;} 


.services li {list-style-type:none;margin:3px 0;padding:0;}



.services li a {text-transform:capitalize;}





/** widgets **/






.widget { margin: 0 0 1.4em 0; #margin-top:10px; padding:0; border:none;}



.widget a { color: #5d372d; }



.widget a:hover { color: #000; text-decoration:none;}



.widget ul, .widget ol { list-style: none; padding: 0; margin: -10px 0 0 0; }



.widget ul li { padding: 0 0 0.3em 20px; margin: 0 0 0.5em 0;  }



.widget ol li { padding: 0 0 0.3em 10px; margin: 0 0 0.5em 0;  }






.widget p {margin:10px; }

.widget h4 {color: #5d372d; margin:10px; font-size:.9em;}

.widget_random_one_cat a {margin:10px; padding:0 0 10px 0; }




/* Archive styles



-------------------------------------------------------------- */

#arch_content, #post_content { margin: 0; clear:both;}



.archive_meta { margin: 1.5em 0;  }



.archive_meta a { font-weight:bold; }



.archive_meta a:hover { border-bottom:1px solid #5d372d; }



.archive_feed { padding: 0.5em 1.5em; margin: 0; color: #5d372d; }



.archive_number { padding: 0; margin: 0; text-align:center; font-size:1em; font-weight:normal;}



span.results {color:#5d372d; font-weight:bold;}



.archive_email { padding: 0.5em 1.5em; margin: 0; color: #5d372d;  }



.archive_post_block { padding:0 0 10px 0; margin: 10px 0; display:block; clear:left;}



.archive_post_meta { color: #5d372d; padding: 0 0 0.6em 0;}



.archive_post_meta a, .post_meta a { color: #5d372d; font-weight:bold; }



.archive_post_meta a:hover, .post_meta a:hover { border-bottom:1px solid #5d372d; }




/* Single post styles



-------------------------------------------------------------- */



.post_meta { color: #000; padding: 0.3em 0 1.4em 0; }



.post_meta_tag { color: #000; }



.post_meta p img { margin: 0; padding: 0; float: none; }



.post_meta p { margin: 0 0 0.4em 0; }



#post_content blockquote { float: right; width: 260px; margin: 0 0 0 1.5em; color: #999; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; }



#post_content blockquote p { text-align: right; line-height: 1.5em; }



#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon, #post_content img.posttag { margin: 0 0.3em 0 0;padding: 0.1em 0 0 0; }



#post_content p a, #arch_content p a { color: #5d372d; }



#post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: none; }






/* archives page */


ul.archives, ul.wp-tag-cloud {  margin: 0 0 1.5em 0; list-style: none; }



ul.archives li, ul.wp-tag-cloud li { padding: 0 0 0.2em 20px; }



ul.archives li a, ul.wp-tag-cloud li a { color: #eee; }



ul.archives li a:hover, ul.wp-tag-cloud li a:hover { color: #999; background: #eee; }


#servicelist li {text-decoration:none; border-bottom:#5d372d solid 1px; font-size:.9em; margin:10px 0 20px 15px;}


#servicelist li a {text-decoration:none; border-bottom:#5d372d solid 1px; display:block; margin-left:-20px;}







/* Form styles


-------------------------------------------------------------- */


input.search_input { width: 140px; height: 14px; border: 0; background: #fff; padding: 2px 5px; color: #5d372d; margin: 2px 0 0 0; float: left; border:1px solid #5d372d;}



input#submit , input.submit_input { border:1px solid #5d372d; height: 20px; padding: 0; width: 75px; margin: 2px 0 0 5px; color: #fff; float: left; background:url(images/button.jpg) repeat-x; font-weight:normal; text-transform: uppercase;}




/* Miscellaneous styles



-------------------------------------------------------------- */

.imgtfe, .imgfte {width:100px;height:100px;}



.gallery-item img {border: none;}



.gallery-item a img {border: 3px solid #5d372d;padding:5px;}


.gallery-item a img:hover  {background-color:#5d372d;}



a img.imgtfe {float:left;margin:0 5px 5px 0;display:inline;}



#home_about p.attachment a img.attachment-medium {float:left;margin:0 15px 15px 0;}




#home_about p img.alignright, p img.alignright {float:right;margin: 0 0 15px 15px;}

.clearfloat {clear:both;}



/*  heading styles */



h2.archive_name, h2.post_name { padding:0px; margin: -5px 0 10px 0; display:block; overflow:visible; color:#5d372d; font-weight:bold; font-size:1.5em}


h2.post_cat { font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #5d372d; }



h2.post_comm { font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada;  }



h2.post_comm2 { font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada}






#content h3.mast { font-size: 1.1em; margin:2px auto auto auto; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; border-bottom:none; font-weight:normal;  color: #5d372d}

#content h3.featured {border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; font-size:1em; font-style:normal; display:inline; font-weight:normal; margin-top:15px;}


h3.title {height:17px; margin:0 0 0 25px; padding:10px 20px;  clear:both; color:#fff; font-family:Arial Narrow, Arial, sans-serif; display:block; width:875px;text-transform:uppercase; display:block; font-size:1.5em; letter-spacing:.05em;}

.properties h3.title {background:transparent url(images/propheader.jpg) no-repeat; display:block; overflow:visible;}
.casa h3.title {background:transparent url(images/learnheader.jpg) no-repeat; display:block; overflow:visible;}
.partners h3.title {background:transparent url(images/partnerheader.jpg) no-repeat; display:block; overflow:visible;}

h3.title p {margin:0; padding:0; line-height:1em;}



h3.mast2 {font-size: 1.5em; color:#5d372d; text-align:right; line-height:1em;margin:5px 0 20px 0; font-weight:bold; text-align:right; display:block; clear:both; border-top:2px solid #00a4ef; padding:10px 0 0 0; }



h3.mast3, #content h3.mast3 a { font-size: 1.1em; line-height: 1em; font-weight: normal; color: #5d372d;border:none; }



h3.mast4, .widget h3 { text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; color:#5d372d; text-decoration:none; font-size:101%; }



#content h3.mast5 { font-size: .9em; color:#5d372d; text-align:left; line-height:1em;margin:10px 0;  border:none;}

h3.mast5 a {font-size:98%;text-decoration:none; margin:0;}



h3.mast6 { font-size: 1em; font-weight:bold; color:#5d372d; text-align:left; line-height:1em;margin:-15px 0 0 0; border:none; padding-bottom:15px;}



h3.archive_title, #content h3.archive_title { line-height: 1em; padding: 0; display:block; font-size:1.3em; color: #5d372d;  border:none; font-weight:normal;  }



#content h3.archive_title a { color: #778574; border:none; font-weight:bold;text-decoration:none; font-style:normal; font-size:105%;font-family:Arial, Helvetica, sans-serif;}



#content h3.archive_title a:hover { color: #5d372d; text-decoration:underline;}



#content h4 {color:#5d372d; font-weight:bold; margin:0; font-size:1.5em;}



h4 a {text-decoration:underline;}


/* miscellaneous */







.none { display: none; }



.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }



.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }



.navigation { color: #818181; }



input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }



input.buttonem { background: #dadada; float: left; }



form.cform {display:block; width:100%;}

fieldset {border:none;}


ol#commentlist {margin:0; padding:0;}

#commentlist li {margin:10px 0; padding:0; border-bottom:1px solid #686836; list-style-type:none;}


/* image caption classes */


#partners {clear:both;}




.wp-caption.alignleft { float: left; margin: 0 10px 10px 0; padding: 0; text-align: left; display:inline; border-bottom:2px solid #fbf6b2;}



.wp-caption.alignright { float: right; margin: 0 0 10px 10px; padding: 0; text-align: left; display:inline;  border-bottom:2px solid #fbf6b2;}

#content .wp-caption-text {font-weight:bold; color:#778574}




.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }

#random_image_wrapper p {width:300px; background:url(images/caption.png) repeat-x; height:12px; position:relative; top:-25px; font-family:Arial Narrow;left:-10px; padding:0 0 3px 0;}


/* image headers */

#about {background:url(images/spirals/fossil.jpg) no-repeat center; width:939px; height:196px; display:block; clear:both; float:left;}

#contact {background:url(images/spirals/stairs.jpg) no-repeat center; width:939px; height:196px; display:block; clear:both; float:left;}

#ask-the-expert {background:url(images/spirals/shell.jpg) no-repeat center; width:939px; height:196px; display:block; clear:both; float:left;}

#resources, #news {background:url(images/spirals/chameleon.jpg) no-repeat center; width:939px; height:196px; display:block; clear:both; float:left;}

#standard {background:url(images/spirals/stones.jpg) no-repeat center; width:939px; height:196px; display:block; clear:both; float:left;}

#services {background:url(images/spirals/metal.jpg) no-repeat center; width:939px; height:196px; display:block; clear:both; float:left;}

small {display:none;}


a#invisible {display:block; overflow:visible; height:200px; width:300px;}
a#invisible span {display:none}



.archive_post_block .sociable {display:none;}

.thumb {display:inline; float:left; margin:0 10px 10px 0;}

#content img.alignleft {display:inline; float:left; margin:0 10px 10px 0;}
#content img.alignright {display:inline; float:right; margin:0 10px 0 10px;}