/*

Theme Name:     Nishita

Theme URI:      http://clipthephotos.com/

Description:    A simple, elegant styled PhotoBlog theme for Wordpress.

Version:        1.2.0

Author:         Brajeshwar

Author URI:     http://brajeshwar.com/

Tags:           White, Photography, Photos, Photoblog, Photo Blog, Fixed Width, Single Column

*/



/*__________________________________________________________________________________________________*/



* {

margin: 0;

padding: 0;

}

body {

background: #1A1A1A;

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: 832px;

margin: 0 auto;

font-size: 0.75em;

text-align: left;

}



/*

header

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



#header {

background: #1A1A1A;

margin: 0 0 20px;

padding: 5px;

padding-top: 0;

}

#header-inner {

padding: 0 10px 5px;

background: #fff url(i/header.png) no-repeat 10px 43px;

border: 1px solid #FFFFFF;

border-top: none;

}

#title {

float: left;

idth: 410px;

}

h1 {

padding: 20px 0 0;

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

color: #8c8c8c;


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: 21px 0px 0px 10px;

}

#nav li a:hover,

body#default li#nav-default a,

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: #1A1A1A;

margin: 0 0 1px;

padding: 5px;

}

#photo-inner {

background: #1A1A1A;

padding: 10px;

border: 1px solid #505050;

}

h2.photo-title {

background: #1A1A1A;

margin: 0 0 1px;

padding: 5px;

font-family: Georgia,serif;

font-size: 1.7em;

color: #fff;

letter-spacing: 0.1em;

}

h2.photo-title span {

display: block;

background: #1A1A1A;

padding: 10px 0px 0px 10px;

border: 0px solid #bbb9b9;

color: #fff;

}

#photo-inner img {

margin: 0 0 10px;

padding: 0px;



}



/* 

photo meta		

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



#photo-meta {

float: left;

width: 581px;

background: #1A1A1A;

margin: 0 0 20px;

padding: 5px;

}

#photo-meta-inner {

height: 30px;

background: #1A1A1A;

padding: 0 5px;

border: 1px solid #505050;

}

#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: #1A1A1A;

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: #1A1A1A;

border: 1px solid #505050;

}

#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: #1A1A1A;

font-size: 0.75em;

text-align: left;

}

#comments-header {

background: #1A1A1A;

margin: 0 0 20px;

padding: 5px;

padding-top: 0;

}

#comments-header-inner {

padding: 10px;

background: #FFF;

border: 1px solid #FFF;

border-top: none;

}

#comments-header h1 {

margin: 0;

padding: 0 0 5px;

border-bottom: 1px solid #505050;

font: 1.5em Verdana, "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 #505050;

}

#comments-info p {

font-size: 0.8em;

}

p.comments-meta {

margin: 10px 0 0;

padding: 0 0 5px 80px;

border-bottom: 1px solid #505050;

font-size: 0.9em;

line-height: 1.2em;

}

div.comment-main {

margin: 20px 0;

padding: 10px;

background: #1A1A1A;

border: 1px solid #505050;

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: #1A1A1A;

margin: 20px 0;

padding: 5px;

}

#comment-form-inner {

padding: 10px;

background: #fff;

border: 1px solid #505050;

}

#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: 572px;

background: #1A1A1A;

margin: 0 0 20px;

padding: 5px;

}

#main-inner {

background: #1A1A1A;

padding: 10px;

border: 1px solid #505050;

}

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: #1A1A1A;

padding: 5px;

font-size: 0.9em;

}

#side-inner {

background: #1A1A1A;

padding: 10px;

border: 1px solid #505050;

}

ul.arch-list {

background: #1A1A1A;

padding: 10px 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;

}

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



hr                  {

color: #fff;

background: transparent;

border: 0;

border-bottom: 1px #ccc solid;

margin: 0 0 .5em;

padding: 0 0 .5em;

}



/* wordpress */

img.wp-smiley,

img.wp-wink         { float: none; border: 0 none; margin: 0; padding: 0 3px; }

img.centered        { display: block; margin-left: auto; margin-right: auto; }

img.alignright      { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft       { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.wp-caption         { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img     { margin: 0; padding: 0; border: 0 none; }

.wp-caption-dd      { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.aligncenter        { display: block; margin-left: auto; margin-right: auto; }

.alignright         { float: right; }

.alignleft          { float: left; }