@charset "utf-8";
/* CSS Document */
/* Style sheet for naivelyOptimistic.com
Anup Gampa
Any questions or comments: anup.gampa@gmail.com */

/*Overall*/

html, body
{
	color: #000000;
	background-color: #FFF;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	height: 100%;
	background-image: url(background.jpg);
}

	body
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 13px;
		line-height: 1.6em;
		text-align: left;
	}

	h1
	{
		font-size: 150%;
		font-style: normal;
		font-weight: normal;
		margin: 0px 0px 0px 0px;
	}
  
  	a
  	{
  		text-decoration:none;
  		color: #777777;
  	}
  
  	a:visited
  	{
  		text-decoration:none;
  		color: #000000;
  	}
 

  	a:hover
  	{
  		text-decoration:none;
  		color: #000000;
  	}


/*Header and Navigation*/
	#header
	{
		clear: both;
		padding-top: 10px;
		font-size: 100%;
		height: 135px;
	}

	#header #logo-text {
		width:765px;
		margin:0 auto;
		position:relative;
		background-image:url(simple-header.jpg);
		height:77px;
	}
	
	#header #logo{
		width:214px;
		float:left;
		height:77px;
	}
	
	#header #text 
	{
		position:absolute;
		top:30px;
		right:0px;
		width:500px;
		height:20px;
		text-align:right;
		outline:none;		
		font-weight: bold;
	}
	
	.quote 
	{	
		padding-top:30px;
		padding-left:7px;
		padding-right:11px;
	}
	
	#navigation
	{
		background-image:url(simple-red-bg.jpg);
		background-repeat:no-repeat;
		width:765px;
		height:47px;
		margin-top:5px;
		margin-right:auto;
		margin-left:auto;	
		clear:both;
	}

	#navigation #nav-links
	{
		float:left;
		width:350px;
		height:25px;
		margin-top:16px;
		margin-left:25px;
	}
	
	#navigation #nav-links ul{
		font-size:100%;
		font-weight: bold;
		float:left;
		padding: 0; 
		display: inline; 
		margin: 0;
	}
	
	 	
	#navigation #nav-links ul li {
		display: inline; 
		height: 25px; 
		width: 90px;
		text-align:left;
		float: left; 
		margin: 0 0 0 1px;
		list-style-image:none;
		list-style-position:outside;
	}


	
	#navigation #nav-links ul li a{
	color:#000000;
	text-decoration:none;
	}
	

	#navigation #nav-links ul li a:visited{
	color:#000000;
	text-decoration:none;
	}
	
	li#menu1 a{
	position:relative;
	}
	
	li#menu2 a{
	position:relative;
	}
	
	li#menu3 a{
	position:relative;
	left:10px;
	}
	
	li#menu1 a:hover
	{
		border-bottom-color: #FF0000;
		border-bottom-style: solid;
		text-decoration: none;
		border-bottom-width: 1px;
	}
	li#menu2 a:hover { 	
	border-bottom-color:#0099FF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration:none;
	}
	li#menu3 a:hover {	
	border-bottom-color:#FF6600;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	text-decoration:none; 
	}
	
	#navigation #nav-search
	{
		float: left;
		width: 240px;
		margin-top: 14px;
		margin-left: 147px;
		
	}


	#container{
	border: 1px solid #666666;
	margin-left:auto;
	margin-right:auto;
	width:763px;
	clear:both;
	border-color:#333333;
	border-width:1px;
	margin-bottom:5px;
	text-align:justify;	
	background-image: url(content-border-bg.jpg);
	font-weight: 100;
	}
	
	#container a 
	{
	 border-bottom: 1px dashed #777777;
	}
	
	#container a:visited 
	{
	 border-bottom: 1px dotted #000000;
	}
	
	#container a:hover 
	{
	 border-bottom: 1px dashed #000000;
	}


	div.leftcolumn {
	float:left;
	width:502px;
	}
	
    #container .content {
	float:left;
	width:500px;
	padding-left:10px;
	padding-top:15px;
	height:100%;
	}
	
	div.leftalign {
	float: left;
	padding-bottom: 10px;
	padding-left:10px;
	}
	
	div.rightalign {
	float: right;
	padding-right: 10px;
	
	padding-bottom: 10px;
	}
	
	
	.content .post{
	padding-right:10px;
	}
	
	#container .content .contentHeading a
	{
	color: black;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	border:none;
	}
	
	

	#container .content .contentHeading a:visited
	{
	  	
	border-bottom: 1px dotted;
  
	}
	
	#container .content .contentHeading a:hover
	{
	  	border-bottom: 1px dashed ;

  
	}
	
	.dateTag {
	font-size: 12px;
	color: #333333;
	}
	
	.postmetadata
	{
		color: #666666;
		text-align: center;
		border-top: 1px #AAA dashed;
		border-right: 0px #AAA;
		border-bottom: 1px #AAA dashed;
		border-left: 0px #999;
		padding: 5px;
	}

 #container #sidebar {
	float:right;
	width:230px;
	padding:10px;
	padding-top:0px;
	}
	
