/* Chris Traganos & Some lots of love from *ZURB* foundation framework */




/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Banners & Headlines
:: Home Page
:: Guides
:: Newsletter
:: Alt Templates
:: Footer
:: Nav
:: Misc
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */



/* -----------------------------------------
   Banners & Headlines
----------------------------------------- */
/* Lockup tidying */
.summa{padding-top:22px;}
.top-bar > ul .name h1 a {font-size: 16px !important;}

.top-bar ul > li a:not(.button) {font-weight:normal;}
li.name span.developers{color:#7FE8F5;}

/* Search Bar fun time*/
.top-bar ul > li.search form input[type="search"]{
	background-color:#3b3b3b;
}

.top-bar ul > li.search form input[type="search"]{ background-color:rgba(255, 255, 255, 0.3); color:rgba(255, 255, 255, 0.55); border:1px solid #666; font-size: 13px; border-radius:3px;}
.top-bar ul > li.search form input[type="search"]:hover{ background-color:rgba(255, 255, 255, 0.5); color:rgba(255, 255, 255, 1); }
.top-bar ul > li.search form input[type="search"]:focus{background-color:#fff; color:#3b3b3b;  }
.top-bar ul > li.search form input[type="search"]:active{ background-color:#fff; color:#1a1a1a; }

img.mads{
	padding-top:1px;
}

/* Clean up the headers */
h1, h2, h3, h4, h5, h6{ 
	font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

h1 {font-family: 'webfont_bold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
h2 {color:#747474; font-family: 'webfont_light', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
h3 {color:#4dbdcb; font-family: 'webfont', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
h4 {color:#3b3b3b; font-family: 'webfont', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
h5 {color:#3b3b3b; font-family: 'webfont_bold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
h6 {font-family: 'webfont_bold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
.subheader{font-family: 'webfont_light_italic', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
/* a {color:#4a8DB8;} */ /*This is the font color from the Web Service */

/* 
Not sure if this if going to cause trouble or help --
Can't stand when bullets aren't handled right in a reset --
Grrr
*/
#content ul li, #content ul li {
    margin-bottom: 0;
    margin-left: 20px;
}

#content ul.tabs li, ul.breadcrumbs li{
    margin-left: 0px !important;
}

#content{
padding-bottom: 35px;
}


/* -----------------------------------------
   Home Page
----------------------------------------- */
.home div.summa{
	 background:url('../images/carlos-rocafort-dev-toons.png') 50% 0px no-repeat; 
}
div#mast h1.pitch{
	color:#4DBDCB;
	color: rgb(77, 189, 203);
	text-shadow: 0px 2px 2px #fff;
     filter: dropshadow(color=#ffffff, offx=0, offy=0);

}
h4.subheader{text-shadow: 0px 1px 1px #fff;
        filter: dropshadow(color=#ffffff, offx=0, offy=0);
        color:#1a1a1a;

        font-family: 'webfont_light_italic', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;

}

div#mast {
	text-align: center;
}

div.submast h5{
	font-family: 'webfont_bold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

div.intermission{
	/* background:url('http://evernote.com/media/img/whats_new/section-divider.png') no-repeat 50%; */
}

div.lower{
	background-color:#F4F4F4;
	padding-top:35px;
	border-top: 1px solid #FFFFFF;
     box-shadow: 0 -1px 0 0 #BEBEBE;
    
}

#highlights {
	
}

#highlights i.coin{
	font-size: 72px;
	color:rgba(0,0,0,0.7);
     line-height: 1;
     text-align: center;
     transition: color 0.5s ease 0s;
     -webkit-transition: color 0.5s ease 0s;
     position: relative;
     top:10px;
}

#recentPosts i{
	font-size:18px;
	line-height:26px;
	padding-left:8px;
	color:rgba(0,0,0,0.7);
}

#highlights i.coin:hover{
	color:rgba(107,171,53,0.9);
}

.updates i, .event i{
	font-size:32px;
	line-height:40px;
	color:rgba(0,0,0,0.7);
}

#updates{line-height:1.6;}


/* Highlights area */
#highlights div{
	text-align: center;
}

/* Showcase */
.showcase{
	/* background:url('/foundation/images/devs_bg.jpg') 50% 50% rgba(0,0,0,0.5); */
	background:url('../images/evernote_collage_bg.jpg') -20% -73%;
	box-shadow: inset 0px 0px 100px rgba(0,0,0,0.3);
	background-size: cover;
}

.showcase .row{text-align:center;}

.showcase h6{
	text-align: center;
	font-size:26px;
}

.showcase h6.subheader, .showcase h6.subheader a{
	color: #121212 !important;
}

.showcase .apps li a img{
	border-radius: 20px;
}

/* -----------------------------------------
   Guides
----------------------------------------- */
div.guides h4{/* text-align:center; */
}

div.results i.gen-enclosed{
	font-size: 36px;
}

/* -----------------------------------------
   Newsletter
----------------------------------------- */
div#newsletter{
	/* background-color:rgba(77,189,203,0.3); */
	background-color:#f4f4f4;
	padding-top:15px;
	padding-bottom:8px;
	
}
div#newsletter h5{
    color: #222;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 4px;
    font-family: 'webfont', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 0px #fff;
    filter: dropshadow(color=#ffffff, offx=0, offy=0);

    
}

/* -----------------------------------------
   Alt Templates
----------------------------------------- */
.build{
	text-align: center;
}

.benefits .platform{
	background:url('../images/evernote_collage_bg.jpg') -20% -73%;
	box-shadow: inset 0px 0px 100px rgba(0,0,0,0.3);
}

div.hackmap{
		background:url('../images/map_grid_bg.gif') -20% -73%;
		
}

.accelerator .summa{padding-top:0px}
.events .platform{
	background:url('../images/map_grid_bg.gif') -20% -73%;
	box-shadow: inset 0px 0px 100px rgba(0,0,0,0.3);

}
img.partnerlogo{
border-right: 2px white solid;	
}

.accelerator .platform{
	background:url('../images/events/accelerator_bg.jpg') center #7aadbe;
	background-size: cover;
	box-shadow: inset 0px 0px 100px rgba(0,0,0,0.3);

}

.platform .details{
	padding-top:50px;
	padding-bottom:50px;
	border-radius:6px;
	
}



.trunk .phrase {
	
}
.trunk .phrase h3{
	margin-top:19px;
	color: white;
}

.trunk .summa{ padding-top: 0px;}
.trunk .platform{
	background-color: #231F20;
}

.platform .details .copy{
}

.platform .details h3{
	color:#fff;
	font-family: 'webfont_bold', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
    filter: dropshadow(color=#222222, offx=0, offy=0);
}

.platform .details p{
	color:#fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
    font-size: 18px;
}

.platform .details div.flex-video{
	box-shadow: 0px 2px 5px rgba(0,0,0,0.6);
} 

img.framed{
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	border:8px solid #f4f4f4;
}

#content table.cobalt {
    margin-top: 8px;
    width: 100%;
}
#content table.cobalt th {
    border-bottom: 3px solid #4DBDCB;
    font-size: 1em;
    padding: 12px 8px 6px 10px;
}
#content table.cobalt th a {
}
#content table.cobalt tr {
}
#content table.cobalt td {

}

