/*

Theme Name: Falling Stars

Theme URI: http://www.refineme.org/themes/

Version: 1.0

Description: A purple starry layout based on a Jars of Clay song and on an old refineme.org layout.

Author: Tina Matanguihan

Author URI: http://www.refineme.org

*/



/*** Standard HTML Elements ***/

html {min-height: 100%;}



* {

	margin: 0px;

	padding: 0;

}



body, td {

	background-color: #37204B;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 120%;

	color: #ffffff;

	margin-left: 50px;

}



p,code,ul {

	padding-top: 5px;

	padding-bottom: 10px;

}



a:link, a:visited {

	font-weight: 600;

	color: #B884E6;

	text-decoration:none;

}



a:hover, a:active {

	font-weight: 600;

	color: 8B45CF;

	background-color: #FFFFFF;

	text-decoration:none;

}



blockquote {

	margin: 0px 10px 0px 10px;

	padding: 0px 10px 0px 10px;

	border: 1px dashed #B884E6;

	background-color: #F2E0FF;

	font-family: Arial, Helvetica, sans-serif;

}



small {

	font-size: 9px;

}

/*** End Standard HTML Elements ***/



/*** For the entire page ***/

#page 

{

	width: 585px;

	margin: 0px auto 20px;

}



/*** Header elements ***/

#top {

	margin-top: 20px;

}



#header {

	background: #0A0109 url('images/header.jpg') no-repeat;

	width:585px;

	height:253px;

}



#title {  /* Blog Title */

	padding-top: 205px;

	width: 575px;

	text-align: right;

}



#title h1 {

	font-family: "Georgia", serif;

	font-style: italic;

	text-transform: lowercase;

	font-size: 20px;

	line-height: 110%;

}



#title a:link, #title a:hover, #title a:visited {

	color: #E8C7FF;

	background: none;

}



#description {   /* Blog Description */

	font-style: italic;

	font-family: "Georgia", serif;

	font-size: 11px;

	color: #C97FFC;

}



#navigation {

	background: #CB7B1A;

	width: 585px;

	margin: 0px auto 0px;

	padding: 6px 0px 6px 0px;

}

	

#navigation li {

	display: inline;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

		

#navigation ul {

	margin: 0px;

	padding: 0px 0px 0px 10px;

}

	

#navigation ul li a {

	font-family: Tahoma, Helvetica, Sans-Serif;

	font-size: 12px;

	color: #FFFFFF;

	padding-left: 18px;

	padding-right: 5px;

	margin: 0px;

	text-decoration: none;

	text-transform: uppercase;

	font-weight: bold;

}



#navigation ul li a:hover, #navigation ul li a:active {

	color: #46027B;

	background: url('images/navhoverbg.jpg') no-repeat left top;

	text-decoration: none;

}

/*** End Header Elements ***/



/*** Main Body Elements ***/

#container {

	background: #E8C7FF url('images/mainbg.jpg') repeat-y;

	width: 585px;

}



#main {

	width: 585px;

	margin: 0px auto 0px;

	padding: 0px;

}



#content {

	float: left;

	width: 385px;

	margin:0px;

	padding: 1px 15px 0px 5px;

	line-height: 120%;

}



#content .border {

	background: #CB7B1A url(none) no-repeat center;

	display: block;

	padding: 5px;

}



#content ul li {

	list-style-image: url('images/bullet3.gif');

	list-style-position: inside;

}



#content ul ul li {

	padding-left: 20px;

}



#content ol li {

	list-style-type: arabic;

	list-style-position: inside;



}



#content p img{

	margin-right: 10px;

	margin-bottom: 10px; 

	margin-left: 10px;

}





.post {

  	padding: 5px;

  	text-align: justify;

}



.post h1 {

  	font-family: "Georgia", serif;

}



h1.title {

	float: left;

	font-size: 16px;

  	line-height: 120%;

  	color: #6A4B7F;

}



