@import url('http://fonts.googleapis.com/css?family=Kreon');
@import url('http://fonts.googleapis.com/css?family=Cabin');
@import url('http://fonts.googleapis.com/css?family=Francois+One');

p, li { font-family: Cabin; }
h1, h2, h3 { font-family: 'Francois One', Kreon; font-weight: normal; }

/*********************************************
HYPERLINK STYLES
*********************************************/
a {
	color:#0000FF;
	text-decoration:underline;
	padding:0 1px;
}

a.namelink {
	padding:0;
	margin:0;
	overflow:hidden;
	height:1px;
}

h4 a,
.sample_feeds a {
	color:#000;
}


/*********************************************
GENERAL STYLES
*********************************************/
* { padding: 0; margin: 0; }

img { border: none; }
img { -ms-interpolation-mode: bicubic; }

body {
	/*font:12px/18px Verdana, sans-serif;*/
	font:14px/1.5em  "Lucida Grande", Tahoma, sans-serif;
	letter-spacing:0px;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0 0 0 85px;
}

div#site {
	width:575px;
	margin:0 auto 0 25px;
}
div#right {
	width: 250px;
	position: absolute;
	top: 100px;
	left: 725px;
}

div#twitter_hebot {
	position: absolute;
	top: 5px;
	left: 725px;
	width: 250px;
	z-index: 999;
}
#twitter_hebot p {
	font-size: 11px;
	line-height: 120%;
	color: #194105;
}

#news-halfeagle-com div#site {
	width:90%;
	margin:0 5%;
}

#news_footer {
	width:90%;
	margin:0 5%;
}


h2.image {
	margin:0;
	padding:0;
	text-align:center;
}

h3 {
	margin: 0 0 0 0;
	padding:0;
	font-size:1.5em;
}
h3.titles {
	margin: 0 0 0 0;
	padding: 0 0 .2em 0;
	font-size: 1.8em;
	line-height: 1.2em;
}
h3.titles a {
	color: #7D4E00;
	text-decoration: none;
}
h3.titles a:hover {
	text-decoration: underline;
}
.thanks { margin-top: 1.5em; }

.thanks h3
{
	color: #7D4E00;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: 0;
}

.thanks ul { color: #7D4E00; }

.thanks li
{
	font-size: 12px;
	color: #7D4E00;
	padding: 0; margin: 0;
}

h5 {
	margin:10px 0 0 0;
	padding:0;
	font-size:1em;
	font-weight:bold;
}

em { }

p {
	margin:0;
	padding:5px 0;
}

ul, ol {
	margin:10px 0 10px 20px;
	padding:0 0 0 15px;
}

ul li, ol li {
	margin:0 0 7px 0;
	padding:0 0 0 3px;
}

form {
	margin:0;
	padding:0;
}

code {
	font-size:1em;
	background-color:#f3f3ff;
	color:#000;
}

div#site pre {
	background-color:#f3f3ff;
	color:#000080;
	border:1px dotted #000080;
	overflow:auto;
	padding:3px 5px;
}

blockquote {
	font-size:1em;
	color:#666;
	border-left:4px solid #666;
	margin:10px 0 10px 30px;
	padding:0 5px 0 10px;
	background:#f3f3f3 url(background_blockquote.png) repeat top left;
}

input, select, textarea {
	font-size:12px;
	line-height:1.2em;
	padding:2px;
}

input[type=text], input[type=password], select, textarea {
	background-color:#e9f5ff;
	border:1px solid #333;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
	background-color:#ffe;
}

.clearLeft {clear:left;}
.clearRight {clear:right;}
.clearBoth {clear:both;}
div.clear {clear:both; height: 1px; }
.hide {display:none;}

.fr { float: right; }
.fl { float: left; }
img.fr { padding-left: 6px; }
img.fl { padding-right: 6px; }

.fss { font-size: small; }
.fsxs { font-size: x-small; }

/*********************************************
CONTENT STYLES
*********************************************/

div.item {
	clear: both;
	padding-top: 1.2em;
	padding-bottom: 0;
	padding-left: 5px;
	font-size: 12px;
	line-height: 1.4em;
	color: #1F5600; 
	color: #8FAA7F; 
	color: #578040; 
}
#news-halfeagle-com #items { clear: both; }

