/*
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;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #878787;
}
body {
	background: #EEE;
	text-align: center;
}
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: black;
	text-decoration: none;
}
a:active {
	color: #666;
	text-decoration: none;
}
a img { 
	border: 0; 
}

/* hn */

h1, h2 {
	font-weight: normal;
}

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

#container {
	width: 740px;
	margin: 0 auto;
	text-align: left;
}

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

#header {
	background: #d7d7d7;
	margin: 0 0 10px;
	padding: 5px;
	padding-top: 0;
}
#header-inner {
	margin-bottom: 10px;
	background-color: white;
	border-bottom: 1px solid #ccc;
}
#title {
	float: left;
}
h1 {
	padding: 5px;
	font-size: 130%;
	font-weight: bold;
	color: #666;
}
h1 a:link {
	color: #666;
}
p#tagline {
	padding: 5px;
	font-size: 70%;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}

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

ul#nav {
	float: right;
	font-size: 70%;
	text-align: right;
	text-transform: uppercase;
}
#nav li {
	float: left;
	list-style-type: none;
	display: block;
	margin-left: 10px;
}
#nav li a {
	float: left;
	height: 100%;
	display: block;
	padding: 5px;
}
#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,
body#impressum li#nav-impressum a {
	background: #f9f9f9;
}

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

#photo {
	background: #d7d7d7;
	margin: 0 0 1px;
	padding: 5px;
}
#photo-inner {
	background: #fff;
	padding: 10px;
}
#photo-title {
	margin: 0;
	padding: 5px 10px 5px 10px;
	background: #fff;
	border-bottom: 1px solid #bbb9b9;
}
#photo-title h2 {
	display: inline;
	font-size: 85%;
	color: #666;
	font-weight: bold;
	padding-right: 5px;
}
#photo-title .nav {
	float: right;
	font-size: 85%;
	font-weight: bold;
}
h2.photo-title {
	background: #d7d7d7;
	margin: 0 0 1px;
	padding: 5px;
	font-size: 80%;
	color: #666;
	font-weight: bold;
}
h2.photo-title span {
	display: block;
	background: #fff;
	padding: 5px 10px;
	border: 1px solid #bbb9b9;
}

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

#photo-meta {
	float: left;
	width: 499px;
	background: #d7d7d7;
	margin: 0 0 20px;
	padding: 5px;
}
#photo-meta-inner {
	background: #fff;
	padding: 0 10px;
	border-top: 1px solid #bbb9b9;
	font-size: 80%;
	margin-bottom: 10px;
}
#photo-meta-inner ul {
	margin: 0;
}
#photo-meta-inner ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 5px;
	border-right: 1px solid #e1e1e1;
	line-height: 30px;
}
#photo-meta-inner ul li.c1 a{
	color: #FF0000;
	font-weight: bold;
}
#photo-meta-inner ul li.c0 a{
	color: #33FF33;
	font-weight: bold;
}
.exif {
	display: none;
	padding-bottom: 5px;
}

#photo-meta-inner .exif ul li {
	display: block;
	border: 0;
	line-height: 1.2em;
}

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

#navigate {
	float: right;
	width: 240px;
	font-size: 0.9em;
}
#navigate-inner {
	background: #d7d7d7;
	padding: 5px;
	text-align: center;
	font-size: 85%;
	margin-bottom: 10px;
}

/*
tag-list
------------------------------------------------------ */

#tag-list {
	margin: 0 0 0 10px;
	text-align: left;
	float:right;
}

#tag-list ul {
	font-size: 100%;
	font-weight: bold;
}

#tag-list ul li{
	display: inline;
	padding: 1px 5px;
	margin-left: 5px;
	background: #ffffCC;
	border: none;
}

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

body#commentspopup {
	margin: 0 10px;
}
#comments {
	background: #EEE;
	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 Helvetica, Arial, sans-serif;
	color: #8c8c8c;
	text-transform: uppercase;
	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.7em;
}
p.comments-meta {
	margin: 10px 0 0;
	padding: 0 0 5px 80px;
	border-bottom: 1px solid #BDA7B0;
	line-height: 1.2em;
}
div.comment-main {
	margin: 20px 0;
	padding: 10px 10px 5px 10px;
	background: #fff;
/*	border: 1px solid #bbb9b9;
*/	font-size: 100%;
}
div.maxcomment {
	background: #FFFFEE;
}
div.comment-main.authorcomment {
	background: #E8D9E1;
}
div.comment-meta {
	margin: 0 0 10px 45px;
	font-size: 100%;
	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;
}
div.comment-body p{
	margin-bottom: 10px;
}
#comment-form {
	background: #d7d7d7;
	margin: 20px 0;
	padding: 5px;
}
#comment-form-inner {
	margin-top: 15px;
	padding: 10px;
	background: #fff;
