/*======================

    OLD BLOG CLASSES

========================*/





.spaceFeature  {width:100%;height:450px;margin:0;}



.contentWrap1200

{

max-width:1300px;

min-width:300px;

margin:0 auto;

min-height:;

height:auto;

background:;

position:relative;

padding:0 20px 0 10px;

}



/*==========================================

2 COLUMN GRID

==========================================*/

.section2 {clear: both;padding: 0px;	margin: 0 auto; width:90%;}

.col2 {	display: block;	float:left;	margin: .5% 0 .5% 0%;}

.col2R {	display: block;	float:left;	margin: 1.5%;}

.col2Admin {display: block;	float:left;	margin: .5%;}

.col2:first-child { margin-left: 0; }

.group2:before,

.group2:after { content:""; display:table; }

.group2:after { clear:both;}

.group2 { zoom:1; /* For IE 6/7 */ }

.span2_of_2 {width: 100%;}

.span1_of_2 {width: 49.2%;}

.span1_of_2R {width: 47%;}

.Admin1_of_2 {width: 48%;}



/*@media only screen and (max-width: 750px) 

{

	.col2 {margin: 1% 0 1% 0%;}

}*/



@media only screen and (max-width: 750px) 

{

    .section2 {width:100%;}

	.span2_of_2, .span1_of_2, .span1_of_2R { width: 100%; }

    .contentWrap1200 {padding:0 30px 0 10px}

}



@media only screen and (max-width: 550px) 

{



}



/*==========================================

3 COLUMN GRID - Search by Topic & Search

==========================================*/



.section3 {clear: both; padding: 0px; margin: 0px;}

.col3 {display: block; float:left; margin: .5%;}

.col3:first-child {margin-left: .5%; }

.group3:before,

.group3:after {content:""; display:table; }

.group3:after {clear:both;}

.group3 {zoom:1; /* For IE 6/7 */ }

.span3_of_3 {width: 98%; }

.span2_of_3 {width: 66%; }

.span1_of_3 {width: 32%; }



