/*************************/
/* General               */
/*************************/
body {
	background: url(../img/general/bg.jpg);
	margin-top: 10px;
}

/*************************/
/* Header                */
/*************************/
#header {
	margin-bottom: 30px;
	}

	#header #logo a {
		background: url(../img/general/rahil-sondhi-logo.png) no-repeat;
		display: block;
		height: 58px;
		width: 327px;
		}

		#header #logo a span {
			display: none;
			}

	#header #menu {
		height: 38px;
		margin: 4px 0 0 34px;
		width: 556px;
		}

		#header #menu a {
			background: url(../img/menu/menu.png) no-repeat;
			display: inline-block;
			float: left;
			height: 38px;
			margin: 0;
			padding: 0;
			text-decoration: none;
			}

			#header #menu a.home {
				background-position: 0px 0px;
				width: 106px;
				}

			#header #menu a.home:hover, #header #menu a.home.active {
				background-position: 0px -38px;
				}

			#header #menu a.portfolio {
				background-position: -106px 0px;
				width: 127px;
				}

			#header #menu a.portfolio:hover, #header #menu a.portfolio.active {
				background-position: -106px -38px;
				}

			#header #menu a.blog {
				background-position: -233px 0px;
				width: 96px;
				}

			#header #menu a.blog:hover, #header #menu a.blog.active {
				background-position: -233px -38px;
				}

			#header #menu a.about {
				background-position: -329px 0px;
				width: 103px;
				}

			#header #menu a.about:hover, #header #menu a.about.active {
				background-position: -329px -38px;
				}

			#header #menu a.contact {
				background-position: -432px 0px;
				width: 124px;
				}

			#header #menu a.contact:hover, #header #menu a.contact.active {
				background-position: -432px -38px;
				}

/*************************/
/* Home                  */
/*************************/
#home-container {
	background: url(../img/general/content_bg.jpg);
	margin-top: -30px;
	}

	#home-container #content .home-cols div a {
		color: #c2c2c2;
		display: block;
		}

		#home-container #content .home-cols div a:hover {
			color: #9a9dae;
			text-decoration: none;
			}
	
	#home-container .edge {
		clear: both;
		display: block;
		}

		#home-container .edge.top {
			background: url(../img/home/home_content_bg_top.jpg) no-repeat;
			height: 85px;
			}

		#home-container .edge.bottom {
			background: url(../img/home/home_content_bg_bottom.jpg) no-repeat;
			height: 56px;
			}

	#home-container #content {
		margin: -41px 20px -3px 20px;
		}

			#home-container #content #home-header {
				}

				#home-container #content #home-header h1 {
					color: #fff;
					font: 26px Rockwell, Georgia, Serif;
					margin: 20px 0 40px 0;
					text-align: center;
					}

			#home-container #content .home-cols {
				}

				#home-container #content .home-cols div {
					border-right: 1px dotted #ccc;
					float: left;
					margin-right: 10px;
					min-height: 280px;
					padding-right: 10px;
					width: 289px;
					}

				#home-container #content .home-cols div.last {
					border: 0;
					margin: 0;
					padding: 0;
					width: 290px;
					}

					#home-container #content .home-cols .fresh-from-blog .meta {
						display: inline;
						font-size: 90%;
						}

					#home-container #content .home-cols .fresh-from-blog .meta a {
						background: url(../img/icons/tango_sprite.png) no-repeat 0 -499px;
						display: inline-block;
						height: 20px;
						padding-left: 20px;
						}

						#home-container #content .home-cols .fresh-from-blog .meta a + a {
							}				

						#home-container #content .home-cols div h2 a {
							color: #eee;
							display: block;
							font: normal 20px Rockwell, Georgia, Serif;
							height: 32px;
							padding: 5px 0 0 37px;
							text-align: left;
							}

						#home-container #content .home-cols div ul {
							list-style: none;
							margin: 0;
							padding: 0;
							}

							#home-container #content .home-cols div ul li {
								display: block;
								float: left;
								margin-bottom: 10px;
								width: 289px;
								}

						#home-container #content .home-cols div a:hover img {
							border-color: #aaa;
							}

						#home-container #content .home-cols div a img {
							-moz-border-radius: 2px;
							-webkit-border-radius: 2px;
							border: 4px #bbb solid;
							float: left;
							margin-right: 8px;
							}

						#home-container #content .home-cols div strong {
							display: block;
							font-weight: bold;
							margin: 0;
							padding: 0;
							}

						#home-container #content .home-cols div.about-me img {
							}

						#home-container #content .home-cols div.about-me p a {
							display: inline;
							font-weight: bold;
							}

						#home-container #content .home-cols div.about-me p {
							float: left;
							width: 173px;
							}

						#home-container #content .home-cols div.latest-projects {
							}

							#home-container #content .home-cols div.latest-projects ul li a > span {
								font-size: 90%;
								}

