/*
Theme Name: Nishita
Theme URI: http://www.clipthephotos.com/
Description:
<p>A Photo Blog theme for Wordpress with simple and elegant
style. It shows a single image on the front page. This is neither a
Gallery replacement nor one that rivals Flickr but something that can
compliment them. You should be using this to showcase some of your good
and better photos.</p><p>Look for the theme preview at
<a href="http://www.clipthephotos.com/">Clip the Photos</a>
or visit the <a href="http://nishita.clipthephotos.com/"
title="Nishita Photoblog's blog">Theme's Blog</a> for details
and updates.</p>
Version: v1.0.0
Author: Brajeshwar
Author URI: http://www.brajeshwar.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
___________________________________________________________________________________________________ */

/*
global settings
---------------------------------------------- */

* {
margin: 0;
padding: 0;
}
body {
background: #e0e0e0;
font: 100%/1.3em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color: #878787;
text-align: center;
}
a:link {
color: #7090c0;
text-decoration: none;
}
a:visited {
color: #7090c0;
text-decoration: none;
}
a:hover {
color: #7090c0;
text-decoration: none;
}
a:active {
color: #7090c0;
text-decoration: none;
}
a img { 
border: 0; 
}

/* hn */

h1, h2 {
font-weight: normal;
}

/*
layout
---------------------------------------------- */

#container {
width: 750px;
margin: 0 auto;
font-size: 0.75em;
text-align: left;
}

/*
header
----------------------------------------------- */

#header {
background: #d7d7d7;
margin: 0 0 10px;
padding: 5px;
padding-top: 0;
}
#header-inner {
padding: 0 10px 10px;
background: #fff url(i/header.gif) no-repeat 10px 52px;
border: 1px solid #bbb9b9;
border-top: none;
}
#title {
float: left;
idth: 410px;
}
h1 {
padding: 30px 0 0;
font: 1.8em Arial, "Trebuchet MS", Trebuchet, sans-serif;
color: #8c8c8c;
text-transform: uppercase;
letter-spacing: -1px;
line-height:1em;
}
h1 a:link {
color: #8c8c8c;
}
p#tagline {
margin: 5px 0 0;
font-size: 0.9em;
}

/*
navigation
---------------------------------------------- */

ul#nav {
float: right;
font-size: 0.9em;
text-align: right;
text-transform: uppercase;
letter-spacing: 0.1em;
}
#nav li {
float: left;
list-style-type: none;
display: block;
margin-left: 10px;
}
#nav li a {
float: left;
height: 100%;
display: block;
padding: 30px 5px 0;
}
#nav li a:hover, 
body#home li#nav-home a, 
body#archives li#nav-archives a, 
body#contact li#nav-contact a, 
body#about li#nav-about a {
background: #f9f9f9;
}

/* 
photo		
------------------------------------------------------ */

#photo {
background: #d7d7d7;
margin: 0 0 1px;
padding: 5px;
}
#photo-inner {
background: #fff;
padding: 10px;
border: 1px solid #bbb9b9;
}
h2.photo-title {
background: #d7d7d7;
margin: 0 0 1px;
padding: 5px;
font-size: 1.1em;
color: #666;
letter-spacing: 0.1em;
}
h2.photo-title span {
display: block;
background: #fff;
padding: 5px 10px;
border: 1px solid #bbb9b9;
}
#photo-inner img {
margin: 0 0 10px;
padding: 0 0 10px;
}

/* 
photo meta		
------------------------------------------------------ */

#photo-meta {
float: left;
width: 499px;
background: #d7d7d7;
margin: 0 0 10px;
padding: 5px;
}
#photo-meta-inner {
background: #fff;
padding: 0 10px;
border: 1px solid #bbb9b9;
}
#photo-meta ul {
margin: 0;
}
#photo-meta ul li {
list-style-type: none;
display: inline;
margin: 0;
padding: 0 5px;
border-right: 1px solid #e1e1e1;
line-height: 30px;
}

/* 
navigate		
------------------------------------------------------ */

#navigate {
float: right;
width: 240px;
font-size: 0.9em;
}
#navigate-inner {
background: #d7d7d7;
padding: 5px;
text-align: center;
}
#navigate span.previous {
float: left;
}
#navigate span.next {
float: right;
}
#navigate span.previous,
#navigate span.next {
display: block;
width: 48%;
height: 30px;
background: #fff;
border: 1px solid #bbb9b9;

}

#navigate span.previous a,

#navigate span.next a {

display: block;

padding: 0 5px;

line-height: 30px;

}

#navigate span.previous a:hover,

#navigate span.next a:hover {

background: #f9f9f9;

}



/* 

comments		

------------------------------------------------------ */



body#commentspopup {

margin: 0 10px;

}

#comments {

background: #e0e0e0;

font-size: 0.75em;

text-align: left;

}

#comments-header {

background: #d7d7d7;
margin: 10px 0 20px;
padding: 5px;
clear:both;

}

#comments-header-inner {
padding: 10px;
background: #fff;
border: 1px solid #bbb9b9;
}

#comments-header h2 {

padding: 5px;
font-size: 1.2em;
background:none;
color:#666;
}


ol.commentlist {
margin:20px;
}

ol.commentlist li {
padding:5px;
border:1px solid #ddd;
margin:0 0 5px;
}

ol.commentlist li.alt {
padding:5px;
border:1px solid #ddd;
background:#eee;
margin:0 0 5px;
}


#comments-header h1 {

margin: 0;

padding: 0 0 5px;

border-bottom: 1px solid #cececd;

font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;

color: #8c8c8c;

text-transform: uppercase;

