/*   
Theme Name: Trillium
Theme URI: http://www.trilliumresidential.com
Description: Blog theme in the style of trilliumresidential.com
Author: Will Bradley
Author URI: http://www.zyphon.com
Version: 0.0.1
Tags: 

	Trillium by Will Bradley
	http://www.zyphon.com
	All Rights Reserved
*/


/* Trillium Main Site Stylesheet
 * by Will Bradley, Nov. 2009
 */
 
/* Colors:
 * Light Green: rgb(190,214,52)
 * Dark Green: rgb(161,183,44) 
 * Orange:  rgb(236,122,8)
 * Light Orange: rgb(252,186,99) 
 * Medium Orange: rgb(249,157,49)
 * Dark Orange: rgb(212,133,42)  
 * Light Blue: rgb(122,208,230) 
 */  

body { 
	background-color: #222;
	font-family: Arial, Helvetica, sans-serif; 
}

a { color: rgb(190,214,52); text-decoration: underline; }
a:hover { color: rgb(161,183,44); text-decoration: none; }


body {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0; padding: 0
}
h1 {
	margin: 0;
	font-size: 1.6666666666666667em;
	line-height: 0.9em;
	margin-bottom: 0.9em;
}
h2 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 1em;
}
h3 {
	margin: 0;
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
}
h4 {
	margin: 0;
	font-size: 1.1666666666666667em;
	line-height: 1.2857142857142858em;
	margin-bottom: 1.2857142857142858em;
}
p, ul, blockquote, pre, td, th, label {
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
p.small {
	margin: 0;
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
	margin-bottom: 1.8em;
}
div.entry {
	margin-top: 0.5em;
}
table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}
img {
	border: none;
}

#ie6warning {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgb(236,122,8);
	border: 1px dashed rgb(252,186,99);
	padding: 5px;
	margin-bottom: 10px;
}

#ie6warning p,
#ie6warning h3 {
	margin: 2px 0 0;
	padding: 0;
}

#ie6warning a {
	color: #ccc;
}

div#bodywrapper {
	width: 960px; margin: 0 auto 15px; background-color: #000;
	border: 2px solid #333; padding: 10px; position: relative;
	color: white;
	
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
}

div#header {
	position: relative;
	height: 80px;
	margin-bottom: 12px;
}

#toplogo, #topslogan, #topproperty, #topphone { margin: 0; padding: 0; font-weight: normal; }
#toplogo a { 
	position: absolute; bottom: 0px; left: 0px; line-height: 2em;
	width: 193px; height: 0px; padding: 80px 0 0 0; overflow: hidden; 
	background: transparent url('/themes/trilliumnew/images/template/trillium_logo.gif') top left no-repeat;
}
#topslogan, #topproperty { 
	position: absolute; bottom: 9px; left: 200px; font-size: 34px; text-align: center;
	width: 520px;  color: rgb(190,214,52); text-transform: lowercase; font-weight: normal;
}
#topproperty a { color: rgb(190,214,52); text-decoration: none; }
#topproperty a:hover { text-decoration: underline; }


#topphone { position: absolute; z-index: 99; bottom: 14px; right: 50px; 
	text-align: right; color: white; font-size: 22px; letter-spacing: 1px; }

* html  #bodycontent { /* hack for ie6 */
	height: 600px;
}	
	
#bodycontent { 
	position: relative;
	min-height: 565px; 
}

#splashtext {  display: none;
	position: absolute; top: 195px; left: 5px; width: 590px; 
	color: rgb(249,157,49); text-align: center;
	font-size: 36px; font-weight: normal; text-shadow: #151515 2px 2px 5px;
}

#propertysplashtext {
	position: absolute; top: 275px; right: 300px; width: 275px; height: 45px;
	border: 2px solid white; text-decoration: none; padding: 20px 0 0 0;
	color: white; text-align: center;
	font-size: 22px; font-weight: normal; text-shadow: #151515 2px 2px 5px;
	background: transparent url('/themes/trilliumnew/images/template/darkgreen_alpha80.png');
}
#propertysplashtext:hover { text-decoration: underline; }

#pagecontent {
	float: left;
	width: 710px; background-color: #333; /*rgb(122,208,230); /*rgb(190,214,52);*/
	min-height: 562px; color: #ccc; 
	border-top: 1px solid #333; 
}