/*************************/
/* Sidebars              */
/*************************/
div.sidebar {
	background: url(../img/sidebar/sidebar_bg.png) repeat-y;
	margin-bottom: 20px;
	width: 257px;
	}

	div.sidebar .edge {
		display: block;
		width: 257px;
		}

		div.sidebar .edge.bottom {
			background: url(../img/sidebar/sidebar_bottom.png);
			height: 5px;
			}

		div.sidebar .edge.top {
			background: url(../img/sidebar/sidebar_sprite.png);
			height: 29px;
			margin-bottom: 10px;
			}

			div.sidebar .edge.top.about {
				background-position: 0 -20px;
				}
			div.sidebar .edge.top.blogroll {
				background-position: 0 -69px;
				}
			div.sidebar .edge.top.categories {
				background-position: 0 -118px;
				}
			div.sidebar .edge.top.contact {
				background-position: 0 -167px;
				}

	div.sidebar div.sidebar-content {
		margin: auto;
		width: 227px;
		}

		div.sidebar div.sidebar-content .rahil_photo {
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border: 2px solid #bbb;
			margin-right: 7px;
			}

		div.sidebar div.sidebar-content p.left {
			margin-right: 40px;
			}

		div.sidebar div.sidebar-content.blogroll p.left {
			margin-right: 15px;
			}

		div.sidebar div.sidebar-content.links a {
			border: none;
			clear: both;
			display: block;
			height: 19px;
			}

		div.sidebar div.sidebar-content.links a:hover {
			text-decoration: underline;
			}

	.sidebar.twitter {
		background: url(../img/sidebar/twitter_bg.jpg);
		height: 195px;
		line-height: 1.1;
		}

		.sidebar.twitter > a, .sidebar.twitter > a:hover {
			border: 0;
			display: block;
			height: 15px;
			margin-left: 60px;
			width: 160px;
			text-decoration: none;
			}

		.sidebar.twitter div {
			margin: 15px 0 0 83px;
			width: 142px;
			}

			.sidebar.twitter div span {
				font-size: 90%;
				}


/*************************/
/* Content               */
/*************************/
#right-col {
	background: url(../img/general/content_bg.jpg);
	}

	#right-col .edge {
		display: block;
		}

		#right-col .edge.top {
			background: url(../img/general/content_bg_top.jpg) no-repeat;
			height: 85px;
			}

		#right-col .edge.bottom {
			background: url(../img/general/content_bg_bottom.jpg) no-repeat;
			height: 15px;
			}

	#right-col #content {
		margin: -65px 0 0 20px;
		width: 630px;
		}

		#right-col #content h1 {
			margin-bottom: 30px;
			}

			#right-col #content h1.tango_sprite {
				height: 35px;
				padding-left: 37px;
				padding-top: 4px;
				}

			#right-col #content h1 a {
				color: #fff;
				}

/*************************/
/* Forms                 */
/*************************/
label {
	display:block;
	font-size:10pt;
	padding-right:20px
	}

input,
textarea,
select {
	background-color:#323757;
	border:2px solid transparent;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#c2c2c2;
	clear:both;
	font-size:12pt;
	font-family:"verdana",sans-serif;
	padding:2px
	}

input:focus,
textarea:focus,
select:focus {
	background-color:#3B4060;
	border:2px solid #ccc;
	color: #eee;
	}

select {
	font-size: 10pt;
	}

/*************************/
/* Portfolio             */
/*************************/
#content  .project {
	margin-bottom: 30px;
	}

	#content .project div:first-child {
		margin-right: 10px;
		width: 250px;
		}

		#content .project div:first-child img {
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: 3px #eee solid;
			height: 244px;
			width: 244px;
			}

	#content .project div.last {
		width: 370px;
		}

		#content .project div.last ul {
			list-style-image: url(../img/icons/bullet_blue_square.png);
			}

		#content .project div.last h2 a {
			color: #eee;
			display: block;
			}

	#content #submenu {
		margin-top: 5px;
		text-align: right;
		}

		#content #submenu a {
			background: #3B4060;
			border: 1px solid #2E3353;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			display: inline-block;
			margin-top: -8px;
			padding: 4px;
			}

			#content #submenu a.active {
				border: 2px solid #2E3353;
				font-weight: bold;
				}

/*************************/
/* Blog                  */
/*************************/
#content .post {
	margin-bottom: 1.5em;
	}

	#content .post div.date {
		background: url(../img/icons/tango_sprite.png) no-repeat 0 -162px;
		height: 60px;
		font-family: Rockwell, Georgia, Serif;
		margin-right: 0;
		width: 76px;
		}

		#content .post .date span.date {
			display: block;
			text-align: center;
			width: 56px;
			}

			#content .post .date span.date {
				color: #fff;
				font-size: 12pt;
				margin-top: -5px;
				}

			#content .post .date span.date + span.date {
				color: #333;
				font-size: 17pt;
				margin-top: -2px;
				}

			#content .post .date span.date + span.date + span.date {
				color: #999;
				font-size: 7pt;
				margin-top: -8px;
				}

	#content .post .article {
		width: 554px;
		}

		#right-col #content .post .article h1 {
			margin-bottom: 5px;
			}

		#right-col #content .post .article h2 {
			margin-bottom: 0px;
			}

			#right-col #content .post .article h2 a {
				color: #eee;
				}

			#content .post .article p.meta span {
				background: url(../img/icons/tango_sprite.png) no-repeat 0 -855px;
				display: inline-block;
				height: 16px;
				padding-left: 20px;
				}

			#content .post .article p.meta span + span {
				background: url(../img/icons/tango_sprite.png) no-repeat 0 -499px;
				margin-left: 10px;
				}

			#content .post .article p.meta a {
				border: 0;
				}

			#content .post .article p.meta a:hover {
				text-decoration: underline;
				}

	#content .post #disqus_thread {
		margin-top: 30px;
		}

		#content .post #disqus_thread #dsq-content h3 {
			font-weight: normal;
			}

/*************************/
/* About                 */
/*************************/
#content .about-text p img.left {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 3px #eee solid;
	float: left;
	height: 200px;
	margin: 0 10px 0 0;
	width: 200px;
	}


/*************************/
/* Contact               */
/*************************/
p.around-the-web a {
	border: 0;
	clear: both;
	float: left;
	margin-bottom: 5px;
	}
p.around-the-web a:hover {
	text-decoration: underline;
	}