/* 
Theme Name: Anand
Theme URI: http://www.saumendra.com/wordpress-themes/
Description: Anand Wordpress Theme is a Premium Wordpress theme with a very clean Interface. Slick Design and Web 2.0 Color usage. 3 Column website design theme.
Tags:three-columns,dark,red,black,yellow,right-sidebar,fixed-width,holiday
Version: 1.0
Author: Saumendra Swain
Author URI: http://www.saumendra.com
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
/* Elements */
* {margin:0;padding:0;}
body {margin: 0;padding: 0;background:black;font-family: Verdana,Tahoma, Arial, Serif;line-height: 1.5em;font-size: 10px; /* IE5 Win */
  	voice-family: "\"}\""; voice-family: inherit;font-size: 10px; /* easy scaling */font-size: 0.76em;color: #110B0C;}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-family:Georgia, Tahoma, Verdana, Arial, Serif;font-weight:normal;color: #110B0C;}
p, blockquote, ul, ol {margin-top: 0;padding-top: 0;margin-bottom:0.5em;}
p {line-height:1.8em;}
#rt-img{width:400px;height:180px;float:right;}
a:link, a:visited {color: #2753C2;text-decoration:none;border-bottom:#c96 1px dotted;}
a:hover,a:active{color:#960;text-decoration:none;}
img.left{float:left;margin:0 1em 1em 0;}
img.right{float:right;margin:0 0 1em 1em;}
a img{border:0;padding-bottom:2px;border-bottom:1px dashed;}
blockquote{margin:1em;padding:0 2em;background:url(img/quote.gif) no-repeat left top;color:#666;font-style:italic;}
fieldset{border:none;}
dl {margin:1em 0px;}
dt{font-weight:bold;}
dd{margin:0.5em 1em;padding:0;}
/* Header */
#header {width: 900px;width:100%;background:#9C0815;margin: 0 auto;/*background:transparent;*/
}
/* Logo */
#logo {padding-left:10px;}
#logo h1{padding: 10px 0;font-size: 1.8em;font-variant:small-caps;
}
#logo .description h2 {padding:6px 10px 0 0;font-size:1em;font-family:Tahoma, Verdana, Arial, Serif;color:#110B0C;color:silver;float:right;}
#logo a {text-decoration: none;color:#110B0C;border:0;color:white;}
#logo a:hover{
    text-decoration:underline;}
/* Menu */
#menu {text-align:right;padding:0px 0 0;height:30px;line-height:30px;background:black;}
#menu ul {margin-right: 50px;padding:0;list-style: none;}
#menu li {display: inline;}
#menu a{padding:2px 7px;text-decoration: none;font-variant:small-caps;font-size: 1em;/*border:1px solid white;*/color:white;}
#menu a:hover, 
#menu a:active,
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active{color:#E9DCDC;border-bottom:2px solid red;}
/* headimage */
#headimage{height:180px;width:900px;border:black 26px solid;margin:0px auto;border-top:0px;	/*headimage's redeclared in functions.php for WP 2.1 or greater */
}
/* Main */
#main {width: 900px;margin: 0 auto;background:#FDF1D4;border-left:#FFFAEE 26px solid;border-right:26px solid #FFFAEE;border-bottom:0px;}
#main h2 {padding: 4px;font-size: 1.6em;		line-height:1.2em;border-bottom:#ddd 1px solid;}
#main h3 {padding: 4px;font-size: 1.4em;		line-height:1.2em;border-bottom:#ddd 1px solid;}
#main h2 a{border:0;}
#content ul {margin: 0.5em 0;padding: 0 0 0 2em;list-style-type:none;}
#content ul li{margin:0.75em 0;padding:0;line-height:1.8em;}
#main ol{margin:0;padding:0 0 0 3em;}
#main ol li{margin:0;padding:3px;}
#main .post{margin-bottom:3em;}
#main .entry{
    clear:both;padding: 10px 5px;}