letter-spacing: -1px;

line-height:1em;

}

#comments-header h1 a:link {

color: #8c8c8c;

}



#comments-info {

margin: 20px 0 0;

padding: 10px 0 0;

border-top: 1px solid #cececd;

}

#comments-info p {

font-size: 0.8em;

}

p.comments-meta {

margin: 10px 0 0;

padding: 0 0 5px 80px;

border-bottom: 1px solid #BDA7B0;

font-size: 0.9em;

line-height: 1.2em;

}

div.comment-main {

margin: 20px 0;

padding: 10px;

background: #fff;

border: 1px solid #bbb9b9;

font-size: 0.95em;

}

div.comment-main.authorcomment {

background: #E8D9E1;

}

div.comment-meta {

margin: 0 0 0 45px;

font-size: 0.9em;

line-height: 1.2em;

}

div.gravatar {

float: left;

}

span.comment-meta-author {

display: block;

margin: 0 0 3px;

padding: 0 0 3px;

border-bottom: 1px solid #cececd;

font-weight: bold;

text-transform: uppercase;

}

div.comment-body {

margin: 10px 0 0;

}

#comment-form {

background: #d7d7d7;

margin: 20px 0;

padding: 5px;

}

#comment-form-inner {

padding: 10px;

background: #fff;

border: 1px solid #bbb9b9;

}

#comment-form h2 {

margin: 0;

padding: 0 0 5px;

border-bottom: 1px solid #cececd;

font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;

color: #8c8c8c;

text-transform: uppercase;

letter-spacing: -1px;

line-height:1em;

}

#comments-form label {

display: block;

font-size: 0.85em;

text-transform: uppercase;

letter-spacing: 0.2em;

}

#comments-form label em {

font-style: normal;

text-transform: none;

letter-spacing: normal;

}

#author, 

#email,

#url,

#comment {

width: 50%;

margin: 0 0 10px;

padding: 4px;

background: #f7f7f7;

border: 1px solid #e0e0e0;

font: 0.9em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;

}

#comment-submit {

padding: 5px 10px;

background: #888;

border: 3px double #999;

border-top-color: #ccc;

border-left-color: #ccc;

font-size: 85%;

color: #d5d5d5;

text-transform: uppercase;

text-align: center;

letter-spacing: 0.1em;

}

div.comment-form-info {

margin: 10px 0 10px;

border-bottom: 1px solid #cececd;

font-size: 0.9em;

color: #666;

line-height: 1.4em;

}

div.comment-form-info p {

margin: 5px 0;

}

p.trackback {

overflow: hidden;

}


#commenttoggle{
cursor:pointer;
color:#7090c0;
}
/* 

pages	

------------------------------------------------------ */



#main {

float: left;

width: 490px;

background: #d7d7d7;

margin: 0 0 20px;

padding: 5px;

}

#main-inner {

background: #fff;

padding: 10px;

border: 1px solid #bbb9b9;

}

h2.page-title {

padding: 0 0 5px;

border-bottom: 1px solid #cececd;

font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;

color: #8c8c8c;

text-transform: uppercase;

letter-spacing: -1px;

line-height:1em;

}



/* sidebar	 */



#side {

float: right;

width: 230px;

background: #d7d7d7;

padding: 5px;

font-size: 0.9em;

}

#side-inner {

background: #fff;

padding: 10px;

border: 1px solid #bbb9b9;

}

ul.arch-list {

background: #fff;
margin: 0 15px 5px;
padding:0;
}

ul.arch-list li {

list-style-type: none;

border-bottom: 1px solid #e1e1e1;

}



/* post */



div.post {

margin: 20px 0;

padding: 0 0 20px;

border-bottom: 1px solid #e1e1e1;

}

div.post-body {

float: left;

width: 80px;

margin: 0 10px 0 0;

padding: 0 10px 0 0;

border-right: 1px solid #e1e1e1;

}

div.post-body img {

padding: 1px;

border: 1px solid #e1e1e1;

}

h3.post-title {

font-size: 1.1em;

font-weight: normal;

margin-bottom:3px;
padding-bottom:0;

}

h4.post-meta {

font-size: 0.8em;

font-weight: normal;

}





/* 

footer		

------------------------------------------------------ */



#footer {

clear: both;

padding: 0 0 0 15px;

font-size: 0.8em;

text-align: left;

}



/* 

clear		

------------------------------------------------------ */



.clear {

clear: both;

height: 0;

line-height: 0;

}

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */


/* Series stuff 
----------------------------------------------------- */

#seriesTOC {
margin:10px;
display:none;
}

#seriesTOC ul {
margin-left:20px;
padding:0;
}

.series_toc h3 {
	margin:0 0 10px;
}

.series_toc ol {
	padding:0 30px 15px;
}

/* Imagebar stuff 
----------------------------------------------------- */

#imgbar{
background: #d7d7d7;
margin: 0 0 10px;
padding: 5px;
clear:both;
}

#imgbar-inner {
padding: 5px;
background: #fff;
border: 1px solid #bbb9b9;
text-align:center;
}

#imgbar-inner p {
display:inline;
}

#imgbar-inner img {
margin:2px;
padding:2px;
border:2px solid #ccc;
}

/* Toggles 
---------------------------------------------------- */
#seriesTOCtoggle, #metamoretoggle {
cursor:pointer;
color:#7090c0;
}

/* fullarchive stuff 
--------------------------------------------- */

#fullarchive {
text-align:center;
margin:10px auto;
}

div.fullarchivepost {
	float:left;
	padding:2px;
	border: 2px solid #999;
	margin:0 10px 10px 0;
}