/*  
Theme Name: MistyLook
Theme URI: http://wpthemes.info
Description: A real clean template by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a> , influenced by <a href="http://reorganize.ca" target="_blank">ReOrganize</a>
Version: 2.0
Author: Sadish
Author URI: http://simpleinside.com
*/
* {
	padding: 0px; 
	margin:0px;
}
p {
	margin: 0.7em 0px;
	line-height:1.6em;
}
dl {
	margin:1em 0px;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em 1em;
	padding:0;
}
a img {
	border:0;
}
.clear {
	clear:both;
	height:20px;
}
/*blockquote 
{
    margin:10px;
    padding-left:10px;
    border-left:#ccc 2px solid;
*/

blockquote, cite {
	background: url(img/quote.gif) #ededed no-repeat left top;
	margin: 15px 30px 0 10px;
	padding: 0 10px 20px 45px;
    color:#666;
}

fieldset 
{
	border:none;
}
body 
{       background: #f9f8f4 url(img/content_bg.gif) repeat;
        background-attachment: fixed;
	margin: 0px 20px; 
	font: 76%/1.6em Georgia, Verdana, Arial, Serif; 
        color: #000066; 
	text-align: center;
}
a 
{
    text-decoration:none;
}
a:link {
	color: #0000ff;	
}
a:visited {
	color: #0000ff;
}
a:hover, a:active {
	color: #ff0000;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 
{
	font-family:Georgia, Verdana, Arial, Serif;
}

#container {
	border: #ddd 1px solid; 
	background: #fff; 
	margin: 0px auto; 
	width: 1000px; 	
	position: relative; 
	text-align: left;
}
#navigation {
	background: transparent; 
	margin: 20px auto 0px; 
	overflow: hidden; 
	width: 1000px; 
	position: relative; 
	text-align: left;
	font-family:Tahoma, Verdana, Arial, Serif;
}
 html #navigation {
	height: 1%;
}
#navigation ul li {
	float: left; 
	margin: 0px 5px 0px 0px; 
	list-style-type: none;
}
#navigation ul li a {
	border: #ddd 1px solid; 
	border-bottom:none;
	padding: 0 10px 2px 10px; 
	display: block; 
	background: #ededed; 
	text-decoration: none;
        color: #000066;
}
#navigation ul li a:hover {
	background: #fafafa;
}
#navigation ul li a:active {
	background: #fafafa;
}
#navigation ul li.current_page_item a {
	background: #fff;
	color: #000066;	
	border: #ccc 1px solid; 
	border-bottom:none;
}
#navigation ul li.search {
	font-size: 0.9em; 
	right: 0px; 
	position: absolute; 
	top: 0px;
}
#navigation ul li.search input#s {
	border: #999 1px solid; 
	font-size: 0.9em; 	
	width: 100px; 
	padding: 2px; 	
	background:#fff;
}
#navigation ul li.search input#searchsubmit {
	border: #999 1px solid; 
	font-size: 0.9em; 
	background: #e6e6e6; 
	margin: 0px 0px 0px 2px; 
	color: #265e15; 
	padding: 2px; 		
}
#header {
	clear: both; 
	float: left; 
	margin: 10px 5px; 
	width: 450px;
}
#header h1 
{
	font-size:1.8em;
	margin:10px 0 0 10px;
	font-variant:small-caps;
	letter-spacing:1px;
        color: #000066;		
}
#header h1 a {
	display: block; 	
	text-decoration:none;	
        color: #000066;
}
#header h2 
{
	margin:5px 0 0 10px;
	font-size:1em;
	font-weight:normal;
	font-family:Tahoma, Verdana, Arial, Serif;
	letter-spacing:1px;	
        
}
#feedarea {
	padding:10px 10px 0 0; 
	float: right; 	
	text-align: right;
}
html #feedarea {
	padding-top: 10px;
}
#feedarea dl dt {
	display: inline; 
	margin-right: 5px; 
	height: 45px;
}
#feedarea dl dd {
	display: inline; 
	margin-right: 5px; 
	height: 45px;
	background:url(img/feed.png) no-repeat left center;
	padding-left:16px;
}
#headerimage {
	clear: both; 
	background: #fff url(img/7sis.jpg) no-repeat 0px 0px;
	margin: 10px; 
	color: #fff; 
	height: 200px;
}
 html #headerimage {
	margin-top: 0px;
}
#content {
	margin: 10px 10px 10px 30px; 
	overflow: auto;
}
 html #content {
	height: 1%;
}
#content h3 {
	font-size: 1.2em; 
	margin: 1em 0px 0px;
        color: #000066;
}


