/*  
Theme Name: Night Sky
Theme URI: http://www.raycreationsindia.com/free-wordpress-templates.aspx
Description: Night Sky theme designed by <a href="http://www.raycreationsindia.com">Suparna - Ray Creations</a> with valid CSS and HTML and Standards compliant.
Version: 1.1
Author: Ray Creations
Author URI: http://www.raycreationsindia.com/
Tags: 2 Columns, Brown, Elegant, Fixed width, Right sidebar, White

License: This free WordPress theme is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/

*/

body {
	background: #000000 url(images/backgroundpic.jpg) top center no-repeat;
	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
	padding: 0px;
	margin: 0px;
	color: #333333;
}
a {
	color: #7294f4;
	text-decoration: none;
}
a:visited {
	color: #5e83eb;
	text-decoration: none;
}
a:hover {
	color: #79b8f9;
	text-decoration: none;
}
img {
	border: none;
}
p {
	padding: 0px 0px 15px;
	margin: 0px;
}

#menu-area { 
  width: 100%;  
  height:30px;
  background: url(images/top-menu-bg.jpg) no-repeat center top;
  }
  
#title-area { 
  width: 100%;  
  height:220px;
  background: url(images/logo-bg.jpg) no-repeat center top;
  }  
  
#grass-area { 
  width: 100%;  
  height:90px;
  background: url(images/grass-bg.jpg) no-repeat center top;
  } 
  
#content-top-area { 
  width: 100%;  
  height:50px;
  background: url(images/content-bg-top.jpg) no-repeat center top;
  }    
  
#content-area { 
  width: 100%;  
  background: url(images/content-background-bg.jpg) no-repeat center top;
  }

#logo {
	width:937px;
	text-align:right;
	color: #ffffff;
	font: normal 40px/100% "Trebuchet MS", Arial, sans-serif;
}
#logo a, h1 a:visited {
	color: #ffffff;
	text-decoration: none;
}
#logo a:hover {
	color: #d0d0cf;
	text-decoration: none;
}
h1 {
	margin:0px;
	padding-left: 70px;
	float:right;
	height: 60px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #c9eefe;
}
h1 a, h1 a:visited{
	color: #c9eefe;
	text-decoration: none;
}
h1 a:hover{
	color: #ffffff;
	text-decoration: none;
}

h2 {
	color: #16a6f0;
	margin: 0px 0px 8px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
}
h2 a, h2 a:visited {
	color: #16a6f0;
	text-decoration: none;
}
h2 a:hover {
	color: #bb9cfa;
	text-decoration: none;
}
h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #a46edb;
	margin: 10px 0px 5px;
}
h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 10px 0px 5px;
}
form {
	margin:0px;
	padding:0px;
}
#page {
	margin: 0px auto;
	width: 974px;
	padding:0px;
	background:#ffffff;
}
/* header area */
#header {
height:100px;
}
#headerimg {
	padding:70px 0px 0px 0px;
}
#headerimg .description{
	width:937px;
	text-align:right;
	color: #ffffff;
	font: 15px Arial, Helvetica, sans-serif;
}
#menubg { width:937px; padding:10px 0px 0px 20px; background:url(images/menubg.png) no-repeat; }
#nav {
	float:left;
	height:15px;
	padding:0px 0px 0px 30px;
}
#nav ul{
	list-style: none;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	font: normal 11px/100% Arial, Helvetica, sans-serif;
}
#nav ul li{
	margin: 0px 1px 0px 0px;
	float: left;
	color:#bedee5;
}
#nav ul li a{
	padding: 7px 7px 7px 7px;
	text-decoration: none;
	color: #bedee5;
	display: block;
}
#nav li a:visited{
	text-decoration: none;
	color: #bedee5;
}
#nav li a:hover, #nav .current_page_item a{
	text-decoration: none;
	background: #000000;
	color: #ffffff;
}

/* content area */
#content {
	padding: 0px 0px 30px 40px;
	float: left;
	width: 650px;
	text-align:justify;
	overflow: hidden;
}
.post {
	clear:both;
	padding-top: 15px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	font-weight:bold;
	display:block;
	line-height: 11px;
	padding-top: 6px;
	margin-left: 3px;
}
.post-day {
	font-size: 14px;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 3px;
	margin-left: -3px;
}
.post-title {
	float: left;
	text-align:left;
	margin-left: 10px;
	width: 595px;
}

.entry {
	clear: both;
	padding-top: 20px;
}
.postEnd {
	clear: both;
	padding:30px 0px 36px 0px;
	margin-bottom:40px;
	background:url(images/postbelow.gif) no-repeat center bottom;
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-family:Trebuchet MS;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 20px;
	margin-left:20px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat;
	padding-left: 18px;
	margin-left:20px;
	float: left;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #a979cd;
}
.navigation a:hover {
	color: #d6a8fa;
	text-decoration:underline;
}
.previous-entries a {
	float: left;
	padding-left: 24px;
	width:115px;
	height:20px;
	font-size:11px;
	background: url(images/olderpost.jpg) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-left:28px;
	width:105px;
	height:20px;
	font-size:11px;
	background: url(images/newerpostArrow.jpg) no-repeat right;
}

/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	width:700px;
	padding-bottom: 5px;
	clear: both;
}

.commenttop{
	height:30px;
	width:542px;
	padding:50px 40px 0px 40px;
	background:url(images/commenttop.jpg) no-repeat top;
}

.commentbottom{
	width:582px;
	height:70px;
	padding:10px 20px 0px 20px;
	background:url(images/commentbottom.jpg) no-repeat top;
}

