/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body, html { min-height: 100%; height: 100%; background-color: #ebebeb; }

body { font-size: 14px; line-height: 1.29; color: #646464;
	font-family: "HelveticaNeueLTStd", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; }
#main > header {
	height: 110px;
	background-color: rgba(255,255,255, 0.75); /* layer fill content */
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5); /* drop shadow */
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5); /* drop shadow */
	box-shadow: 0 0 5px rgba(0,0,0,.5); /* drop shadow */	
	position: absolute;
	z-index: 10;
	top: 0px;
	width: 100%;
}

#main .sections { background-color: #fff; }
#main .sections, #main > header .container {
	width: 940px; margin: 0px auto;
}
#main section { padding-top: 115px; }
#main > header nav {
	float: right; padding-right: 48px;
	font-family: "HelveticaNeueLTRoman";
} 

#main > header h1 { text-indent: -9999px; color: transparent; 
	margin-left: 38px; background: url(/images/gpgtools-logo.png) no-repeat 0px center;
	width: 219px; height: 100px;
	float: left;
}
#main > header h1 a { display: block; height: 100px; width: 219px; }

#main > header nav ul li { float: left; line-height: 1.29;
	background: url(/images/menu-spacer.png) no-repeat right top;
	padding-right: 10px; padding-left: 10px;
}
#main > header nav ul li:last-child {
	background: none;
}

#main > header nav ul li:first-child { padding-left: 0px; }
#main > header nav ul li a { color: #646464; text-decoration: none; display: block; }
#main > header nav ul li a:hover, #main > header nav ul li.active a { color: #286e96; }
#main > header nav ul li.twitter a { text-indent: -9999px; color: transparent;
	background: url(/images/twitter-social.png) no-repeat 0px 0px;
	width: 22px; height: 18px;
}
#main > header nav ul li.twitter a:hover {
	background-position: -22px 0px;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p { padding: 0px; margin: 0px; }

#main section.news { 
	background: url(/images/section-photos/gpgmail-release.jpg) no-repeat 0px 0px;
}
/* #main section.news .news-item { background-color: #fff; } */
#main section.news .news-item .container { 
	padding-left: 160px;  padding-bottom: 94px;
	position: relative; z-index: 2;
}
#main section {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
}
#main section.news .news-item .content { width: 540px; float: left; }
#main section.news .news-item h2 { font-size: 3.43em; padding-top: 1.85em; position: relative; font-weight: normal; 
	margin-bottom: 0.56em; }
#main section.news .news-item h2 span { line-height: 1.0; color: #333333; display: block; }
#main section.news .news-item time { padding-top: 108px; font-size: 18px; color: #d70064; display: block; float: left; }
#main section.news .news-item .tool-logo { position: absolute; left: -120px; }

#main section.news .news-item p strong { color: #323232; }

#main section.news .news-item a.button { float: left; margin-right: 8px; }
#main section.news .news-item a.version-details { 
	width: 170px; height: 30px; display: block; line-height: 36px;
	font-size: 1.28em; text-decoration: none; color: #979797;
	text-align: right; padding-right: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	background: url(/images/arrow-down.png) no-repeat 10px center;
}
#main section.news .news-item a.version-details:hover { color: #286e96; }
#main section.news .news-item a.download { 
	width: 190px; height: 30px; display: block; 
	font-size: 1.28em; line-height: 34px;
	text-decoration: none; color: #fff;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #d70063; /* layer fill content */
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	margin-top: 1px;
}
#main section.news .news-item .action-buttons { margin-top: 37px; }

#main section.news .news-item .release-notes { clear: both; padding-top: 3.21em; background-color: #f5f5f5; 
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	position: relative; z-index: 1;
	 margin-top: 2px;
}