#content h4 {
	font-size: 1.1em; 
	margin: 1em 0px 0 0;
}
#content h5 {
	font-size: 1em; 
	margin: 1em 0px;
}
#content-main ul 
{
    margin:1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}
#content-main {
	float: left; 
	width: 740px; 
	margin-right: 25px;
}
 html #section-index #content-main {
	margin-right: 20px;
}
#content .post 
{
	padding:2em 0 4em 0;
        background:url(img/divider.gif)no-repeat center top;
	
#content p img.right {
	float: right; margin:10px 0 0 10px;
}
#content p img.left {
	float: left; margin:0 10px 10px 0;
}
#content .post h2 a
{
	font-size: 1.2em; 
	margin: 1em 0px 0px;	
	letter-spacing:1px;
	font-weight:normal;	
        color: #000066;
}
#content .entry 
{
    margin:1em 0;
    padding-right:1em;    
}
#content .entry a
{
    border-bottom:#999;
    text-decoration:none;
    
}
    
}
#content .post-info , #content .postmetadata 
{
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;
        color: #000066;	
}
#content .post-info 
{
	background:url(img/underline1.jpg) no-repeat left bottom;
	padding-bottom:12px;	
}
#content .postmetadata 
{
	background:url(img/underline1.jpg) no-repeat left bottom;
	padding-bottom:12px;	
}

#sidebar {
	float: left; 
	width: 200px;
	font-size:0.9em;
}
#sidebar ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar ul ul
{
	list-style:none;
	margin:0.5em 0 0 1em;
	padding:0;
}
li.sidebox {
	padding:10px;
	background: url(img/sideheadtop.gif) #bec7d8 no-repeat left top; 
	margin-bottom: 10px; 	
}
html li.sidebox {
	padding-bottom: 10px;
}
li.sidebox h2 {
	font-weight: bold; font-size: 1.2em; text-align: left;
}
#sidebar li.sidebox p img {
	float: left; margin: 0px 10px 10px 0px;
}