#news-halfeagle-com div.item {
	clear: none;
	width: 66%;
	padding-left: 0;
	padding-bottom: 5px;
	float: left;
	font-size: 11px;
}
#news-halfeagle-com div.top3 {
	clear: none;
	width: 33%;
	overflow: hidden;
	padding-left: 0;
	float: left;
	font-size: 12px;
}
#news-halfeagle-com div.item h3 {
	line-height: 110%;
}
#news-halfeagle-com div.top3 h3 {
	font-size: 24px; line-height: 110%;
}

#news-halfeagle-com div.firstbelow3 {
	clear: left;
}

#news-halfeagle-com div.item .webthumb {
	float: right;
}
#news-halfeagle-com div.item .webthumb img {
	width: 75px;
	height: 54px;
}
#news-halfeagle-com div.top3 .webthumb img {
}
#news-halfeagle-com div.item h3, #news-halfeagle-com div.item p {
	margin-left: 10px; margin-right: 10px;
}
p.flood {
	padding-top: 0;
	padding-bottom: .6em;
	padding-left: 5px;
 color: #1F5600; font-size: 10px; text-align: right; }

#items div.odd
{
	//background: #FCF8EA;
}
#news-halfeagle-com #items div.odd
{
	background: #fff;
}

div.item.he
{
	padding-top: .5em;
	padding-bottom: .5em;
	padding-right: 32px;
	background-image: url('/pie/recruiter_16-left.png');
	background-repeat: no-repeat;
	background-position: right 8px;
	background-color: #FFF;
	text-align: right;
}
div.item.he h3 { font-size: 12px; font-weight: normal; color: #7D4E00; }
div.item.he p.footnote { display: none; }

div.item.ideas
{
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 50px;
	background-image: url('/pie/vote_blue_32.png');
	background-repeat: no-repeat;
	background-position: 10px center;
}
div.item.ideas h3 { font-size: 14px; }
div.item.ideas p.footnote { display: none; }
a.inno { color: inherit; text-decoration: none; }
a.inno:hover { text-decoration: underline; }

div.item.ideas.color_red { background-image: url('/pie/vote_red_32.png'); }
div.item.ideas.color_black { background-image: url('/pie/vote_black_32.png'); }
div.item.ideas.color_grey { background-image: url('/pie/vote_grey_32.png'); }

div.item img {
	max-width: 120px;
	max-height: 100px;
}
div.item a.postImgA {
	margin-right: 1em; 
}

div.item td.leftTd { width: 140px; padding-right: 1em; text-align: right; vertical-align: top; }
div.item td.rightTd p { max-width: 480px; overflow: hidden; padding-top: 0; margin-top: 0; }

div.ficon { position: absolute; width: 600px; text-align: right; }
div.ficon img { float: right; }

div.topchunk {
	margin:0 !important;
}

.footnote {
	font-size: 10px;
	color: #578040;
	white-space: nowrap;
}
.footnote a {
	color: #578040;
	text-decoration: none;
}
.footnote a:hover {
	text-decoration: underline;
}
.footnote,
.footnote a {
}

.footnote em {
	background-color:transparent;
	font-style:italic;
}

.footnote code {
	background-color:transparent;
	font:11px/14px monospace;
	color:#aaa;
}

.footnote img {
	vertical-align: text-bottom;
}
.footnote .fb_iframe_widget {
	vertical-align: middle; margin-top: -1px; margin-left: 5px;  
	margin-bottom: 0 !important; padding-bottom: 0 !important;
}

img.podcastImage { float: right; margin-left: .5em; }

p.subscribe {
	background-color:#f3f3f3;
	font-size:12px;
	text-align:center;
}

p.highlight {
	background-color:#ffc;
	font-size:12px;
	text-align:center;
}

p.sample_feeds {
	font-size:12px;
	line-height:1.2em;
}

div.sp_errors {
	background-color:#eee;
	padding:5px;
	text-align:center;
	font-size:12px;
}

.noborder {
	border:none !important;
}

img.favicon {
	margin:0 4px -2px 0;
	width:16px;
	height:16px;
}

p.favicons a,
p.favicons a:hover {
	border:none;
	background-color:transparent;
}

p.favicons img {
	border:none;
}

div.header {
	margin-bottom: 1em;
}
div.header h1 {
	padding: 0; margin: 0;
}
div.header h1 a {
	display: block;
	background: url('http://halfeagle.com/pie/halfeagle-logo-2010.png') no-repeat top left;
	height: 40px;
	
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 0;
	margin-left: 30px;
}
div.header h1 a em {
display: none;
}
div.header h1 a img {

}
#countries { float: left; }

div.header p {
	font-size: 11px;
	font-family: Arial;
	color: #060;
	padding: 0 0 0 0; margin: 2px 0 0 0; 
	line-height:1.35em;
}
div.headerbottom {
	clear: both;
	height: 2em;
	margin-bottom: .5em;
}

#news-halfeagle-com div.header {
	background: #C7D5BF; color: #fff;
}
#news-halfeagle-com div.header p {
	color: #194105;
}


