/*Theme Name: Chatting at the Sky Theme
Author: Kate Reece
Author URI: http://www.kate-reece.com
*/

/*////////// GENERAL //////////*/
body {	
	background-image: url("images/shadow.jpg");
	background-repeat: repeat-y;
	background-position: center 0%;
	font-family: Georgia, serif;
	font-size: 14px;
	color: #666666;
	letter-spacing: 0.015em;
	text-align: center;
	padding: 0;
	margin: 0;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 900px;;
	text-align: left;
}

/*TYPOGRAPHY*/
h1 {
	font-family: Clarendon, Georgia, serif;
	color: #666666;
	text-transform: lowercase;
}

h2 {
	font-family: Clarendon, Georgia, serif;
	font-size: 23px;
	color: #F1D18B;
	letter-spacing: .1em;
	text-transform: lowercase;
	text-align: center;
}

h3 {
	font-size: 13px;
	letter-spacing: .25em;
	color: #666666;
	text-transform: uppercase;
}

p {
	text-align: justify;
	line-height: 180%;
}

span.cap {
	float:left; 
	line-height: 100%;
	padding-right: 5px;
	margin-bottom: -7px;
	font-size: 400%;
	font-family: Georgia, serif;
}

ol, ul, li {
	list-style-type: decimal;	
}

/*LINKS*/
a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #E58825;
}

a:visited {
	color: #3F7A8B;
}

h2 a {
	font-family: Clarendon, Georgia, serif;
	font-size: 23px;
	color: #F1D18B;
	letter-spacing: .1em;
	text-transform: lowercase;
	text-align: center;
}

h2 a:hover {
	font-family: Clarendon, Georgia, serif;
	font-size: 23px;
	color: #E58825;
	letter-spacing: .1em;
	text-transform: lowercase;
	text-align: center;
}

h2 a:visited {
	font-family: Clarendon, Georgia, serif;
	font-size: 23px;
	color: #3F7A8B;
	letter-spacing: .1em;
	text-transform: lowercase;
	text-align: center;
}

/*IMAGES*/
img.alignnone {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 550px;
}

img.alignright {
	float: right;
	margin: 10px;
	max-width: 550px;
}
	
img.alignleft {
	float:left;
	margin: 10px;
	max-width: 550px;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 550px;
}

a img.alignright {
	float: right;
	margin: 10px;
	max-width: 550px;
}

a img.alignleft {
	float: left;
	margin: 10px;
	max-width: 550px;
}
	
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 550px;
}
	
/*//////////HEADER//////////*/
#header {
	display: none;
}
	
/*//////////NAVIGATION//////////*/
#navlist {
	background-image: url("images/header.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	top: 0;
	bottom: 400px;
	height:400px;
	width: 900px;
	font-size: 16px;
	margin: 0 auto -75px auto;
	padding: 75px 0 0 0;
	text-align: center;
}

#navlist h2 {
	display: none;
}

#navlist a {
	font-weight: normal;
	text-align: center;
}

#navlist a:visited {
	color: #666666;
}
	
.nav {
	margin: 0 auto;
	padding: 0;
}

.synd {
	margin: 0 auto;
	padding: 1px;
	font-size: 13px;
	letter-spacing: .015em;
	font-style: italic;
	text-align: center;
}


/*//////////INDIVIDUAL ENTRIES//////////*/
#content {
	position: relative;
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#content h2 {
	display: inline;
	text-align: center;
	margin: 0;
	padding: 0;
}

.post {
	position: relative;
	top: 0;
	margin: 0 auto;
	padding: 0;
	width: 700px;
	background: url("images/center.jpg") center repeat-y;
	text-align: center;
}

.post h1 {
	position: relative;
	padding: 0;
	margin: 0 0 -210px 0;
	height: 342px;
	background: url("images/title.jpg") top no-repeat;
	text-align: center;
}

.post h2 {
	position: relative;
	margin: 0;
	padding: 0;
}

.post h2 a:visited {
	color: #666666;
}

.post h3 {
	position: relative;
	color: #E58825;
	padding: 0;
	margin: 0;
	line-height: 120%;
}

