/*
THEME NAME: San Francisco Condo Projects
THEME URI: http://www.artfulalibi.com/
DESCRIPTION: This theme was designed for SFcondoprojects.com
TAGS: real estate, sfcondoprojects.com, news
VERSION: 1.0 beta
AUTHOR: Daniel Amara
AUTHOR URI:
*/

* { margin: 0px; padding: 0px; border: none; outline: 0px; }

html, body {
	height: 100%;
	}
	
body {
	background: url(images/background.jpg) center repeat-y; /* 100% column height background... fool'ya */
	font: 15px Arial, Helvetica, sans-serif;
	color: #1F1F1F;
	}
	
#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: -25px auto -28px;
	width: 1024px;
	background: none;
	}

#container {
	float: left;
	width: 100%;
	background: url(images/columnbg.jpg) center repeat-y !important; /* Incase the viewing window becomes smaller than 1024px, strangly IE6 does it correctly */

	}

#content {
	margin: 0 515px 0 15px;
	overflow: hidden;
	}

.entry-content, .entry-title {
	margin: 0px;
	}

.sidebar {
	float: left;
	overflow: hidden;
	width: 460px;
	}

#primary {
	margin: 0 0 0 -465px; /* orginal is -487px */
	width: 265px; /* Unmargined width is 300px */

	}

#secondary {
	margin: 0 0 0 -170px; /* orginal is -187px */
	width: 125px; /* Unmargined width is 164px */
/*	background-color: #CCCC66; */
	}

#footer {
	clear: left;
	margin: 0 auto;
	width: 1024px;
	height: 33px;
	font-size: 11px;
	background: url(images/footerbg.jpg) repeat-x;
	}

#footer a {
	color: #FFFFFF;
	}
/* 
#toprunner {
	width: 100%;
	height: 20px;
	background: url(images/topperbg.jpg) repeat-x bottom;
	}
*/


#toprunner-r {
	width: 100%;
	height: 25px;
	background: url(images/topperbg-r.jpg) repeat-x bottom;
	}

#toprunner-l {
	width: 50%;
	height: 25px;
	background: url(images/topperbg-l.jpg) repeat-x bottom;
	}


#outerfooter {
	width: 100%;
	background: url(images/ftrunnerbg.jpg) repeat-x bottom;
	}

.topppush {
	height: 0px;
	}

.thepush {
	height: 7px;
	}

.clear {
	clear: left;
	}

#header{
	text-align: left;
	margin: 5px 0px 25px 0px;
	background: #FFFFFF;
	}



#blog-description {
	margin: 2px 0px 0px 3px;
	}

#innerfooter {
	margin: 0px auto;
	width: 1024px;
	background: url(images/footerbg.jpg) no-repeat;
	}

.post {
	margin-bottom: 30px;
	}

#access {
	height: 55px;
	background: #FFFFFF url(images/menubg.jpg) no-repeat;
	}
/*
div#menu{font-size:0.9em;height:25px;padding-top:0.3em;background: none;width:100%; }
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}
*/

.entry-title{clear:both;}
/* div#container,div.sidebar{margin-top:2em;} */
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}


/*
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}
*/


/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */


.gallery{
	clear:both;
	float:left;
	display: block; 
	width: 460px;
	margin-right: 100px !important; /* Need to text doesn't land next to gallery */
	margin-right: 0px;
	}
.gallery dl{text-align:center;}
.gallery dl dt{ float: left; margin: 10px 10px 10px 0px; padding: 5px; width: 50px; background: #ebebeb;}
.gallery dl dt:hover{ background: #95ADA1;}
.gallery dl dd{margin-left:0;}


div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}

body.attachment #nav-images{clear:both;width:100%;}
body.attachment #nav-images div{padding:1em 0;width:50%;}
body.attachment #nav-images div.nav-previous{text-align:left;}
body.attachment #nav-images div.nav-next{text-align:right;}
body.attachment .entry-meta,body.attachment div#comments{clear:both;}

#s-gallery {
	margin-left: 5px;
	}
	
.gallery-icon img {
	width: 50px;
	}
#s-gallery dl dt {
	margin: 5px 5px 5px 0px; 
	padding: 5px 5px 3px 5px;
	background: #ebebeb;
	}

#s-gallery dl dt:hover {
	background: #95ADA1; 
	}
/* Sidebar styling */

#primary p {
	font-size: 12px;
	font-weight: normal;
	}

#secondary ul li {
	margin-bottom: 10px;
	}

#rss-links, #current-agent, #featured-stories, #related-stories, #archives {
	padding-bottom: 18px;
	}

