/*
Theme Name: Geekery
Theme URI:http://sumpr.com/
Description: Geekery custom theme
Author:Sumesh P.
Author URI:http://sumpr.com/
version: 1.0

Site: Geekery
Last updated: July 16 20010

(c) Sumesh P and Geekery * All rights reserved
*/

/* Meyer's Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body{line-height:1; }
blockquote, q{quotes:none; }
:focus{outline:0; }
ins{text-decoration:none; }
del{text-decoration:line-through; }
table{border-collapse:collapse; border-spacing:0; }

body { font: normal 12px/19px arial, sans-serif;}
.clear {clear: both; height: 1px; }

h1{font-size:20px; }
h2{font-size:20px; }
h3{font-size:18px; }
h4{font-size:16px; }
h5{font-size:14px; }
h6{font-size:13px; }
h1, h2, h3, h4, h5, h6{font-weight:400; color:#fff; font-family:arial,helvetica,sans-serif; padding:0; margin: 10px 0 4px; }

img a{border:none; }
img.left, img.l{float:left; margin:2px 18px 5px 0; }
img.right, img.r{float:right; margin:2px 0 5px 18px; }
.wp-caption{border:1px solid #ddd; text-align:center; padding-top:4px; margin:10px 0; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.wp-caption img{margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text{font-size:12px; font-style:italic; font-family:georgia,serif; line-height:17px; padding:0 4px 5px; margin:0; }
img.centered{display:block; margin-left:auto; margin-right:auto; }
img.alignright{border:0; padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft{padding:4px; border:0; margin:0 7px 2px 0; display:inline; }
.alignright{float:right; border:0; }
.alignleft{float:left; }
#ci, .centerimg {	border:none;	text-align:center;	margin:5px 0;	padding:0; 	}	
#ci small, .centerimg small{	color:#777;	font-size: 11px;	line-height:1.4em;	padding:7px 0 0;	margin:5px 0;	}
#ri, .ri {	float:right;	margin: 10px 0 5px 15px;	}
#li, .li {	float:left;	margin: 10px 15px 5px 0;	}
#ri img, #li img, .ri img, .li img  {	margin: 0;	padding:0;	}
#li small, #ri small, .li small, .ri small {	font-style: italic;	font-size: 10px;}

body { 
	color: #fff;
	background: #333;
	}

a {text-decoration: none; border: 0; color: #fff; }

/*  Type  */
abbr {border-bottom: 1px solid #555;}

/*  Structure  */
div#container {
	width: 900px;
	margin: 0 auto;}

div#content {
	width: 550px;
	float:right;
	}

div#left { 
	width: 320px;
	float:left;
	}

div#header { 
	width: 305px;
	height: 225px;
	background: url(images/header.png) no-repeat center bottom;
	}

           
/*  Header  */
div#header h2 a { 
	width: 280px;
	display:block;
	margin: 30px 0 0 15px;
	height: 116px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/logo.png) center center no-repeat; 
	}

div#header .quotes {
	font: italic 14px/18px georgia, serif;
	height: 60px;
	padding-top: 8px; /*  because margin-top would pull down the background too  */
	margin: 0 20px 15px 20px;
	}

div#header .quote {
	letter-spacing: 0.6px;
	text-align: center;
	}
div#header .quote_author {
	margin-top: 8px;
	text-align: right;
	}
	
/*  Sidebar  */
#sidebar {
	width: 305px;
	margin-top: 15px;
	}
	
#sidebar p.author_byline {
	font: 20px arial, sans-serif;
	text-align: center;
	}

#sidebar p.author_byline em { font: italic 15px georgia,serif; }

.nav {
	width: 165px;
	margin: 30px auto 18px;
	}
.nav li {
	margin: 10px 0;
	list-style: none;
	}
.nav li a {
	display: block;
	width: 152px;
	height: 43px;
	overflow: auto;
	text-indent: -9999px;
	}
.nav li a.rss {	background: url(images/rss.png) no-repeat center center;}
.nav li a.colophon {background: url(images/colophon.png) no-repeat center center;}
.nav li a.folio {background: url(images/folio.png) no-repeat center center;}

.nav li a.rss:hover {background: url(images/rss_hover.png) no-repeat center center;}
.nav li a.colophon:hover {background: url(images/colophon_hover.png) no-repeat center center;}
.nav li a.folio:hover {background: url(images/folio_hover.png) no-repeat center center;}

.skills_contacts {
	margin: 25px 0 0;
	background: url(images/skills_contacts.png) no-repeat top left;
	padding-top: 38px;
}
.skills_contacts ul { width: 140px;}
.skills_contacts ul li {
	list-style: none;
	padding-left: 34px;
	margin: 10px 0 0 5px;
	background: url(images/li_arrow_hover.png) left 2px no-repeat;
	}

