/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
/*@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);*/
@import url(css/fonts/fontawesome/css/font-awesome.min.css);


/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1, h2, h3, h4, h5, h6 {color: #333; font-family: "Helvetica neue", helvetica, arial; font-weight: 300;letter-spacing: 0.01em; line-height: 120%;}
h3 { font-size: 2.1em;}
h1 span { background: #97b940; color: #FFF; border-radius: 5px; padding: 0px 12px; float: left; font-size: 18px; margin-right: 18px; }
h5 {color: #555; font-weight: 300;letter-spacing: 0em; line-height: 120%; padding: 10px 0; font-size: 1.1em;}
h5 span { padding:0 8px; border-right: 2px solid #CCC; }
h5 span:last-child { padding:0 10px; border-right: none; }
p { margin: 10px 0; font: 1.05em/160% "Helvetica neue light",helvetica,arial; color: #5b5b5b; font-weight: 400;}
strong, b { color: #444; font-weight:700; }

hr{
    margin: 20px 0 30px;
}
input{
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow:none;
}
input[class*="col_"]{
    margin: 0 0 8px 0;
}

a {
    color: #89ab32;
    outline: 0;
    text-decoration: none;
}
a:hover {
    color: #6b8724;
}

.green-text{
   color: #82A32D;
}

ul.tabs li a {
    font-size: 1.1em;
}
ul.tabs li.current a{
    color: #5b7a0d;
}

.logo{ background: url(images/js-logo.png) no-repeat; width:280px; height:55px; float:left; overflow:hidden; text-indent:-9999px; margin:25px 0 10px; display:block;}
.logo a{height:100%; display:block;}
.strapline { margin:40px 10px 10px 0px; float: right; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1.7em; color: #84A62F; font-style: italic;} 
.strapline span { color: #5B7A0D; border-bottom: 1px solid #84A62F;}
.menu{background: #89ab32;
    background: -moz-linear-gradient(top, #89ab32 0%, #7b9c28 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89ab32), color-stop(100%,#7b9c28));
    background: -webkit-linear-gradient(top, #89ab32 0%,#7b9c28 100%);
    background: -o-linear-gradient(top, #89ab32 0%,#7b9c28 100%);
    background: -ms-linear-gradient(top, #89ab32 0%,#7b9c28 100%);
    background: linear-gradient(to bottom, #89ab32 0%,#7b9c28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89ab32', endColorstr='#7b9c28',GradientType=0 );
    border: 1px solid #80A12C;
    z-index: 600;
    border-radius: 4px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);}
.menu li a:hover, .menu li.hover>a {
background: #5b7a0d;
}

.menu ul { display: none; left: 0; margin: 0; max-width: 190%; min-width: 220px; padding:0; position: absolute; top: 100%;}
.menu ul li {
    background: #FFF;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}
.menu li.current>a, .menu li.current>a:hover, .menu li.current.hover>a {
    background: #5b7a0d;
    padding-bottom: 13px;
}
.menu ul li a:hover {
    background: #e7e6e6;
}
.menu ul li a {
    color: #555;
    text-shadow: 0 -1px 0 #FFF;
}
ul, ol { margin: 0 0 20px 55px; padding: 0;}

.float-right { float:right}

div .intro { background: #F6F6F6; padding: 15px; margin-top: 30px; margin-bottom: 25px; /*border: 1px solid #D3D3D3;*/ border-radius: 5px;}
.intro h2 { color: #333; font-size: 48px; font-weight: 400; line-height: 58px; border-bottom: 1px dotted #DDD; padding-bottom: 20px;}
.intro h4 { font-weight: 300; line-height: 30px; font-size:24px; padding-top:10px;}
.profile {background: #89ab32; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} 
.profile p { padding: 10px 20px; color: #FFF; font-size: 1.05em; line-height:24px; }
.profile a { color: #444; }
.profile a:hover { text-decoration: underline; }

.showcase {background: #D5D5D5 /*url(images/badge.png) no-repeat 35px 8px*/; /*border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;*/ margin: 0 0 20px 10px; padding: 18px 30px 18px; border-radius: 5px;}
.showcase h4 {font-weight: 300; line-height: 40px; font-size:26px; color: #333;}
.showcase h4 span {font-weight: 400; background: #E8E8E8; border-radius: 4px; padding: 2px;}
.showcase img { border:none!important;}

	
.boxed  {background: #F6F6F6; /*border: 1px solid #D3D3D3;*/ border-radius: 5px; padding: 25px;}
.boxed h1 { font-size: 2.8em; }

.services h5 {border-bottom: 1px solid #DDD; padding: 0 0 18px;}
.services p {font-size: 1.1em; padding-top: 10px }
.services p.right {text-align: right; }


.subscribe h3 { color: #EEE; font-size: 26px; line-height: 36px;}
.subscribe h3 span { color: #FFF; font-style: italic;}
.subscribe a.button {margin: 0 0 9px; padding: 10px 15px 11px!important;}

.news-slider {background: #F6F6F6; padding: 20px; /*border: 1px solid #D3D3D3;*/ border-radius: 5px; position: relative; float: left;}

.newsletter {padding: 0 0 8px 0;}
li .newsletter {border-bottom: 1px dotted #CCC;}
.newsletter h5 {padding: 0px;}
.newsletter h5 a { color:#6b8724; padding-right: 12px;}
.newsletter h5 a:hover { text-decoration: underline;}
.newsletter h5 span a { font-size: 12px; background: #BBB; color: #FFF; border-radius: 5px; padding: 4px 6px; position:relative; top: -5px;  }
.newsletter h5 span a:hover { background: #6b8724; text-decoration: none;}
.newsletter h5 span.issue { background: #97b940; color: #FFF; border-radius: 5px; padding: 0px 4px; float: left; font-size: 12px; margin-right: 12px; }
.newsletter p {padding-bottom: 10px; /*border-bottom: 1px dotted #CCC;*/}

ul.slideshow2, ul.slideshow3 { margin: 0 0 0 15px; padding:0;
}
.slideshow2 blockquote { font-size: 1.3em; margin: 0 10px 0 0;}
.slideshow3 blockquote { font-size: 1.1em; margin: 0 10px 0 0;}
blockquote {
    border-left: none;
}
blockquote.small {
    background: #E3E3E3;
    font-size: 1em;
    margin: 25px 0;
    padding: 15px 25px;
}

/* Slider  */
.bx-wrapper{
    margin: 0 0 30px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 40px;
    height: 10px;
    margin: 0 8px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #89ab32;
}

.bx-wrapper .bx-viewport {
    background: none;
    box-shadow: none;
    border: none;
}

.form { background: #444; padding:2.5em; color:#eee; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2); display:block;margin: 0px;border-radius: 5px; width: 100%; }
.form h4 {color: #FFF; border-bottom: 1px solid #888;margin: 0 0 15px; padding-bottom: 10px;}

.newshub {background: #89ab32; margin: 0 0 7px 0px; padding: 18px 20px 18px 25px;border-top-right-radius:5px; border-top-left-radius:5px;}
.newshub h1 {  border-bottom: 2px solid #e3f3ba; display: block;font-size: 2.5em; margin: 10px 0; padding: 0 0 8px; color:#3a4e08;}
.newshub h4 { font-weight: 300; line-height: 37px; font-size:21px; color: #e9f6c6; }
.newshub h4 span {font-weight: 300; background: #6f8f1d; color: #e9f6c6; border-radius: 4px; padding: 2px 3px;}
.newshub img {border: 2px solid #e3f3ba; margin:10px 0 0 15px;}

.news-search { background: #E4E4E4; padding: 30px 20px 18px 25px; margin: 0 0 20px; }
.news-search p { color: #444;}
/*.news-search input {padding: 12px 7px; background: #f9f9f9; margin: 0px!important; /*color: #999; font-size: 1.1em;}*/
/*.news-search input[type=text]:focus {background: #FFF; margin: 0px; color: #555;}*/
.news-search input {padding: 12px 7px; background: #f9f9f9;  /*color: #999;*/ font-size: 1.1em;}
.news-search button{ margin: 0 0 8px 0;}
/*input[type=text]:focus {background: #FFF; margin: 0px; color: #333;}*/

.newsletter ul { margin:0px!important;; padding:0px!important; }
.news-list li { list-style: none; background: #E7E7E7; padding: 15px 25px; margin: 12px 0px; border-radius: 5px;} 

pre { background: #FFF;border: 1px solid #DDD;box-shadow: none; border-radius:0; font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
font-size: 0.9em; margin: 0 0 15px;padding: 10px;white-space: pre-wrap;word-wrap: break-word;}
pre strong span.pln { color: #FF0000; font-weight: 300;}
a span.typ {color:#89AB32;}

.sidebar-signup { background: #444; padding: 15px; border-radius: 5px; margin: 0;}
.sidebar-signup h4, .sidebar-signup label {color: #DDD; margin-bottom: 3px;}
.sidebar-signup p {color: #BBB; line-height: 1.2em; margin: 0 0 10px 0 }

table { border-collapse: collapse; margin: 20px 0 30px; text-align: left; width: 100%;}
th, td { border: 1px solid #DDD; font-size: 1em; padding: 7px 10px; text-align: left; background: #FFF;}
thead th {background: #DDD; padding: 12px 10px; font-size: 1em; font-weight: 400; border-right: 1px solid #F6F6F6;}
tbody th { border-right: 1px solid #DDD; text-align:left; font-weight: 400; font-size: 1em;}
thead th, tbody th{ font-family: "Helvetica neue", helvetica, arial;}
tbody tr.last th, tbody tr.last td {border-bottom: 1px solid #DDD;}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Helvetica neue", helvetica, arial;
}

.menu{
font-family: "Helvetica neue", helvetica, arial;
}
.menu li a { color: #EFEFEF; font-size: 0.9em; padding: 12px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

blockquote{ font-family: "Helvetica neue", helvetica, arial;}

/*--------------------- LAYOUT -----------------------*/
body{
margin:0;
padding:0;
color:#444;
background:#E9E9E9 /*url(img/gray_jean.png)*/;
font:normal 0.9em/150% "Helvetica neue", helvetica, arial;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
border-top: 3px solid #83A42E;
}

#wrap{width:100%;background:#fff;border:1px solid #ccc;margin:30px auto;padding:0 2%;}
#pre-footer{background:#DDD;border-top:5px solid #CCC;color:#888;left:0;border-top-left-radius:5px;border-top-right-radius:5px;float:left;margin:20px 10px 2px;padding:20px;}
#pre-footer a{color:#555;}
#pre-footer a:hover{color:#222;}
#pre-footer h5 {border-bottom: 2px solid #e9e9e9;color: #333; margin: 0 0 15px;padding: 0 0 15px;} 
#footer{text-align:center;border-top:1px solid #ddd;color:#777;font-size:.85em;position:relative;top:0;left:0;background:#CCC;margin:0;padding:20px;}

ul.alt{margin:0 0 20px;padding:0;}
ul.alt li{list-style-type:none;border-top:none;border-bottom:none;background:none;padding-left:20px;margin:0 0 -1px;}


#link-top{display:none;}
.navbar{position:fixed;top:0;left:0;width:100%;background:#000;color:#fff;z-index:1000;}
.navbar #logo{position:absolute;top:0;right:0;font-size:1.7em;color:#efefef;text-decoration:none;padding:.5em 1em;}
.navbar span{color:#86dc00;}
.navbar ul{display:inline-block;margin:0;padding:0;}
.navbar li{list-style-type:0;display:inline-block;margin:0;padding:0;}
.navbar li a{display:inline-block;color:#efefef;text-decoration:none;text-transform:uppercase;line-height:100%;font-size:1.2em;padding:1em 1.3em;}
.callout{background: #444 url(images/java-champ-logo.png) no-repeat right center; padding:2.5em 0; color:#fff; text-align: center; text-shadow:0px 1px 3px rgba(0,0,0,0.2); display:block; margin: 0.5em 0px;border-radius: 5px;
  }
.callout + div.grid{margin-top:50px;}
a.callout{cursor:pointer;}
.callout i.icon-4x{font-size:6em;}
.callout h4{margin-bottom:30px;}
.callout-top{margin:50px 0 0 0;}
.callout p{margin-bottom:0;}
.callout .button{/*margin-top:10px;*/}
.callout.green{background:#19ad0b;/*#86dc00;*/}
	 
#mc_embed_signup{padding:30px 0;
}
#ui-preview{border:5px solid #ddd;margin:30px 0;display:block;
}
.grid img {border: 1px solid #CCC; height: auto; max-width: 100%;
}

input {padding: 9px 5px; background: #EEE;}
textarea {padding: 9px 5px; background: #EEE; border: none; font-size: 1em; margin: 0 0 8px!important;}

ul.button-bar li a  {padding: 12px 10px; text-shadow: none;}
ul.button-bar li a:hover  { background: #89AB32; color: #EEE; text-shadow: none; transition: none;}
ul.button-bar li { border: 1px solid #E5E5E5;}


/* FOCUS STATES */
input[type=text]:focus,textarea:focus,button:focus,a.button:focus,select:focus,input[type=file]:focus,input[type=password]:focus{border:none;outline:none;background:#FFF;color:#888; text-shadow:none;}

/*----------------  ORANGE BUTTONS -------------------*/
button.orange,a.btn.orange,a.button.orange,input[type=submit].orange,input[type=reset].orange,input[type=button].orange{color:#fff;border:none;background:#FC730A;padding:9px 15px;text-shadow:none;}
button.orange:hover,a.btn.orange:hover,a.button.orange:hover{border:none;background:#d15c02;transition:none;text-shadow:none;}


/*---------------- RED BUTTONS ------------------*/
button.red,a.btn.red,a.button.red,input[type=submit].red,input[type=reset].red,input[type=button].red{color:#fff;border:none;background:#de0202;padding:9px 15px;text-shadow:none;}
button.red:hover,a.btn.red:hover,a.button.red:hover{border:none;background:#bc0101;transition:none;text-shadow:none;}

/*---------------- GREY BUTTONS ------------------*/
button.grey,a.btn.grey,a.button.grey,input[type=submit].grey,input[type=reset].grey,input[type=button].grey{color:#fff;border:none;background:#888;padding:9px 15px;text-shadow:none;}
button.grey:hover,a.btn.grey:hover,a.button.grey:hover{border:none;background:#89AB32;transition:none;text-shadow:none;}

/*---------------- GREEN BUTTONS ------------------*/
button.green,a.btn.green,a.button.green,input[type=submit].green,input[type=reset].green,input[type=button].green{color:#fff;border:none;background:#89AB32;padding:9px 15px;text-shadow:none;}
button.green:hover,a.btn.green:hover,a.button.green:hover{border:none;background:#5b7a0d;transition:none;text-shadow:none;}

button.small, a.btn.small, a.button.small { font-size: 0.8em; padding: 7px 12px !important; letter-spacing: 0.06em;}
button.large, a.btn.large, a.button.large{font-size:1.2em;padding:11px 18px!important;}

.news-search p{
    line-height: 30px;
}
.contact_info [class^="icon-"], .contact_info[class*=" icon-"]{
   
    vertical-align: middle;
}

@media (max-width: 1024px) and (min-width: 768px){
    .contact_info ul{
        margin-left: 25px; 
    }
}

@media (max-width: 768px) and (min-width: 560px){
     .grid {
        max-width: 100%;
    }
    .about-the-author img,
    .profile img{
        width: 50%;
        float: right;
    }
    .about-the-author p,
    .profile p{
        width: 50%;
        float: left;
    }
    
    .profile,
    .intro{
        float: left !important;
    }
     
    .about-the-author:after{
       visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
    }
    .contact_info img{
        width: 50%;
        float: right;
        
    }
    .contact_info icons{
        width: 50%;
        float: left;
        
    }
}


@media only screen /* iPad landscape and portrait */
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
    .grid {
        max-width: 100%;
    }
}
@media only screen /* iPad portrait */
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
     .grid {
        max-width: 100%;
    }
    .about-the-author img,
    .profile img{
        width: 50%;
        float: right;
    }
    .about-the-author p,
    .profile p{
        width: 50%;
        float: left;
    }
    
    .profile,
    .intro{
        float: left !important;
    }
    .about-the-author:after{
       visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
    }
    
}
@media (max-width: 560px) and (min-width: 480px){
    .grid {
        max-width: 480px;
    }
}







/*******/

@media (max-width:990px){

    * {box-sizing:border-box;max-width:100% !important;}
    table {table-layout:fixed; width:100%;}
    img { max-width:100% !important; height:auto;}
    body {margin: 0px;padding: 0px;}
    iframe { max-width:100% !important;}
    object { max-width:100% !important;}




} /* /max-width:990px */

@media (max-width:767px){
    #features iframe {
        display: block;
        padding-bottom: 5px;
        padding-top: 5px;
    }
} /* /max-width:767px */

@media (min-width:550px) and (max-width:767px){
    #features iframe {
        height:400px;
    }
} /* /(min-width:550px) and (max-width:767px) */

@media (min-width:395px) and (max-width:549px){
    #features iframe {
        height:300px;
    }
} /* /(min-width:395px) and (max-width:549px) */

@media (min-width:300px) and (max-width:394px) {

    #features iframe {
        height: 230px;
    }

    span.mob_button {
        margin-top: -20px;
    }

    .mob-header {
        margin-bottom: 25px;
    }
}

@media (max-width:299px){

    #features iframe {
        height:auto;
    }
    span.mob_button {
        margin-top: -20px;
    }
    .mob-header {
        margin-bottom: 25px;
    }

} /* /max-width:299px */


/*---------------------------------
	COURSE TABLE STYLES
-----------------------------------*/
.rwd-table {
    margin: 1em 0;
    min-width: 300px;
}
.rwd-table th {
    display: none;
}
.rwd-table td {
    display: block;
}
.rwd-table td:first-child {
    padding-top: .5em;
}
.rwd-table td:last-child {
    padding-bottom: .5em;
}
.rwd-table td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 6.5em;
    display: inline-block;
}
@media (min-width: 480px) {
    .rwd-table td:before {
        display: none;
    }
}
.rwd-table th,
.rwd-table td {
    text-align: left;
}
@media (min-width: 480px) {
    .rwd-table th,
    .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }
    .rwd-table th:first-child,
    .rwd-table td:first-child {
        padding-left: 0;
    }
    .rwd-table th:last-child,
    .rwd-table td:last-child {
        padding-right: 0;
    }
}

.rwd-table {
    border-radius: .4em;
    overflow: hidden;
}
.rwd-table tr {
}
.rwd-table th,
.rwd-table td {
    margin: .5em 1em;
}
@media (min-width: 480px) {
    .rwd-table th,
    .rwd-table td {
        padding: 1em !important;
    }
}