/*  
Theme Name: GrungePad
Theme URI: http://www.gfxedit.com/
Author: Sreejith R Krishnan
Author URI: http://www.sreejith.net/

The CSS, XHTML and design is copyright of GFXedit Designs Web Studio. 

*/

body {
	border-top: 3px solid #aac53b;
	background: #11141e url(images/bg.gif);
	margin: 0;  
	padding: 0 7px 0 7px;
	color: #92999e;
	font-family:  Trebuchet MS;
}
a {
	text-decoration: none;
	color: #879d2b;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
}
#head {
	background: no-repeat top left url(images/bgt.jpg);
}
.header {
	background: no-repeat right url(images/wgr.jpg);
	border-bottom: 1px solid #2a373d;
	height: 270px;
}
.width {
	width: 936px;
	margin: 0 auto;
}
a.logo{
	background: url(images/logo.jpg);
	width: 276px;
	height: 87px;
	margin: 0 0 10px 0;
	display:block;	
}
a:focus{
	outline: none;
}
.nav {
	float: right;
}
.nav ul{
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
}
.nav ul li {
	float: left;
	padding: 0 7px 0 7px;
	margin: 0 7px 0 7px;
	border-bottom: 1px solid #2a373d;
}
.nav ul li a { color: #97abb4; }
.text {
	border: 0;
	background: repeat-x url(images/sbg.jpg);
	width: 150px;
	height: 20px;
	padding:0; margin:0;
	color: #fff;
}
.sreejith {
	width: 165px;
	height: 152px;
	background: no-repeat url(images/sreejith-photo.jpg);
	float: left;
	margin: 0 15px 0 0;
}
.about {
	width: 117px;
	height: 64px;
	background: no-repeat url(images/about.png);
	float: right;	
}
.txt {
	padding: 20px 0 0 40px;
	margin: 0 0 0 20px;
}
.social {
	border-bottom: 1px solid #2a373d;
	height: 40px;
	padding: 15px 0 15px 0;
	background: no-repeat right center url(images/socializing.png);	
}
.sr {
	float: left;
	margin: 0 13px 0 13px;	
	}



/* Social */	
a.twitter {
	background: no-repeat url(images/twitter.png);
	width: 66px;
	height: 40px;
	display:block;	
}
a.fb {
	background: no-repeat url(images/fb.png);
	width: 48px;
	height: 40px;
	display:block;	
}
a.picasa {
	background: no-repeat url(images/picasa.png);
	width: 62px;
	height: 40px;
	display:block;	
}
a.lastfm {
	background: no-repeat url(images/lastfm.png);
	width: 58px;
	height: 40px;
	display:block;	
}
a.linkedin {
	background: no-repeat url(images/linkedin.png);
	width: 48px;
	height: 40px;
	display:block;	
}
a.google {
	background: no-repeat url(images/google.png);
	width: 58px;
	height: 40px;
	display:block;	
}
a.tumblr {
	background: no-repeat url(images/tumblr.png);
	width: 48px;
	height: 40px;
	display:block;	
}

.grunge {
	background: url(images/grunge.jpg);	
}
.grunge2 {
	background: url(images/grunge2.jpg);	
}
/* Websites */

.websites {
	border-top: 1px solid #2a373d;
	height: 120px;
	padding: 33px 0 33px 220px;
	width: 730px;
	background: no-repeat left center url(images/websites.png);	
}
a.web {
	width: 115px;
	height: 115px;
	display:block;
	float: left;
	margin: 0 10px 0 10px;
}
a.autopundit {background: no-repeat 0 -115px url(images/autopundit.gif);}
a.autopundit:hover {	background: no-repeat 0 0 url(images/autopundit.gif);}

a.sr-ultimate {background: no-repeat 0 -115px url(images/sr-ultimate.jpg);}
a.sr-ultimate:hover {	background: no-repeat 0 0 url(images/sr-ultimate.jpg);}

a.gfxedit {background: no-repeat 0 -115px url(images/gfxedit.gif);}
a.gfxedit:hover {	background: no-repeat 0 0 url(images/gfxedit.gif);}
/*Flickr*/

a.flickr {
	background: no-repeat url(images/flickr.png);
	width: 48px;
	height: 40px;
	margin: 35px 0 0 0;
	display:block;	
}
.flickr2 {
	text-align: left;
	border-bottom: 1px solid #2a373d;
}
.flickr2 img {
	border: 5px solid #000;
	margin: 15px 6px 15px 6px;
}
/* Blogged */
.blog {
	padding: 0 0 13px 0;
	background: no-repeat bottom center url(images/sbord.jpg);
}
.bloged {
	padding: 10px 0 10px 10px;
}
a.blogtitle {
	width: 125px;
	height: 55px;
	background: no-repeat url(images/blogtitle.png);
	float: right;	
}
a.blogrss {
	width: 61px;
	height: 65px;
	background: no-repeat url(images/blogrss.png);
	float: right;	
}
.blog h2 {
	color: #fefefe;
	font-size: 1.9em;
	font-family: Georgia;
	margin: 0;
	height: 50px;
	padding: 0;
	font-weight: normal;
	width: 730px;
}
.blog h2.bhy {
	font-size: 1em;
}
 p.readmore a {	
	width: 104px;
	height: 23px;
	background: no-repeat url(images/readmore.png);
	float: right;
	text-indent: -1999px;
	overflow: hidden;
	clear: both;
}
.recent {	
	width: 157px;
	height: 27px;
	background: no-repeat url(images/recent.png);	
}
.recentp {
	padding: 0 0 20px 0;
}
.recentp ul {
}
.recentp ul li{
	float: left;
	width: 50%;
	line-height: 1.5em;
}
.recentp a {
	color: #92999e;
	border-bottom: 1px dotted #92999e;
}
.recentp a:hover {
	border-bottom: 1px dotted #879d2b;
	color: #879d2b;
	text-decoration: none;
}

.twitterfeed, .recentp {
	font-size: .9em;
}
	
/* TwitterFeed*/
.twitterfeed {
	padding: 20px 0 20px 0;
	border-top: 1px solid #2a373d;
}
a.twitbird {	
	
	width: 104px;
	height: 64px;
	background: no-repeat url(images/twitfollow.png);
	float: left;
	padding: 74px 15px 0 5px;
	font-style: italic;
}
ul#twitter_update_list {
		list-style: none;
		margin: 0; padding: 0;
}
ul#twitter_update_list li{
	margin: 0 0 11px 0;
}
/*Footer*/
.footer {
	clear: both;
	color: #2a373d;
	padding: 15px 0 15px 0;
	border-top: 1px solid #2a373d;
}
.footer a { color: #2a373d; }
.footer:hover a { 	color: #879d2b; }
.fright {
	float: right;
	text-align: right;
}
.page {
	padding: 10px 0 0 0;
	border-top: 1px solid #2a373d;
}
.blg h2 a{
	color: #fff;
}	 
.blg h2 a:hover{
	text-decoration: none;
	color:#879d2b;
}
.item  h2{ font-size: 1.7em; color: #72c0f6; }
.item  h3{ font-size: 1.5em; color: #bf6c34; font-weight: normal; }