#main section.news .news-item .release-notes {
	padding-left: 160px; font-size: 0.86em; line-height: 1.33em;
	position: relative; padding-bottom: 90px;
}
#main section.news .news-item .release-notes img { position: absolute; left: 92px; }
#main section.news .news-item .release-notes ul, #main section.news .news-item .release-notes ul li { list-style: none;
	padding: 0px; margin: 0px;
}
#main section.news .news-item .release-notes ul { float: left; margin-right: 20px; }
#main section.news .news-item .release-notes ul li {
	width: 300px; margin-bottom: 20px;
}
#main section.news .news-item .release-notes ul li h3 { font-size: 1em; }

#main section.gpgsuite { background: #fff url(/images/section-photos/gpgsuite.jpg) no-repeat 0px 0px; color: #fff;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	padding-left: 80px;  padding-bottom: 94px;
	padding-top: 135px;
	position: relative; z-index: 8;
}
#main section.gpgsuite header h2 { font-size: 3.43em; position: relative; font-weight: normal; 
	margin-bottom: 0.44em; 
}
#main section.gpgsuite h3 { font-size: 1.28em; line-height: 1.0em; }
#main section.gpgsuite header { width: 380px; float: left; padding-left: 80px;
	background: url(/images/gpgsuite/gpgsuite-logo.png) no-repeat 0px 0px;
}
#main section.gpgsuite .download { width: 300px; float: left; 
	padding-top: 82px; margin-left: 20px;
}
#main section.gpgsuite .download p { font-size: 0.86em; line-height: 1.5em; }
#main section.gpgsuite .download .download-gpgsuite {
	width: 212px; height: 37px; display: block;
	font-size: 1.28em; text-decoration: none; color: #fff; line-height: 42px;
	padding-left: 8px; margin-top: 13px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #e81e6a; /* layer fill content */
	-moz-box-shadow: 0 0 2px rgba(255,255,255,.25); /* outer glow */
	-webkit-box-shadow: 0 0 2px rgba(255,255,255,.25); /* outer glow */
	box-shadow: 0 0 2px rgba(255,255,255,.25); /* outer glow */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIyMCAzNyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgo8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjIwIiBoZWlnaHQ9IjM3IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(0,0,0,.05) 50.12%, rgba(0,0,0,.05) 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(0,0,0,.05) 50.12%, rgba(0,0,0,.05) 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(0,0,0,.05) 50.12%, rgba(0,0,0,.05) 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(0,0,0,.05) 50.12%, rgba(0,0,0,.05) 100%); /* gradient overlay */
}
#main section.gpgsuite .download .download-gpgsuite i {
	width: 24px; height: 39px; display: block; float: left;
	background: url(/images/download-arrow-icon.png) no-repeat left center;
	padding-right: 8px; 
}
#main section.gpgsuite .download .download-gpgsuite span { display: block; float: left; }
#main section.gpgsuite .suite-details { padding-top: 85px; clear: both; color: #333; width: 380px; }
#main section.gpgsuite .suite-details ul, #main section.gpgsuite .suite-details ul li { list-style: none; padding: 0px;
	margin: 0px;
}
#main section.gpgsuite .suite-details ul li { margin-bottom: 18px; 
	background: url(/images/gpgsuite/gpgmail-logo.png) no-repeat 20px 12px;
	padding-left: 80px;
}
#main section.gpgsuite .suite-details ul li.gpgservices {
	background-image: url(/images/gpgsuite/gpgservices-logo.png);
}
#main section.gpgsuite .suite-details ul li.gka {
	background-image: url(/images/gpgsuite/gka-logo.png);
}
#main section.gpgsuite .suite-details ul li.macgpg {
	background-image: url(/images/gpgsuite/macgpg2-logo.png);
}
#main section.gpgsuite .suite-details ul li.macgpg p a { color: #646464; text-decoration: none; }
#main section.gpgsuite .suite-details ul li p { 
	color: #646464
}

#main section.gpgsuite .suite-details h3 {
	font-size: 1.0em; line-height: 1.285em;
}

body.index #main section.support-us {
	position: absolute;
	top: 777px;
	width: 940px;
	z-index: 6;
}

