/*
Theme Name: Ryan Amos Them
Theme URI: http://ryanamos.com
Description: The Wordpress them for the blog of Ryan Amos.
Version: 1.0
Author: Ryan Amos
Author URI: http://ryanamos.com
*/



* {
	margin: 0;
	padding: 0;
}

.clear { clear: both; }

a img { border: none; }

body {
	background: #288ab8 url(images/background.gif) repeat-x top;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #525252;
}

#wrapper {
	width: 928px;
	margin: 0 auto;
}

	#header {
		height: 75px;
		padding: 34px 0 0 0;
	}
		h1 a { 
			color: #ffffff;
			padding-left: 20px;
			text-decoration: none;
			float: left;
		}
h1 span { display: none; }

		h1 a.a {
			width: 240px; height: 18px;
			background: url(images/logo.gif) no-repeat;
			margin: 7px 0 0 0;
			display: block;
			text-indent: -10000px;
			overflow: hidden;
		}

		a.rss-feed {
			width: 37px; height: 36px;
			background: url(images/rss-feed.gif) no-repeat;
			display: block;
			text-indent: -10000px;
			overflow: hidden;
			float: right;
			margin-right: 30px;
		}

	#navigation {
		width: 888px; height: 52px;
		background: url(images/navigation-background.gif) no-repeat top;
		padding: 0 10px 0 29px;
	}

		#navigation ul {
			height: 33px;
			padding: 12px 0 0 0;
			float: right;
		}

			#navigation ul li {
				margin: 0 0 0 2px;
				list-style: none;
				float: left;
			}

				#navigation ul li a {
					height: 33px;
					background: #0c648c;
					line-height: 33px;
					padding: 0 10px;
					display: block;
					float: left;
					font-size: 14px;
					font-weight: bold;
					color: #fff;
					text-decoration: none;
				}

					#navigation ul li a.home {
						height: 14px;
						line-height: 14px;
						padding: 10px 10px 9px 10px;
					}

					#navigation ul li a:hover, #navigation ul li.active a {
						background: #fff;
						color: #0c648c;
					}

#navigation ul li.active a {
background: #fff url(images/home-icon.gif) center center no-repeat;
padding: 10px;
text-indent: -10000px;
display: block;
width: 16px;
height: 14px;
}

		.twitter-feed {
			height: 52px;
			background: url(images/twitter-feed.gif) no-repeat 0 8px;
			padding: 0 0 0 60px;
			line-height: 52px;
			color: #fff;
		}

	#content {
		width: 874px;
		background: url(images/content-background.gif) repeat-y;
		padding: 12px 26px 0px 28px;
	}

		#content #left-content {
			width: 627px;
			padding: 0 10px 20px 0;
			float: left;
		}

			#content #left-content .post {
				padding: 0 0 40px 0;
				clear: both;
			}

				#content #left-content p {
					line-height: 27px;
					padding: 0 0 20px 0;
				}
				
					#content #left-content a {
						color: #131313;
						text-decoration: underline;
					}
					
						#content #left-content a:hover { text-decoration: none; }
				
				#content #left-content .post span.categories {
					line-height: 20px;
					font-family: Georgia, Serif;
					font-size: 11px;
					color: #8f8f8f;
				}

					#content #left-content .post span.categories a { color: #8f8f8f; text-decoration: none; }

						#content #left-content .post .categories a:hover { text-decoration: underline; }

				#content #left-content .post h2 {
					padding: 0 0 6px 0;
					border-bottom: 1px solid #e7e7e7;
				}

				#content #left-content .post h2, #content .post h2 a {
					font-family: Georgia, Serif;
					font-size: 23px;
					font-weight: normal;
					color: #131313;
					text-decoration: none;
				}

					#content #left-content .post h2 a:hover { text-decoration: underline; }

				#content #left-content .post .post-meta {
					line-height: 14px;
					padding: 8px 0;
					margin: 0 0 10px 0;
					border-bottom: 3px solid #e7e7e7;
					font-family: Georgia, Serif;
					color: #d6d6d6;
				}

					#content #left-content .post .post-meta strong { color: #616161; }

					#content #left-content .post .post-meta a {
						font-weight: bold;
						color: #0c648c;
						text-decoration: none;
					}

						#content #left-content .post .post-meta a:hover { text-decoration: underline; }
						
				#content #left-content .post h3 {
					font-family: Georgia, Serif;
					font-size: 18px;
					font-weight: normal;
					color: #131313;
					text-decoration: none;
					padding: 20px 0 6px 0;
					margin: 0 0 20px 0;
					border-bottom: 1px solid #e7e7e7;
				}

		#content #sidebar {
			padding-bottom: 0; margin-bottom: 0;
			width: 237px;
			float: right;
		}

			#content #sidebar li.sidebar-box {
				width: 237px;
				list-style: none;
			}

				#content #sidebar li.sidebar-box h3.blue, #content #sidebar li.sidebar-box h3.grey {
					width: 219px; height: 34px;
					background: url(images/sidebar-blue-h3.gif) no-repeat;
					line-height: 34px;
					padding: 0 0 0 18px;
					display: block;
					font-family: Georgia, Sans-Serif;
					font-size: 12px;
					font-weight: none;
					color: #fff;
				}

				#content #sidebar li.sidebar-box h3.grey {
					background: url(images/sidebar-grey-h3.gif) no-repeat;
					color: #181818;
				}

				#content #sidebar li.sidebar-box .sidebar-content {
					width: 219px;
					background: url(images/sidebar-background.gif) no-repeat;
					display: block;
					padding: 10px 0 10px 18px;
					line-height: 26px;
					list-style: none;
				}

					#content #sidebar li.sidebar-box .sidebar-content li {
						line-height: 18px;
						margin: 0 0 10px 0;
						border-bottom: 1px solid #d9d9d9;
					}

						#content #sidebar li.sidebar-box .sidebar-content li strong { display: block; }

					#content #sidebar li.sidebar-box .sidebar-content li, #content #sidebar li.sidebar-box .sidebar-content p {
						padding: 0 0 10px 0;
					}

					#content #sidebar li.sidebar-box .sidebar-content a {
						color: #404040;
						text-decoration: underline;
					}

						#content #sidebar li.sidebar-box .sidebar-content a:hover { text-decoration: none; }

	#footer {
		width: 903px;
		display: block;
		text-align: right;
		padding: 20px;
		color: #fff;
		clear: both;
	}
		#footer a { color: #fff; } 
	
.commentlist li {
	list-style: none;
	border-bottom: 1px solid #e7e7e7;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}
	
#commentform input#author, #commentform input#url, #commentform input#email, #commentform textarea {
	border: 1px solid #e7e7e7;
	}
	
#commentform input, #commentform textarea { padding: 4px; }