/* 
Styles that extend the Elegantica theme to suit CJJ
*/
/* Wrapper Tweaks */
body, h1, h2, h3, h4, h5, h6 {font-family: "PT Sans", "Helvetica Neue", Arial, Helvetica, sans-serif !important;}
#logo a{border-bottom:0; padding-bottom:0;}
.outerpagewrap {top: 103px;}
#header .menu {
	margin-top: 17px;
	float: none !important;
}

#logo {
	width: 145px; 
	height: 75px;
	overflow: visible; /* made visible for the 223px wide 30th logo*/
	z-index: 999999;
}
/* This never worked 
#logo a {
	width: 145px;
	height: 75px;
	background-image:url('../images/cjj-logo.png');
}
#logo a:hover {
	width: 145px;
	height: 75px;
	background-image:url('../images/cjj-logo.png');
	background-position: -100px;
}
*/
.menu-header {width: 800px;} /*narrowed from 760 for 30th logo*/
#header ul.menu li {margin-left: 30px;} /*narrowed from 30 for 30th logo*/




.breadcrumb {
	padding-top: 0.5em;
	padding-bottom: 0;
}
.pagecontent h1 {
	color: #fff;
	margin: 0.1em 0px .5em -2px;
}
.pagewrap {
	min-height: 80px;
	height: auto;
}
#header ul.menu li ul {	top: 17px;}
/* #header ul.menu li.first {margin-left: 35px;} */
#footer .widget p {color: inherit !important;}
/* Slider Changes */
.textSlide li {font-size: 22px; line-height:normal;}
.textSlide a {font-size: 22px;}
.textSlide .button {
	width: auto; 
	padding: 7px 14px 7px 14px;
	left: 1em;
	top: -1em !important;
}
.textSlide .box {
	background-image: url('../images/blue-50.png');
	background-repeat: repeat;
	background-color: transparent;
	color: #FFFFFF !important;
	left: -350px;
	top: -24px !important;
	z-index: 111;
	font-size: 32px !important;
	width: 500px;
}
.textSlide ul.quote {
	padding: 1em 1em 2em 1em;
	background-color: #00a7e5;

}
#slider-wrapper {padding:0;}
.titleborder {width: 100%;}
.textSlide .quote {
	position: relative;
	left: -20px;
	width: 333px;
}
#highlighted {height: 412px;}
/* More Homepage styling */
.pane-elega-our-latest-posts .homeRacent,
.pane-elega-latest-news .homeRacent, 
.pane-elega-our-latest-posts .homeRacent li,
.pane-elega-latest-news .homeRacent li, 
.pane-elega-our-latest-posts .homeRacent .titleborder,
.pane-elega-latest-news .homeRacent .titleborder 
{width: 460px;}

/* BLOG POST STYLING */
.blogpost {
	padding-top: 50px;
}
.blogpost .posted-date {
	margin: -47px 0 0 0 !important;
}
.socialsingle {
	float: right;
	padding: 0;
	margin-top: 10px;
}
.flexslider .slides img {
	width: auto;
}
.homeRacent .recentimage {
	margin: 10px;
	width: 140px;
	height: auto;
	float: left;
}
.homeRacent .portfolio-item .recentimage div.image {
	width: 140px;
	height: auto;
	float: left;
	border: 1px solid #ccc;
}
.homeRacent .recent-projects .recentimage div.image {
	border: 1px solid #ccc;
}
.homeRacent .recentdescription {
	float: left;
	width: 138px;
}
.homeRacent h3 {
	width: 118px;
	text-transform: none; 
	padding: 10px 10px 10px 0;
	margin: 0;
	text-align: left;
}
.homeRacent h3 a {
	width: auto;
}
.homeRacent.post .recentimage {
	margin: 0px;
	width: 140px;
	height: 140px;
}
.homeRacent.post h3 {
	margin: 10px;
	width: auto;
}
.homeRacent.post .recentdescription {
	float: left;
	width: 60%;
	margin: 0 10px 10px 10px;
}

/* FOOTER STYLING */
/* QQQ Custom social icons: join, donate*/

.joinlink {
	background: url(images/icon-join.png) no-repeat 0 5px;
	height: 25px;
	width: 25px;
	float: left;
	padding: 3px;
}
.joinlink:hover{opacity:0.5;filter:alpha(opacity=50);}
.donatelink {
	background: url(images/icon-donate.png) no-repeat 0 5px;
	height: 25px;
	width: 25px;
	float: left;
	padding: 3px;
}
.donatelink:hover{background: url(images/icon-donate-red.png) no-repeat 0 5px;}

input.paypallink {
	margin-top: 4px;
}
input.paypallink:hover {
	background-image: url('../images/icon-donate-paypal-hover.png');
}
input:invalid, textarea:invalid {
	border-radius: 1px;
	-moz-box-shadow: 0px 0px 0px red;
	-webkit-box-shadow: 0px 0px 0px red;
	box-shadow: 0px 0px 0px red;
}
.fsForm .fsSubmit {
	padding: 0 20px 0 20px !important;
	margin-top: 10px;
}
.fsBody .fsRowBody {
	padding: 0 !important;
}
.fsBody .fsForm {
	margin: 0 !important;
	display: table;
}