#main section.support-us { 
	padding-top: 0px;
	background-color: #fff; 
}
#main section.support-us .content {
	background: url(/images/section-photos/supportus.1377171429.jpg) no-repeat 0px 0px; color: #fff;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	padding-left: 80px;  padding-bottom: 60px;
	padding-top: 195px;
	position: relative; z-index: 2;
}
body.index #main section.support-us .content {
    padding-top: 135px;
}

#main section.support-us .donators {
	background-color: #f5f5f5; color: #fff;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	padding-left: 80px;  padding-bottom: 40px;
	padding-top: 40px;
	position: relative; z-index: 1;
}
#main section.support-us header h2 { font-size: 3.43em; position: relative; font-weight: normal; 
	margin-bottom: 0.75em; 
}
#main section.support-us h3 { font-size: 1.0em; }
#main section.support-us header { width: 380px; padding-left: 80px; }
#main section.support-us .payment-options { padding-left: 80px; color: #323232; padding-top: 49px; }
#main section.support-us .payment-options h4 { font-size: 1.285em; border-bottom: #e1e1e1 1px solid; margin-bottom: 15px;  }
#main section.support-us .payment-options .button { 
	display: block; text-decoration: none; color: #286e96;
	width: 139px; height: 30px; line-height: 36px; text-align: center;
	margin-top: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25), inset 0 0 6px #fff; /* outer glow and inner glow */
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25), inset 0 0 6px #fff; /* outer glow and inner glow */
	box-shadow: 0 0 3px rgba(0,0,0,.25), inset 0 0 6px #fff; /* outer glow and inner glow */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEzOSAzMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4wMyIvPgo8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTM5IiBoZWlnaHQ9IjMwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.03) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.03) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.03) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.03) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%); /* gradient overlay */
}
#main section.support-us .payment-options .option { float: left; width: 300px; padding-bottom: 19px; padding-right: 40px; }
#main section.support-us .payment-options .option p span { color: #969696; }
#main section.support-us .payment-options .option label { color: #969696; }
#main section.support-us .payment-options .option .field {
	width: 280px; height: 54px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.2); /* inner glow */
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2); /* inner glow */
	box-shadow: inset 0 0 3px rgba(0,0,0,.2); /* inner glow */
	margin-bottom: 8px;
	margin-top: 4px;
	border: none;
	border: rgba(0,0,0,.2) 1px solid;
	padding-top: 10px; padding-left: 10px;
	font-family: "HelveticaNeueLTStd", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}
#main section.support-us .payment-options .option .amount { height: 30px; padding: 0px; line-height: 36px; 
	width: 40px; text-align: center; 
}
#main section.support-us .payment-options .option .amount-field .amount,
#main section.support-us .payment-options .option .amount-field a,
#main section.support-us .payment-options .option .amount-field span { float: left; display: block; }

#main section.support-us .payment-options .option .amount-field span { line-height: 32px; font-size: 1.28em;
	padding-right: 15px; padding-top: 7px; padding-left: 5px;  }
#main section.support-us .payment-options .option .amount-field .button { 
	margin-top: 5px;
}
#main section.support-us .payment-options .paypal h4 {
	background: url(/images/supportus-paypal.png) no-repeat 0px 0px;
	text-indent: -9999px; color: transparent;
	padding-top: 4px; margin-bottom: 10px;
}
#main section.support-us .payment-options .credit-card h4 { padding-top: 1px; padding-bottom: 3px; }
#main section.support-us .payment-options .bitcoin {
	padding-top: 45px;
}
#main section.support-us .payment-options .bitcoin h4 {
	background: url(/images/supportus-bitcoin.png) no-repeat 0px 3px;
	text-indent: -9999px; color: transparent;
	padding-bottom: 11px; margin-bottom: 9px;
}
#main section.support-us .payment-options .wiretransfer {
	padding-top: 1px;
}
#main section.support-us .payment-options .wiretransfer h4 {
	padding-bottom: 3px; margin-bottom: 9px;
}

#main section.support-us .donators {
	color: #646464; 
}