.skills_contacts ul li:hover {background: url(images/li_arrow.png) no-repeat left 2px; }
	
.skills_contacts ul li {
	font-size: 13px;
	}
.skills_contacts .skills {}
.skills_contacts .contacts { 
	float: right;
	margin-right: 19px;
	}
.skills_contacts .contacts a { 	
	font-weight: 600;
	border-bottom: 1px dotted #ccc;
	}
.skills_contacts .contacts a:hover { border-bottom: 1px solid #777; }

.tweet {
	padding: 8px 0 10px;
	height: 95px;
	font-size: 12px;
	background: url(images/tweet_bg.png) no-repeat center bottom;
	}

.tweet .tweet_text {
	margin: 0 15px 15px 85px;
height: 65px;
	letter-spacing: 0.5px;
	height:62px;
	
	}
.tweet .tweet_link { 
	text-align: right;
	font: 16px Arial, sans-serif;
	position: relative; 
	right: 23px;
	top: -6px;
	}
	
.photos, .works{ 
	width: 553px;
	height: 190px;
	}
	
.photos{ 	
padding: 40px 0 0 21px;	
height: 150px;
overflow:hidden;
background: url(images/photos.png) left top no-repeat;
	margin: 30px 0 14px 0;	
	}

.photos a img{
height: 130px;

}

.works{
	background: url(images/works.png) left top no-repeat;
	margin: 40px 0 14px 0;
	}       


.thoughts {}

.home .thoughts{         
	background: url(images/thoughts.png) left top no-repeat;
	margin: 60px 0 0 0;
	padding-top: 50px;
	}

.single .thoughts{         
	margin: 50px 0 0 0;
	}
			
.single .thoughts h1 {font-size: 30px; line-height: 32px; margin-bottom: 25px;}
.single .thoughts h1 span{ color: #aaa; font: italic 13px georgia, serif; }
.single .thoughts h1 small a{ text-decoration: underline; font: normal 12px georgia, serif; }


.thoughts h2{ 
	font: 25px normal arial, sans-serif;         
	margin-bottom: 20px;
	}

.thoughts h3{ 
	font: 24px normal arial, sans-serif;         
	margin-bottom: 20px;
	}
	
.thoughts h3 span.post_date { padding-left: 5px; font: italic 15px georgia, serif;}

.thoughts .post_text {
	margin: 10px 0 50px;
	font: 14px/25px verdana, arial, sans-serif;
letter-spacing: 0.3px;
	}

.post_text a { color: #ddd; border-bottom: 1px solid #a5917c;}
.post_text a:hover  { border-bottom: 1px solid #c8b7a5; color: #fff;}

.single .thoughts .post_text { margin-bottom: 5px; }

.home .thoughts .morelink { 
	position: relative;
	top: -20px; 
	left: -4px;
	}	


.post_text ul { margin: 10px 12px 15px 18px; list-style: outside circle;}
.post_text ul li {
	margin: 8px 0;
	line-height: 22px;
	}
.post_text ol  {margin: 10px 12px 15px 25px;}
.post_text ol li {
	margin: 10px 0;
	line-height: 22px;
	}
.post_text p {
	margin: 12px 0;
	line-height: 21px;
	}
	

#footer {
	margin: 50px 0;
	font-size: 13px;
	line-height: 23px;
	border-top: 1px solid #8d775b;
	padding: 20px 0 0 3px;
}

#footer a {border-bottom: 1px solid #888;}
#footer a:hover {border-bottom: 1px solid #999;}
#footer span {font: 13px georgia, serif;}
#footer small {font-size: 10px}

::selection{
	background:#000;
	color: #eee; /* For Safari */
	}                                                       	
::-moz-selection{
	background:#000; 
	color: #eee; /* For Firefox */
	}

.navigation{
	font-size: 15px;
	width:100%;
	float:left;
	margin:0 0 25px;
	padding:0;
	overflow:hidden;
	}


.alignleft a{float:left; }
.alignright a{float:right; text-align: right;}


.navigation a {
	margin:25px 0;
	width: 235px;
	display:block;
	}
.navigation a, a.more-link, a.morelink {
	padding: 6px 10px; 
	background:#846e53;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:#444;
border: 1px solid;
border-color: transparent #5a5a5a #5a5a5a transparent;
}

a.more-link {
	margin-top: 20px;
	text-decoration: none;
	width: 140px;
	margin:25px 0;
	display:block;
	}
a.morelink:hover, .more-link:hover, .navigation a:hover { background:#444; border-color: transparent #777 #777 transparent!important;}

a.morelink {
	font-size: 22px;
	margin: 0 0 15px 4px;
	}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

.thoughts hr { height: 2px; color: #000; margin: 20px 0 10px;}

blockquote {margin: 35px 5px 35px 20px; border-left: 1px solid #666; padding: 0 20px; color: #ccc; }