#innertextcontent {
	padding: 15px 15px 10px 10px;
}

.post {
overflow: hidden;

}

#pagenav { float: right; }

#pagenav.block { float: none; }
#pagenav.block a { float: left; margin-left: 7px; }

#pagenav a,
.navbutton { width: 210px; height: 1em; padding: 0.4em 0 0.6em; margin: 0 0 10px 0.5em;
	background: rgb(249,157,49) url('/themes/trilliumnew/images/template/buttonbg.png'); border: 1px solid #666; font-size: 16px;
	display: block; color:#fff ; text-align: center; text-decoration: none;
}
#pagenav a:hover, 
.navbutton:hover { background: rgb(212,133,42) url('/themes/trilliumnew/images/template/buttonbg_hover.png'); color: white; }

#pagecontent h2 a, #pagecontent h2 { color: white; font-size: 20px; line-height: 20px; margin: 0; font-weight: normal; text-decoration: none; }
#pagecontent h2 a:hover { text-decoration: underline; }
#pagecontent h3 { color: rgb(122,208,230); font-size: 14px; line-height: 14px; margin: 0; font-weight: normal;  }
#pagecontent p { margin: 0 0 1em; }

#pageheaderimage {
  margin: -15px auto 10px -10px; display: block; 
  border-bottom: 1px solid black;
}


.alignright {
	float: right;
	text-align: right;
}

.alignleft {
	float: left;
	margin-right: 10px; 
	text-align: left;
}

.aligncenter {
	margin: 0 auto;
	display: block;
}

.fixed {
	clear: both;
}

.metadata {
	background-color: #444;
	margin: 0 !important;
	padding: 0.5em;
}

.hr hr {
	display: none;
}

.hr {
	height: 1px;
	background-color: #111;
	margin-bottom: 2em;
}

.date {
  float: right;
}

table.formBlockSurveyTable {
	width: 80%;
	margin: 10px auto;
}

.formBlockSurveyTable td.question {
	text-align: right;
}

.formBlockSurveyTable span.required {
	color: rgb(122,208,230); 
}

.formBlockSurveyTable input[type=text],
.formBlockSurveyTable input[type=submit],
.formBlockSurveyTable select,
.formBlockSurveyTable textarea {
	width: 250px;
	background-color: #222;
	border: 1px solid #444;
	border-collapse: collapse;
	color: #ccc;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
}

.formBlockSurveyTable select { width: 255px; }

.formBlockSurveyTable input[type=text]:hover,
.formBlockSurveyTable input[type=submit]:hover,
.formBlockSurveyTable select:hover,
.formBlockSurveyTable textarea:hover {
	background-color: #353535;
}

.formBlockSurveyTable input[type=submit] { 
	width: auto; padding: 2px 5px; color: rgb(122,208,230);
	font-weight: bold; cursor: pointer;
}

.formBlockSurveyTable input[type=submit]:active { 
	background-color: #222;
}


sup { font-size: 0.5em; }


.right {
  float: right;
}

.sharebuttons {
	background-color: #fff; padding: 2px; color: black;
	display: block;  margin: 40px 0 -25px;
	border: 1px solid #666; width: 190px; height: 1.5em;
}

.sharebuttons a { color: black; }

.eventcalendar {
	float: left;
	margin: 25px 5px 10px 0;
}


.youtubewidget {
	width: 430px;
	overflow: hidden;
}

.facebookwidget {
	float: right;
	margin: 25px 0 10px 5px;
}

.twitterwidget {
	display: none;
}

.clear {
	clear: both;
}

.floorplanviewer { 
	margin: 25px 0 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #666;
	background-color: white; 
	height: 450px;
	overflow: hidden;
	position: relative;
	color: #333;
}

.viewermessage { 
	position: absolute; top: 10px; right: 5px; width: 40%;
	font-weight: bold; font-size: 1.2em; 
}

.floorplanimage { float: left; margin-left: 10px; color: black; }

.floorplanviewer .draggable { 
	float: right; cursor: move; }
	
.floorplanviewer .draggable .furnishings {
	position: relative; overflow: hidden;     
}

.floorplanviewer .draggable .furnishings img { position: absolute; }

.topleft { top: 0; left: 0; }
.topright { top: 0; right: 0; }
.bottomleft { bottom: 0; left: 0; }
.bottomright { bottom: 0; right: 0; }