.entry {
	background: url("images/bottom.jpg") bottom no-repeat;
	position: relative;
	right: auto;
	padding: 0 75px 130px 75px;
	margin: 0;
}

.entry h3 {
	position: relative;
	color: #666666;
	padding: 0;
	margin: 0;
	line-height: 120%;
}

.postmetadata {
	position: relative;
	top: 10px;
	width: 500px;
	font-size: 13px;
	letter-spacing: 0.2em;
	line-height: 150%;
	color: #3F7A8B;
	text-transform: uppercase;
	margin: 0 auto;
	text-align: center;
}

.postmetadata a {
	color: #3F7A8B;
	text-decoration: none;
	font-weight: bold;
}

.altpostmetadata {
	position: relative;
	top: 10px;
	width: 500px;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 150%;
	color: #3F7A8B;
	margin: 10px auto 0 auto;
	text-align: center;
	font-style: italic;
}

.altpostmetadata a {
	color: #3F7A8B;
}

.altpostmetadata a:hover {
	color: #E58825;
}

.altpostmetadata a:visited {
	color: #666666;
}

/*////////// BOTTOM NAVIGATION //////////*/
#prev_next {
	background-image: url("images/prev_next.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
	width: 315px;
	height: 158px;
	margin: 0 auto;
	padding: 0;
}

#prev_next a {
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0;
	color:#ffffff;
}

#prev_next a:hover {
	color: #666666;
}

#prev_next a:visited {
	color: #ffffff;
}

#prev_next p {
	padding: 67px 0 0 0;
	text-align: center;
	margin: 0;
}

/*////////// FOOTER //////////*/

#footer {
	background-image: url("images/footer.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	height: 760px;
	width: 780px;
	position: relative;
	bottom: 0;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

#footer p {
	font-size: 13px;
	letter-spacing: 0.015em;
	font-style: italic;
	text-align: center;
	line-height: 125%;
	padding: 550px 0 0 0;
}

/*////////// COMMENTS //////////*/
/*GENERAL*/
#comments {
	position: relative;
	top: 0;
	padding: 0;
	width: 700px;
	background: url("images/center.jpg") center repeat-y;
	margin: 0 auto;
	text-align: center;
}

img.commentstop {
	margin: 0;
	padding: 0;
}

#comments h2 {
	position: relative;
	top: -90px;
	padding: 0;
	margin: 0
}

#comments ol {
	position: relative;
	top: -70px;
	width: 600px;
	text-align: left;
	margin: 0 auto -140px auto;
	list-style-position: inside;
	padding: 0;
}

#comments li {
	list-style-type: decimal;
	list-style-position: outside;
	width: 580px;
	margin: 0;
	padding: 20px 20px 10px 20px;
}


.even {
	background-color: #FFFFCC;
}

/*COMMENT FORM*/
#comment_form {
	position: relative;
	top: 0;
	padding: 0;
	width: 700px;
	background: url("images/center.jpg") center repeat-y;
	margin: 0 auto;
	text-align: center;
}

#comment_form h2 {
	position: relative;
	top: -100px;
	padding: 0;
	margin: 0
}

#comment_form form {
	position: relative;
	top: -70px;
	line-height: 100%;
	margin: 0 auto -130px auto;
	text-align: center;
	width: 600px;
}

#comment_form form p {
	margin: 10px 0;
}

/*////////// ABOUT //////////*/
.about h1 {
	position: relative;
	padding: 0;
	margin: 0 0 -270px 0;
	height: 342px;
	background: url("images/about_title.jpg") top no-repeat;
	text-align: center;
}

.about h2 {
	margin: -200px 0 0 0;
}

.about {
	position: relative;
	top: 0;
	margin: 0 auto;
	padding: 0;
	width: 700px;
	background: url("images/center.jpg") center repeat-y;
	text-align: center;
}

.about_bottom {
	background: url("images/about_bottom.jpg") bottom no-repeat;
	position: relative;
	right: auto;
	padding: 0 60px 90px 60px;
	margin: 0;
}

.featured h1 {
	position: relative;
	padding: 0;
	margin: 0 0 -100px 0;
	height: 200px;
	background: url("images/featured_top.jpg") top no-repeat;
	text-align: center;
}

