/*
Theme Name: PaperPlane
Theme URI: http://wobot.org/
Description: Worpress theme developed for groundspeed inaugural web site.
Version: 0.1
Author: Felipe Moreno
Author URI: http://wobot.org/
Tags: fixed width, three columns

	PaperPlane v0.1

	Wordpress theme developed for Groundspeed web site.

*/

/* reset.css */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*** Color palette ***/

.white {color: #fff;}
.bg_white {background-color: #fff;}

.text_off_white {color: #c5dceb;}
.bg_off_white {background-color: #d3e3ed;}

.text_dark_blue {color: #294252;} /* for main body copy */
.text_grey_blue {color: #4e687b;} /* for licenses notice */
.text_light_blue {color: #7298b3;} /* for footer copy */

.dark_pale_blue { color: #3c6179; }
.light_pale_blue { color: #6d91ab;}
.dark_bright_blue { color: #5091bc;}
.light_bright_blue { color: #73a7c9;}

.bg_dark_pale_blue { background-color: #3c6179;}
.bg_light_pale_blue { background-color: #6d91ab;}
.bg_dark_bright_blue { background-color: #5091bc;}
.bg_light_bright_blue { background-color: #73a7c9;}

.strong_yellow { color: #f4bd48;}
.lighter_yellow { color: #ffd189;}
.bg_yellow_off_white { background-color: #fff7e9;}


/*** Definition of the main structural elements ***/

body {
	background: url('images/background.png') repeat-x;

	font-family: "trebuchet ms",sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	padding-bottom: 16px;
}

#header {
	height: 264px;
	width: 1016px;
	background: url('images/header.gif') no-repeat center center;
	overflow: visible;
	margin: auto auto;
}

#body {
	width: 1016px;
	min-height: 300px;
	padding-top: 25px;
	margin: auto auto;
	font-size:13px;
	
	background-image: url('images/body.gif');
	background-repeat: repeat-y;
	text-align: left;
}

#footer {
	height: 117px; /* 177 (image size) - 30 - 30 (top and bottom padding) */
	width: 1016px;
	padding-top: 20px;
	padding-bottom: 40px;
	margin: auto auto;
	background-image: url('images/footer.gif');
	background-repeat: no-repeat;

	font-size: 13px;
	line-height: 1.4em;
	text-align: justify;
}

#copyright {
	width: 1016px;
	margin: 0 auto;
	padding-top: 6px;
	padding-bottom: 20px;
	
	text-align: center;
	font-size: 10px;
	line-height: 1.2em;
}

/*** General Definition ***/

a:link {
	color: #73a7c9;
}

a:visited {
	color: #6d91ab;
}

h1 {
	font-size: 36px;
	margin: 0 0 2em 0;
}

h2 {
	font-size: 24px;
	color: #f3bd48; /* bright yellow */
	padding: 0px 0 0px 0;
	line-height: 1.2em;
}

h3 {
	font-size: 16px;
	color: #f3bd48; /* bright yellow */
	padding: 18px 0 6px 0;
}

.first_block {
	padding-top: 0px;
}

/*** Definitions for the header ***/

#header a {
	display:block;
	height:200px
}

/*** Definitions for Sidebar content ***/

#side_content ul {
	list-style-type: disc;
	list-style-image: url(images/list.gif);
	list-style-position: inside;
	padding-right: 16px;
}

#side_content #meta ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

#side_content li {
	border-bottom: 1px dotted #6d91ab;
	padding: 3px 0;
}

#side_content .first_li {
	border-top: 0px dotted #6d91ab;
}


#side_content {
	font-size: 12px;
	padding-bottom: 48px;
}

#download {
	text-align: center;
	padding: 14px;
	font-size: 14px;
	line-height: 1.6em;
}

#download_button {
	padding-top: 12px;
	text-align: center;
}

#side_content a:link {
	color: #294252;
	text-decoration: none;
}

#side_content a:visited {
	color: #294252;
	text-decoration: none;
}

#column1 {
	padding-top: 24px;
}

#column2 {
	padding-top: 24px;
}


/*** Definitions for main content ***/


#important_news {
	margin-top: 8px;
	margin-right: 24px;
	padding: 6px;
}

.align_right {
	text-align: right;
	padding-right: 20px;
}

#posts {
	font-size: 12px;
	padding-bottom: 36px;
}

.post {
	padding-bottom: 32px;
}

.post .title {
		padding-bottom: 16px;
		line-height: 1.2em;
}

.post .title a {
	color: #f4bd48;
	text-decoration: none;
}

.post .date {
	font-size: 12px;
	padding-bottom: 6px;
}

.post .entry {
	padding-right: 20px;
}

.post .entry p {
	padding-bottom: 6px;
}

.post .metadata {
	font-size: 12px;
	margin-top: 16px;
	padding-top: 0px;
	padding-bottom: 12px;
	color: #7298b3;

}

.post img {
	margin-top: .5em;
	margin-bottom: 1.5em;
	padding: 4px;
	background: #FFF;
	border: 1px solid #ddd;
}

.post .media {
	margin-top: .5em;
	margin-bottom: 1.5em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.post ul {
	list-style-type: disc;
	list-style-image: url(images/list.gif);
	list-style-position: outside;
	padding-left: 24px;
	padding-right: 16px;
	padding-bottom: 6px;
}

.post li {
	padding: 3px 0;
}

.commentlist {
	
}

.comment {
	padding: 12px 0;
}

.commentmetadata {
	font-size: 12px;
	margin-top: 16px;
	padding-top: 0px;
	padding-bottom: 12px;
	color: #7298b3;
}


#commentform input {
	margin: 6px 0;
	margin-right: 6px;
}

#commentform textarea {
	padding: 6px;
	margin: 6px 0;
}

