/*

Theme Name: Nishita

Theme URI: http://www.brajeshwar.com/

Version: v1.0

Author: Brajeshwar

Author URI: http://www.brajeshwar.com/

Description: A Photo Blog theme for Wordpress with simple and elegant style.

*/



/*

global settings

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



* {

margin: 0;

padding: 0;

}

body {
background: #333;
font: 100%/1.3em Verdana,"Trebuchet MS",Trebuchet,sans-serif;
color: Silver;
text-align: center;
}

a:link {
color: tan;
text-decoration: none;
}

a:visited {
color: tan;
text-decoration: none;
}

a:hover {
color: SandyBrown;
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: #222;

margin: 0 0 0;

padding: 5px;

padding-top: 0;

}

#header-inner {

padding: 0 10px 10px;
background: #666 url(i/header.gif) no-repeat 10px 52px;
border: 1px solid #777;
border-top: none;

}

#title {

float: left;

width: 320px;

}

h1 {

padding: 30px 0 0;

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

color: #8c8c8c;

text-transform: lowercase;

letter-spacing: 1px;

line-height: .8em;

}

h1 a:link {

color: #8c8c8c;

}

p#tagline {

margin: 5px 0 0;

font-size: 0.9em;

}


h2 {

padding: 7px 0 0;

font: 1.4em; /* Arial, "Trebuchet MS", Trebuchet, sans-serif; */

color: Silver;

text-transform: lowercase;

letter-spacing: 1px;

line-height:1em;

}



/*

navigation

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



ul#nav {

float: right;

font-size: 0.9em;

text-align: right;

text-transform: lowercase;

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

margin: 0 0 1px;

padding: 5px;

}

#photo-inner {

background: #666;

padding: 10px;

border: 1px solid #777;

text-align: center;

}

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 #777;

}

#photo-inner img {

margin: 0 0 10px;

padding: 0 0 10px;

}

#photo-title {
width: 100%;
background: transparent;
height:43px;
margin:1px 0px 0px;

}

#photo-title-nat {

float: left;
width: 499px;
background: #222;
padding: 5px;

}

#photo-title-inner-nat {

height: 30px;

background: #666;

padding: 0 10px;

border: 1px solid #777;

}


h2.photo-title-nat {
display: block;
margin: 10px 10px
background: #fff;
font-size: 0.9em;
padding: 20px 15px;
border: 1px solid #777;
}

/* 

photo meta		

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



#photo-meta {

float: left;

width: 499px;

background: #222;

padding: 5px;

}

#photo-meta-inner {

height: 30px;

background: #666;

padding: 0 10px;

border: 1px solid #777;
font-size: .85em;

}

#photo-meta ul {

margin: 0;

}

#photo-meta ul li {

list-style-type: none;

display: inline;

margin: 0;

padding: 0 5px;

border-right: 1px solid #777;

line-height: 30px;

}



/* 

navigate		

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



#navigate {

float: right;

width: 240px;

font-size: 0.9em;

}

#navigate-inner {

background: #222;

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: #666;
border: 1px solid #777;

}



#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 {
   border: 1px solid SandyBrown;
}



/* 

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 #777;

border-top: none;

}

#comments-header h1 {

margin: 0;

padding: 0 0 5px;

border-bottom: 1px solid #777;

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

color: #8c8c8c;

text-transform: lowercase;

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 #777;

}

#comments-info p {

font-size: 0.8em;

}

p.comments-meta {

margin: 0 0 0;

padding: 0 0 5px 80px;

border-bottom: 1px solid #777;

font-size: 0.9em;

line-height: 1.2em;

}

div.comment-main {

padding: 10px;

background: #666;

/*border: 1px solid #bbb9b9;*/

font-size: 1em;

}

div.comment-main.authorcomment {

background: #E8D9E1;

}

div.comment-meta {

margin: 0 0 0 0px;

font-size: 1em;

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 #777;
font-weight: bold;

}

div.comment-body {

margin: 10px 0 0 20px;
line-height: 1.3em;
/*color: #000;*/
}




#comment-form {

background: #222;
padding: 5px;

}

#comment-form-inner {

padding: 10px;
background: #666;
border: 1px solid 777;

}

#comment-form h2 {

margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid 777;
font: 1.5em; /*Arial, "Trebuchet MS", Trebuchet, sans-serif;*/
/*color: #8c8c8c;
text-transform: lowercase; */
letter-spacing: -0.5px;
line-height:1em;

}

#comments-form label {

display: block;
font-size: 0.95em;
/*letter-spacing: 0.2em;
color: #000;*/
font-weight: bold;
}

#comments-form label em {

font-style: normal;
text-transform: none;
letter-spacing: normal;

}

#comment-form-meta {

float: left;
width: 30%;
}

#comment-form-comment {

float: right;
width: 60%;

}


#author, 
#email,
#url {

width: 95%;
margin: 0 0 10px;
padding: 4px;
background: #333;
color: Silver;
border: 1px solid Silver;
font: 0.9em Verdana,"Trebuchet MS",Trebuchet,sans-serif;

}

#comment {

width: 95%;
margin: 0 0 10px;
padding: 4px;
background: #333;
color: Silver;
border: 1px solid Silver;
font: 0.9em Verdana,"Trebuchet MS",Trebuchet,sans-serif;

}


#comment-submit {

padding: 5px 10px;
background: #333;
border: 3px double #999;
border-top-color: Silver;
border-left-color: Silver;
font-size: 95%;
font-weight: bold;
color: Tan;
/*text-transform: lowercase; */
text-align: center;
letter-spacing: 0.1em;

}

#comment-submit:hover {

background: FireBrick;
color: #fff;

}


div.comment-form-info {

margin: 10px 0 10px;
border-bottom: 1px solid 777;
font-size: 0.9em;
color: #000;
line-height: 1.4em;

}

div.comment-form-info p {

margin: 5px 0;

}

p.trackback {

overflow: hidden;

}



/* 

pages	

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



#main {

float: left;
width: 490px;
background: #222;
margin: 0 0 20px;
padding: 5px;

}

#main-inner {

background: #666;
padding: 10px;
border: 1px solid #777;

}

h2.page-title {

padding: 0 0 5px;
border-bottom: 1px solid #777;
font: 1.5em Verdana,"Trebuchet MS",Trebuchet,sans-serif;
color: Silver;
text-transform: lowercase;
letter-spacing: -1px;
line-height:1em;

}



/* sidebar	 */



#side {

float: right;
width: 230px;
background: #222;
padding: 5px;
font-size: 0.9em;

}

#side-inner {

background: #666;
padding: 10px;
border: 1px solid #777;

}

ul.arch-list {

background: #666;
padding: 10px 0;

}

ul.arch-list li {

list-style-type: none;
border-bottom: 1px solid #555;

}



/* post */



div.post {

margin: 10px 0;
padding: 0 0 20px;
border-bottom: 1px solid #777;

}

div.post-body {

float: left;

width: 80px;

margin: 0 50px 0 0;

padding: 0 10px 0 0;

border-right: 1px solid #777;

}

div.post-body img {

padding: 1px;


border: 1px solid #777;


}

div.post-body img:hover {

padding: 1px;
border: 1px solid #555;

}



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