.featured {
	position: relative;
	top: 0;
	margin: 0 auto;
	padding: 0;
	width: 700px;
	background: url("images/about_center.jpg") center repeat-y;
	text-align: center;
}

.featured_bottom {
	background: url("images/about_bottom.jpg") bottom no-repeat;
	position: relative;
	right: auto;
	padding: 0 60px 90px 60px;
	margin: 0;
}

.featured_bottom img {
	border: 0px;
	margin: 20px 10px 0 10px;
}

/*////////// ARCHIVES //////////*/
	
#archives {
	position: relative;
	width: 500px;
	margin: 0 auto;
	text-align: center;
	background: url("images/archive_center.jpg");
	background-repeat: repeat-y;
	background-position: center;
}

#archives p {
	font-size: 12px;
	line-height: 200%;
}

#archives ol, ul, li {
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
}

#search {
	text-align: center;
	float: clear;
	width: 400px;
	height: 209px;
	margin: 0 auto;
	background-image: url("images/search.jpg");
	background-position: center top;
}

#search h2 {
	position: relative;
	top: 70px;
}

#search form {
	margin: 0;
	padding: 0;
}

#by_category {
	position: relative;
	top: 0px;
	float: right;
	width: 225px;
	padding: 0 15px 0 8px;
	margin: 0;
	text-align: left
}

#by_date {
	position: relative;
	top: 0px;
	float: left;
	width: 225px;
	padding: 0 8px 0 15px;
	text-align: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F1D18B;
}

#by category ol {
	list-style-position: inside;
}

#by category li {
	list-style-position: inside;
}


/*////////// LINKS //////////*/
.links {
	text-align: center;
	background-image: url("images/links_center.jpg");
	background-repeat: repeat-y;
	background-position: center;
}

.linkcat ul {
	list-style-position: outside;
	padding: 0;
	margin: 0 0 20px 0;
}

.linkcat li {
	list-style-position: outside;
	list-style-type: block;
	padding: 0;
	margin: 0 0 4px 0;
}

.linkcat li a {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

.linkcat li a:hover {
	color: #E58825;
}

.linkcat li a:visited {
	color: #3F7A8B;
}

/*///////////ARCHIVE.PHP////////////*/

#pagetitle {
	text-align: center;
	margin: 0 auto;
	width: 300px;
	background: url("images/pagetitle_center.jpg") repeat-y center;
}

#pagetitle h2 {
	color: #666666;
	font-size: 18px;
	width: 200px;
}

/*///////////SEARCH.PHP////////////*/

.results {
	margin: 0 auto;
	padding: 0;
	width: 700px;
	background: url("images/about_center.jpg") center repeat-y;
	text-align: center;
}

.results_bottom {
	padding: 20px 0 0 0;
	margin: 0;
	width: 700px;
	text-align: left;
}

.results h1 {
	position: relative;
	padding: 0 0 -100px 0;
	height: 200px;
	background: url("images/featured_top.jpg") top no-repeat;
	text-align: left;
}

.results_bottom h2 {
	font-size: 11px;
	margin: 0;
	padding: 0 30px;
	letter-spacing: .25em;
	color: #666666;
	text-transform: uppercase;
	text-align: left;
}

.results_bottom h3 {
	font-size: 11px;
	margin: 0;
	padding: 0 30px;
	color: #3F7A8B;
	letter-spacing: 0.015em;
	text-align: left;
	text-transform: capitalize;
}

.results_bottom p {
	font-size: 11px;
	margin: 0;
	padding:  0 30px;
	line-height: 120%;
}

.results_bottom h2 a {
	font-size: 11px;
	margin: 0;
	padding: 0 30px;
	letter-spacing: .25em;
	text-transform: uppercase;
	text-align: left;
	color: #666666;
}

.results_bottom h2 a:hover {
	font-size: 11px;
	margin: 0;
	padding: 0 30px;
	letter-spacing: .25em;
	text-transform:	uppercase;
	text-align: left;
	color: #E58825;
}

.results_bottom h2 a:visited {
	font-size: 11px;
	margin: 0;
	padding: 0 30px;
	letter-spacing: .25em;
	text-transform: uppercase;
	text-align: left;
	color: #F1D18B;
}