div.navigation { font-size: 11px; padding: 0; margin: 1px 0 0 0; }
div.navigation ul { list-style-type: none; margin: 0; padding: 0; }
div.navigation ul li { display: block; float: left; padding-right: 1em; color: #194105; }
div.navigation ul li a { padding: 0; margin: 0; color: #E0BF34; text-decoration: none; font-weight: bold; }
div.navigation ul li a:hover { text-decoration: underline; }
div.navigation ul select { font-size: xx-small; }
div.navigation ul li img { margin-top: 4px; }

#right h2 a
{
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-align: right; 
	color: #FFF;
	background: #7D4E00;
	text-decoration: none;
	padding: 20px 6px 0 6px; 
}
#right #resources h2
{
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-align: right; 
	color: #FFF;
	background: #194105;
	text-decoration: none;
	padding: 20px 6px 0 6px; 
}

#right #topics p { font-size: 12px; margin-bottom: 0; padding-bottom: 0; }

#right #podcasts h2
{
	display: block;
	width: 250px; height: 55px;
	background: url('/pie/he-podcast.png') no-repeat top center;
}
#right #podcasts h2 span
{
	display: none;
}

#right #podcasts ul
{
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
}
#right #podcasts ul li 
{
	list-style-type: none;
	clear: left;
	margin: 11px 0 0 0;
	padding: 0 0 0 0;
	line-height: 16px;
}

div.podcast_icons a img { vertical-align: middle; }
div.podcast_icons object { vertical-align: middle; }

#right #podcasts ul li div.podcast_icons
{
	display: block; height: auto; width: 64px; text-align: right; margin-right: 3px; padding-top: 14px; 
	float: left;
}
#right #podcasts ul li div.podcast_icons a img
{
	margin-right: 5px;
}

#right #podcasts ul li strong
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 14px; color: #7D4E00;
	line-height: 16px;
}
#right #podcasts ul li strong a
{
	color: #7D4E00;
	text-decoration: none;
}
#right #podcasts ul li strong a:hover
{
	text-decoration: underline;
}
#right #podcasts ul li span
{
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10px; color: #E0BF34;
}
#right #podcasts ul li span a
{
	color: #E0BF34;
	text-decoration: none;
}
#right #podcasts ul li span a:hover
{
	text-decoration: underline;
}


.google a
{
	background: #194105 !important;
}
.postrank a
{
	background: #052041 !important;
}
.popbysite a
{
	background: #FF8400 !important;
}
.tweets a { background: #1A6680 !important; }

ul.popsites { list-style-type: none; margin-left: 0; padding-left: 0; }
ul.popsites li { margin-left: 0; padding-left: 0; }
ul.popsites ol { margin-left: 0; padding-left: 0; }
ul.popsites ol li { margin-left: 2em; padding-left: 0; }

ul.popsites li a.popsite { color: green; font-weight: bold; text-decoration: none; }
ul.popsites li a.popsite:hover { text-decoration: underline; }

#flickrWrap {
	position: fixed; top: 0; left: 0; 
	width: 75px;
	border-right: 10px solid #8FAA7F;
	border-right: 10px solid #194105;
}
#flickrWrap.flickrTall {
}

#flickr ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#flickr ul li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 75px; height: 75px;
	border: none;
}
#flickr ul li a {
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}
#flickr a {	}
#flickr a:hover { }
#flickPeStop { text-align: right; cursor: pointer; cursor: hand; font-size: x-small; font-weight: bold; color: #7D4E00; }
#flickPeStop:hover { text-decoration: underline; }

#news div { padding: .5em .5em .5em .5em; background: #C7D5BF; font-size: 11px; line-height: 1.5em; }
#news div.odd { background: #DEE6D9; }
#news a { margin: 0; padding: 0; padding-left: 10px; color: #194105; }
#news a.first { padding-left: 0; margin-right: 4px; font-size: 12px; line-height: 1.5em; font-weight: bold; color: #194105; text-decoration: none; }
#news a.first:hover { text-decoration: underline; }
#news i { font-style: normal; font-size: 10px; }
#news nobr { font-size: 10px; }