#main section.support-us .donators ul, #main section.support-us .donators ul li {
	list-style: none; padding: 0px; margin: 0px;
	font-size: 0.92em; line-height: 1.52em;
}
#main section.support-us .donators ul li { float: left; width: 170px; padding-right: 20px; }
#main section.support-us .donators ul { padding-left: 80px; margin-bottom: 0px; }
#main section.support-us .donators h3 {
	font-size: 1.28em; font-weight: normal;
	padding-left: 80px;
	background: url(/images/supportus-icon.png) no-repeat 0px 0px;
	height: 37px;
}

#main section.support-us a.button.more-donators {
	width: 120px; height: 30px; display: block; line-height: 36px;
	font-size: 1.28em; text-decoration: none; color: #979797;
	text-align: right; padding-right: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	background: url(/images/arrow-down.png) no-repeat 10px center;
	margin-left: 80px; margin-top: 20px;
}

#main section.support-us .private-supporters { margin-bottom: 40px; }

/* Fonts */
section.support-us .content h3,
section.news .news-item p strong,
#main section.news .details h3,
#main section.gpgsuite .suite-details h3,
#main .gpgsuite-screenshots ul li h3,
#main .gpgsuite-screenshots ul li p strong,
#main section.general .repositories li h3
{ 
	font-family: "HelveticaNeueLTBold"; font-weight: normal;
}
section.support-us .content p,
section.support-us .payment-options,
section.support-us .donators,
section.gpgsuite p,
#main section.general .intro {
	font-family: "HelveticaNeueLTRoman"; font-weight: normal;
}
section.support-us .payment-options .button,
#main section.support-us a.button.more-donators,
#main section.gpgsuite h3,
#main section.general h1,
#main section.mavericks h2,
#main section.mavericks .donate-mavericks,
#main section.mavericks time,
#main section.mavericks,
#main section.gpgmail-mavericks h2,
#main section.open-letter h3,
#main section.open-letter h2 {
	font-family: "HelveticaNeueLTStd"; font-weight: normal;
}

#main .opensource .repositories .subcaption span,
#main section.mavericks h2 strong,
#main section.gpgmail-mavericks h2 strong,
#main section.open-letter strong {
	font-family: "HelveticaNeueLTStdMedium"; font-weight: normal;
}

section.support-us .content h3,
section.support-us .content p {
	line-height: 1.29em;
}

#main footer { width: 940px; margin: 0px auto; height: 44px; line-height: 44px; color: #979797; }
#main footer .copyright { float: right; }
#main footer ul { float: left; }
#main footer ul, #main footer ul li { list-style: none; padding: 0px; margin: 0px; }
#main footer ul li { float: left; margin-right: 10px; }
#main footer ul li a { color: #979797; text-decoration: none; }
#main footer ul li a:hover { color: #286e96; }

#main .download-info, #main .download-info a { color: #646464; }
#main .download-info { padding-top: 20px; padding-left: 80px; font-size: 0.86em; line-height: 1.5em; }

#main .gpgsuite-screenshots { background-color: #fafafa; padding-left: 20px; padding-right: 20px;
	padding-top: 30px; padding-bottom: 30px; position: relative;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
}

#main .gpgsuite-screenshots ul, #main .gpgsuite-screenshots li { list-style: none; margin: 0px; padding: 0px; }
#main .gpgsuite-screenshots ul li h3 { color: #333333; font-size: 1.0em; line-height: 1.285em; }
#main .gpgsuite-screenshots .screenshots .screenshot-item .screenshot, #main .gpgsuite-screenshots ul { float: left; }
#main .gpgsuite-screenshots ul { width: 335px; }
#main .gpgsuite-screenshots ul li { margin-bottom: 18px; }
#main .gpgsuite-screenshots ul li:first-child { margin-top: 18px; }