/*	border: 1px solid #bbb9b9;
*/}
#comment-form-inner h2 {
	margin: 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #cececd;
	font: 1.5em Helvetica, Arial, sans-serif;
	color: #8c8c8c;
	text-transform: uppercase;
	line-height:1em;
}
#comment-form-inner label {
	display: block;
	font-size: 100%;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
#comment-form-inner 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 Helvetica, Arial, sans-serif;
}
#comment-submit {
	padding: 5px 10px;
	background: #888;
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	font-size: 100%;
	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: 100%;
	color: #666;
	line-height: 1.4em;
}
div.comment-form-info p {
	margin: 5px 0;
}
p.trackback {
	overflow: hidden;
}

#comment-form-inner #comments-form .subscribe-to-comments {
	background: #ffffcc;
	padding: 5px;
	margin-top: 15px;
	font-weight: bold;
}

#comment-form-inner #comments-form .subscribe-to-comments label{
	display: inline;
	text-transform: none;
	letter-spacing: normal;
	margin-left: 5px;
}

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

#main {
	float: left;
	width: 100%;
	background: #d7d7d7;
}
#about #main {
	width: 100%;
}
#main-inner {
	background: #fff;
	padding: 10px;
/*	border: 1px solid #bbb9b9;
*/}
#page-title {
	margin: 0;
	padding: 5px 10px 5px 10px;
	background: #fff;
	border-bottom: 1px solid #bbb9b9;
}
#page-title h2 {
	display: inline;
	font-size: 85%;
	color: #666;
	font-weight: bold;
	padding-right: 5px;
	text-transform: uppercase;
}
#page-title .nav {
	float: right;
	font-size: 85%;
	font-weight: bold;
}
#page-title .nav a:hover {
	text-decoration: underline;
}
#tag-cloud {
	clear: both;
	padding: 10px;
	border-top: 1px solid #bbb9b9;
	text-align: center;
	background: white;
}
#month-cloud {
	clear: both;
	padding: 10px;
	border-top: 1px solid #bbb9b9;
	text-align: center;
	background: white;
}
#month-cloud ul {
	list-style-type: none;
}
#month-cloud ul li{
	display: inline;
	padding: 5px;
}
#category-cloud {
	clear: both;
	padding: 10px;
	border-top: 1px solid #bbb9b9;
	text-align: center;
	background: white;
}
#category-cloud ul {
	list-style-type: none;
}
#category-cloud ul li{
	display: inline;
	padding: 5px;
}
/* sidebar	 */

#side {
	float: right;
	width: 249px;
	background: #d7d7d7;
/*	padding: 5px;
*/	font-size: 0.9em;
}
#side-inner {
	background: #fff;
	padding: 10px;
/*	border: 1px solid #bbb9b9;
*/}
ul.arch-list {
	background: #fff;
	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 {
	margin-top: 10px;
	clear: both;
	padding: 0 0 0 15px;
	font-size: 0.8em;
	text-align: center;
}

#footer p {
	font-size: 80%;
	margin-bottom: 10px;
}

.navigation {
	font-size: 80%;
	padding: 0 10px 10px 0;
}
.alignleft {
	float: left;
	width: 25%;
	/*text-align: right;*/
}
.alignright {
	float: right;
	/*width: 20%;*/
}

body#impressum .page-body p, body#about .page-body p, .page-body ul, .page-body h3{
	font-size: 80%;
}

body#impressum .page-body p, body#about .page-body p {
	padding-top: 10px;
}

body#impressum .page-body ul, body#about .page-body ul {
	padding-top: 5px;
	padding-bottom: 5px;
}

body#impressum .page-body ul li, body#about .page-body ul li {
	margin-left: 25px;
	margin-bottom: 3px;
}

body#impressum .page-body h3, body#about .page-body h3 {
	padding-top: 14px;
	padding-bottom: 0;
	font-size: 100%;
}

body#about .page-body img {
	padding: 3px;
	background-color: white;
/*	float: right;
*/	margin-left: 0px;
	margin-bottom: 8px;
}

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