ul.perks{
	border:none;
}
.perks li.bullet-item{
	border-bottom:none;
	text-align: left;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 1.15em;
	background: none;
}

/* -----------------------------------------
   Footer
----------------------------------------- */

footer .twelve{
	background: url('') #F4F4F4 !important;
}
footer .row{
	padding:20px 0px;
	
;
}
footer h3{
	color: #696969; 
	font-size: 13px;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom:3px;
}
footer ul{
	list-style-type: none;
}
footer li{
	font-size: 12px;
}

footer li a{
	color:#8E8E8E;	
}

/* -----------------------------------------
   NAVIGATION
----------------------------------------- */

body.cloud div.local, body.local div.cloud{
	display:none;
}

.nav-bar.vertical{
	background-color: #fff;
}

.nav-bar.vertical li{
	border-right:none;
	border-left:none;
	border-bottom:1px solid #f8f8f8;
	border-top:none;
}

.nav-bar.vertical li:hover{
	background-color:#F3F8FA;
	text-shadow:0px 1px 1px rgba(255,255,255,0.5);
}

.nav-bar.vertical li:active{
	background-color:#e4edf6;
}


.nav-bar.vertical > li.active {
	border-right:none;
	text-shadow:0px 1px 1px rgba(0,0,0,0.25);
	
}
.nav-bar.vertical > li.active:hover,.nav-bar.vertical > li.active:focus {
	background-color:#518329;
	
}

.nav-bar.vertical > li:last-child{
	border-bottom:none;
}


.nav-bar > li > a {
	color:#696969;
}

ul.nav-bar li.active {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    background-color:#69AA35;
}

ul.nav-bar li.active a {
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    color:#fff;
}

/* Figure out the active states for the nav */
/* 
body.android_intents ul.nav-bar li.android, 
body.authentication ul.nav-bar li.authentication, 
body.bootstrapping ul.nav-bar li.bootstrapping, 
body.creating_notes ul.nav-bar li.creating_notes, 
body.introduction ul.nav-bar li.introduction, 
body.core_concepts ul.nav-bar li.core_concepts, 
body.common_issues ul.nav-bar li.common_issues, 
body.data_model ul.nav-bar li.data_model a,   
body.enml ul.nav-bar li.enml, 
body.error_handling ul.nav-bar li.error_handling, 
body.evernote_business ul.nav-bar li.evernote_business, 
body.finding_related_notes ul.nav-bar li.finding_related_notes,
body.search_grammar ul.nav-bar li.search_grammar a,
body.image_recognition ul.nav-bar li.image_recognition, 
body.introduction ul.nav-bar li.introduction, 
body.watching_for_changes ul.nav-bar li.watching_for_changes, 
body.mac ul.nav-bar li.mac, 
body.mobile_web ul.nav-bar li.mobile_web, 
body.note_links ul.nav-bar li.note_links, 
body.note_export ul.nav-bar li.note_export, 
body.notes ul.nav-bar li.notes, 
body.read_only_notes ul.nav-bar li.read_only_notes, 
body.permissions ul.nav-bar li.permissions, 
body.reference ul.nav-bar li.reference, 
body.referring_users ul.nav-bar li.referring_new_users, 
body.resources ul.nav-bar li.resources, 
body.searching_notes ul.nav-bar li.searching_notes, 
body.sharing_notes ul.nav-bar li.sharing_notes, 
body.storing_hidden_data ul.nav-bar li.storing_hidden_data, 
body.sample_code ul.nav-bar li.samples, 
body.sample_code li.samples, 
body.synchronization ul.nav-bar li.synchronization, 
body.testing ul.nav-bar li.testing, 
body.thumbnails ul.nav-bar li.thumbnails, 
body.windows_command_line ul.nav-bar li.windows, 
body.windows ul.nav-bar li.windows{
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    background-color:#69AA35;
}
 */


