/*
File:			custom.css
Description:	Custom styles for Thesis
More Info:		http://diythemes.com/thesis/rtfm/custom-css/
*/

/* html,body {
        background: url(https://lucarinfo.com/johnasfour/wp-content/uploads/2012/11/istockbeirut.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover; 		
} 

body.custom {background-image: url('https://johnasfour.lucarinfo.com/wp-content/uploads/2012/12/bg_body.gif'); background-repeat: repeat-x;}

body.custom { background: url(https://johnasfour.lucarinfo.com/wp-content/uploads/2013/01/istockbraille.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover; 	
} 

.custom #container { margin: 50px auto 0 auto; box-shadow: 0 0 10px 1px #888; min-height: 550px; height:auto; height: 550px; }

.custom #header {
    background-color: #475057;
}

.custom #header {
   	padding-top: 0;
	background: url('/web/20160511033944im_/http://lucarinfo.com/johnasfour/wp-content/themes/thesis_186/custom/images/johnasfour100.jpg') no-repeat right center fixed; 
z-index: 1;
}

text-transform: uppercase; 
background: #a7cfdf;
background: -moz-linear-gradient(top,  #a7cfdf 0%, #23538a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a));
background: -webkit-linear-gradient(top,  #a7cfdf 0%,#23538a 100%);
background: -o-linear-gradient(top,  #a7cfdf 0%,#23538a 100%);
background: -ms-linear-gradient(top,  #a7cfdf 0%,#23538a 100%);
background: linear-gradient(to bottom,  #a7cfdf 0%,#23538a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );

*/


body.custom { background-image: url('bgdarkgrad.jpg'), 
url('bgplaid.png' ); 
background-repeat: repeat-x, repeat; 
background-color: #eee;

} 

.custom #container, .custom.privacy #container { 
margin: 30px auto 0 auto; width: 100%; max-width: 1150px; min-width: 641px;
/* border: #ddd 1px solid\9; /* IE8 and below */}

.custom #page { border: #ddd 1px solid; border-radius: 0.7em; -webkit-border-radius: 0.7em; max-width: 100%;}

.custom #content { margin: 0 0 0 2%; max-width: 100%;}

.custom #content_box { min-height: 680px; margin: 0 0 20px 0; max-width: 100%;}
.custom 	.teasers_box { width: auto; }
.custom	.teaser { width: auto; margin-bottom: 5%;}
.custom 	#sidebars { margin: 0 2% 0 0; }

/* .custom	#container2{	
		margin:0 auto;
		position:relative; 
		text-align:left;
		width: 100%; max-width: 726px; min-width: 300px;
		background:#fff;		
		margin-bottom:15px;
		border: #ddd 1px solid;
		
		}	

.custom	#content{
		position:relative; 
		
		}		
*/

.custom h1, .custom h2, .custom p, .custom .post, .custom .teasers_box {max-width: 100%; }

.custom #header { margin: 0 2% 0 2%; }

.custom #content.hfeed {  }

.custom a { word-wrap: break-word; }

.custom img, .custom #custom_ box img {border: none; max-width: 100%; height: auto; }
.custom iframe, .custom object {max-width: 100%; }

.custom	p.ctr {text-align: center; margin: 60px 0 0 0; }
	
.custom	h2.title{
		font-size:160%;
		font-weight:normal;
		margin: 8px 0 8px 0;
		}
		
.custom a.buy {
    background: none repeat scroll 0% 0% #339966; 

background: #6DAFA1 ; 
border-radius: 7px 7px 7px 7px;
    color: rgb(255, 255, 255);
    font-family: Arial, Verdana, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    margin: 10px auto;
	padding: 2px;
    text-align: center;
    text-decoration: none;
    width: 120px;
	border: none; /* 1px solid #339966; */
text-shadow: 0px 1px 0px rgb(128, 165, 58);
display: inline-block;
}

