/*
---------------------------------------------------------------
Boeing Blog CSS file for screen media
FileName:    blog_styles.css
Version:     02.05
Coded by: Corporate Web Team

You may adapt elements of this CSS in your own projects, 
but the design is copyright Boeing.
----------------------------------------------------------------
The layout is a centered box, 2-column layout, with
floated elements
----------------------------------------------------------------
*/


body {
	margin: 0px 0px 20px 0px;
	padding: 0;
	background-color: #eee;
	font-family:verdana, sans-serif;
	text-align: center;    
	}

a {
	text-decoration: underline;
	}

a:hover {
	color: gray;
	}

img { border: 0; } 

#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 700px;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
	background-color: #FFFFFF;
	}

#banner {
	color: #000;
	background-color: transparent;
	text-align: left;
	margin:0;
	padding: 0;
	width:700px;
	height: 150px;
	}

#banner img {
	margin:0px;
	padding:0px;
	border:0;
	}

#banner a {
	color: #FFFFFF;
	text-decoration: none;
	}


#center {
	float: left;
	width: 500px;
	overflow: hidden;
	}

#right {
	float: left;
	width: 200px;
	background-color: #FFFFFF;
	overflow: hidden;
	}
	
#centerphoto {
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
	}

#content {
	padding: 15px 15px 5px 15px;
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
	color: #666666;
	}

#content p {
	color: #000;
	font-size: 75%;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 10px;
	}

#contentphoto {
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
	color: #666666;
	}

/*

#content .photo img {
margin:0;
padding:0;
border:1px solid #999;
}

*/

#content blockquote {
	line-height: 150%;
	}

#content li {
	font-size: 75%;
	font-weight: normal;
	line-height: 150%;
	color: #000;
	list-style-type: square;
	}
	
#content h1 {
	color: #999;
	font-size: 75%;
	text-align: left;
	margin:0px;
	}	

#content h2 {
	color: #999;
	font-size: 75%;
	text-align: left;
	}

#content h3 {
	color: #000;
	font-size: 85%;
	text-align: left;
	}

#content p.posted {
	color: #000;
	font-size: 75%;
	border-top: 1px solid #999999;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}

#content .photo {
	float:left;
	margin-left:0;
	margin-right:1.5em;
	padding:0;
	width:96px;
	height:96px;
}

div.blockquote {
padding-right: 40px; padding-left: 40px; padding-bottom: 10px; margin: 0px; padding-top: 10px; background: #eeeeee;
}

div.indent {
padding-right: 40px; padding-left: 40px; background: #fff;
}

div.blockquoteflame {
padding-right: 20px; padding-left: 20px; margin: 0px; font-size: 90%; background: #fff;
}

/* inline images */

div.photo-inpage {
  width: 480px;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
}

div.photo-inpage p {
  text-align: center;
  font-style: italic;
  font-size: 65%;
}

div.photo-small {
  width: 300px;
  float: right;
  margin: 0.5em;
  padding:0.5em;
}

div.photo-small p {
  text-align: center;
  font-style: italic;
  font-size: 65%;
}

div.photo-small img {
 border:0;
}

div.photo-large {
  margin: 0 auto 0 auto;
  padding:0px;
  width: 100%;
}

div.photo-large p {
  text-align: center;
  font-style: italic;
  font-size: 65%;
}

div.photo-large img {
 border:0;
}


/* sidebar */


#sidebar {
	padding: 5px;
	}

#sidebar .orangebutton {
border: 0px;
height: 14px;
width: 36px;
}

#sidebar .box {
	color: #fafafa;
	margin: 0.5em;
	padding: 0 0.5em 0 0.5em;
	border: 1px solid #999;
}

#sidebar h2 {
	color: #666666;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	font-size: 75%;
	text-align: left;
	line-height:1em;
	font-weight: bold;
	letter-spacing: .1em;
	}

#sidebar ul {
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	}

#sidebar ul ul {
	margin-bottom: 0px;
	}

#sidebar #categories ul {
	}

#sidebar li {
	color: #666;
	font-size: 75%;
	line-height: 120%;
	margin: 5px 0px 5px 0px;
	list-style-type: none;
	}

#sidebar img {
	border: 3px solid #FFFFFF;
	}
	
	
	/* for the search form */

#sidebar form
{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 75%;
	color: #000;
	background: transparent;
}

.search-small {
	margin: 0px;
	padding: 0px;
	font-size: 65%;
	color: #000;
	}

#sidebar input
{
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	color: #000;
	background: transparent;
}

#footer {
color:#000;
font-size:65%;
width:700px;
border-top: 1px solid #999;
}	

#footer p {
text-align:center;
}

	
/* misc styles */
	
.gray {
	color:#ccc;
}

hr {
text-align: center;
}

form {
	padding: 0;
	margin: 0;
	}

.link-small {
	font-size: 65%;
	text-align: left;
	padding: 0px;
	margin-bottom: 10px;
	}

.link-normal{
	font-size: 75%;
	text-align: left;
	padding: 0px;
	margin-bottom: 10px;
        padding-left: 20px;
	}

/* use with comments, when turned on */

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}

.reply {
    background-color: #F5F5F5;
    padding: 0.25em 0.5em 0.25em 0.5em;
    /*border-top: 1px dotted #B2B2B2;
    border-bottom: 1px dotted #B2B2B2;*/ }

/* calendar styles */ 

#calendar {
  	line-height: 140%;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
  	padding: 2px;
	text-align: center;
	margin-bottom: 10px;
	}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}

#sidebar #calendar h2 {
	color: #666666;
	font-size: 75%;
	text-align: left;
	line-height:1em;
	font-weight: bold;
	letter-spacing: .1em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	text-align: center;
	}	
	
#content form {
	padding: 0 0 1em 0;
	margin: 0;
	font-family:verdana, sans-serif;
	font-size: 75%;
}

/* form labels are clickable */
label {cursor: pointer;}