.rotate {  width: 19px; height: 20px; display: none; z-index: 900;
  position: absolute; top: -7px; background-color: transparent; cursor: pointer; }
.rightrotate { right: -7px; background-image: url('/themes/trilliumnew/images/floorplan_builder/rotate_right.png'); }
.leftrotate { left: -7px; background-image: url('/themes/trilliumnew/images/floorplan_builder/rotate_left.png'); }

#pagecontent .vcard { display: block; margin: 1em 0; }
#pagecontent .vcard span.org { font-size: 1.5em; color: rgb(190,214,52); }
#pagecontent .vcard span.street-address,
#pagecontent .vcard span.tel {display: block; padding: 0; }

#pagecontent #map_canvas { width: 100%; height: 350px; border: 1px solid #333; margin: 5px 0 10px; color: black; }

table.ratesplans { 
	clear: both; width: 100%; margin: 5px 0;
	border-collapse: collapse; border: 0;
} 
table.ratesplans td, th { 
	color: white; text-align: center; border: 1px solid #333333;
	background-color: #000;  padding: 5px 2px;
} 
table.ratesplans th { 
	background-color: #222; 
}
table.ratesplans .normalcol { width: 6em; }
table.ratesplans .namecol { width: 2em; }
table.ratesplans .bedcol { width: 5em; }
table.ratesplans .sizecol { width: 5em; }
table.ratesplans th.rentcol { width: 5em; color:rgb(122,208,230); }
table.ratesplans td.rentcol { background-color: #151515; font-weight: bold; }
table.ratesplans .linkcol { width: 9em; }
table.ratesplans a { color: rgb(122,208,230); text-decoration: none; }
table.ratesplans a:hover { text-decoration: underline; }
table.ratesplans strong { color: rgb(122,208,230); }

.disclaimer { color: #666; }

div.propertydetails { 
	position: absolute; top: 0; left: 0; display: none; color: white;
	background-color: black; height: 340px; width: 690px; padding: 10px;
	background-repeat: repeat-x; background-position: top right; z-index: 9999;
}

div#property-cc-details { background-image: url('/themes/trilliumnew/images/properties-710/cavecreek-2.jpg'); }
div#property-cs-details { background-image: url('/themes/trilliumnew/images/properties-710/crystalsprings-2.jpg'); }
div#property-dv-details { background-image: url('/themes/trilliumnew/images/properties-710/deervalley-2.jpg'); }
div#property-pg-details { background-image: url('/themes/trilliumnew/images/properties-710/papago-2.jpg'); }
div#property-pp-details { background-image: url('/themes/trilliumnew/images/properties-710/pinnaclepeak-2.jpg'); }
div#property-vil-details { background-image: url('/themes/trilliumnew/images/properties-710/villas-2.jpg'); }

div.propertydetails .vcard,
div.propertydetails .specials,
div.propertydetails .minimap {
	position: absolute; left: 0px; width: 210px; padding: 10px 5px 5px 5px;
}

div.propertydetails .vcard { top: 0px; height: 80px; font-size: 1.2em; background: transparent url('/themes/trilliumnew/images/template/alpha70.png');
	display: block; text-align: center; text-shadow: #000 2px 2px 5px; text-transform: lowercase; }
div.propertydetails .vcard span.org { font-size: 1.3em; color: rgb(190,214,52); }
div.propertydetails .vcard span.street-address,
div.propertydetails .vcard span.tel {display: block;}

div.propertydetails .specials { top: 95px; padding-top: 10px; height: 100px; background: transparent url('/themes/trilliumnew/images/template/alpha70.png'); }
div.propertydetails .specials h3,
div.propertydetails .specials p   { margin: 2px 0; padding: 0; }
div.propertydetails h3 { color: rgb(190,214,52); text-transform: lowercase; text-shadow: #333 2px 2px 5px; } 

div.propertydetails .minimap { top: 210px; height: 135px; 
	background-repeat: no-repeat; background-position: top left; background-color: transparent; }

div#property-cc-details .minimap { background-image: url('/themes/trilliumnew/images/minimaps/cavecreek.png'); }
div#property-cs-details .minimap { background-image: url('/themes/trilliumnew/images/minimaps/crystalsprings.png'); }
div#property-dv-details .minimap { background-image: url('/themes/trilliumnew/images/minimaps/deervalley.png'); }
div#property-pg-details .minimap { background-image: url('/themes/trilliumnew/images/minimaps/papago.png'); }
div#property-pp-details .minimap { background-image: url('/themes/trilliumnew/images/minimaps/pinnaclepeak.png'); }
div#property-vil-details .minimap { background-image: url('/themes/trilliumnew/images/minimaps/villas.png'); }


div#mainmenu-heading {
	height: 25px; width: 213px; background: #666;
	padding: 9px 5px 1px 30px; font-weight: bold; text-align: left;
	text-transform: uppercase; text-shadow: #333 2px 2px 5px;
	font-size: 12px;  position: absolute; right: 0px; top: 0px;
	border-left: 2px solid #444; border-top: 1px solid #333;
}

div#mainmenu-heading a { color: white; text-decoration: none; 
	display: block; height: 20px; text-align: left;
}
div#mainmenu-heading a:hover { text-decoration: underline; }
#mainmenu-heading-property {  left: 30px; top: 9px; text-align: left; }
#mainmenu-heading-others { float: right; text-align: right; margin-top: -4px;
        background: url('images/rss.gif') no-repeat top left; padding: 4px 0 4px 28px;
}
#mainmenu-heading-twitter { text-align: right; margin: -4px 8px 4px; width: 0; overflow: hidden;
        background: transparent url('images/twitter.gif') no-repeat top left; padding: 4px 0 0 24px; float: right;
}

