/*
Theme Name:         Reverie
Theme URI:          http://themefortress.com/reverie/
Description:        Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Version:            5.0.0
Author:             Zhen Huang
Author URI:         http://themefortress.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customize for BuddyPress
:: Your Customized Style
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */
 
	/* Foundation-specific presentation CSS by ZURB */

	
	@media handheld, only screen and (max-width: 767px) {
	header { position: relative; }
	header .subheader { margin-bottom: 0; }
	header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; }
	header .menu-action .button.small { padding: 8px; }
	header .menu-action .button.small svg { opacity: 0.5; }
	header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; }
	header h4 { font-size: 17px; font-size: 1.7rem; }
	}

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Global */


	/* Add Divider for Listed Posts */
	.divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }	
	
	/* Add Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Class for Images */
	figure img {
	height: auto;
	border: 1px solid #DDD;
	margin: 0 auto;
	display: block;
	box-shadow: 0px 2px 10px #ddd;
	-moz-box-shadow: 0px 2px 10px #ddd;
	-webkit-box-shadow: 0px 2px 10px #ddd;
	border-image: initial;
	}
	
	/* Add HTML5 Caption Class for Images */
	figure.figure {	margin: 0 auto;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	/* Sidebar Adjustment */
	.sidebar-section { padding-bottom: 10px; padding-top: 20px;	font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Footer Nav */
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }
	
	/* Breadcrumb Adjustment */
	ul.breadcrumbs li span { padding-left: 3px; }
	ul.breadcrumbs li a { padding-left: 0; }
	
	/* Comment Textarea Adjustment */
	#respond textarea { height: 100px; }	

/*  -------------------------------------------------------
    Adjust Foundation 3 Pagination Style for WordPress
    ---------------------------------------------------- */ 
    
    ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
    ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
    ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
    ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
    ul.page-numbers li.unavailable a { cursor: default; color: #999; }
    ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
    ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }    
    
/*  ---------------------------
    :: Customize for BuddyPress
    --------------------------- */

	.padder label + textarea { margin-top: 0; }
	.padder #item-body #message-threads .thread-avatar img { max-width: 50px; }
	ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px 0 100px 0 ; list-style:none;}
    .padder select { display: inline-block; }
    .padder div.item-list-tabs { margin: 25px 0; }
    .padder form#whats-new-form textarea { height: 30px; }
    .padder .button { display: inline; }
   #avatar-upload-form img, #create-group-form img, #group-settings-form img, #avatar-upload-form img, #create-group-form img, #group-settings-form img{max-width:inherit; }


	
/*  --------------------------
    Your Customized Style
    ----------------------- */


#homepage-left .srp-thumbnail-box{
	width:140px;
	height:140px;
	float:left;
	position:relative;
	border:1px solid #666;
	-webkit-box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */
	0 10px 0 -5px #fff, /* The second layer */
	0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */
	0 20px 0 -10px #fff, /* The third layer */
	0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */
	0 1em 2em rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */
	0 10px 0 -5px #fff, /* The second layer */
	0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */
	0 20px 0 -10px #fff, /* The third layer */
	0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */
	0 1em 2em rgba(0, 0, 0, 0.1);
	margin-bottom:1.5em;
}
.srp-content-box p{
	font-family:georgia, serif;
}
.featuredImageFrame h2{
	float:left;
	position:relative;
	margin-right:0.2em;
}
p.authorText a{
	text-decoration:underline;	
}
p.authorText a:hover{
	text-decoration:none;	
}
p.srp-widget-author{
	font-size:0.8em;
	text-decoration:underline;
}
#homepage-left .srp-widget-container div.srp-widget-singlepost{
	border-bottom:none!important;
	float:left;
	position:relative;
	margin-bottom:1em;
}
/*.homeFeatured .featuredImageFrame img.postimgthumb{
	border: 1px solid #666666;
}



.homeFeatured .postimgthumbWrapper img.postimgthumb{
	border: 1px solid #999;
	float:left;
	position:relative;
	margin-right: 1.1em;
}
.postimgthumbWrapper{
	width: 195px;
	height: 140px;
	float: left;
	margin-right:12px;
	position: relative;
	-webkit-box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0), /* The top layer shadow */ 0 10px 0 -5px white, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px white;
/*	box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0), /* The top layer shadow */ 0 10px 0 -5px white, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px white;*/
/*	margin-bottom: 1.5em;*/
}