#primary ul li ul li {
/*	height: 20px; */
	padding: 4px 0px 4px;
	list-style: none;
	line-height: 14px;
	border-bottom: 1px solid #ffc332;
	}

#rss-links {
	margin: 20px 0px;
	}

#primary #rss-links h3 {
	border: none;
	}

#rss-links img {
	margin-right: 10px;
	}

#rss-links {
	height: 30px;
	}

#primary h4 {
	margin-bottom: 5px;
	}

/* Meta styling */

.entry-meta {
	clear: left; 
	background: url(images/metabg.jpg) repeat-y;
	padding: 0px 12px 0px 8px;
	min-height: 120px; /* Prevents a graphical error in normal browsers */
	height: 75px; /* IE6 strikes again! Without a height of 75px, IE6 displays a graphical error caused by the clear of th footer */
	}

.meta-topper {
	display: block;
	margin: 0px -12px 0px -8px;
	height: 32px; 
	background: #FFFFFF url(images/metatopper.jpg) no-repeat;
	}

.box-footer {
	margin: 0px;
	clear: left;
	display: block;
	height: 15px;
	background: #FFFFFF url(images/metafooter.jpg) no-repeat;
	}

.meta-footer {
	clear: left;
	display: block;
	margin: 0px -12px 0px -8px;
	height: 15px;
	background: #FFFFFF url(images/metafooter.jpg) no-repeat;
	}



/* Typography */

.post p {
	line-height: 20px;
	margin-bottom: 8px;
	}
.entry-content p:first-child {
	color: #999999;
	font-style: italic;
	line-height: 25px;
	} 

.post h2 {
	font: 30px Arial, Helvetica, sans-serif normal;
	letter-spacing: 1px;
	}

.post ul, .post ol {
	margin-left: 35px;
	}

#primary h3 {
	color: #ffc332;
	border-bottom: 1px solid #ffc332;
	padding-bottom: 5px;
	}

.page-title {
	margin-top: 25px;
	font-size: 30px;
	}

#primary p {
	color: #FFFFFF;
	}

#footer p {
	padding-top: 17px; 
	}
.edit-bldg {
	float: right;
	margin: 3px 12px 0px 0px;
	}


#secondary h6 {
	margin-top: 15px;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	}

.post ol, .post ul {
	margin: 9px 0px;
	}

.post ol li, .post ul li {
	margin: 5px 25px;
	}
	
#blog-title {
	margin-top: 30px;
	}
.post blockquote {
	margin: 10px 25px;
	}

#primary h4.cta {
	clear: left;
	padding: 10px 15px 0px 15px;
	font-style: italic;
	}
	
/* Links */


#content a:link { 
	color: #95ada1;
	text-decoration: none;
	}
	
#content a:visited { 
	color: #b4c9be;
	text-decoration: none;59,18
	}
	
#content a:95ada1 { 
	color: #81bfea;
	text-decoration: none;
	font-style: italic;
	}
	
#content a:95ada1 { 
	color: #aed0e7;
	}


#primary a, #secondary a {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	}

/*
#primary a:hover {
	background-color: #ffda82;
	display: block;
	padding: 5px 0px;
	}
*/
#secondary a {
	font-size: 10px;
	}

/* Images Styling */

.post-image {
	border: 8px solid #FFFFFF;
	}

#secondary li img {
	border: 8px solid #FFFFFF;
	}

/*
a:hover .post-image {
	border: 8px solid#81bfea;
	}
*/


#secondary ul li:hover a, #secondary ul li:hover .post-image {
	color: #95ADA1;
	border-color: #95ADA1;
	}


/* Menu 2 */


.menu {
	float: left;
	width:100%;
	line-height:normal;
	}
.menu ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	}

.menu li {
	float:left; 
	
	margin-left: 8px;
	padding:0 0 0 0px;
	list-style: none;
	font-size: 10px;
	}

.menu li.m1 {
	padding-left: 65px;
	}

.menu a {
	display:block;
	letter-spacing: 1px;
	padding: 24px 20px 4px 0px;
	text-decoration:none;
	color: #FFFFFF;
	}

.home .menu li.m1, .s-category-real-estate-news .menu li.m1, .category-san-francisco-buildings .menu li.m2, .s-category-san-francisco-buildings .menu li.m2, .pageid-2 .menu li.m3, .pageid-394 .menu li.m4 {

	padding:0 0 0 63px;
	background:url(images/current-l.gif) no-repeat left top;
	}
	