#ads{
padding-top:10px;
margin-left: auto;
margin-right: auto;
}

#rssfeed {
	padding-top:10px;
	}


	#thoughts {
	padding-top:10px;
	}
	
	div.text {
	padding-left:5px;
	padding-top:5px;
	padding-right: 5px;
	}

	#books {
	padding-top:5px;
	padding-bottom:10px;
border-bottom: 1px dashed #777777;
	}

#totalshelf a{
text-decoration:none;
font-family:"Lucida Grande",Arial,Verdana,sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
border:none;
	}


#totalshelf a:visited{
text-decoration:none;
border:none;
	}

	

#totalshelf a:hover{
text-decoration:none;
border:none;	
}


	.pbs {
text-align:center;
}

	#ShelfariWidget67043 {
	margin:0px;
	}
	
	#ShelfariWidget67043 img{
	border:0px;
margin-bottom: 7px;
	}
	
	#ShelfariWidget67043 a {
border: none;
	}
	
	#ShelfariWidget67043 a:visited {
border: none;
	}
	
	
	#ShelfariWidget67043 a:hover {
border: none;
	}


	h1.sideBar{
	background:url(sideBar-header.jpg);
	font-style:normal;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	font-size:12px;
	height:21px;
	line-height:21px;
	font-variant:small-caps;
	padding-left:5px;
	text-align:left;
	}
	


#blogTools{
	width:763px;
	border: gray 1px solid;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	text-align:left;
	background-color:white;
	}
	
	#blogTools ul{
	margin: 0px;
	padding:0px;
	}
	
	
	#blogTools li {
 	list-style:none;
	font-variant: small-caps;
	color: #999999;
	border-bottom:1px dashed #999999;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 0px;
	}	
	
	
	#blogTools li a {
 	list-style:none;
 	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	color: #999999;
	border:none;
		
	}	

	#blogTools li a:visited {
	color: #000000;
	border:none;
	}	
	
	#blogTools li a:hover { color: black; border:none;}	
	
	#blogTools #categories {
	width:225px;
	float:left;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom: 11px;
        }
	
	#blogTools #posts{
	width:230px;
	float:left;
	padding:10px;
	padding-left:10px;
	padding-right: 15px;
        padding-bottom: 11px;
	}
	
	#blogTools #blogRoll{
	width:225px;
	float:left;
	padding:10px;
	padding-left:10px;
	padding-right:15px;
        padding-bottom: 11px;
	}
	
	
	h1.blogTools{
	margin: 0px 0px 0px 0px;
	font-size:100%;
	height:21px;
	line-height:21px;
	font-variant:small-caps;
	color: maroon;
	}
	


div#footer
{
	width: 763px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 1px solid gray;
	line-height: 115%;

}
	
	#footer #about {
	width:315px;
	float:left;
	padding-top:8px;
	padding-left:15px;

	}
	
	h1.about{
	color:black;
	font-style:normal;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	font-size:13px;
	height:21px;
	line-height:21px;
	font-variant:small-caps;
	}
	
	.footerText
	{
		color: black;
		margin-top: 5px;
		text-align: justify;
font-family: Georgia, serif;
font-size: 13px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
	}
	
	
	.sarva {
	color:maroon;
	margin-top:5px;
	}
	
	
	#footer #photos{
	width:450px;
	float:right;
	padding-top:7px;
	}
	
		/* ------ FLICKR ------ */
	div.flickrimg { width: 410px; padding: 5px 5px; float:right;}

	div.flickrimg a {
	float:right;
	padding: 5px 0 5px 0;
	margin: 0 10px 0 0;
	border: none;
	opacity: 0.80;
	}

	div.flickrimg a:hover 	{ border: none; opacity: 1; }

	div.flickrimg a img {
	border: 2px solid #000;
	height: 65px;
	width: 65px;
	}
	div.flickrimg a:hover img { border: 2px solid #3F5E74; }

	#flickrmeta a       { padding: 0; margin: 0; float: none; font-size: 10pt; opacity: 1; display: inline; color:black; }
	#flickrmeta a:hover { float: none; }

	.flick 	{ color: #3993ff; }
	.r 		{ color: #ff1c92;}
	/*Flicker end*/
	
	#footer #siteAdmin{
	width:245px;
	float:left;
	padding:5px;
	}
	


#copyright
{
	text-align: center;
	border: 1px #666 solid;
	background-image: url(copyright-bg.jpg);
	margin-top: 5px;
	margin-bottom: 10px;
	width: 763px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

	

	.comments-template{
	margin: 10px 0 0;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}





.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	
}