#main .gpgsuite-screenshots .screenshots .screenshot-item .screenshot { width: 506px; }
#main .gpgsuite-screenshots a.nav { position: absolute; top: 237px; left: 15px; width: 26px;
	background: url(/images/screenshots-arrow-left.png) no-repeat 0px 0px;
	color: transparent; text-indent: -9999px; height: 26px;
}
#main .gpgsuite-screenshots a.next { left: auto; right: 15px; 
	background-image: url(/images/screenshots-arrow-right.png);
}
#main .gpgsuite-screenshots a.nav.active { background-position: -26px 0px; }
#main .gpgsuite-screenshots .switcher { clear: both; display: block; width: 55px; margin: 0px auto; }
#main .gpgsuite-screenshots .switcher ul { float: none; }
#main .gpgsuite-screenshots .switcher ul, #main .gpgsuite-screenshots .switcher ul li { 
	list-style: none; margin: 0px; padding: 0px;
}
#main .gpgsuite-screenshots .switcher ul li { float: left; padding-right: 5px; }
#main .gpgsuite-screenshots .switcher ul li a { width: 10px; height: 10px; color: transparent; 
	display: block;
	text-indent: -9999px;
	background: url(/images/screenshot-switcher.png) no-repeat 0px 0px;
}
#main .gpgsuite-screenshots .switcher ul li.active a, #main .gpgsuite-screenshots .switcher ul li a:hover { background-position: -10px 0px; }
#main .gpgsuite-screenshots .screenshots { width: 840px; margin-left: 30px; overflow: hidden; height: 480px; position: relative; }
#main .gpgsuite-screenshots .screenshots .container { overflow: hidden; width: 20000px; }
#main .gpgsuite-screenshots .screenshots .screenshot-item { float: left; padding-right: 10px; }

/* Commong CSS for all future sections. */
#main .general {
	background: url(/images/section-photos/opensource.1377181070.jpg) no-repeat 0px 0px;
	padding-left: 80px; padding-bottom: 94px;
}
#main .general h1, #main .general h2, #main .general h3 { font-weight: normal; }
#main .general h1 { margin-top: 73px; font-size: 3.43em; line-height: 1.0em; }
#main .general .subcaption { font-size: 1.286em; line-height: 1.0em; width: 470px; padding-bottom: 40px; }
#main .general h3 { font-size: 1.286em; line-height: 1.0em; }
#main .general .intro > * { padding-left: 80px; }
#main .general ul, #main .general ul li { margin: 0px; padding: 0px; list-style: none; }
#main .general .intro ul li p { width: auto; padding-left: 0px; font-size: 1.0em; padding-top: 1px; }

#main .opensource {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5); /* drop shadow */
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5); /* drop shadow */
	box-shadow: 0 0 5px rgba(0,0,0,.5); /* drop shadow */
}
#main .opensource .intro { color: #fff; }
#main .opensource ul { float: left; margin-right: 20px; width: 325px; }
#main .opensource ul li { margin-bottom: 17px; }
#main .opensource h1 { padding-left: 80px; 
	line-height: 74px; vertical-align: middle;
	margin-bottom: 14px;
}
#main .opensource .repositories h1 { color: #323232; 
	background: url(/images/github-logo.png) no-repeat 0px 0px;
}
#main .opensource .repositories > * { padding-left: 80px; }
#main .opensource .repositories .subcaption { width: 460px; font-size: 1.0em; line-height: 1.286em; padding-bottom: 36px; }
#main .opensource .repositories .subcaption span { color: #333; }
#main .opensource .repositories a { display: block; background: url(/images/github-logo-small.png) 0px 0px no-repeat; 
	text-decoration: none; color: #c95f5f; padding-left: 30px; height: 20px; line-height: 24px; margin-bottom: 6px; }
#main .opensource .repositories a.lighthouse { background-image: url(/images/lighthouse-logo-small.png); height: 22px; line-height: 27px; }
#main .opensource .repositories ul li p { padding-bottom: 6px; }
#main .opensource .repositories h1 { margin-top: 50px; line-height: 77px; }
#main section.opensource .repositories li h3 { font-size: 1.0em; line-height: 1.286em; color: #333; }
#main section.opensource .repositories li.gpgmail { 
	background: url(/images/gpgsuite/gpgmail-logo.png) no-repeat 13px 20px; 
}
#main section.opensource .repositories li.gka { 
	background: url(/images/gpgsuite/gka-logo.png) no-repeat 20px 12px; 
}
#main section.opensource .repositories li.gpgservices { 
	background: url(/images/gpgsuite/gpgservices-logo.png) no-repeat 10px 14px; 
}
#main section.opensource .repositories li.macgpg { 
	background: url(/images/gpgsuite/macgpg2-logo.png) no-repeat 20px 12px; 
}

