/*   
Theme Name: Guampedia
Theme URI: http://guampedia.com
Description: custom theme for Guampedia
Author: Leo Babauta
Author URI: http://zenhabits.net

.
Uncopyrighted.
.
*/

body {
	font-family: Verdana;
	background: #005e84 url(images_home/background.png) repeat-y scroll center;
	margin-top: 0;
}

/* Homepage Elements */

div.container > #header {
	height: 107px;
	width: auto;
	margin-bottom: 19px;
}

div.container > #footer {
	text-align: center;
	margin-top: 22px;
	padding-top: 8px;
	background-color: #e6e6e6;
}

div.container > #footer #copyright {
	font-size: 10px;
	color: #666;
	margin-top: -14px;
}

h1#logo {
	background-image: url(images_home/logo.png);
	height: 107px;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
}

h2#banner {
	height: 107px;
	margin: 0 0 0 -8px;
	padding: 0;
	width: 574px;
}


#nav-sidebar {
	width: 162px;
	margin-right: 20px;
	background-image: url(images_home/sidebar-background.png);
	border-bottom: 1px solid #9f9f9f;
	background-color: #eaeaea;
}

#nav-sidebar hr {
	margin-left: 8px;
	width: auto;
	margin-right: 8px;
	background-color: #d8d8d8;
}

#nav-sidebar p {
	margin-left: 10px;
	margin-right: 10px;
	font-size: .9em;
}

#nav-sidebar ul {
	margin: 0;
}

#nav-sidebar ul li {
	list-style-type: none;
	line-height: 0;
}

*html #nav-sidebar ul li {
	list-style-type: none;
	line-height: 0;
	margin-bottom: -2px;
}

#nav-sidebar h5  {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	background-color: #610B0B;
	color: #fff;
	text-transform: none;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 0px;
	margin-bottom: 1px;
}

#nav-sidebar h5 a{
	text-decoration: none;
	color: #fff;
}

#nav-sidebar h6  {
	background-color: #337947;
	color: #fff;
	text-transform: uppercase;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 6px;
}

#search {
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 10px 0 16px;
}

#search input#query {
	width: 20px;
	margin-left: 10px;
}

#search input#button {
	position: relative;
	top: 4px;
}

#search h6 {
	background-color: transparent;
	text-transform: capitalize;
	color: #424242;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}

#time {
	color: #424242;
	font-size: .9em;
	padding-top: 2px;
	margin-bottom: 20px;
	background-image: url(images_home/icon-clock.png);
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 10px 2px;	
}




#time h6 {
	background-color: transparent;
	text-transform: capitalize;
	color: #424242;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

#whats-new {
	margin-bottom: 5px;
}

#whats-new h6 {
	margin-bottom: 3px;
}

#whats-new h5 {
	margin-left: 10px;
	margin-bottom: 0;
	font-size: 11px;
}

#whats-new h2 {
	display:none;
}

#whats-new p {
	margin-left: 2px;
	margin-right: 2px;
	font-size: 10px;
}

#whats-new img.alignleft {
	padding: 1px
	float:left;
	margin:0 1em 1em 0
	display: inline;
}

#whats-new img.alignright {
	padding: 1px
	float:right;
	margin:0 0 1em 1em
	display: inline;
}

#whats-new img.aligncenter {
	padding: 1px
	float:center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#feature  {
	background-color: #4f0003;
	color: #fff;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: .9em;
}

#feature h3 {
	color: #fff;
	margin-bottom: 12px;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#feature #video {
	margin-left: 18px;
	margin-right: -9px;
}

/* Fix for IE6 */

* html #feature #video {
	margin-left: 9px;
	margin-right: -9px;
	padding: 0;
}

#feature a {
	color: #fff;
	font-size: .9em;
}

#welcome {
	background-color: #1f88b8;
	color: #fff;
	padding-bottom: 7px;
	height: 345px;
}

#welcome p {
	padding-left: 20px;
	padding-right: 20px;
	font-size: .9em;
}

#welcome h5  {
	color: #fff;
	text-transform: uppercase;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 6px;
	margin-bottom: 4px;
	background-image: url(images_home/welcome-bg.jpg);
	height: 31px;
}

#articles {
	background-color: #d6ccc0;
	padding-bottom: 7px;
	height: 345px;
}

#articles h4 {
	margin-bottom: 8px;
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-bottom: 1px solid #7f7f7f;
	padding-bottom: 1px;
}

#articles h5  {
	color: #fff;
	text-transform: uppercase;
	padding-top: 8px;
	padding-bottom: 6px;
	margin-bottom: 5px;
	padding-left: 10px;
	background-image: url(images_home/featured-bg.jpg);
	height: 31px;
}

#articles .feature {
	padding-left: 19px;
	padding-right: 19px;
}

#articles .feature img {
	float: left;
        vertical-align:text-top;
	border: 1px solid #909090;
	margin-right: 15px;
}

#articles .feature p {
	font-size: 11px;
	margin-left: 10px;
}

#timeline h5  {
	background-color: #a7a7a7;
	color: #fff;
	text-transform: uppercase;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 9px;
	margin-top: 20px;
	background-image: url(timeline-bg.jpg);
}