#error_message {
	padding: 12px 0;
	font-size: 14px;
}

#searchform {
	margin: 16px 0;
}

.searchtitle {
	padding-bottom: 0px;
}

.pagetitle {
	padding-bottom: 0px;
}

.archive_notfound {
	line-height: 1.2em;
}

.searchnav {
	padding: 24px 0;
}

.padnav a {
	margin-right: 20px;
}

/*** Definitions for Footer ***/

#footer h2 {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 3px;
	line-height: 1.4em;
}

#footer h3 {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 3px;
}

#footer #about {
	height: 137px;
	padding-right: 32px;
	border-right: 2px solid #58758a;
}

#footer p {
	padding-top: 9px;
}

#footer #meta {
	height: 137px;
	padding-bottom: 10px;
	padding-top: 6px;
}

#footer #meta #info {
	padding-left: 21px;
}

#footer #meta #share {
	padding-left: 16px;
}

#footer #meta ul {
	padding-top: 9px;
}

#footer #meta li {
	padding: 1px 0;
}


#copyright p {
	padding-top: 3px;
}

/*** GRID CSS ***/

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_10 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 10 Columns
----------------------------------------------------------------------------------------------------*/

.container_10 .grid_1 {
	width:76px;
}

.container_10 .grid_2 {
	width:172px;
}

.container_10 .grid_3 {
	width:268px;
}

.container_10 .grid_4 {
	width:364px;
}

.container_10 .grid_5 {
	width:460px;
}

.container_10 .grid_6 {
	width:556px;
}

.container_10 .grid_7 {
	width:652px;
}

.container_10 .grid_8 {
	width:748px;
}

.container_10 .grid_9 {
	width:844px;
}

.container_10 .grid_10 {
	width:940px;
}



/* Prefix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/

.container_10 .prefix_1 {
	padding-left:96px;
}

.container_10 .prefix_2 {
	padding-left:192px;
}

.container_10 .prefix_3 {
	padding-left:288px;
}

.container_10 .prefix_4 {
	padding-left:384px;
}

.container_10 .prefix_5 {
	padding-left:480px;
}

.container_10 .prefix_6 {
	padding-left:576px;
}

.container_10 .prefix_7 {
	padding-left:672px;
}

.container_10 .prefix_8 {
	padding-left:768px;
}

.container_10 .prefix_9 {
	padding-left:864px;
}



/* Suffix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/

.container_10 .suffix_1 {
	padding-right:96px;
}

.container_10 .suffix_2 {
	padding-right:192px;
}

.container_10 .suffix_3 {
	padding-right:288px;
}

.container_10 .suffix_4 {
	padding-right:384px;
}

.container_10 .suffix_5 {
	padding-right:480px;
}

.container_10 .suffix_6 {
	padding-right:576px;
}

.container_10 .suffix_7 {
	padding-right:672px;
}

.container_10 .suffix_8 {
	padding-right:768px;
}

.container_10 .suffix_9 {
	padding-right:864px;
}



/* Push Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/

.container_10 .push_1 {
	left:96px;
}

.container_10 .push_2 {
	left:192px;
}

.container_10 .push_3 {
	left:288px;
}

.container_10 .push_4 {
	left:384px;
}

.container_10 .push_5 {
	left:480px;
}

.container_10 .push_6 {
	left:576px;
}

.container_10 .push_7 {
	left:672px;
}

.container_10 .push_8 {
	left:768px;
}

.container_10 .push_9 {
	left:864px;
}



/* Pull Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/

.container_10 .pull_1 {
	left:-96px;
}

.container_10 .pull_2 {
	left:-192px;
}

.container_10 .pull_3 {
	left:-288px;
}

.container_10 .pull_4 {
	left:-384px;
}

.container_10 .pull_5 {
	left:-480px;
}

.container_10 .pull_6 {
	left:-576px;
}

.container_10 .pull_7 {
	left:-672px;
}

.container_10 .pull_8 {
	left:-768px;
}

.container_10 .pull_9 {
	left:-864px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}