.homeFeatured p{
	padding-right:20px;
}
.postFooter{
/*	border: 1px solid #999;*/
	float:left;
	position:relative;
	width:610px;
	margin-top:15px;
	margin-bottom:50px;
}
.postFooterLeft{
	width:450px;
	margin-right:10px;
}
.postFooterLeft .st_email_hcount,
.postFooterLeft .st_twitter_hcount,
.postFooterLeft .comm{
	top:2px;
}
.postFooterLeft .comm{
	top:8px;
}
.stButton .stFb, 
.stButton .stTwbutton, 
.stButton .stMainServices{
	height: 26px !important;	
} 
.comm{
	float:left;
	position:relative;
}
.postFooter .stButton .stArrow, 
.postFooter .stButton .stBubble_hcount{
	line-height: 10px !important;	
}
.st_email_hcount,
.st_twitter_hcount,
.st_fblike_hcount {
/*	border: 1px solid blue;*/
	float:right; width:100px;
	position:relative;
}
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices{ height:22px !important;}

.st_fblike_hcount .fb-like span iframe.fb_ltr{ width:100px !important;}

.postFooterLeft,
.viewProjectHome{
	border: 1px solid #999;
	float:left;
	position:relative;
	padding:5px;
}
.viewProjectHome:hover{
	text-decoration:underline;
}
.viewProjectHome{
	font-family: 'PT Sans', helvetica, arial, sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
	color:#000;
	margin-bottom:15px;
	text-decoration:none;
	padding: 11px 20px 8px 20px;
}
.right-widget-twp{
	margin-bottom:10px;
	padding:10px;
	background-color:#e0e0e0;
}

.wpcf7 form{
	float:left;
}
#searchform{
	float:left;
	position:relative;
	padding-top:20px;
	margin-left:20px;
}
#main{

}

#homepage-right .homepageProfileLocation{
	margin-bottom:10px;
}
#homepageRightOne #cac_featured_content-2 h3,
#homepageRightTwo #cac_featured_content-3 h3,
#homepageRightThree #cac_featured_content-4 h3{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	writing-mode: lr-tb;
	left:70px;
	top:30px;
	position:relative ;
	background-color:#e0e0e0;
	padding:5px 5px 5px 10px;
}
.leftFooter #menu-footer-left{
	float:left;
}
.leftFooter, .legal{
	position:relative;
	float:left;
}
.rightFooter{
	position:relative;
	float:right;
}
.footerLogo{
}
#menu-footer-left li,
#menu-footer-right li{
	float:left;
	margin-right:10px;
}
#content-info{
	background-color:#d0d0d0;

}
#branding{
	display:none!important;
}

.profilesFilters {
	margin: 0 20px;
}
.profilesFilters li{
	float: left; position: relative;
	list-style-type: none;
}
.profilesFilters a {
	padding: 5px 40px; display: block; 
	background: #ccc;
	text-decoration: none;
	color: #000;
	
	border-radius: 15px 15px 0 0;
}
.profilesFilters .active {z-index: 3;}
.profilesFilters .active a {background: #999;}

.profilesFilters .active:before, .profilesFilters .active:after, 
.profilesFilters .active a:before, .profilesFilters .active a:after, 
.profilesFilters li:last-child:after, .profilesFilters li:last-child a:after, 
.profilesFilters li:first-child:before, .profilesFilters li:first-child a:before
{
	content: "";
}
.profilesFilters li:before, .profilesFilters li:after, .profilesFilters li a:before, .profilesFilters li a:after {
	position: relative;
	bottom: 0;
}
.profilesFilters .active:before, .profilesFilters .active:after {
	background: #999;
}

.profilesFilters li:before, .profilesFilters li:after {
	background: #ccc;
	width: 10px; height: 10px;
	z-index: 1;
}
.profilesFilters li:before { left: -10px; }
.profilesFilters li:after { right: -10px; }

.profilesFilters .active a:before, .profilesFilters .active a:after {
	background: #ccc;
}

.profilesFilters li a:before { left: -20px; }
.profilesFilters li a:after { right: -20px; }

.profilesFilters li:first-child.active a:before, 
.profilesFilters li:last-child.active a:after {background: #000;}

ul#projectsMenu {
margin: 35px 0;
padding: 0;
font: 12px Verdana;
list-style-type: none;
}
  
ul#projectsMenu li {
display: inline;
}
  
ul#projectsMenu li a {
padding: 5px 10px;
border: 1px solid #aaa;
color: #000000;
text-decoration: none;
}


.acadProfFilters li {
display: inline;
}

.acadProfFilters li a {
padding: 5px 10px;
border: 1px solid #aaa;
color: #000000;
text-decoration: none;
}

.acadProfFilters li a {
padding: 5px 10px;
border: 1px solid #aaa;
color: #000000;
text-decoration: none;
}

.ssba {
	padding-left: 25px;
}


/* CSS WTF */

#bps_action {
	border: 5px solid #ddd !important;
	position: static !important;
	background-color: #f3f3f3;
}

#bps_action .field_project-sector {
	width: 474px !important;
}

#bps_action .field_city-town {
	padding: 0 20px !important;
	position: static !important;
	width: 100%;
}
#architectSearch #bps_action div.submit {
	position: static !important;
	top: none !important;
	right: none !important;
	margin: 20px !important;
}