/* 
body.android_intents ul.nav-bar li.android a,  
body.authentication ul.nav-bar li.authentication a, 
body.bootstrapping ul.nav-bar li.bootstrapping a,  
body.creating_notes ul.nav-bar li.creating_notes a,  
body.introduction ul.nav-bar li.introduction a,  
body.core_concepts ul.nav-bar li.core_concepts a,  
body.common_issues ul.nav-bar li.common_issues a,  
body.data_model ul.nav-bar li.data_model a,  
body.enml ul.nav-bar li.enml a,  
body.error_handling ul.nav-bar li.error_handling a,
body.evernote_business ul.nav-bar li.evernote_business a,   
body.finding_related_notes ul.nav-bar li.finding_related_notes a,
body.search_grammar ul.nav-bar li.search_grammar a,  
body.image_recognition ul.nav-bar li.image_recognition a,  
body.introduction ul.nav-bar li.introduction a,  
body.watching_for_changes ul.nav-bar li.watching_for_changes a,  
body.mac ul.nav-bar li.mac a,  
body.mobile_web ul.nav-bar li.mobile_web a,  
body.note_links ul.nav-bar li.note_links a,  
body.note_export ul.nav-bar li.note_export a,  
body.notes ul.nav-bar li.notes a,  
body.read_only_notes ul.nav-bar li.read_only_notes a,  
body.permissions ul.nav-bar li.permissions a,  
body.reference ul.nav-bar li.reference a,  
body.referring_users ul.nav-bar li.referring_new_users a,  
body.resources ul.nav-bar li.resources a,  
body.searching_notes ul.nav-bar li.searching_notes a,  
body.sharing_notes ul.nav-bar li.sharing_notes a,  
body.storing_hidden_data ul.nav-bar li.storing_hidden_data a,  
body.sample_code ul.nav-bar li.samples a,  
body.sample_code li.samples a,  
body.synchronization ul.nav-bar li.synchronization a,  
body.testing ul.nav-bar li.testing a,  
body.thumbnails ul.nav-bar li.thumbnails a,  
body.windows_command_line ul.nav-bar li.windows a,  
body.windows ul.nav-bar li.windows{
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    color:#fff;
}
 */


/* Navigation Area */
div.topics p{
	margin-bottom: 0px;
}
div.topics p strong {  /* section headings */
    color:#3BB428; 
}
ul.topics{
	list-style: none;
	
}
ul.topics a{
	color:#999;
}
ul.topics li.active a{
    font-weight:bold;
}

ul.topics a:hover{
	text-decoration: underline;
}

div.refs {
    border-bottom:#DDDDDD 1px solid;
    margin-bottom:15px;
}
div.refs ul li a {
    font-weight:bold;
}

/* -----------------------------------------
   MISC
----------------------------------------- */

div.snippet, pre.longline, pre.prettyprint{
	overflow: scroll; 
}

.gist .gist-file .gist-data pre, .gist .line, .gist span{
	font-size:12px !important;
}

.gist table{
	border:none;
}

code{
background: none repeat scroll 0 0 #edf6f9;
}

.highlight {
    background: none repeat scroll 0 0 #fff;
}

ul.breadcrumbs{
	background:none;
	border:none;
	padding-left:0px;
} /* I disliked the gray box and dark border on the default breadcrumbs */

.button { text-shadow: 0 1px 2px rgba(0,0,0,0.25); }

#language_picker2 a{font-size:0.8em; color:#8E8E8E; font-style: italic;}


/* -----------------------------------------
   Search
----------------------------------------- */

.resultsComponent {
    display:none !important;
    background-color:red;
}

/* -----------------------------------------
   API Key Form
----------------------------------------- */

div.apiNote { margin-bottom:6px; }
fieldset.apiAccessFS { margin: 0px 0px 9px 0px; !important }
#apikeyform h4{ text-align:center;}

@media only screen and (max-width: 767px) {
  /* Small Device Styles here */
  #apikeyform{padding:15em 0.5em 0em 0.5em;}
}

/* -----------------------------------------
   Latest Updates (on /)
----------------------------------------- */
div#updates .row { 
    margin-bottom:8px; 
}