/*
Theme Name: Heart Theme
Theme URI: http://heartbeatoftheearth.com/
Description: Theme for HeartAttack Blog
Version: 0.1
Author: Nitesh Goel
Author URI: http://heartbeatoftheearth.com
Tags: awesome
*/

/* Resetting and Generics */
table, tr, td, div, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
table { border-collapse: collapse; }
a { color: #99cc33; text-decoration: none; }
a:hover { color: #CA7435; }
a:visited { color: #669900; }
a img { border: none; }
.clear { clear: both; }
.alignleft { float: left;}
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img#wpstats { display:none; }

/* Skeleton */
body { background: #444444 url(images/bkg.gif); color: #ffffff; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif; margin: 0px; }
#page { background: #222222; border: #404040 1px solid; margin: 8px; padding: 0px; }
table#skeleton { width: 100%; }

/* Header */
#header { background: #171717; padding: 10px; text-align: center; }
	#header h1 { color: #FFFFFF; font-family: "Century Gothic", Arial, "sans serif"; font-size: 30px; font-weight: bold; margin: 0px; padding: 0px; }
		#header h1 #head-heart { color: #ffffff; text-transform: lowercase; }
		#header h1 #head-attack { color: #ffffff; text-transform: uppercase; }
		#header h1 .t1 { color: #99cc33; }
		#header h1 .t2 { color: #72b6cf; }
	#header a, #header a:visited, #header a:hover { color: #FFFFFF; }
	#header .description { color: #777777; font-family: "Century Gothic", Arial, "sans serif"; font-size: 12px; }
	
/* Content */
#content { font-size: 12px; margin: 0px 0px 20px 0px; padding: 0px; }

	/* Generics */
	h3 { color: #cccccc; font-family: "Century Gothic", Arial, "sans serif"; font-size: 16px; margin-top: 40px; text-align: center; }
	
	/* Page title */
	#content .pagetitle { color: #CCCCCC; font-family: "Century Gothic", "Arial", "sans serif"; font-size: 24px; margin-top: 20px; text-align: center; }
	#content .noresult { padding: 20px; }
	
	/* Navigation */
	.navigation { display: block; font-size: 11px; margin: 20px; }
		.navigation .alignleft { width: 50%; }
		.navigation .alignright { text-align: right; width: 50%; }
	
	/* Post */
	#content .post { background: #1c1c1c; border-top: 5px solid #FF6612; display: block; margin: 10px; }
		
		/* Heading */
		#content .post h2 { color: #cccccc; font-family: "Century Gothic", Arial, serif; font-size: 28px; font-weight: normal; padding: 5px 20px 10px; }
			#content .post h2 .title { font-weight: bold; }
			#content .post h2 a.title { color: #99cc33; }
				#content .post h2 .categ a { color: #72b6cf; font-size: 18px; }
			#content .post h2 .date { color: #ffff33; font-size: 20px; margin: 0px 10px 10px 0px; }
		
		/* Entry */
		#content .post .entry { margin: 30px; }
		
			/* Text */
			#content .post .entry p { font-size: 12px; }
			#content .post .entry blockquote { background: #171717; border-left: 5px solid #999; color: #999999; font-style: italic; margin: 15px 30px 0 10px; padding-left: 20px; }
			#content .post .entry blockquote p { padding: 5px 5px 5px 0px; }
			#content .post .entry strong { background: #0A0A0A; font-style: italic; font-weight: bold; padding: 0px 4px; }
			#content .post .entry em { background: none; font-style: italic; font-weight: normal; padding: 0px; }
			
			/* Table */
			#content .post .entry td { padding: 10px; vertical-align: top; }
			#content .post .entry tr.oddrow { color: #FFDEAD; }
			#content .post .entry tr.evenrow { color: #E9967A; }
			
			/* Headings */
			#content .post .entry h1 { color: #AAAAAA; font-size: 24px; text-align: left; }
			#content .post .entry h2 { color: #8798AC; font-size: 22px; text-align: left; }
			#content .post .entry h3 { color: #955c73; font-size: 20px; text-align: left; }
			#content .post .entry h4 { color: #C5Af73; font-size: 18px; text-align: left; }
			#content .post .entry h5 { color: #898989; font-size: 16px; text-align: left; }
			#content .post .entry h6 { color: #899F66; font-size: 14px; text-align: left; }
			
			/* Images */
			#content .post .entry img { border: 8px solid #444444; max-width: 90%; padding: 1px; }
			#content .post .entry img.wp-smiley, #content .post .entry img.sociable-hovers { border: none; }
			#content .post .entry img.centered { display: block; margin-left: auto; margin-right: auto; }
			#content .post .entry img.alignright { display: inline; margin: 0 0 2px 10px; }
			#content .post .entry img.alignleft { display: inline; margin: 0 10px 2px 0; }
			#content .post .entry img[align=right] { margin-left: 20px; }
			#content .post .entry img[align=left] { margin-right: 20px; }
			
			/* Lists */
			#content .post .entry li { padding: 5px 0px; }
			
			/* Media with caption */
			#content .post .entry .wp-caption { background-color: #333333; border: 1px solid #444444; border-radius: 3px; khtml-border-radius: 3px; margin: 10px; moz-border-radius: 3px; padding-top: 4px; text-align: center; webkit-border-radius: 3px; }
			#content .post .entry .wp-caption img { border: 0px none; margin: 0; padding: 0; }
			#content .post .entry .wp-caption p.wp-caption-text { color: #999999; font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
		
		/* Taglist */
		#content .post .taglist { padding: 40px 10px 10px 10px; }
			#content .post .taglist a { color: #72b6cf; }
		
		/* Edit button */
		#content .editbutton { text-align: right; }
			#content .editbutton a { color: #333333; }
			
		/* Share button */
		#content .sharepost { margin-top: 30px; }
		#content .sharebutton { margin: 0px 0px 3px; }
			#content .sharebutton a { color: #444444; font-size: 11px; }
			#content .sharebutton a:hover { color: #999999; }
			
		/* Footer */
		#content .post .postmetadata { background: #171717; clear: both; margin: 30px 0px 0px; padding: 20px; text-align: center; }
		
	/* Comments List */
	.feed-icon { background: url(images/feed-comment.gif); height: 12px; margin-left: 6px; vertical-align: top; width: 12px; }
	.commentlist { padding: 0; margin: 0px; text-align: left; }
		
		/* A comment */
		.commentlist li { background: #1c1c1c; border-top: 2px solid #FF69B4; font-family: "Century Gothic", Arial, "sans serif"; font-size: 16px; font-weight: bold; left: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 10px 10px; padding: 10px; }
		.commentlist li.alt { border-top: 2px solid #9966cc; }
		.commentlist li.author-comment { border-top: 2px solid #FF6612; }
			
			/* Comment header */
			.commentlist li .gravatar { float: left; }
				.commentlist li .avatar { background: #666; margin-right: 10px; padding: 2px; }
			.commentlist li .commentinfo { float: left; }
				.commentlist li .commentinfo .commentmetadata { color: #ffff33; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif; font-size: 12px; font-weight: normal; margin: 0; }
				.commentlist li .commentinfo cite, .commentlist li .commentinfo cite a { font-size: 16px; font-style: normal; font-weight: bold; }
			.commentlist li a.commentlink { color: #666666; float: right; font-size: 24px; font-style: italic; }
			.commentlist li a.commentlink:hover { color: #CCCCCC; }
			.commentlist li .notapproved { font-size: 12px; margin-right: 10px; }
			
			/* Comment text */
			.commentlist li p { font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif; font-size: 11px; font-weight: normal; line-height: 15px; margin: 0px 20px 10px 48px; text-transform: none; }
			.commentlist li .quoter { }
			
	
	/* Comments Form */
	#commentform {  background: #1c1c1c; border-top: 2px solid #72B6CF; display: block; margin: 10px; padding: 20px; text-align: center; }
		#commentform p { font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif; margin: 5px 0; }
		#commentform #usercreds { width: 400px; text-align: left; }
		#commentform #usercreds input, #commentform textarea { background: #dddddd; border: 2px solid #72b6cf; font: 10px 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif; }
		#commentform input { margin: 5px; padding: 2px; }
		#commentform textarea { padding: 2px; }

/* Sidebar */
.sidebar-wrapper { background: #333333; width: 210px; }
#sidebar { font: 11px 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif; padding: 10px; text-align: center; }

	/* One sidebar block */
	#sidebar ul, #sidebar ul ol { margin: 0px; padding: 0px; }
	#sidebar li { left: 0px; list-style-image: none; list-style-position: inside; list-style-type: none; margin: 0px; padding: 0px; }
	#sidebar .widget { background: #2a2a2a; border-top: 3px solid #72B6CF; margin-bottom: 10px; padding: 2px; }
		#sidebar h2 { font-size: 16px; }
		#sidebar .widget p, #sidebar .widget select { margin: 5px 0 8px; }
		#sidebar .widget li { border-top: #444444 1px solid; margin: 0px; padding: 2px; }
		#sidebar .widget li:first-child { border-top: none; }
		
		/* Welcome widget */
		#sidebar .welcome { color: #FFFF99; font-style: italic; padding: 5px 8px; text-align: left; }

		/* Search widget */
		#sidebar #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
			#sidebar #searchform #s { background: #99cc33; border: 2px solid #99FF33; padding: 2px; width: 90px; }
			#sidebar #searchsubmit { padding: 1px; }
		
		/* Calendar widget */
		#sidebar #wp-calendar { empty-cells: show; margin: 10px auto; width: 155px; }

			/* Header */
			#sidebar #wp-calendar caption { color: #FFFF66; font: bold 13px 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif; margin-bottom: 5px; padding: 2px; text-align: center; }
			#sidebar #wp-calendar th { border-bottom: 1px solid #444444; border-top: 1px solid #444444; color: #72B6CF; font-style: normal; text-transform: capitalize; }

			/* Body */
			#sidebar #wp-calendar td { padding: 3px 0; text-align: center; }
			#sidebar #wp-calendar tbody td a { background: #99cc33; color: #222222; }
			#sidebar #wp-calendar tfoot tr { border-top: 1px solid #444444;  }
			#sidebar #wp-calendar tfoot td { padding: 1px 0px; }
			#sidebar #wp-calendar a { display: block; text-decoration: none; }

			/* Footer */
			#sidebar #wp-calendar #next a { font-size: 10px; padding-right: 10px; text-align: right; }
			#sidebar #wp-calendar #prev a { font-size: 10px; padding-left: 10px; text-align: left; }
		
			
/* Footer */
#footer { background: #171717; font-size: 12px; text-align: center; }
#footer p { margin: 0px; padding: 20px; }