.post .date {float: right;margin:5px 0 0 5px;padding:0 10px;text-align:center;font-size: 0.9em;
font-weight:normal;color: #E7F1E7;	color:blue;font-family:  "Arial";}
.post .date span{display:inline;}
.post .date .day{font-size:1.2em;}
.post .meta {margin-bottom: 10px;padding-left: 5px;font-size: 0.9em;color:#999;}
.post .comments{font-size:0.9em;border-bottom:#ccc 1px dotted;color:#999;margin-left:5px;padding-left:15px;background:url(img/icon_comments.gif) no-repeat left center;}
.post .comments a{border-bottom:0px;}
#main .feed{background:url(img/icon_feed.gif) no-repeat left 3px;padding-left:17px; 
}
ul.authorposts{margin:0;padding:0 2em;}
ul.authorposts li{margin:0;padding:5px;}
ul.authorposts li em{float:right;font-style:normal;}
/* Content */
#content {float: left;width: 470px;padding:10px;}
/* Column Two */
#sidebar1 {float: left;width: 175px;padding: 10px;	font-size:0.9em;margin:5px;}
/* Column Three */
#sidebar2 {float: left;width: 170px;		padding: 5px;	font-size:0.9em;margin:5px;}
#main .sidecol{border-left:#ccc 0px dotted;background:#FFFAEE;}
#main .sidecol ul{margin:0;padding:0;color:#1D3E92;}
#main .sidecol li{margin:0;padding:0;list-style:none;background:none;margin-bottom:1em;}
#main .sidecol h2{padding: 0 0 5px;font-variant:small-caps;font-size:1.25em;}
#main .sidecol p, #main .sidecol form{padding:10px;margin:0;}
#main .sidecol ul ul{margin:10px 0 0 20px;padding:0;}
#main .sidecol ul ul ul{margin:0px 0 0 10px;padding:0;}
#main .sidecol li li{margin:0.5em 0;padding:0;}
/* Begin Calendar */#wp-calendar {	empty-cells: show;	margin: 10px auto 0;	width: 155px;	}#wp-calendar #next a {	padding-right: 10px;	text-align: right;	}#wp-calendar #prev a {	padding-left: 10px;	text-align: left;	}#wp-calendar a {	display: block;	text-decoration:none;	}#wp-calendar #today {	border:#999 1px solid;}#wp-calendar caption {	text-align: center;	width: 100%;	}#wp-calendar td {	padding: 3px 0;	text-align: center;	}#wp-calendar td.pad:hover { /* Doesn't work in IE */	background-color: #fff; }/* End Calendar */
/* Comments */
input.textbox{background:#E9DCDC;font:1em Verdana, Arial, Serif;padding:5px;margin-left:5px;width:340px;color:blue;}
textarea{width: 95%;padding:5px;height: 20em;border: 1px solid #ccc;	background:#E9DCDC;font:1em Verdana, Arial, Serif;}
input.textbox:focus, textarea:focus{background:white;border:#999 1px solid;}
#commentform{margin:0;padding:10px;background:#fff;}
#main .commentlist {margin: 0;padding: 0;}
#main .commentlist li{list-style:none;margin: 0;padding: 1em;border-bottom:#ddd 1px solid;font-size:0.9em;}
#main .commentlist li .cmtinfo{padding:5px;margin-bottom: 5px;position:relative;}
#main .commentlist li .cmtinfo em {margin:0;padding:0 1em;font-weight:normal;font-style:normal;color:#999;}
#main .commentlist li cite {font-style:normal;font-weight:bold;font-size:1.1em;}
#main .commentlist li.alt{background:#f9f9f9;}
#main .commentlist li.authorcomment{border:none;border:#b0c4de 1px solid;}
#main .nocomments{font-size:0.9em;color:#999;text-align:center;}
/* Footer */
#footer {margin: 0px auto 0;padding:0 15px;width:870px;background:#9C0815;border:#9C0815 26px solid;border-top:0px;border-bottom:0px;color:#7E5657;}
#footer p {margin: 0;padding: 7px;font-size: 0.9em;color:white;}
#footer p span {float:right;}
#footer a:link, #footer a:visited {color:yellow;border:0;}
#footer a.samlink{color:white;}
#footer a:hover, #footer a:active,#footer p strong {color: #eee;text-decoration:none;border:0;}
#header, #main, #sidebar, #footer, .widget {overflow:hidden;}
.rss a{background:url(img/icon_feed.gif) no-repeat left 3px;padding-left:17px; color:Black;text-decoration:none;
float:right;}
.title{padding-left:30px;}
/* Wordpress essential Classes */
.aligncenter,div.aligncenter {display: block;   margin-left: auto;   margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;  /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img { margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px; padding: 0 4px 5px;margin: 0;}
.slideshow {display: block;position: relative;z-index: 0;}
.slideshow-images {display: block;overflow: hidden;position: relative;}		
.slideshow-images img {display: block;position: absolute;z-index: 1;}		
.slideshow-thumbnails {overflow: hidden;}
/**
HTML:<div class="slideshow-images">	<img />	<img /></div>
Notes:The images div is where the slides are shown.Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {height: 180px;width: 900px;}		
.slideshow-images-visible { opacity: 1;}	
.slideshow-images-prev { opacity: 0;}
.slideshow-images-next { opacity: 0;}
.slideshow-images img {float: left;left: 0;top: 0;}	
/**
Notes:These are examples of user-defined styles.Customize these classes to your usage of Slideshow.
*/
.slideshow {height: 180px;width: 900px;margin: 0 auto;}
.slideshow a img {border: 0;}
/**
HTML:<div class="slideshow-captions">	...</div>
Notes:Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {background: #000;bottom: 0;color: #FFF;font: normal 12px/22px Arial, sans-serif;left: 0;overflow: hidden;position: absolute;text-indent: 10px;width: 100%;z-index: 10000;}
.slideshow-captions-hidden {height: 0;opacity: 0;}
.slideshow-captions-visible {height: 22px;opacity:10;}
/**
HTML:<div class="slideshow-controller">	<ul>		<li class="first"><a /></li>		<li class="prev"><a /></li>		<li class="pause play"><a /></li>		<li class="next"><a /></li>		<li class="last"><a /></li>	</ul></div>
Notes:Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {background: url(controller.png) no-repeat;height: 42px;left: 50%;margin: -21px 0 0 -119px;overflow: hidden;position: absolute;top: 50%;width: 238px;z-index: 10000;}
.slideshow-controller * {margin: 0;padding: 0;}
.slideshow-controller-hidden { opacity: 0;}
.slideshow-controller-visible {opacity: 1;}
.slideshow-controller a {cursor: pointer;display: block;height: 18px;overflow: hidden;position: absolute;top: 12px;}
.slideshow-controller a.active {background-position: 0 18px;}
.slideshow-controller li {list-style: none;}
.slideshow-controller li.first a {background-image: url(controller-first.gif);left: 33px;width: 19px;}
.slideshow-controller li.last a {background-image: url(controller-last.gif);left: 186px;width: 19px;}
.slideshow-controller li.next a {background-image: url(controller-next.gif);left: 145px;width: 28px;}
.slideshow-controller li.pause a {background-image: url(controller-pause.gif);left: 109px;width: 20px;}
.slideshow-controller li.play a {background-position: 20px 0;}
.slideshow-controller li.play a.active {background-position: 20px 18px;}
.slideshow-controller li.prev a {background-image: url(controller-prev.gif);left: 65px;width: 28px;}
/**
HTML:<div class="slideshow-loader" />
Notes:Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {height: 28px;right: 0;position: absolute;top: 0;width: 28px;z-index: 10001;}
.slideshow-loader-hidden {opacity: 0;}
.slideshow-loader-visible {opacity: 1;}
/**
HTML:<div class="slideshow-thumbnails">	<ul>		<li><a class="slideshow-thumbnails-active" /></li>		<li><a class="slideshow-thumbnails-inactive" /></li>		...		<li><a class="slideshow-thumbnails-inactive" /></li>	</ul></div>
Notes:Customize the active / inactive classes to affect the thumbnails animation.Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {bottom: -65px;height: 65px;left: 0;position: absolute;width: 100%;}
.slideshow-thumbnails * {margin: 0;padding: 0;}
.slideshow-thumbnails ul {height: 65px;left: 0;position: absolute;top: 0;width: 10000px;}
.slideshow-thumbnails li {float: left;list-style: none;margin: 5px 5px 5px 0;position: relative;}
.slideshow-thumbnails a {display: block;float: left;padding: 5px;position: relative;}
.slideshow-thumbnails a:hover {background-color: #FF9 !important;opacity: 1 !important;}
.slideshow-thumbnails img {display: block;}
.slideshow-thumbnails-active {background-color: #9FF;opacity: 1;}
.slideshow-thumbnails-inactive {background-color: #FFF;opacity: .5;}