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


body {
       width:100%;
       height: 100%;
       position:relative;
       text-align:left;
       font: 100%/1.3em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
       color: #000;
       z-index: 0;
       top: -10px;
       left: -10px;
       bottom: -10px;
       right: -10px;
       background-color: #FFF;
       background-image: url(http://www.sensiblecuriosity.com/wp-content/themes/nishita/i/scbackground_White1.jpg);
       background-repeat: no-repeat;
       background-position: top center;
}

#title {
       padding-top: 15px;
       padding-bottom: 5px;
       font: 150%/1.3em Arial, sans-serif;
       color: #009933;
       text-transform: uppercase;
       width: 500px;
       text-align: center;
       position: relative;
       left: 50%;
       margin-left: -585px;
       letter-spacing: 8px;
}

.title a:link {
color: #009933;
text-decoration: none;
}
.title a:visited {
color: #009933;
text-decoration: none;
}
.title a:hover {
color: #009933;
text-decoration: none;
}
.title a:active {
color: #f66;
text-decoration: none;
}

#trademark {
       margin-top: -60px;
       text-align: center;
       position: absolute;
       left: 50%;
       margin-left: -85px;
}

#tagline {
       padding-bottom: 25px;
       font: 100%/1.3em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
       text-transform: uppercase;
       width: 500px;
       text-align: center;
       position: relative;
       left: 50%;
       margin-left: -450px;
       color: yellow;
       text-transform: uppercase;
}


#taglinevertical {
       position: absolute;
       padding-top:495px;
       left: 50%;
       margin-left: 388px;
       z-index:2;
}

#titlevertical {
       position: absolute;

       left: 50%;
       margin-left: -420px;
       z-index:2;
}


#centeredtitle {
       padding-top: 50px;
       padding-bottom: 100px;
       width: 700px;
       text-align: center;
       position: absolute;
       left: 50%;
       margin-left: -635px; 
       z-index: 0;
}

#bg_image {
        width: 101.6%;
        height: 1050px;
        left: 0px;
        top: 0px;
        bottom: -10px;
        right: -10px;
        position: absolute;
        z-index: 0;
}
#contents {
        position:absolute;
        z-index:1;
        background-color: #FFF;
}

#content {
	width:604px;
        height:590px;
	text-align:left;
	padding:0px;
	border:2px solid #000;
	background-color:#FFF;
        z-index: 0;
}

#contentborder {
       width:608px;
       padding:10px;
       border:1px solid #666;
       background-color:#FFF;
        z-index: 0;
}     
  
#contentouterborder {
       width:630px;
       padding:0px;
       border:3px solid #fff;
       background-color:#fff;
       z-index: 0;
}       

#centered {
       padding-top:50px;
       width: 647px;
       height: 600px;
       text-align: center;
       position: absolute;
       left: 50%;
       margin-left: -635px; 
       z-index: 0;
}

#centeredleft {
       padding-top: 35px;
       height: 600px;
       text-align: center;
       position: absolute;
       left: 50%;
       margin-left: -380px; 
       z-index: 0;
}



#bracketleft {
       text-align: left;
       height: 700px;
       width: 150px;
       background-color:#000;
       z-index: 0;
}

#centeredright {
       height: 600px;
       text-align: center;
       position: absolute;
       left: 50%;
       margin-left: 560px; 
       z-index: 0;
}

#bracketright {
       text-align: right;
       height: 700px;
       width: 150px;
       background-color:#000;
       z-index: 0;
}

#centeredbrain {
       padding-top: 10px;
       text-align: center;
       position: absolute;
       left: 50%;
       margin-left: -45px;
       z-index: 0;
}

#toparrows {
       text-align: center;
       position: absolute;
       left: 50%;
       margin-left: -465px;
       margin-top: 20px;
       z-index: 0;
}
#bottomarrows {
       text-align: center;
       position: absolute;
       margin-left: -615px;
       margin-top: 710px;
       z-index: 0;
}

#img.backgroundimage {
        position: absolute;
        width: 100%;
        z-index: -1;
}

a:link {
color: #000;
text-decoration: none;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
color: #cccccc;
text-decoration: none;
}
a:active {
color: #000;
text-decoration: none;
}
a img { 
border: 0; 
}

