@charset "UTF-8";
/* CSS Document */
/*   
Theme Name: spacefeeds
Theme URI: http://spacedapps.com
Description: custom theme for spacefeeds.com
Author: jeremiahjobe
Author URI: http://www.jeremiahjobe.com
Template: 
Version: 1.5
**** end information for wordpress theme ****
** site specific information **
What: spacefeeds.com style by jeremiahjobe
Site: spacefeeds.com
Author: Jeremiah Jobe
Author URI: jeremiahjobe.com
Author Blog: theotherdayago.com
Attribution: SPACE:D apps
Attribution Site: spacedapps.com
.
spacefeeds by SPACE:D apps is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.
Based on a work at spacefeeds.com.
.
the license only covers the author's work and does NOT extend to 'feeds,' media or other data used and/or collected by/for this site
.
*/
/* default html tags */
* {
	margin: 0; /* clear margin for all elements */
	padding: 0; /* clear padding for all elements */
}
body {
	font-family: 'Lucida Grande', Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	background: #000011 url(images/bg_px_main.png) repeat;
	color: #ccc;
}
p {
	padding: 10px 0 0 0;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #ccc;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}
a img {
	border: none;
}
/* id attributes */
/* structural id attributes */
#header_bg {
	width: 100%;
	background: url(images/bg_px_01.png) repeat;
	border-top: 6px solid #666;
}
#header {
	margin: 0 auto;
	padding: 6px;
	width: 960px;
	font-family: Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align: left;
	background-image: url(images/spacefeeds_logo_sm.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#header span a {
	margin: 0 25px 0 0;
	width: 100%;
	color: #ccc;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	opacity: .5;
	float: right;
	clear: left;
}
#header h1 {
	margin: 0 0 0 60px;
	float: left;
	width: 960px;
	font-size: 48px;
	padding: 0 0 10px 0;
}
#header h1 a {
	text-decoration: none;
	color: #fff;
}
#header h1 a:hover {
	text-decoration: none;
	color: #FF9900;
}
#top_gradient {
	width: 100%;
	height: 20px;
	background: url(images/bg_grad_top.png) repeat-x;
}
#navmenu { /* used to contain and center the navmenu */
	margin: 0 auto;
	width: 960px;
	text-align: right;
}
#navmenu ul {
	margin: 0 20px 0 0;
	padding: 6px 0 0 0;
	line-height: 20px;
	list-style-type: none;
	list-style-image: none;
}
#navmenu li {
	display: inline;
}
#navmenu ul li a {
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-decoration:none;
	font-size: 12px;
	text-transform: lowercase;
	color: #fff;
}
#navmenu ul li a:hover {
	text-decoration: none;
	color: #FF9900;
	background: url(images/bg_px_01.png) repeat;
}
#wrapper { /* used to contain and center all content after header and before footer */
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
#content { /* container for content on home page */
	margin: 0 0 15px 0;
	float: left;
	width: 960px;
}
#container { /* container for content on all pages besides home page */
	padding: 0 0 0 15px;
	float: left;
	width: 730px;
}
#bottom_gradient {
	width: 100%;
	height: 20px;
	background: url(images/bg_grad_bot.png) repeat-x;
}
#footer_bg {
	width: 100%;
	background: url(images/bg_px_01.png);
	border-bottom: 6px solid #333;
}
#footer {
	margin: 0 auto;
	padding: 10px;
	width: 960px;
	height: 70px;
	text-align: center;
	background-image: url(images/spacefeeds_logo_sm.png);
	background-repeat: no-repeat;
	background-position: right center;
}
/* class attributes */
/* generic, site-wide class attributes and some WordPress specific stuff */
.post {
	margin: 0 0 40px 0;
	padding: 10px 0 10px 0;
}
.post h2 {
	font-size: 24px;
}
.postdate {
	margin: 2px 0 0 0;
	padding: 2px;
	border-bottom: 1px solid #666;
	font-size: 11px;
	color: #666;
}
.entry {
	line-height: 18px;
}
.postcontent {
	padding: 0 10px 0 10px;
}
.postmetadata {
	margin: 10px 0 0 0;
	padding: 2px;
	border-top: 1px solid #666;
	font-size: 11px;
	color: #666;
}
.signature {
	margin: 0 0 0 13px;
	padding: 0;
	float: left;
	width: 165px;
	border-right: 1px solid #666;
	display: inline; /* used to fix ie misunderstanding with float left and a margin on the left side */
}
.tags {
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	width: 275px;
	display: inline; /* used to fix ie misunderstanding with float left and a margin on the left side */
}
.navigation {
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
.sidebar {
	margin: 20px 0 25px 10px;
	padding: 10px 0 5px 0;
	float: left;
	width: 200px;
	border-left: 1px solid #666;
	display: inline; /* used to fix ie misunderstanding with float left and a margin on the left side */
}
.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
}
.sidebar ul li {
	margin: 0;
	padding: 5px 0;
}
.sidebar ul li h2 {
	font-size: 14px;
}
.sidebar ul ul li {
	padding: 0;
	line-height: 18px;
}
.image {
	display: block;
	text-align: center;
}
.image a {
	border: none;
}
.footer_credits {
	margin: 0 auto;
	padding: 10px 6px 6px 6px;
	width: 700px;
	text-align: center;
	font-size: 11px;
}
.footer_about {
	margin: 0 auto;
	padding: 2px;
	width: 700px;
	text-align: center;
	font-size: 10px;
}
.legal {
	margin: 0 auto;
	padding: 6px;
	width: 700px;
	text-align: center;
	font-size: 10px;
}
.cleared { /* used to clear at the end of each structural section */
	clear: both;
}
/* style for the feeds */
/* simplepie feeds -  structural class attributes */
.section {
	margin: 10px 0 15px 0;
	float: left;
	width: 960px;
}
/* simplepie general style */
.feedtitle {
	margin: 0 0 12px 0;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.feedtitle a {
	color: #fff;
	text-decoration: none;
}
.title {
	font-size: 10px;
}
.description {
	font-size: 10px;
	color: #333;
	padding: 6px 6px 2px 6px;
}
.time {
	font-size: 9px;
	color: #666;
	text-align: right;
	padding: 4px 6px 6px 6px;
}
/* style for the simplepie loop - used more as an identifier than for styling purposes */
.simplepie {
	margin: 0;
	padding: 0;
}
.simplepie ol, ul, li {
	list-style: none;
}
/* headlines style */
/* basically, used for any feed block that contains only headlines */
.headlines {
	padding: 10px;
	float: left;
	width: 300px;
}
.headlines li {
	border-top:1px solid #666;	/* Create lines between each item - placed above each item */
}
/* description on hover is accomplished with this - credit to http://psacake.com/web/jl.asp */
.headlines li a {
	padding: 4px 0 4px 1px;
	display: block;
	position: relative;
	z-index: 24;
	color: #99CCFF;
	text-decoration: none;
	border-width: 0;
}
.headlines li a:hover {
	z-index: 25;
	background: url(images/bg_px_03.png) repeat;
	color: #fff;
	text-decoration: none;
	border-width: 0;
}
.headlines li a div.hover_dscr { /* this hides the description block until hover */
	display: none;
}
.headlines li a:hover div.hover_dscr { /* the div.hover_dscr will display when hovering */
	display: block;
	position: absolute;
	top: 40px;
	left: 25px;
	width: 300px;
	background: url(images/bg_px_dsc.png) repeat;
	border: 2px solid #666;
	text-align: left;
	overflow: hidden;
}
/* image of the day (iotd) style */
/* for the iotd feed */
.iotd {
	padding: 10px;
	float: left;
	width: 300px;
}
.iotd li {
	border: 1px solid #666;
	text-align: center;
}
/* description on hover is accomplished with this - credit to http://psacake.com/web/jl.asp */
.iotd li a {
	padding: 10px;
	display: block;
	position: relative;
	z-index: 24;
	color: #99CCFF;
	text-decoration: none;
	border-width: 0;
}
.iotd li a:hover {
	z-index: 25;
	background: url(images/bg_px_03.png) repeat;
	color: #fff;
	text-decoration: none;
	border-width: 0;
}
.iotd li a div.hover_dscr { /* this hides the description block until hover */
	display: none;
}
.iotd li a:hover div.hover_dscr { /* the div.hover_dscr will display when hovering */
	display: block;
	position: absolute;
	top: 200px;
	left: 25px;
	width: 300px;
	background: url(images/bg_px_dsc.png) repeat;
	border: 2px solid #666;
	text-align: left;
	overflow: hidden;
}
/* youtube style */
/* for youtube and other similar feeds */
.youtube {
	padding: 10px 10px 10px 14px;
	float: left;
	width: 960px;
}
.youtube li {
	width: 140px;
	display: inline;
	float: left;
	border: 1px solid #666;
	margin: 0px 7px 10px 7px;
	height: 100px;
	text-align: center;
}
/* description on hover is accomplished with this - credit to http://psacake.com/web/jl.asp */
.youtube li a {
	padding: 5px 10px 5px 10px;
	display: block;
	position: relative;
	z-index: 24;
	color: #99CCFF;
	text-decoration: none;
	border-width: 0;
}
.youtube li a:hover {
	z-index: 25;
	background: url(images/bg_px_03.png) repeat;
	color: #fff;
	text-decoration: none;
	border-width: 0;
}
.youtube li a div.hover_dscr { /* this hides the description block until hover */
	display: none;
}
.youtube li a:hover div.hover_dscr { /* the div.hover_dscr will display when hovering */
	display: block;
	position: absolute;
	top: 110px;
	left: 25px;
	width: 300px;
	background: url(images/bg_px_dsc.png) repeat;
	border: 2px solid #666;
	text-align: left;
	overflow: hidden;
}
/* flickr style */
/* for flickr and other similar feeds */
.flickr {
	padding: 10px 10px 10px 12px;
	float: left;
	width: 960px;
}
.flickr li {
	width: 85px;
	height: 85px;
	display: inline;
	float: left;
	border: 1px solid #666;
	margin: 0px 3px 6px 3px;
	text-align: center;
}
/* description on hover is accomplished with this - credit to http://psacake.com/web/jl.asp */
.flickr li a {
	padding: 5px;
	display: block;
	position: relative;
	z-index: 24;
	color: #99CCFF;
	text-decoration: none;
	border-width: 0;
}
.flickr li a:hover {
	z-index: 25;
	background: url(images/bg_px_03.png) repeat;
	color: #fff;
	text-decoration: none;
	border-width: 0;
}
.flickr li a div.hover_dscr { /* this hides the description block until hover */
	display: none;
}
.flickr li a:hover div.hover_dscr { /* the div.hover_dscr will display when hovering */
	display: block;
	position: absolute;
	top: 95px;
	left: 25px;
	width: 300px;
	background: url(images/bg_px_dsc.png) repeat;
	border: 2px solid #666;
	text-align: left;
	overflow: hidden;
}
/* ip_headlines style */
/* for any feed block that contains only ip_headlines (ISS International Partner Headlines)
this creates a four collumn section */
.ip_headlines {
	padding: 10px;
	float: left;
	width: 215px;
}
.ip_headlines li {
	border-top:1px solid #666;	/* Create lines between each item - placed above each item */
}
/* description on hover is accomplished with this - credit to http://psacake.com/web/jl.asp */
.ip_headlines li a {
	padding: 4px 0 4px 1px;
	display: block;
	position: relative;
	z-index: 24;
	color: #99CCFF;
	text-decoration: none;
	border-width: 0;
}
.ip_headlines li a:hover {
	z-index: 25;
	background: url(images/bg_px_03.png) repeat;
	color: #fff;
	text-decoration: none;
	border-width: 0;
}
.ip_headlines li a div.hover_dscr { /* this hides the description block until hover */
	display: none;
}
.ip_headlines li a:hover div.hover_dscr { /* the div.hover_dscr will display when hovering */
	display: block;
	position: absolute;
	top: 40px;
	left: 25px;
	width: 300px;
	background: url(images/bg_px_dsc.png) repeat;
	border: 2px solid #666;
	text-align: left;
	overflow: hidden;
}