#main .opensource .repositories ul { padding-left: 0px; width: 380px; }
#main .opensource .repositories ul li { padding-left: 80px; height: 156px; }
#main .opensource .reasons { padding-left: 80px; }
#main .opensource .reasons ul li { margin-bottom: 19px; }
#main .opensource .reasons ul { margin-right: 40px; }

#main section.mavericks {
	background: url(/images/section-photos/gpgmail-mavericks.jpg) no-repeat 0px 0px;
	color: #fff;
}
#main section.mavericks h2 {
	font-size: 48px; line-height: 48px;
	padding-bottom: 21px;
}
#main section.mavericks p {
	font-size: 24px;
	line-height: 24px;
}
#main section.mavericks p.small {
	font-size: 14px;
	line-height: 18px;
	padding-top: 27px;
	padding-bottom: 37px;
}
#main section.mavericks .news-item {
	padding-top: 86px; padding-left: 160px;
	padding-bottom: 77px;
	position: relative;
	background: url(/images/mavericks-logo.png) no-repeat 42px 94px;
}

#main section.mavericks .donate-mavericks {
	display: block; 
	width: 210px;
	height: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #d70063; /* layer fill content */
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	line-height: 35px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
}

#main section.mavericks time {
	position: absolute; display: block;
	right: 80px; top: 106px; font-size: 18px;
	color: #d70064;
}

#main section.gpgmail-mavericks {
	background: url(/images/section-photos/gpgmail-mavericks-release.jpg) no-repeat 0px 0px;
	color: #fff;
}
#main section.gpgmail-mavericks h2 {
	font-size: 48px; line-height: 48px;
	padding-bottom: 21px;
}
#main section.gpgmail-mavericks p {
	font-size: 18px;
	line-height: 24px;
}
#main section.gpgmail-mavericks p.small {
	font-size: 14px;
	line-height: 18px;
	padding-top: 27px;
	padding-bottom: 37px;
}
#main section.gpgmail-mavericks .news-item {
	padding-top: 86px; padding-left: 160px;
	padding-bottom: 77px;
	position: relative;
	background: url(/images/gpgmail-logo-mavericks.png) no-repeat 52px 76px;
	height: 355px;
}

#main section.gpgmail-mavericks .download-mavericks {
	display: block; 
	width: 210px;
	height: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #d70063; /* layer fill content */
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	box-shadow: 0 0 3px rgba(0,0,0,.25); /* outer glow */
	line-height: 35px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	margin-top: 44px;
}

#main section.gpgmail-mavericks time {
	position: absolute; display: block;
	right: 80px; top: 106px; font-size: 18px;
	color: #d70064;
}

#main #news-section section.gpgmail-release {
	padding-top: 5px;
}

#main #news-section section { padding-top: 0px; padding-bottom: 85px; }
#main #news-section section.first-item { padding-top: 115px; }

#main #news-section section.open-letter .container { padding-bottom: 0px; }

/*#main #news-section section.mavericks {
	padding-top: 0px;
	padding-bottom: 30px;
}
*/
#main section.open-letter {
    background: #fff url(/images/section-photos/open-letter-bg.jpg) no-repeat 0px 0px;
    color: #286e96; font-size: 14px; line-height: 1.285;
}
#main section.open-letter .container {
    position: relative;
    padding-bottom: 100px;
}

section.open-letter .content { width: 620px; margin: 0px auto; padding-top: 64px; }
#main section.open-letter h2 { font-size: 14px; line-height: 1.285; text-transform: uppercase;  padding-bottom: 32px; }
#main section.open-letter h3 { font-size: 48px; line-height: 1; padding-bottom: 28px; }
#main section.open-letter h4 { font-size: 20px; line-height: 1.285; text-transform: uppercase; padding-top: 32px;
    padding-bottom: 12px; font-weight: normal; }