.custom a.buy:hover, .custom a.buy:active { background-color: #1abc9c  ;} 
	
/* Easy Slider */

.custom	#slider ul, .custom #slider li{
		margin:0;
		padding:0;
		list-style:none;
		
		}

.custom	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		
		width:686px; 
		height:536px;
		overflow:hidden; 
		
		}	
	/* numeric controls */	

.custom	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
.custom	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
.custom	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#ddd;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
.custom	ol#controls li.current a{
		background:#555;
		color:#fff;
		}
		
.custom	ol#controls li a:hover { background:#555; color:#fff; }
	
.custom	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


.custom #footer { width: 100%; background:#666; margin: 20px 0 0 0; padding: 15px 0 15px 0; text-align: center;}

.custom #footer p { margin: 10px; color: #f5f5f5;}

.custom #footer p a { margin: 5px; }

.custom #footer p a:link,  .custom #footer p a:visited { color: #f5f5f5; text-decoration: none;}

.custom #footer p a:hover, .custom #footer p a:active { color: #fff; text-decoration: underline;}

.custom h1, .custom p#logo {font-family: "Palatino Linotype","Book Antiqua", Palatino, serif; font-size: 2.4em; 
line-height: 1em; letter-spacing: 0.08em; font-variant: small-caps;}

.custom blockquote { color: #000; font-style: italic; }

.custom .highlight {font-size: 110%;}

.custom .menu ul {margin-bottom:-0.1em;}

.custom img { vertical-align:bottom;}

.custom img.bd { border: 1px solid #aaa; }

.custom img.bk { box-shadow: 0 0 8px #888; }

.custom img.bklight { box-shadow: 0 0 5px #888; }

.custom img.th { margin: 0 10px 0 0; border: #ddd 1px solid; }


.custom h3  { color: rgb(85, 85, 85); font-size: 1.2em; line-height: 1.385em; margin-bottom: 0.692em;
font-variant: small-caps; letter-spacing: 1.5px; }

.custom .adheading{ 
/*  */
background: #a7cfdf; /* Old browsers */
background: #23538a; 

background: #778899; /*  #606c88 */

font-weight:bold; color:#fff; padding: 5px 5px 5px 15px; 
font-size: 1.2em; line-height: 1.385em; 
font-variant: small-caps; letter-spacing: 1.5px; border:#888 1px solid; margin-left:auto; margin-right:auto;
border-top-left-radius: 8px; border-top-right-radius: 8px; }

.custom .ad
{
padding: 5px 10px 5px 10px; border: #ddd 1px solid;  
background-color: rgb(244, 244, 242);  
color: #000;
text-align: left;
font-size: 1.1em;
}

.custom .ad ul {list-style: none; margin:5px; padding:0;}
.custom .ad ul li {border-bottom: #bbb 1px solid; display: block; padding: 15px 0 15px 0; }

.custom .pressmenu {margin: 5px 0 0 0; border: #aaa 1px solid;}
.custom .pressmenu ul {list-style: none; margin:0; padding:0;}
.custom .pressmenu ul li {border-color: #000; }
.custom .pressmenu ul li a { text-transform: uppercase; letter-spacing: 2px; display: block; background: #555; padding: 8px 0 8px 5px; 
font-size: 0.85em; color: #ffffff; border-top: #000 1px solid;}
.custom .pressmenu ul li a:hover, .custom .pressmenu ul li a:active { text-decoration: none; background: #000; color: #ffffff; }
.custom .pressmenu ul li a.on { background: #000; }

.custom .menu  {position: relative; z-index: 1000; }

.custom .menu  
{ 
margin: 0 3% 0 3%; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid;
background: #5E8BB0;


}

.custom .menu a
{
    font-variant: small-caps; 
	letter-spacing: 2px; /* from style.css*/
    display: block; /* from style.css*/
    font-size: 1.3em; /* from layout.css*/
    line-height: 1.273em; /* from layout.css*/
    padding: 0.636em 0.818em; /* from layout.css*/
	border: #5E8BB0 1px solid;
	/* border-right: #ccc 1px solid; */
	color: #f9f9f9;/* from layout.css [Design Options] */
	font-weight: normal;
background: transparent;
}

.custom .menu a:hover,.custom .menu a:active
{
    color: #333;/* from layout.css [Design Options] */
    border: #ddd 1px solid;
	background: #EAF6F5;
}

.custom .menu a:hover ul, .custom .menu a:active ul
{
    left: -0.1em; /* from layout.css*/
    visibility: visible; /* from style.css*/
	background: rgb(255,255,255);
border-color: rgb(221, 221, 221);
display: block;

}

.custom .menu ul a
{
   /* width: 11.818em;  from layout.css*/
background: #f9f9f9;
border-color: rgb(221, 221, 221);
border-left-width: 0.091em; /* from layout.css*/
font-size: 1.1em;
color: #333;
}

.custom .menu ul a:hover, .custom .menu ul a:active
{
  text-decoration: none;
  background: #a7cfdf;
border-color: rgb(221, 221, 221);
display: block;

}

.custom .menu .current a
{
    color: #333;/* from layout.css [Design Options] */
	border-color: rgb(221, 221, 221);
    background: rgb(255,255,255);
}

.custom .menu .current a:hover, .custom .menu .current a:active
{
    color: #333;/* from layout.css [Design Options] */
    background: rgb(255,255,255);

}

.custom .menu .current  a
{
    cursor: text; /* from style.css*/
  
}

.custom .menu .current ul a
{
    border-bottom-color: #ddd;/* from layout.css [Design Options] */
    color: #333;/* from layout.css [Design Options] */
    background: #f9f9f9;
border-color: rgb(221, 221, 221);
cursor: pointer;
}

.custom .menu .current ul a:hover, .custom .menu .current ul a:active
{
    color: #333;/* from layout.css [Design Options] */
    background: #a7cfdf;
border-color: rgb(221, 221, 221);
text-decoration: none;
display: block;
cursor: pointer;
}


.custom .menu ul .current a
{
    border-bottom-color: #ddd;
	background: #EAF6F5;
	
}

.custom .menu ul .current a:hover, .custom .menu ul .current a:active
{
    border-bottom-color: #ddd;
	background: #EAF6F5;
	
}

@media only screen and (max-width: 780px) {
	
.custom #container, .custom.privacy #container { 
margin: 30px auto 0 auto; width: 100%; max-width: 780px; min-width: 321px;
/* border: #ddd 1px solid\9; /* IE8 and below */}
	
.custom #sidebars { 
 
float: none;
width: 100%;
height: auto;
margin-left: 10px;
}


.custom .video-container {
   position: relative;
    padding-bottom: 75%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
 
.custom .video-container iframe {
    
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
	max-width: 420px; 
	height: 100%;
	max-height: 315px;
	    
}
}

/*

.custom .menu .current-parent a
{
    color: #111;
    background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

.custom .menu .current-parent  a:hover, .custom .menu .current-parent  a:active
{
    color: #111;
    background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
display: block;
}

*/

.custom a.blue {
color: #fff; padding: 5px; font-size: 90%; font-weight: bold; text-decoration: none; 
background: rgb(197,222,234);
background: -moz-linear-gradient(top,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,222,234,1)), color-stop(31%,rgba(138,187,215,1)), color-stop(100%,rgba(6,109,171,1)));
background: -webkit-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);
background: -o-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);
background: -ms-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);
background: linear-gradient(to bottom,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); */
}

.custom a.green {font-weight: bold; color: #693; text-decoration: underline;}
.custom a.green:hover { text-decoration: underline; }

.custom a.blue2 {font-weight: bold; color: #369; text-decoration: underline;}

.custom a.book img { border: 1px solid #bbb; }
.custom a.book:hover img { }