/*

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: #141210;

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: #ffffff;

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: #141210;

margin: 0 0 20px;

padding: 5px;

padding-top: 0;

}

#header-inner {

padding: 0 10px 10px;

background: #141210 url(i/header.gif) no-repeat 10px 52px;

border: none;

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: #141210;
color : #ffffff;

}



/* 

photo		

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



#photo {

background: #141210;

margin: 0 0 1px;

padding: 5px;

}

#photo-inner {

background: #141210;

padding: 10px;

border: 1px solid #141210;

}

h2.photo-title {

background: #141210;

margin: 0 0 1px;

padding: 5px;

font-size: 1.5em;

color: #666;

}

h2.photo-title span {

display: block;

background: #141210;

padding: 5px 10px;

border: 1px solid #141210;

}

#photo-inner img {

margin: 0 0 10px;

padding: 0 0 10px;

}



/* 

photo meta		

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



#photo-meta {

float: left;

width: 499px;

background: #141210;

margin: 0 0 20px;

padding: 5px;

}

#photo-meta-inner {

height: 30px;

background: #141210;

padding: 0 10px;

border: 1px solid #141210;

}

#photo-meta ul {

margin: 0;

}

#photo-meta ul li {

list-style-type: none;

display: inline;

margin: 0;

padding: 0 5px;

line-height: 30px;

}



/* 

navigate		

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



#navigate {

float: right;

width: 240px;

font-size: 0.9em;

}

#navigate-inner {

background: #141210;

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: #141210;

border: none;
}

#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: #141210;

color: #ffffff;

}



/* 

comments		

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



body#commentspopup {

margin: 0 10px;

}

#comments {

background: #e0e0e0;

font-size: 0.75em;

text-align: left;

}

#comments-header {

background: #d7d7d7;

margin: 0 0 20px;

padding: 5px;

padding-top: 0;

}

#comments-header-inner {

padding: 10px;

background: #fff;

border: 1px solid #bbb9b9;

border-top: none;

}

#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-header h2 {

padding: 5px 0 0;

font-size: 0.9em;

}

#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: 95%;

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;

}



/* 

pages	

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



#main {

float: left;

width: 490px;

background: #141210;

margin: 0 0 20px;

padding: 5px;

}

#main-inner {

background: #141210;

padding: 10px;

border: none;

}

h2.page-title {

padding: 0 0 5px;

border-bottom: 1px solid #cececd;

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

color: #8c8c8c;

text-transform: uppercase;

letter-spacing: -1px;

line-height:1em;

}



/* sidebar	 */



#side {

float: right;

width: 230px;

background: #141210;

padding: 5px;

font-size: 0.9em;

}

#side-inner {

background: #141210;

padding: 10px;

border: 1px solid #141210;

}

ul.arch-list {

background: #141210;

padding: 10px 0;

}

ul.arch-list li {

list-style-type: none;

border-bottom: 1px solid #333333;

}



/* post */



div.post {

margin: 20px 0;

padding: 0 0 20px;

border-bottom: 1px solid #333333;

}

div.post-body {

float: left;

width: 80px;

margin: 0 10px 0 0;

padding: 0 10px 0 0;



}

div.post-body img {

padding: 1px;

border: 1px solid #333333;

}

h3.post-title {

font-size: 1.1em;

font-weight: normal;

}

h4.post-meta {

font-size: 0.8em;

font-weight: normal;

}





/* 

footer		

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



#footer {

clear: both;

padding: 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 */