section.open-letter a { color: #286e96; }
#main section.open-letter p { padding-bottom: 18px; line-height: 1.33em; }
#main section.open-letter p:last-child { padding-bottom: 0px; }
section.open-letter ul, section.open-letter ul li { margin: 0px; padding: 0px; list-style: none; }
section.open-letter ul li { padding-bottom: 20px; 
    background: url(/images/open-letter-arrow.png) no-repeat 0px 3px; padding-left: 16px; }
section.open-letter li:last-child { padding-bottom: 18px; }
section.open-letter h3 { position: relative; }
section.open-letter time { 
    position: absolute; display: block;
	right: 0px; top: 21px; font-size: 18px;
	color: #286e96;
}
section.open-letter a.read-more { position: absolute; bottom: 90px; display: block; line-height: 32px;
    color: #286e96; border: #286e96 1px solid; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; 
    text-align: center; text-decoration: none; padding-top: 5px;
    width: 160px; left: 160px; /*margin-left: -80px; left: 50%; */display: none; }
body.index section.open-letter a.download-yosemite-beta { display: block; }

body.index section.open-letter .content { height: 345px; /*margin-bottom: 40px;*/ overflow: hidden; }
body.index section.open-letter .content .long {
	display: none;
}

body.gpgsuite #main section.gpgsuite {
	padding-top: 250px;
}

#main section.open-letter p.yosemite-beta-announcement { margin-bottom: 60px; }
#main section.open-letter p.yosemite-beta-announcement span { display: inline-block; font-size: 12px;}
section.open-letter a.download-yosemite-beta { position: static; margin: 0px; width: 200px; margin-top: 20px;
    border-color: #e81e6a; color: #e81e6a; margin-bottom: 10px; display: block; }


#main .release-notes { clear: both; padding-top: 3.21em; background-color: #f5f5f5; 
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	box-shadow: 0 0 5px rgba(0,0,0,.15); /* outer glow */
	position: relative; z-index: 1;
	margin-top: 2px;
}

#main .release-notes {
	padding-left: 160px; font-size: 12px; line-height: 16px;
	position: relative; padding-bottom: 90px;
}

#main .release-notes img { position: absolute; left: 92px; }
#main .release-notes ul, .release-notes ul li { list-style: none;
	padding: 0px; margin: 0px;
}
#main .release-notes ul { float: left; margin-right: 20px; }
#main .release-notes ul li {
	width: 300px; margin: 0px; padding: 0px; margin-bottom: 20px; background: none; padding-left: 0px;
	line-height: 16px;
}
#main .release-notes ul li h3 { font-size: 12px; line-height: 16px; padding-bottom: 0px; font-family: "HelveticaNeueLTBold"; }

.x-button {
	border-radius: 4px;
	display: inline-block;
	padding: 0px 10px;
	border: rgb(40, 110, 150) 1px solid;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 4px;
}
.x-button:hover {
	background-color: rgb(40, 110, 150);
	color: #ffffff;
}

#main .release-notes .x-button {
	border-radius: 4px;
	display: inline-block;
	padding: 0px 10px;
	border: rgb(40, 110, 150) 1px solid;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 4px;
}
#main .release-notes .x-button:hover {
	background-color: rgb(40, 110, 150);
	color: #ffffff;
}

.x-button.all-changes { margin-top: 12px; }


#main section.gpgsuite-release-201506 { background: #fff url(/images/section-photos/gpgsuite-release-201506-v3.jpg) no-repeat 0px 0px; }
#main section.gpgsuite-release-201506 .content { height: auto; overflow: auto; color: rgb(51, 51, 51); }
#main section.gpgsuite-release-201506 .content p { width: 470px; }
#main section.gpgsuite-release-201506 .content a { color: #d40000 }
#main section.gpgsuite-release-201506 .container h3, #main section.gpgsuite-release-201506 time { color: #d40000; }