#other-communities { display: none; position: absolute; top: 25px; right: 5px; background-color: black;
width: 100px; padding: 5px; border: 2px solid white; z-index: 900;  }
#other-communities a { display: block; margin-bottom: 3px; }
#other-communities h4 { margin: 3px 0; }
#other-communities.displayed { display: block; }


#menuwrapper { 
	float: right; margin-top: 35px;
	width: 250px;  background: #666; height: 100%;
}

#menuwrapper ul.property {
	border-bottom: 1px solid #333; width: 250px; 
	list-style: none; overflow: hidden;  margin: 0; padding: 0;
}

#menuwrapper ul.property li { 
	padding: 0; margin: 0px; height: 53px;
	border-top: 1px solid #333; border-left: 2px solid #454545;
	background: url('/themes/trilliumnew/images/template/menubg3.png') top right repeat-x;
}
#menuwrapper ul.property li.nav-selected,
#menuwrapper ul.property li.current_page_item { 
	background-image: url('/themes/trilliumnew/images/template/menubg3_hover.png');
	 padding-left: 1px;
}

#menuwrapper ul.property a { text-decoration: none; color: #fff; line-height: 1em;
	display: block;  width: 100%; height: 37px; font-size: 20px; text-shadow: #333 2px 2px 5px;
	text-transform: lowercase; padding: 15px 0 0 30px;  }
#menuwrapper ul.property a { }
#menuwrapper ul.property li:hover { background-image: url('/themes/trilliumnew/images/template/menubg3_hover.png'); }
#menuwrapper ul.property li:hover { /*background-image: url('images/template/menubg2_hover.png');*/ }
#menuwrapper ul.property li.nav-selected:hover, 
#menuwrapper ul.property li.current_page_item:hover { 
	background-image: url('/themes/trilliumnew/images/template/menubg3_hover.png');
}
#menuwrapper ul.property li span { 
	display: block; font-size: 11px; color: #333; text-shadow: none;
	padding: 0; text-transform: uppercase;
}

#menuwrapper #sidebar {
	margin: 10px;
	overflow: hidden;
}

#menuwrapper #sidebar ul {
	margin-left: 1em;
	padding-left: 0.5em;
}

div.inset {
	position: absolute; top: 360px; 
	padding: 15px 15px 5px; height: 180px;
	overflow: hidden; 
}