/* hn */

h1, h2 {
font-weight: normal;
}

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

#container {
width: 594px;
font-size: 0.75em;
text-align: center;
}

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

#header {
background: #fff;
margin: 0px;
padding: 0px;
padding-top: 0px;
}
#header-inner {
padding: 0 0px 0px;
background: #fff;
}
#title {
float: center;
width: 594px;
}
h1 {
padding: 0px;
font: 1.8em Arial, "Trebuchet MS", Trebuchet, sans-serif;
color: #6F0;
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 {
list-style: none;
font-size: 9px;
font-weight: bold;
text-align: center;
word-spacing: 24px;
text-transform: uppercase;
letter-spacing: 0.1em;
padding-left: 5px;
padding-top: 5px;
margin: 0 0 0 5px;
}
#nav li {
text-align: center;
list-style: none;
display: inline;
margin: 0px;
}
#nav li a {
text-align: center;
height: 100%;
display: inline;
padding: 0px 0px 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;
}

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

#navigate {
float: center;
width: 550px;
font-size: 0.9em;
}
#navigate-inner {
background: #fff;
padding: 0px;
text-align: center;
}
#navigate span.previous {
float: none;
}
#navigate span.next {
float: none;
}
#navigate span.previous,
#navigate span.next {
display: inline;
width: 48%;
height: 20px;
background: #fff;
}
#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: #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 0px;
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: center;
width: 584px;
background: #fff;
margin: 0 0 5px;
padding: 5px;
}
#main-inner {
background: #fff;
padding: 5px;
margin: 0 0 5px 10px;
border: 1px solid #fff;
background-color:#FFF;
}
h2.page-title {
padding: 0 0 5px;
border-bottom: 0px solid #cececd;
font: 1.5em Arial, "Trebuchet MS", Trebuchet, sans-serif;
color: #8c8c8c;
text-transform: uppercase;
letter-spacing: -1px;
line-height:.5em;
}

#subnav {
font-family: verdana; 
font-weight: bold; 
font-size: 40px; 
text-align: left; 
line-height:.075; 
margin-left:-10px; 
padding-top:0px; 
padding-bottom:0px;
text-transform:uppercase; 
letter-spacing:-1.5pt; 
line-height: 0.8;
}

#subnav2 {
font-size: 30px; 
padding-top:0px;
margin-left:20px;
}

/* post */

div.post {
margin: 0px 0;
padding: 0 0 0px;
border-bottom: 1px solid #e1e1e1;
}
div.post-body {
float: left;
width: 80px;
margin: 0 5px 0 0;
padding: 0 5px 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 0;
font-size: 0.6em;
line-height: 1.2em;
text-align: center;
}

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


/* slider specific CSS */
        .sliderGallery {
            background: url(http://www.stylerecon.com/wp-includes/images/sensiblecuriosity/backgroundslider.jpg) no-repeat;
            overflow: none;
            position: relative;
            padding: 6px;
            height: 400px;
            width: 558px;
            margin-left: 1px;
        }
        
        .sliderGallery UL {
            position: relative;
            top: 220px;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0px;
            margin-left: 10px;
            margin-right: 10px;
        }
        
        .sliderGallery UL LI {
            display: inline;
        }
        
        .slider {
            width: 540px;
            height: 17px;
            top: 375px;
            margin-left: 8px;
            padding: 10px;
            position: absolute;
            background: url(http://jqueryfordesigners.com/demo/images/productbrowser_scrollbar_20070622.png) no-repeat;
        }
        
        .ui-slider-handle {
            position: absolute;
            cursor: move;
            height: 17px;
            width: 181px;
            top: 0px;
            background: url(http://jqueryfordesigners.com/demo/images/productbrowser_scroller_20080115.png) no-repeat;
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .slider .slider-lbl1 {
            left: 50px;
        }
        
        .slider .slider-lbl2 {
            left: 107px;
        }
        
        .slider .slider-lbl3 {
            left: 156px;
        }

        .slider .slider-lbl4 {
            left: 280px;
        }

        .slider .slider-lbl5 {
            left: 455px;
        }