#footer {
	clear: both; 	
	background: transparent; 
	margin: 0px auto; 
	overflow: auto; 
	width: 760px; 
	color: #999; 
	text-align: left;
}
 html #footer {
	height: 1%;
}
#footer p {
	float: left; width: 40%; line-height: 1.2em;
}
#footer p img {
	vertical-align: text-bottom;
}
#footer ul {
	float: right; 
	margin: 1em 0px; 
	width: 50%; 
	text-align: right;
	font-size: 0.9em; 
}
#footer ul li {
	display: inline; 
	margin-left: 5px; 
	list-style-type: none;
}
#comments, #respond{
	margin: 2em 0 0 5px;
}
#commentform 
{
	margin:10px;
	padding:10px;
}
#container .commentlist {
	margin: 0;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	margin: 1em 0;
	padding: 0.5em;	
	background:#f5f5f5;
}
.commentlist li.alt 
{
    background:#fafafa;
}
.commentlist li .cmtinfo 
{
	font-size:1em;	
	border-bottom: #eee 1px solid;
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
.commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
textarea{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f8f4;
}
input 
{
	background:#f9f8f4;
	border:#ccc 1px solid;
}
.post h4 
{
	font-size:1em;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
	font-style:normal;
	float:right;
	font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}
.left {
	float: left;
margin: 5px 5px 0px 5px;
}

.right {
	float: right;
margin: 5px 5px 5px 5px;
}
/* 
   FAlbum Default Stylesheet
   =================      
   
   This is a sample stylesheet that can be used with FAblum, and is provided so that
   the default page looks half decent under the default Wordpress 1.5 theme - Kubrick
   
   This stylesheet will most probably break in other WP styles, so you can't rely 
   entirely on this stylesheet. Use it as guidance. Ultimately, style issues are not
   the fault of FAlbum.
   
   This stylesheet is commented so you know what each section does, and can customise
   it accordingly, or pull out just the sections you want.
*/

/* ----------- FAlbum Common -------------*/

.falbum {
	padding: 0px;
	margin: 0px;
	clear: both;	
	width: 99%;
	min-width: none;	
}

.falbum p {
  	margin: 8px 0 8px 0;
}

.falbum img {
  	max-width: none;
	border: none;
}

.falbum-album {
	clear: both;
}

.falbum-title {	
	color: #260;
	border-bottom: 1px dashed #CCC;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.falbum-meta {
	margin: 0px 0px 5px 0px;
}

.falbum-navigationBar {
	clear: both;
	padding: 5px 0 5px 0;
	margin: 10px 0 10px 0;
}


/* ----------- Album Page -------------*/

.falbum-album-description {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}











/* ----------- Thumbnails -------------*/
  
.falbum-tn-border-s {
	float: left;
	width: 95px;
	height: 95px;
}

.falbum-tn-border-t {
	float: left;	
	width: 120px;
	height: 125px;		
}

.falbum-tn-border-m {
	float: left;
	width: 260px;
	height: 260px;
}

.falbum-thumbnail {
	float: left;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
}

.falbum-thumbnail-ds {
	float: left;
	background: url('images/shadow.gif') no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;	
}
 
.falbum-thumbnail-ds img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
}

.falbum-thumbnail img:hover {
	background-color: #ccd;
}

.falbum-editable{
     color: #000;
     background-color: #ffffd3;
}

/* ----------- Photo Page -------------*/

.falbum-title2 {
	padding: 0 50px 0 0;
}

.falbum-tags-block {
}

.falbum-tags-label {
	float: left;
	display: block;
}

.falbum-tags {
	float: left;
}

/* -- Image ---------------*/

.falbum-photo-block {
	float: left;
	margin: 10px 5px 10px 5px;
}

.falbum-photo {
	float: left;
}

.falbum-photo-ds {
	background: url('images/shadow.gif') no-repeat bottom right;
	float: left;
}

.falbum-photo img, .falbum-photo-ds img {
	 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
}

.falbum-photo2 {
	padding-right: 20px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: 2px 2px 2px 2px;
	padding: 4px;
	margin-top:10px;
}

/* -- Navigation ---------------*/
  
.falbum-nav {
	clear: both;	
	margin: 5px 10px 0px -10px;
	text-align:center;
	padding: 8px;	
	width: auto;	
}

.falbum-nav a {
	text-decoration: none;
}
  
/* -- Description ---------------*/

.falbum-description {
	clear: both;
	font-size: 11px;
	margin: 5px 0 5px 0 ;
}

/* -- Photo Sizes ---------------*/

.falbum-photoSizesBlock {
	padding: 10px 0px 3px 0px;
}

a.falbum-photoSizes
{
	background-color: #E4E0D2;
	padding: 2px;
	margin: 1px 3px 1px 3px;
	color: black;
	border:	1px solid #D4D0C2;
	text-align: center;
}

a.falbum-photoSizes:hover 
{
	border:	1px solid #3169C6;
	background-color: #C6D3EF;
}

/* -- EXIF Data ---------------*/

.falbum-exif table{
	border: 1px solid #a9a9a9;
	margin: 0 15px 0 0;
}

.falbum-exif td {
	margin: 5px 5px 5px 5px;
	padding: 1px 5px 1px 5px;
}
.falbum-exif .odd{
	background-color: #f0f0f0
}

.falbum-exif .even{
	background-color: #e0e0e0
}

/* -- Annotations ---------------*/
 
a.annotation {
	position: absolute;
	border: 1px solid white;
	padding: 0;
	display: none;
}
 