#main section.gpgsuite-release-201506 .container { padding-bottom: 50px; }
#main section.gpgsuite-release-201506 .x-button { border-color: #d40000; color: #d40000; padding-top: 8px; padding-bottom: 4px;
	font-size: 16px;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
#main section.gpgsuite-release-201506 .x-button:hover { background-color: #d40000; color: #ffffff; }
#main section.gpgsuite-release-201506 .content .version-details {
	display: inline-block;
	text-decoration: none;
	color: #979797;
	border-color: #979797;
	text-align: right;
	padding-left: 35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	background: url(/images/arrow-down-small.png) no-repeat 10px center;
	margin-right: 10px;
}
#main section.gpgsuite-release-201506 .version-details:hover { background-color: transparent; color: #979797; }
#main section.gpgsuite-release-201506 .release-notes { color: rgb(51, 51, 51); padding-bottom: 50px; }

#main section.gpgsuite-release-201506 .release-details { margin-top: 24px; font-size: 12px; line-height: 18px; }
#main section.gpgsuite-release-201506 .action-buttons { margin-top: 17px; }


#main section.gpgsuite-release { background: #fff url(/images/section-photos/gpgsuite-release-201506-v3.jpg) no-repeat 0px 0px; }
#main section.gpgsuite-release .content { height: auto; overflow: auto; color: rgb(51, 51, 51); }
#main section.gpgsuite-release .content p { width: 470px; }
#main section.gpgsuite-release .content a { color: #d40000 }
#main section.gpgsuite-release .container h3, #main section.gpgsuite-release-201506 time { color: #d40000; }

#main section.gpgsuite-release .container { padding-bottom: 50px; }
#main section.gpgsuite-release .x-button { border-color: #d40000; color: #d40000; padding-top: 8px; padding-bottom: 4px;
	font-size: 16px;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
#main section.gpgsuite-release .x-button:hover { background-color: #d40000; color: #ffffff; }
#main section.gpgsuite-release .content .version-details {
	display: inline-block;
	text-decoration: none;
	color: #979797;
	border-color: #979797;
	text-align: right;
	padding-left: 35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	background: url(/images/arrow-down-small.png) no-repeat 10px center;
	margin-right: 10px;
}
#main section.gpgsuite-release .content .version-details.no-arrow {
	background: none; padding-left: 10px;
}

#main section.gpgsuite-release .version-details:hover { background-color: transparent; color: #979797; }
#main section.gpgsuite-release .release-notes { color: rgb(51, 51, 51); padding-bottom: 50px; }

#main section.gpgsuite-release .release-details { margin-top: 24px; font-size: 12px; line-height: 18px; }
#main section.gpgsuite-release .action-buttons { margin-top: 17px; }

#main section.gpgsuite-release.v201508 { background: #fff url(/images/section-photos/gpgsuite-release-201508.jpg) no-repeat 0px 0px; }
#main section.gpgsuite-release.v201508 .container h3, #main section.gpgsuite-release.v201508 time { color: #000; }

#main section.gpgsuite-release.v201509 { background: #fff url(/images/section-photos/gpgsuite-release-201509-v2.jpg) no-repeat 0px 0px; }
#main section.gpgsuite-release.v201509 .container { color: #fff; }
#main section.gpgsuite-release.v201509 .container h3, #main section.gpgsuite-release.v201509 time { color: #fff; }
#main section.gpgsuite-release.v201509 .container h3 span {
	width: 430px;
	display: block;
}
#main section.gpgsuite-release.v201509 .content { color: #222; }

.button-small { padding-top: 7px !important; padding-bottom: 4px !important; font-size: 14px !important; }

#main #news-section section .news-item, #main #news-section section .container,
#main #news-section section .gpgmail-mavericks p.small,
#main section.open-letter p.yosemite-beta-announcement { padding-bottom: 0px; height: auto; margin-bottom: 0px; }

#main #news-section section.gpgsuite-release-201506 .container { padding-bottom: 50px; }
#main #news-section section.gpgsuite-release-201506 { padding-bottom: 35px; }

/*#main section.gpgsuite-release-201506 .*/
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}