div.inset {
	font-size: 14px;
	line-height: 1.2857142857142858em;
}
div.inset h1 {
	margin: 0;
	font-size: 1.5714285714285714em;
	line-height: 0.8181818181818182em;
	margin-bottom: 0.8181818181818182em;
}
div.inset h2 {
	margin: 0;
	font-size: 1.4285714285714286em;
	line-height: 0.9em;
	margin-bottom: 0.9em;
}
div.inset h3 {
	margin: 0;
	font-size: 1.2857142857142858em;
	line-height: 1em;
	margin-bottom: 1em;
}
div.inset h4 {
	margin: 0;
	font-size: 1.1428571428571428em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
}
div.inset p, div.inset ul, div.inset blockquote, div.inset pre, div.inset td, div.inset th, div.inset label {
	margin: 0;
	font-size: 1em;
	line-height: 1.2857142857142858em;
	margin-bottom: 1.2857142857142858em;
}
div.inset p.small {
	margin: 0;
	font-size: 0.8571428571428571em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
div.inset table {
	border-collapse: collapse;
	margin-bottom: 1.2857142857142858em;
}


div.inset h1,
div.inset h2,
div.inset h3,
div.inset h4 {
	color: rgb(249,157,49); font-weight: normal;
	text-transform: lowercase;
}

div.inset .highlight { display: block; color: rgb(122,208,230); }

div.inset ul { margin: 0;
	padding: 0 0 0 1.5em; }

div#inset1 { left: 0; width: 324px; border-top: 2px solid #222; border-left: 1px solid #222; border-bottom: 1px solid #454545;
	background: rgb(15,70,75) url('/themes/trilliumnew/images/template/inset_background3.png') no-repeat; color: white; }
div#inset2 { left: 355px; width: 324px; border-top: 2px solid #222; border-left: 1px solid #222; border-bottom: 1px solid #454545;
	background: rgb(15,70,75) url('/themes/trilliumnew/images/template/inset_background3.png') no-repeat; color: white; }
div#inset3 { right: 0; width: 248px; padding: 0; height: 200px; border-top: 2px solid #454545; 
	border-left: 2px solid #333; border-bottom: 1px solid #454545; overflow: hidden;
	background: rgb(15,70,75) url('/themes/trilliumnew/images/template/small_inset_background2.jpg') no-repeat; color: black;}

div#inset1 h2,
div#inset2 h2 { text-shadow: #333 2px 2px 5px; }
div#inset3 a { display: block; height: 180px; padding: 15px 15px 5px; text-decoration: none; }

div#footer { 
	text-align: center; clear: both; text-transform: lowercase; 
	background: url('/themes/trilliumnew/images/template/fairhousing.png') bottom right no-repeat; 
}

ul#bottomnav { list-style: none; padding: 20px 0 10px 10px; margin: 0 auto; height: 15px; width: 705px; }
ul#bottomnav li { float: left; padding: 0 10px; }
ul#bottomnav a { color: rgb(190,214,52); text-decoration: none; }
ul#bottomnav a:hover { text-decoration: underline; }

.widget {
	border-bottom: 1px solid #333;
	margin-bottom: 2em;
}

/* calendar START */
.widget_calendar h3 {
	display:none;
}
#wp-calendar {
	width:100%;
	border-collapse: separate;
}
#wp-calendar #today {
	background:#888;
}
#wp-calendar tbody a {
	font-weight:bold;
}
#wp-calendar caption {
	font-weight:bold;
	letter-spacing:-0.05em;
	font-size:150%;
	text-align:left;
	padding-bottom:5px;
}
#wp-calendar th, 
#wp-calendar td {
	text-align:center;
	line-height: 1.1em;
}
#wp-calendar tbody td {
	border:1px solid #999;
}
#wp-calendar tbody td.pad {
	border:0px none #999 !important;
}
#wp-calendar th {
	background:#999;
	color:#FFF;
}
#wp-calendar td#prev {
	text-align:left;
	padding-top:5px;
}
#wp-calendar td#next {
	text-align:right;
	padding-top:5px;
}

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

.commentlist .comment,
.commentlist .trackback {
	margin: 6px 0;
	padding: 6px;
	background-color: #444;
	position: relative;
}

.commentlist .comment-author {
	font-size: 1.25em;
	margin-bottom: 2em;
	margin: 0 0 1em 0 !important;
}

.commentlist .avatar {
	border: 1px solid #666;
	padding: 1px;
}


.commentlist .comment-meta {
	position: absolute;
	top: 6px;
	right: 6px;
}

textarea#comment {
	width: 98%;
}


/* calendar END */

/* VCard display settings */
span.vcard .tel .type,
span.vcard a.email { display: none; }
span.vcard span.street-address,
span.vcard span.tel { padding: 0 7px; }