/* Views */
.views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 2.7em;
}
.webform-client-form #webform-component-address {
	border: 1px solid #eee;
	padding: 20px;
	background-color: #dddddd;
}
.webform-client-form #webform-component-address select {
	color: #2a2b2c;
	outline: none !important;
	padding: 5px;
	margin: 0 10px 10px 0;
	background-color: #F8F8F8;
	font-size: 12px !important;
	border: 1px solid #F2F2F2;
	border-bottom: 1px solid #D9D9D9;
}

.webform-client-form legend {
	padding: 5px 20px 5px 20px;
	margin: 20px 0 0 0;
	background-color: #1775b5;
	color: #ffffff;
	font-weight: bold;
}
.webform-client-form input {
	padding: 8px 20px 8px 20px;
}
.wttitle a {
	font-weight: normal;
}
/* Gray tweaks */
table th { 
	background: #d8420e; 
	color: #fff;
}
table tr { 
	background: #C9C9C9; 
}
.homeRacent .one_third,.homeRacent .portfolio-item { 
	border: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
}
.homeRacent.post .recentimage {
	border: 1px solid #ddd;
}
#header ul.menu li ul li a {
	border-bottom: 1px solid #ddd;
}
.homeRacent.post .recentimage {
	padding: 5px;
	background-color: #fff !important;
}
.field-collection-view {
	padding: 0;
	border-bottom: 1px dotted #666666;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: none;
}
/* Random Sidebar Image */
.blogpost .field-name-field-blog-thumbnail,
.pretty-gray-wrapper,
.random-image-wrapper {
	float: right;
	border: 1px solid #ddd;
	padding: 5px;
	margin: 0 0 18px 18px;
	background-color: #fff;
}
.blogpost .field-name-body .field-items,
.blogpost .field-name-body .field-items .field-item,
.blogpost .field-name-body {
	display: inline;
}
.blogpost .field-name-field-blog-thumbnail div,
.blogpost .field-name-field-blog-thumbnail p,
.pretty-gray-wrapper p {
	padding: 0;
	margin: 0;
	line-height: 0;
}
.user-picture {
	float: right;
	border: 1px solid #ddd;
	padding: 5px;
	margin: 0 0 18px 18px;
	background-color: #fff;
}
.random-image-wrapper .field-content{
	max-height: 270px;
}
/* progress bars */
.ui-widget-header {
	background-image: none !important;
}
/* blog */
.blogimage {
	visibility: hidden;
}
.blogpostcategory {
	width: 600px;
	margin-bottom: 18px;
	padding: 0 18px;
	overflow: hidden;
	height: auto !important;
	border: 1px solid #ddd;
	background-color: #fff;
}
body.node-type-blog,
body.page-blog {
	background-image: url('../bar/images/maze-bg-gray.png') !important;
	background-repeat: repeat;
	background-color: #aaa;
}
body.node-type-blog .outerpagewrap,
body.page-blog .outerpagewrap {
	height: 93px;
}
body.node-type-blog #main {
	background-color: #fff;
	padding: 18px 36px 0 36px;
	margin-bottom: 36px;
}
.field-collection-view .content,
.field-collection-view .entity-field-collection-item {
	width: auto;
}

.view-resources .views-row {
	padding: 4px 12px 18px 0;
	border-top: 1px solid #ddd;
}
/* Patch for anchors that are too low due to page header */
.anchor a {
	display: block; 
	position: relative; 
	top: -130px; 
}
.pull-quote {
	margin: 10px 0 18px 0;
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.pull-quote p {
	padding: 1em 1.5em 1.5em 1.5em;
	margin: 0;
	font-size: 24px !important;
	line-height: 170%;
	color: #d8420e;
}
.pull-quote link, .pull-quote a {color: #CE4621;text-decoration: none;}
.pull-quote link:hover, .pull-quote a:hover {text-decoration: underline;}

.pull-quote-right {
	float: right;
	margin: 18px 0 18px 18px;
}
.pull-quote-left {
	float: left;
	margin: 18px 18px 18px 0;
}
.pull-quote-left,
.pull-quote-right {
	border: 1px solid #ddd;
	padding: 5px;
	background-color: #fff;
}
.pull-quote-right p,
.pull-quote-left p {
	width: 220px;
	margin: 0;
	font-size: 17px !important;
	line-height: 160%;
	padding: 17px 25px 25px 25px;
	background-color: #CE4621;
	color: #fff;
}
.pull-quote-left link, .pull-quote-left a 
.pull-quote-right link, .pull-quote-right a 
{color: #fff;text-decoration: none;}
.pull-quote-left link:hover, .pull-quote-left a:hover 
.pull-quote-right link:hover, .pull-quote-right a:hover 
{text-decoration: underline;}

.qtip-link {
	color:#d8420e;
	border: none;
}



/*QQQ To hide the SOS Section from the top menu, uncomment the next line */
/* li.menu-mlid-664 ul {display: none; visibility: hidden;} */