/*
Theme Name: Adapted from 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: #000;
font: 100%/1.3em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
color: #ccc;
text-align: center;
}
a:link {
color: #f60;
text-decoration: none;
}
a:visited {
color: #f60;
text-decoration: none;
}
a:hover {
color: #f60;
text-decoration: none;
}[
a:active {
color: #f60;
text-decoration: none;
}
a img { 
border: 0; 
}

a.button {
 display: block;
 float: right;
 text-align: center;
 width: 128px;
 height: 22px;
 color: #f60;
 margin: 5px 0;
 background: #000 url(i/button.gif) top left no-repeat;
}

a.button:hover {
 background: #000 url(i/button_on.gif) top left no-repeat;
 color: #000;
}

/* hn */

h1, h2 {
font-weight: normal;
}

.right {
 text-align: right;
}

table {
 margin: 0 5% 10px 5%;
 width: 80%;
 border: #333 5px solid;
 padding: 5px;
}

table thead {
 font-weight: bold;
}

#blanket {
 background-color: #111;
 opacity: 0.75;
 filter: alpha(opacity=65);
 position: absolute;
 z-index: 9001;
 top: 0px;
 left: 0px;
 width: 100%;
}

#photobox_popup {
 position: absolute;
 background-color: #000;
 width: 500px;
 border: #333 5px solid;
 z-index: 9002;
 padding: 10px;
}

#photobox_popup p {
 margin-bottom: 10px;
}

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

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

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

#header {
background: #333;
margin: 0 0 0 0;
padding: 0 5px 5px 5px;
}
#header-inner {
padding: 0 10px;
height: 155px;
background: #000 url(i/header.gif) top left no-repeat;
border: 0;
border-top: none;
}

#logo {
 border: #333 10px solid;
 position: absolute;
top: 10px;
}

h1 {
padding: 40px 0 0;
font: 1.8em Arial, "Trebuchet MS", Trebuchet, sans-serif;
text-transform: uppercase;
letter-spacing: -1px;
line-height:1em;
}
h1 a:link {
color: #ccc;
}
p#tagline {
margin: 0;
font-size: 0.9em;
color: #ccc;
}

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

ul#nav {
float: right;
position: relative;
top: 48px;
text-align: right;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0;
}
#nav li {
float: left;
list-style-type: none;
display: block;
}
#nav li a {
float: left;
height: 100%;
display: block;
padding: 3px 8px 3px 8px;
margin: 0;
}
#nav li a:hover {
color: #fff;
}

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

#photo {
float: left;
background: #333;
margin: 0;
padding: 0 5px;
width: 555px;
}
#photo-inner {
background: #000;
padding: 0 10px 5px 10px;
border: 0;

}
#photo-inner p {
text-align: center;
margin-bottom: 10px;
}
h2.photo-title {
background: #000;
margin: 0;
padding: 0;
font-size: 1.1em;
text-align: center;
color: #ccc;
letter-spacing: 0.1em;
line-height: 30px;
}

#photo-inner img {
margin: 0 0 5px 0;
padding: 10px 0;
border-top: #333 solid 1px;
border-bottom: #333 solid 1px;
}

#photo span.previous {
float: left;
}
#photo span.next {
float: right;
}
#photo span.previous,
#photo span.next {
display: block;
height: 30px;
background: #000;
border: 0;
}
#photo span.previous a,
#photo span.next a {
display: block;
padding: 0 10px;
line-height: 30px;
}
#photo span.previous a:hover,
#photo span.next a:hover {
text-decoration:underline;
}

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

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

/* 
comments		
------------------------------------------------------ */