.commentR{
	width:542px;
	padding:10px 40px 0px 40px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#666666;
	background:url(images/commentrepeat.jpg) repeat-y top;
}

.commentlist {
	margin: 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 0px;
}
.commentlist .alt {
	
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #1f34b5;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #1f34b5;
}

.commentlist cite a:hover {
	color: #5162cc;
	text-decoration:underline;
}
.commentlist small {
	margin-bottom: 0px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#fefbf0;
	border: 1px solid #dcd4b2;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background:#f7fdfe;
	border: 1px dotted #b8e4f7;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/submit-btn.gif) no-repeat bottom left;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	border: none;
	float:left;
	width: 135px;
	height: 25px;
	cursor: pointer;
}

#commentform #submit:hover {
	background: url(images/submit-btn.gif) no-repeat top left;
	color: #970101;
}

/*sidebar */
#sidebar {
	float: right;
	padding: 0px 45px 20px 25px;
	width: 169px;
	color: #666666;
	background:url(images/rightsidePanelRepeat.jpg) repeat-y;
	overflow: hidden;
}
#sidebar-area {
	float: right;
	padding: 0px;
	width: 240px;
	overflow: hidden;
}
.sidebarbottom {
	padding-left: 2px;
	width: 239px;
	height:40px;
	color: #666666;
	background:url(images/rightsidePanelbottom.jpg) no-repeat right bottom;
	overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
	font: normal 180%/100% "Trebuchet MS", Tahoma, Arial;
	color:#666666; 
	padding:8px 0px 8px 0px; 
	font-weight:normal; 
	border-bottom: solid 1px #bdbaba;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #59a3dc;
	text-decoration: none;
}
#sidebar a:hover{
	color: #80c0f2;
	text-decoration: underline;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding-right:0px;
	padding-bottom:15px;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding-left:0px;
	padding-top:4px;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 1px 0 1px 0px;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
/*blogroll */
ul.list-blogroll li{
	background: url(images/mini-blogroll.gif) no-repeat !important;
	padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
	background: url(images/mini-category.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
	background: url(images/mini-monthly-archive.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	background: url(images/mini-page.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	background: url(images/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
	background: url(images/mini-recent-comments.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
	padding: 1px 7px;
}
/*text widget */
.textwidget {
	padding-top: 5px;
}

/*search form */
#searchform {
	float:right;
	width:400px;
	padding:2px 0px 0px 0px;
}
#searchform br {
	display: none;
}
#searchform #s {
	border:1px solid #69528a;
	height: 17px;
	width: 148px;
	padding: 10px 5px 0px 5px;
	border: none;
	background:none;
	margin-right: 2px;
	color: #7355a0;
	font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
	background: url(images/search.gif) no-repeat;
	border: none;
	width: 65px;
	height: 12px;
	padding-top:13px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
}

#inputtext {
	margin-left:0px;
	width:210px;
	padding: 2px 2px 0px 5px;
	border:1px solid #69528a;
  	background:transparent;
	font: normal 100% "Georgia", Arial, Helvetica, sans-serif;
	color:#78a802;
	height:15px;
    bottom: 0px;
	margin: 0 2px 0 0;
}

/* footer area */
#footer {
	clear: both;
	background: url(images/below.jpg) no-repeat;
	color: #02135b;
	font-size: 95%;
	height:390px;
	line-height: 130%;
	padding-bottom: 10px;
}
.rssImg{ padding:10px 0px 5px 35px; margin-bottom:3px; background:url(images/bottomRss.jpg) no-repeat;}
.homeImg{ padding:7px 0px 10px 40px; background:url(images/bottomHome.jpg) no-repeat;}

#footer h4 {
	font: normal 170%/100% "Trebuchet MS", Tahoma, Arial;
	color: #000000;
	padding-bottom:8px;
	border-bottom:dotted #000000 1px;
	margin: 0px 0px 15px;
}
.footer-recent-comments {
	width: 240px;
	float: left;
	padding-top:75px;
	margin-left: 10px;
}
.footer-recent-comments a, .footer-recent-comments a:visited {
	color: #c5f7fc;
	text-decoration: underline;
}
.footer-recent-comments a:hover {
	color: #ffffff;
	text-decoration: none;
}
.footer-recent-comments ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer-recent-comments ul li {
	background: url(images/mini-recent-comments.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
	width: 230px;
	float: left;
	padding:75px 0px 0px 60px;
}
.footer-recent-posts a, .footer-recent-posts a:visited {
	color: #c5f7fc;
	text-decoration: underline;
}
.footer-recent-posts a:hover {
	color: #ffffff;
	text-decoration: none;
}
.footer-recent-posts strong {
	font-size: 107%;
	line-height: 135%;
	font-weight: bold;
}
.footer-recent-posts ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.footer-recent-posts ul li {
	background: url(images/mini-page-footer.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-about {
	width: 200px;
	float: right;
	padding-right: 95px;
	color:#666666;
	padding-top:40px;
	padding-left: 0px;
}
.footer-about a, .footer-about a:visited {
	color: #4492d5;
	text-decoration: underline;
}
.footer-about a:hover {
	color: #60b5fd;
	text-decoration: none;
}
.check{ padding:5px 10px 5px 20px; margin-bottom:0px; font-size:13px; background:url(images/mini-check.gif) no-repeat;}
/* credits */
#credits {
	margin: 0px auto;
	width: 900px;
	color: #7a9299;
	font-size: 85%;
	height:20px;
	line-height: 120%;
}
#credits a, #credit a:visited {
	color: #048db4;
}
.rss {
	background: url(images/mini-rss.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}
.loginout {
	background: url(images/mini-loginout.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