#links ul, #links li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* pale green #BCCDB3 */
/* pale green #D2DDCC */
/* pale yellow #FFF5C4 */
/* pale yellow #FFF9DC */

#links li { background: #FFF5C4; padding: 3px 6px 3px 6px; }
#links li.odd { background: #FFF5C4; }
#links li.even { background: #FFF9DC; }
#links li a { font-size: 12px; font-weight: bold; color: #7D4E00; padding: 0 0 0 0; margin: 0 0 0 0; }
#links li a.del { font-size: 11px; font-weight: normal; color: #666; text-decoration: none;
}
#links li a.del:hover { text-decoration: underline; }

#links li i { font-size: 11px; font-style: normal; }

#resources ul, #resources li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* pale green #BCCDB3 */
/* pale green #D2DDCC */
/* pale yellow #FFF5C4 */
/* pale yellow #FFF9DC */

#resources li { width: 244px; display: block; float: left; background: #FFF5C4; padding: 2px 0 2px 6px; }
#resources li.resc_bst { background: #BCCDB3; }
#resources li.resc_ins { background: #D2DDCC; }
#resources li strong { font-size: 12px; color: #194105; display: block; overflow: hidden; }

#resources li a { display: block; overflow: hidden; font-size: 11px; color: #194105; padding: 0 0 0 0; margin: 0 0 0 0; }

ol#archiveLinks { list-style-type: none; margin: 0 0 0 0; padding: 0; }
ol#archiveLinks li { display: block; float: left; margin: 0; padding: 0; }
ol#archiveLinks li a { display: block; float: left; margin: 0 1em 5em 0; padding: 0; font-size: 11px; }

/*********************************************
SIFR STYLES
*********************************************/
.sIFR-active h3.titles {
	visibility:hidden;
	line-height:1em;
}

.update_status { display: none; font-size: 9px; color: #ccc; }

#new_posts { position: fixed; right: 0; left: 0; bottom: 0; margin: 0; padding: 0 auto; text-align: center; }
#new_posts div { margin: 0 auto; width: 300px; padding: 3px 20px; background: #E0BF34; color: white; font-size: 12px; font-weight: bold; text-align: center; }
#new_posts div a { color: blue; }

#flickrBig { display: block; position:absolute; z-index: -1; top: 0; left: 0; height: 200px; width: 100%; overflow: hidden; background:  center middle no-repeat; }

#about { font-size: .95em; line-height: 135%; }
.legal { font-size: .8em; line-height: 110%; }



/* The container for the twitter search results
   Set the size, position, and overflow here     */
#twitter_search_results {
	margin: auto;
	height: 30em;
	border-bottom: 1px solid #ccc;
	overflow-y: scroll;
	overflow: auto;
}

/* The "Loading Tweets..." message */
#twitter_search_results .loading {
	color: #888;
}

/* The tweets are put into an OL because
   they come back ordered by date         */
#twitter_search_results ol#twitter_results {
	list-style: none; margin: 0; padding: 0;
}

/* Each tweet is a LI inside the OL */
#twitter_search_results li.result {
	border-bottom: 1px dashed #ccc;
	padding: 0.25em 0.25em;
	margin: 0; 
	overflow: hidden; /* for the floated avatar */
}

/* Tweets are tagged with 'even' or 'odd'
   so you can do striping                  */
#twitter_search_results li.result.odd {
	background-color: #f8fcfd;
}

/* Each result has an avatar, message (text), and info */
#twitter_search_results li.result .avatar {
	float:left;
	height:48px;
	width:48px;
	overflow:hidden;
}

#twitter_search_results li.result .text {
	margin-left: 58px;
	font-size: 0.75em;
}

#twitter_search_results li.result .info {
	margin-left: 58px;
	color: #888;
	font-size: 0.75em;
	line-height: 1.5em;
}


/* gifts */
.voteBar { text-align: right; padding-right: 1em; }
.voteBar img { float: none !important; vertical-align: middle; margin: 0 0 0 0 !important; }

#miltowagan table { margin: 0 auto; }
#miltowagan form#miltswitch { text-align: center; }
#miltowagan td { padding: .2em; vertical-align: middle; }
#miltowagan td.img { text-align: center;  }

#miltowagan .errors { margin-left: 0; padding-left: 0; }
#miltowagan .errors li { color: #c00; margin-left: 1.5em; padding-left: 0; }