h1.title a:link, h1.title a:hover, h1.title a:visited {

	color: #6A4B7F;

	background: none;

}



h1.date {

	font-family: "Georgia", serif;

	font-weight: 600;

     font-style: italic;

	color: #CB7B1A;

	font-size: 16px;

	float: right;

}



.post .descr {

	font-size: 10px;

	border-top: 1px dotted #FFF;

	clear: both;

	text-align: right;

}



.post .info {

  	font-size: 10px;

  	clear: both;

  	display: block;

 	line-height: 100%;

  	padding-left: 5px;

  	padding-bottom: 2px;

  	padding-top: 2px;

  	border-top: 1px dotted #FFF;

  	text-align: right;

}

/*** End Main Body Elements ***/



/*** Sidebar Elements ***/

#sidebar {

  	float: right;

  	width: 170px;

  	margin-left: 0px;

  	padding: 0px 0px 0px 10px;

}



#sidebar ul li {

  	list-style-type: none;

  	padding-left: 5px;

  	line-height: 120%;

}



#sidebar ul ul li {

	list-style-image: url('images/bullet3.gif');

	list-style-position: inside;

	padding-left: 7px;

}



#sidebar h2 {

	font-size: 1.2em;

	font-family: "Georgia", serif;

}



#sidebar .currently {

  	display: block;

  	padding: 5px;

  	font-family: "Georgia", serif;

  	font-size: 10px;

}



#searchform {

	padding-bottom: 10px;

	text-align:center;

}



#searchform .styled {

	border: 1px dotted #FFF;

}



.currently .current {

  	text-transform: uppercase;

  	font-weight: 600;

}

/*** End Sidebar Elements ***/



/*** Footer Elements ***/

#foot {

	clear: both;

	background-color: #CB7B1A;

	color:#FFFFFF;

	width: 585px;

	text-align:center;

}



#foot a:link, #foot a:visited {

	 color: #4A007D;



}



#foot a:hover {

	color: #E8C7FF;

	 background: none;

}

/*** End Footer Elements ***/



/*** Comment Elements ***/

#commentlist h2#comments {

  	font-family: "Georgia", serif;

  	font-size: 14px;

}



#commentlist {

	padding-left: 15px;

	padding-right: 20px;

	padding-top:10px;

}



#commentlist h2 {

	line-height: 100%;

	font-family: Verdana, sans-serif;

}



#commentlist li {

	list-style-position: inside;

}



#commentlist ul li {

	list-style-image: url('images/bullet3.gif');

}



#commentform {

	margin: 1em 0;

	width: 350px;

}



#commentlist h3 {

    font-family: "Georgia", serif;



}

.commentmetadata {

	padding: 2px 0 4px;

	font-size: 0.8em;

}



textarea.styled {

	width: 280px; 

	background: #B983E5;

}



textarea.styled:hover, textarea.styled:focus { background: #FFF; }



.styled {

	font-size: 11px;

	background: #CB7B1A url('images/navhoverbg.jpg') no-repeat left;

	border: 1px dotted #FFF;

	padding: 3px 0 3px 20px;

	font-family: Tahoma, Verdana, Arial, sans-serif;

}

.styled:hover {

	border: none;

	background: #FFF url('images/formhoverbg.jpg') no-repeat left;

}

.styled:focus {

	background: #FFF url('images/formhoverbg.jpg') no-repeat left;

	border: none;

}

#commentform input {margin-bottom: 3px;}



#responseform {

	padding: 10px;

}



.comment-1 {

	background: #CB7B1A url(none) no-repeat right top;

	padding:5px;

}



.comment-2 {

    padding: 5px;

    background: #CB7B1A url(none) no-repeat left bottom;

    padding-bottom: 25px;

}

/*** End Comments ***/



/*** Miscellaneous Classes ***/

.clearer {clear: both;}

.left {float: left;}

.right {float: right;}



/*** End Miscellaneous Classes ***/