body#commentspopup {
margin: 0 10px;
}
#comments {
background: #000;
font-size: 0.75em;
text-align: left;
}
#comments-header {
background: #333;
margin: 0 0 20px;
padding: 5px;
padding-top: 0;
}
#comments-header-inner {
padding: 10px;
background: #000;
border: 0;
border-top: none;
}
#comments-header h1 {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #333;
font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;
color: #ccc;
text-transform: uppercase;
letter-spacing: -1px;
line-height:1em;
}
#comments-header h1 a:link {
color: #ccc;
}
#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 #333;
}
#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: #000;
border: 0;
font-size: 0.95em;
}
div.comment-main.authorcomment {
background: #000;
}
div.comment-meta {
margin: 0;
font-size: 0.9em;
line-height: 1.2em;
}
div.gravatar {
float: left;
}
span.comment-meta-author {
display: block;
font-size: 1.1em;
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: #333;
margin: 20px 0;
padding: 5px;
}
#comment-form-inner {
padding: 10px;
background: #000;
border: 0;
}
#comment-form h2 {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #333;
font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;
color: #ccc;
text-transform: uppercase;
letter-spacing: -1px;
line-height:1em;
}
#comments-form label,
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;
}
#comments-form br {
 display: none;
}

#author,
#name,
#subject, 
#email,
#url,
#message,
#comment,
#wpcf_your_name,
#wpcf_email,
#wpcf_subject,
#wpcf_message,
#wpcf_msg {
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,
input.submit,
input.reset,
#contactsubmit {
padding: 5px 10px;
background: #888;
border: 3px double #333;
border-top-color: #333
border-left-color: #333;
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 #333;
font-size: 0.9em;
color: #999;
line-height: 1.4em;
}
div.comment-form-info p {
margin: 5px 0;
}
.contacterror {
 border: 1px solid #c00;
}
p.contacterror {
padding: 5px;
width: 95%; 
border: 1px solid #c00;
}
p.trackback {
overflow: hidden;
}

fieldset {
 border: 0;
}

fieldset legend {
 display: none;
}

/* 
pages	
------------------------------------------------------ */

#main {
float: left;
width: 555px;
background: #333;
margin: 0;
padding: 0 5px 5px 5px;
}
#main-inner {
background: #000;
padding: 10px;
border: 0;
overflow: auto;
}

#main p {
margin: 0 0 10px 0;
}

#main ul.friends li {
margin: 0 0 0 20px;
padding: 0;
}

#main ol li{
list-style-type: decimal;
}

div.people-img {
 height: 154px;
 width: 154px;
 margin: 5px 10px;
 text-align: center;
 vertical-align: middle;
 float: left;
}

div.people-img p img {
 border: 1px solid #666;
 padding: 1px;
}

h2.page-title {
padding: 0 0 5px;
margin: 0 0 10px;
border-bottom: 1px solid #333;
font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;
color: #ccc;
text-transform: uppercase;
letter-spacing: -1px;
line-height:1em;
clear:both;
text-align: left;
}

h3.page-title {
padding: 5px 0 5px;
border-bottom: 1px solid #333;
font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;
color: #ccc;
letter-spacing: -1px;
line-height:1em;
clear:both;
text-align: left;
}

img.people {
float: right;
padding: 1px;
margin: 5px 0 10px 10px;
border: 1px solid #666;
}

img.pom {
 margin: 5px 14px;
 padding: 1px;
 border: 1px solid #666;
}

object, embed{
 display: block;
}

object {
 margin: 10px 0 0 0;
 border: 5px solid #333;
 text-align: center;
}

/* sidebar	 */

#side {
float: right;
width: 180px;
background: #333;
padding: 0 5px 5px 0;
font-size: 0.9em;
}
#side-inner {
background: #000;
padding: 10px;
border: 0;
}

#side-inner p {
padding: 5px 0;
border-top: #333 1px solid;
border-bottom: #333 1px solid;
}

img.logo {
 text-align: center;
 border: 10px solid #333;
}

ul.arch-list {
background: #000;
padding: 10px 0;
}
ul.arch-list li {
text-align: left;
list-style-type: none;
border-bottom: 1px solid #333;
}

/* post */

div.post {
margin: 20px 0;
padding: 0 0 20px;
border-bottom: 1px solid #333;
}
div.post-body {
float: left;
width: 155px;
margin: 0 10px 0 0;
padding: 0 10px 0 0;

text-align: center;
}
div.post-body img {
padding: 1px;
border: 1px solid #666;
}
h3.post-title {
margin-top: 0px;
font-size: 1.2em;
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 */