.home .menu .m1 a, .s-category-real-estate-news .menu .m1 a, .category-san-francisco-buildings .menu .m2 a, .s-category-san-francisco-buildings .menu .m2 a, .pageid-2 .menu .m3 a, .pageid-394 .menu .m4 a { 
	font-size: 15px;
	padding: 20px 70px 4px 6px;
	background:url(images/current-r.gif) no-repeat right top;
	}
	
	




/* Agent Contact */

.agent-contact {
	background: url(images/agentcontactbg.jpg);
	width: 263px;
	}

.contacttopper {
	display: block;
	margin-left: -3px;
	background: url(images/contacttopper.jpg) no-repeat;
	width: 263px;
	height: 16px;
	}

.contactfooter {
	display: block;
	margin-left: -3px;
	background: url(images/contactfooter.jpg) no-repeat;
	width: 263px;
	height: 19px;
	}

.agent-info {
	background: url(images/agentcontactbg.jpg);
	width: 263px;
	}

/* Comment Styling */
#comments {
	margin-top: 20px;
	}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:95%;}

#respond {
	padding: 0px 30px 0px 18px;
	background: url(images/metabg.jpg) repeat-y;
	}
.comment-topper {
	display: block;
	margin: 0px -12px 0px -0px;
	height: 32px; 
	background: #FFFFFF url(images/metatopper.jpg) no-repeat;
	}

.comment-footer {
	display: block;
	margin: 0px -12px 0px -0px;
	height: 15px;
	background: #FFFFFF url(images/metafooter.jpg) no-repeat;
	}

	
/* Gravatars */

.avatar {
	float: left;
	margin: 2px 10px 5px 7px;
	}

.agent-info .avatar {
	float: left;
	margin: 2px 10px 0px 15px;
	}

/* Grid */
#main-img .attachment-medium {
	padding: 10px;
	background: #ebebeb;
	margin: 5px 0px 0px 5px;
	}
.s-gridwrapper {
	margin-bottom: 15px;
	height: 120px;
	}

.l-gridwrapper {
	margin: 0px;
	padding: 0px;
	/*
	padding: 0px 12px 0px 8px;
	margin: 5px 0px;
	*/
	background: #FFFFFF url(images/metabg.jpg) repeat-y;
	}
.l-gridwrapper em {
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	}

.inner-gridwrapper {
	margin: 2px 23px 5px 4px;
	}
	
.round-topper {
	display: block;
	height: 13px;
	background: url(images/roundtopper.jpg) no-repeat ;
	}
	
	
.s-gridwrapper h3 {
	font-size: 25px;
	background: #ebebeb;
	padding: 0px 5px;
	height: 32px;
	margin-right: 10px;

	}


.post .g0, .post .g2, .post .g4, .post .g6, .post .g8, .post .g10 {

	background: #FFFFFF;
	margin: 0px 10px;
	padding: 0px 5px 0px 5px;
	font-size: 11px;
	line-height: 22px;
	height: 22px;
	}

.post .g1, .post .g3, .post .g5, .post .g7, .post .g9 {

	background: #ebebeb;
	margin: 0px 10px;
	padding: 0px 5px 0px 5px;
	font-size: 11px;
	line-height: 22px;
	height: 22px;
	}

.bldg-image {
	float: left;
	padding: 10px;
	margin-right: 3px;
	background: #ebebeb;
	}

#t-three {
	position: relative;
	}

.wp_geo_map {
	margin: 5px 5px 5px 14px;
	}

/*

ul.subsection_tabs {
	list-style:none;
	margin:0 0 -25px 0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:20px;
	clear:both;
}

ul.subsection_tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
}

ul.subsection_tabs li.tab a {
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	background-color:#fff;
	color:#666;
	width:80px;
}

ul.subsection_tabs li.tab a:hover {
	color:#666;
}

ul.subsection_tabs li.tab a.active {
	background-color:#ddd;
}

ul.subsection_tabs li.source_code {
	float:right;
}

#content #wp_geo_map {
	left: 20px;
	}

*/

	
/* Utility Classes */

.left {
	float: left;
	}

.right {
	float: right;
	}
	
.hidden {
	display: none;
	}

.small {
	font-size: 11px;
	}
.large {
	font-size: 18px;
	letter-spacing: 1px;
	
	}

.alignleft {
	margin-right: 15px;
	}

#primary .large {
	color: #1F1F1F;
	}

.margin10 {
	margin-left: 10px;
	}

.loanspeed-links {
	margin-top: 10px;
	}

/* Plugin Stylings */
div.sociable { margin: 8px 0 0 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.post .sociable span {
	display: block;
}
.post .sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.post .sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.post .sociable ul li:before { content: ""; }
.post .sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.post .sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.post .sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}