a.annotation span {
	display: block;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
}
 
a.annotation:hover {
	border-color: yellow;
}

#overDiv {
  font-size: 1em;
}

/* ----------- Tag Cloud Page -------------*/

.falbum-cloud {	
	padding: 10px;	
	line-height:auto;
	text-align:center;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.falbum-cloud a {
	text-decoration:none;
}

a.falbum-tag1 {
 font-size:10px;
}

a.falbum-tag2 {
 font-size:12px;
 font-weight:400;
}

a.falbum-tag3 {
 font-size:16px;
 font-weight:500;
}

a.falbum-tag4 {
 font-size:20px;
 font-weight:600;
}

a.falbum-tag5 {
 font-size:22px;
 font-weight:700;
}

a.falbum-tag6 {
 font-size:28px;
 font-weight:800;
}

a.falbum-tag7 {
 font-size:30px;
 font-weight:900;
}

/* ----------- Random Images -------------*/
.falbum-random ul {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap; 
}

.falbum-random li {
	display: inline;
}

/* ----------- Recent Images -------------*/

.falbum-album-recent {	
	margin-bottom: 15px;
}


/* ----------- Annotations -------------*/
.annotation-fontClass {font-family: 'Comic Sans MS'; font-size: 1.3em; text-align: left;}
.annotation-capfontClass {font-family: Arial, sans-serif; font-size: 1.3em; font-weight: bold; color: #ffffff; text-align: left;}
.annotation-capfontClass A {color: #ffffff; font-size: 1.3em;}
.annotation-fgClass {background-color: #FFFFCC;}
.annotation-bgClass {background-color: #FFFF66;}


/* ----------- Link button styles -------------*/
.disabledButtonLink {
	color: Gray;
	text-align:center;
	padding: 2px 15px 2px 15px;
	background-color:	#E4E0D2;
}

a.buttonLink {
	padding: 2px 15px 2px 15px;
	border:	1px solid #D4D0C2;
	background-color:	#E4E0D2;
	text-align:center;
	white-space: nowrap;
	color: black;
}

a.buttonLink:visited {
	color: black;
}

a.buttonLink:active {
	border:	1px solid #3169C6;
	background-color:	#3169C6;
	color: white;
}

a.buttonLink:hover {
	border:	1px solid #3169C6;
	background-color:	#C6D3EF;
	color: black;
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link, a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link {
	padding: 2px 4px 2px 4px;
	font-size: 100%;
	color: black;
}

a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link {
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link {
	border: 3px double #3169C6;
	font-weight: bold;
}

a.otherPageLink:hover,a.curPageLink:hover {
	text-decoration: underline;
}

/* ----------- Error Page -------------*/

.falbum-error {
	font-size:1.2em;
}
.falbum-error pre{
	width: 99%;
	font-size:1.2em;
	overflow-y: hidden; 
	overflow-x: auto;
}

/* -------------  Post Helper  -------------*/

#falbum-post-helper-switch {
	float: right;
	margin: 0px 0px 0px 0px;
}

#falbum-post-helper-block {
	width: 99%;
	padding: 5px;
	margin: 15px 0px 15px 0px;
	border:	1px solid #D4D0C2;
	background-color: #E4E0D2;
}

#falbum-post-helper-value {
	margin: 8px 5px 5px 8px;
  	font-weight: bold;
}

#falbum-post-helper-block-close {
	float: right;
}

.falbum-post-box {
}

/* -------------  Comments  -------------*/

.falbum-comment-block {
	margin: 15px 0px 5px 0px;
}

.falbum-comment-title {
	font-weight: bold;
}

.falbum-comment-author {
	padding: 5px 5px 0px 10px;
}

.falbum-comment {
	padding: 5px 5px 5px 25px;
	margin: 0px 0px 5px 0px;
}


/* -------------  Misc  -------------*/

.falbum-sidebar-photos {
	overflow: hidden;
}

.falbum-clear {
	clear: both;
}
.falbum-clear-left {
	clear: left;
}