#signed_in { display: block; position: absolute; top: 0; left: 25px; width: 950px; padding: 2px 0 2px 0; text-align: right; font-size: .7em; }
#signed_in input { font-size: .6em; }


#shorturl #items {
	width: 80%; margin: 1em 10%;
}

#shorturl h1 {
	color: #7D4E00;
	margin-bottom: .5em; 
	line-height: 1.2em;
}
#shorturl h1 a {
	color: #7D4E00;
}
#shorturl h1 a:hover {
}

#shorturl .halfeagle { margin-top: 2em; color: #E0BF34; font-weight: bold; }
#shorturl .halfeagle a { color: #E0BF34; }
#shorturl .author a { color: #1F5600; }

.twitter-promo { font-size: 12px; margin-top: .5em; line-height: 18px; }
.tweettweet { width: 620px; margin-top: 75px; text-align: right; position: absolute;  }

.archive_pagination { font-size: 13px; text-align: center; clear: both; }

#experiment { }
#experiment table { width: 100%; }
#experiment h4 { font-size: 16px; text-align: center; }
#experiment td { font-size: 10px; vertical-align: top; }
#experiment a { font-size: 13px; padding: 0; margin: 0; }
#experiment em { display: block; padding: 0; margin: 0; }

#book_review h4 { }
#book_review ul { list-style-type: none; margin-left: 0; padding-left: 0; }
#book_review ul li { font-size: 12px; margin-left: 0; padding-left: 0; line-height: 100%; }
#book_review ul li em { font-size: 10px; color: #666; }
#book_review div { text-align: center; font-size: 9px; }
#book_review div a {  }

div.webthumb { float: left; margin-right: 5px; }

#contests {}
#contests p { font-size: 13px; line-height: 120%; }
#contests p a { text-decoration: none; }
#contests p a:hover { text-decoration: underline; }
#contests p em { font-size: 11px; color: #555; }


#right #contests h2 a
{
	color: #7D4E00;
	background: #FCF8EA;
}

#right h2.answers
{
	display: block; margin: 0; padding: 0; height: 81px;
}
#right h2.answers a
{
	display: block;
	width: 250px; height: 81px;
	background: url('/pie/halfeagle-answers-widget-logo.png') no-repeat top left;
}
#right h2.answers a span
{
	visibility: hidden;
}

#right #answers ul { margin-left: 0; padding-left: 0; }
#right #answers ul li { list-style-type: none; color: #060; }
#right #answers ul li a { color: #00E; text-decoration: none; }
#right #answers ul li a:hover { text-decoration: underline; }


#contests {
	border: 1px solid #FCF8EA;
}
#contests p {
	padding-left: 5px;
}

#fbapps h2 a { background: #3B5998; }

.popularity { display: block; width: 6px; height: 110px; background: yellow url('/pie/halfeagle-popularity.gif') no-repeat top left; float: left; margin-right: 10px; }

.topic_sort { text-align: right; font-size: .9em; }
.topic_sort a { }


#site_info { margin-top: 24px; margin-left: 160px; }
#site_info h2 { font-size: 48px; line-height: 110%; color:#E0BF34; }
#site_info p { color:#060;  }
#site_info p strong { color:#BCCDB3;  }
#site_info p a { color:#060; }

p.tagline { font-family: Kreon; font-size: 24px; }

.site_pop { float: left; margin-top: 10px; margin-left: 30px; font-size: 11px; color: #BCCDB3; text-align: center; width: 110px; }
.site_pop p { margin: 0; padding: 0;}

.site_pop_w_logo { float: right; margin-top: 10px; margin-left: 10px; font-size: 11px; color: #BCCDB3; text-align: center; width: 110px; }
.site_pop_w_logo p { margin: 0; padding: 0;}

.site_facebook {}
.site_facebook h3 { margin-bottom: 0; margin-top: 1em; }
.site_facebook h3 a { text-decoration: none; color: #3B5998; }
.site_facebook h3 a:hover { text-decoration: underline; }
.site_facebook h3 span { color: #D8DFEA; font-size: 150%; display: block; text-align: right; margin-top: 3px; }

.site_facebook iframe {}

.site_twitter {}
.site_twitter h3 { margin-bottom: 0; margin-top: 1em; color: #C0DEED; }
.site_twitter h3 a { text-decoration: none; color: #8EC1DA; }
.site_twitter h3 a:hover { text-decoration: underline; }
.site_twitter h3 span { color: #C0DEED; font-size: 150%; display: block; text-align: right; margin-top: 3px; }