#timeline p {
	font-size: .9em;
	height: 117px;
}

#project-info p {
	padding-top: 123px;
	text-align: left;
	background-position: center;
}

#entry {
	
}

#entry h1 {
	padding-bottom: 2px;
	font: bold 25px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#entry h2 {
	margin-bottom: 2px;
	font: bold 25px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* My Comment */

#entry h3 {
	font-size: 11px;
	line-height: .5em;
	color: #666;
}

#entry #header hr {
	margin-bottom: 0;
}

#entry #header ul#options {
	font-size: 11px;
	margin-right: 8px;
	float: right;
	margin-top: -54px;
}

#entry #header ul#options li {
	list-style-type: none;
	float: left;
	margin-left: 28px;
}

#entry #back a {
	font-size: 11px;
	float: right;
	font-weight: bold;
}

#entry #cite h4 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 6px;
}

#entry #footer #tag {
	margin-bottom: 27px;
}

#entry #cite {
	font-size: 11px;
}

#entry #footer #survey {
	margin-top: 30px;
	border-top: 4px solid #cbcbcb;
	padding-top: 20px;
}

#entry #footer #feedback {
	font-size: 11px;
}

div#outline h2, div#images h2 {
	font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;
}

div#outline {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
	padding-bottom: 12px;
	background-color: #f6f5df;
	padding-top: 10px;
	padding-left: 7px;
}

div#outline h2 {
	color: #005e84;
	overflow: hidden;
}

div#outline ol {
	margin-bottom: 0;
}

div#images {
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
	background-color: #f6f5df;
	padding-left: 10px;
	padding-top: 7px;
}

div#images h5 {
	color: #337947;
	font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;
}

div#images img {
	border: 0;
	padding: 0px;
}

div#images img:hover {
	border-color: #1c00fb;
}

div#images2 {
	width: 162px;
	margin-right: 5px;
}
div#images2 {
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
	background-color: #f6f5df;
	padding-left: 10px;
	padding-top: 5px;
}

div#images2 h5 {
	color: #337947;
	font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;
}

div#images2 img {
	border: 0;
	padding: 0px;
}

div#images2 img:hover {
	border-color: #1c00fb;
}	

div#images2 p {
	margin-left: 10px;
	margin-right: 10px;
	font-size: .9em;

}
/* Breadcrumb */

div.breadcrumb {
	background-color: #e6e6e6;
	margin-bottom: 2em;
	padding: 6px;
}

div.breadcrumb ol {
	margin-left: 0;
	margin-bottom: 0;
}

div.breadcrumb ol li {
	display: inline;
	margin-right: .2em;
}

div.breadcrumb ol li a {
	background: url(images_home/breadcrumb-separator.png) no-repeat right;
	padding-right: 1.5em;
}

div.breadcrumb ol li#current {
}

/* @group Pipelist */

.pipelist {
	overflow: hidden;
}
	
.pipelist ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
	
.pipelist li {
	border-left: 1px solid #e3e3e3;
	float: left;
	line-height: 1.5em;
	padding: 0 .9em;
	margin: 0 0 0 -.9em;
	list-style-type: none;
}

.pipelist li:first-child {
	border-left-style: none;
}

.pipelist li:last-child {
	padding-right: 0;
	margin-right: 0;
	margin-left: 0 !important;
}

/* Temporary Article Features */

#featured_articles_tmp  {
	color: #fff;
	padding-top: 13px;
	font-size: .9em;
	background-color: #387C44;
	padding-bottom: 15px;
	border-top: 10px solid #006666;
}

#featured_articles_tmp h3 {
	color: #fff;
	margin-bottom: 10px;
	padding-left: 2px;
	text-shadow: #000 1px 1px 3px;
	font: bold 2.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#featured_articles_tmp h4 {
	color: #af8182;
	margin-bottom: 4px;
	font: normal normal 1em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #261711 1px 1px 0;
}

#featured_articles_tmp_inner {
	overflow: hidden;
	padding-left: 14px;
}

.feat_tmp {
	width: 102px;
	margin-right: 6px;
	float: left;
	margin-left: 3px;
	display: inline;
}

.feat_tmp img {
	width: 100px;
	border: 10px solid #565656;
	margin-bottom: 4px;
}

.feat_tmp a {
	color: #fff;
}

.feat_tmp {
	
}

#featured_article_links_tmp {
	padding-left: 14px;
	font-size: 1.1em;
	overflow: hidden;
	padding-top: 8px;
	margin-left: 2px;
}

#featured_article_links_tmp .fal_col {
	width: 160px;
	float: left;
	margin-right: 40px;
}

#featured_article_links_tmp .fal_col.last {
	margin-right: 0;
}

#featured_article_links_tmp h5 {
	color: #fff;
	font-weight: bold;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-left: 2px;
	margin-bottom: .5em;
}

#featured_article_links_tmp h5.last {
	margin-top: 1.0em;
}

#featured_article_links_tmp a {
	color: #FF7F24;
	font-size: .9em;
}

#featured_article_links_tmp li {
	list-style-type: square;
	list-style-position: inside;
}

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}