.feat1_of_3 {width: 29%; background: #0f0d26; color: #FFF; padding: 10px; border-radius:16px 0; }

.sectionT3 {clear: both; padding: 0px; margin: 0px;}

.colT3 {display: block; float:left; margin: .5%;}

.colT3:first-child {margin-left: .5%; }

.col3R {display: block; float:left; margin: 1%;}

.tech2_of_3 {width:64%}

.tech1_of3 {width:32%}

.span2_of_3R {width: 65%; }

.span1_of_3R {width: 32%; }

.span1_of_3W {width: 30%; }



.bp_headline

{

font-size:22px;

font-weight:400;

color:#52c9f4;

margin:0 0 5px 0;

white-space:nowrap;

overflow:hidden;

text-overflow: ellipsis;



}



.bp_headline a:link, .bp_headline a:visited, .bp_headline a:active, .bp_headline a:hover, 

.bp_wrapper a:link, .bp_wrapper a:visited, .bp_wrapper a:active, .bp_wrapper a:hover

{

    color: #52c9f4;

}



@media only screen and (max-width: 992px) {

    .bp_headline {font-size:22px; }

    .span1_of_3W {width:46%;}

}



@media only screen and (max-width: 576px) {

    .bp_headline { font-size: 26px; }

    .span1_of_3W { width: 100%; }

}



@media only screen and (max-width: 768px) {

    .bp_headline { font-size: 22px; }



}



@media only screen and (max-width: 1000px) and (min-width:551px) 

{

	.col3 {margin: .5%; }

    .col3:first-child {margin-left: .5%; }

	.span2_of_3, .span1_of_3 {width: 49%; }

}



@media only screen and (max-width:550px)

{

	.col3 {  margin: .5% 0 .5% 0%; }

    .col3:first-child { margin-left: 0%; }

	.span3_of_3, .span2_of_3, .span1_of_3, .span2_of_3R, .span1_of_3R { width: 100%; }

}



@media only screen and (max-width:800px)

{

    .tech2_of_3 {width:100%}

    .tech1_of3 {width:100%}



}



@media only screen and (min-width:670px) and (max-width:870px)

{

    .feat1_of_3 {width:45%;}

}



@media only screen and (max-width:669px)

{

    .feat1_of_3 {width:100%;}

    .featureList {padding:20px;}

    .span2_of_3R, .span1_of_3R {width:100%;}

}



.home-feature {width:100%; height:450px;background:url(../Images/img--featurePeppers.jpg) no-repeat top center #efefef; position:absolute}

.home-feature input, textarea {background:url(../Images/bgimg--opacity20.png);}

.inner-box {margin:20px; height:405px; border:3px solid #FFF; background:;}



.search-outerWrap {width:540px;  position: absolute;top: 50%;  left: 50%;  margin-top: -50px;  margin-left: -270px;}



.searchbox input[type=text]

{

width: 400px;

height: 45px;

border: none;

border-radius: 32px 0 0 32px;

background: url(../Images/bgimg--white50.png);

color: #0f0d26;

padding-left: 15px;

margin-right: 0px;

float:left;

font-size:18px;

font-weight:600;

}



.bttnSearch input, .bp_bttnSearch textarea

{

width:100px;

height:55px;

position:relative;

border-radius:2px;

margin: -9px 0 0 5px;

border: 0px solid #FFF;

border-radius: 0 32px 32px 0;

background: url(../Images/icon-search.png) no-repeat center left;

color: #FFF;

padding: 13px 25px 13px 10px;

font-weight: 600;

cursor: pointer;

}



.bttnSearch input:hover, .bp_bttnSearch textarea:hover 

{background: url(../Images/icon-searchHOV.png) no-repeat center left; color:#FFF; }



.bttnSearch input:focus, 

.bttnSearch textarea:focus, 

.searchbox input[type=text]:focus {background: url(../Images/bgimg--white50.png);}



@media (min-width : 435px ) and (max-width : 600px ) 

{

.search-outerWrap {width:420px;  position: absolute;top: 50%;  left: 50%;  margin-top: -50px;  margin-left: -210px;}

.searchbox input[type=text] {width: 280px;}

}



@media (max-width : 434px ) 

{

.search-outerWrap {width:300px;  position: absolute;top: 50%;  left: 50%;  margin-top: -50px;  margin-left: -150px;}

.searchbox input[type=text] {width: 150px;}

}



/*====================================

BLOG 

====================================*/



.editorStyle {padding:20px !important;}



.bp_wrapper

{

width:100%;

margin:0 auto;

position:relative;

padding:20px;

background:#FFF;

box-shadow:0px 1px 2px #777;

}



@media only screen and (max-width: 975px) {

    .bp_wrapper img {width:95%;height:auto; }

}





.bp_subhead

{

font-size:20px;

font-weight:400;

color:#6d6e70;

}



.bp_image

{



}



.bp_image img

{

width:100%;

height:auto;

border:1px solid #efefef;

}



.lblSearch

{

width:;

height:14px;

font-size:11px;

text-transform:uppercase;

color:#FFF;

}



.searchpos { width:98%; margin:0 auto;}



.bp_searchboxWrap

{

width:250px;float:left;

}



.bp_searchbox input[type=text]

{

width:95%;

height:40px !important;

position:relative;

border: 1px solid #e2e2e2;

border-radius:2px;

background: red !;

color: #6d6e70;

margin: 5px 0 6px 0;

padding: 5px;

border-radius: 2px;

}



.bp_bttnSearch input, .bp_bttnSearch textarea

{

width:100px;

height:52px !important;

position:relative;

border: 1px solid #e2e2e2;

border-radius:2px;

background: #FFF;

color: #6d6e70;

margin: 5px 0 6px 0;

padding: 5px;

border-radius: 2px;

cursor:pointer;

}



.bp_bttnSearch input:hover, .bp_bttnSearch textarea:hover

{

background: #13d2de; color:#FFF;

}



.bp_bttnSearch input:focus, 

.bp_bttnSearch textarea:focus, 

.bp_searchbox input[type=text]:focus 



input:focus, textarea:focus, input[type=text]:focus, input[type=text]:focus {outline:none !important}



.bttnAdminLnk

{

width: ;

height:;

font-size:13px;

font-weight:600;

text-transform:uppercase;

border:1px solid #52c9f4;

border-radius:2px;

margin:0 10px 0 0px;

color:#52c9f4 !important;

float:left;

background:#FFF;

}



    .bttnAdminLnk a:link, .bttnAdminLnk a:visited, .bttnAdminLnk a:active

    {

    width: ;

    display:block;

    text-decoration:none;

    color:#52c9f4;

    padding:10px 30px;

    }



    .bttnAdminLnk a:hover {color:#FFF !important; background:#52c9f4 !important;}



.actionpanelFront 

{

width: 100%;

min-width: 350px;

min-height: 70px;

background: #efefef;

padding: 15px 0;

position: relative;

z-index: 99;

}



.bp_Articletxt { color: #6d6e70; line-height:28px; font-size:14px; font-weight:300;}



.bp_summarytxt

{

color: #6d6e70; line-height:32px; font-size:14px; font-weight:300;



}



.home-feature {width:100%; height:450px;background:url(/images/blog/basilmojito.png) no-repeat top center #efefef; background-size:cover; position:absolute}

.home-feature input, textarea {background:url(../Images/bgimg--opacity20.png);}

.inner-box {margin:20px; height:405px; border:3px solid #FFF; background:;}



.search-outerWrap {width:540px;  position: absolute;top: 50%;  left: 50%;  margin-top: -50px;  margin-left: -270px;}