/*  
Theme Name: Amanda Jean Kelly
Theme URI: http://www.amandajeankelly.com
Description: The theme created for Amanda Jean Kelly's web site.
Version: 1.0
Author: Paul Johns
Author URI: http://www.pauljohns.com
*/

/* Begin Typography & Colors */
body {
font: 78% Georgia, Times, serif; /* Resets 1em to 10px */
background-color: #000;
color: #333;
text-align: center;
margin: 0;
padding: 0;
}

#content {width: 388px;}

.narrowcolumn .postmetadata {
text-align: left;
}

.date{
margin: 8px 0 0 0;
font: .9em Arial, Helvetica, Sans-Serif;
color: #D1B277;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2 cite {
text-decoration: none;
}

.entry p, .entrytext p {
color: #ccc;
padding: 0;
line-height: 16px;
margin: 9px 0 13px 0;
}

.entry p a:visited {color: #b85b5a;}

.commentauthor {
font: 1.2em Georgia, Times, serif;
border-bottom: 1px solid #6C5C3F;
color: #ccc;
}

blockquote{}
	
code {font: 1.1em 'Courier New', Courier, Fixed;}

a {
color: #D1B277;
text-decoration: none;
}

a:hover {
color: #ccc;
text-decoration: underline;
}

/* End Typography & Colors */



/* Begin Structure */

#page {
margin: 0 auto;
padding: 0;
width: 637px;
text-align: left;
background: #000 url(images/mainbg.jpg) 0 258px no-repeat;
}

#header h1{
text-indent: -5000px;
overflow: hidden;
}
	
#header {
padding: 0;
margin: 0 auto;
height: 228px;
width: 100%;
background: #000 url(images/header.jpg) top center no-repeat;
}

#mainnav {
width: 637px; height: 30px;
background: url(images/thenavbar.jpg);
margin: 0 auto; padding: 0;
position: relative;
}

#mainnav li {
margin: 0; padding: 0; 
list-style: none;
position: absolute; 
top: 0;
}

#mainnav li, #mainnav a {
height: 30px; display: block;
text-indent: -5000px;
overflow: hidden;
}

#home {
left: 177px; 
width: 67px;
}

#books {
left: 244px; 
width: 71px;
}

#about {
left: 312px; 
width: 70px;
}

#contact{
left: 380px; 
width: 86px;
}


#home a:hover {background: transparent url(images/thenavbar.jpg) -177px -30px no-repeat;}

#books a:hover {background: transparent url(images/thenavbar.jpg) -244px -30px no-repeat;}

#about a:hover {background: transparent url(images/thenavbar.jpg) -312px -30px no-repeat;}

#contact a:hover {background: transparent url(images/thenavbar.jpg) -380px -30px no-repeat;}


#navbar ul{
height: 30px;
margin:0;
padding:0;
}

#navbar ul li {display: inline;}

#navbar a:hover{text-decoration: none;}

.narrowcolumn{
float: left;
padding: 0;
margin: 0 0 0 28px;
}

.post {
margin: 28px 20px 0 0;
text-align: left;
width: 334px;
padding: 0 0 0 20px;
}

#excerpt {
margin-top: 18px;
}

.entrytext ul, entrytext ol {
color: #ccc;
margin: 0 0 0 15px;
padding: 7px 0;
}

.post p {margin-left: 0px;}

.lastfivedate {font-weight: normal;}

ul#lastfive {
list-style-type: none;
padding:3px 0 10px 1px;
margin: 0;
color: #ccc;
font-weight: bold;
}

#lastfive li {
background: url(images/dotted.gif) bottom center repeat-x;
padding: 3px 0;
}

ul.post-meta {
list-style-type: none;
padding:0 0 10px 0;

color: #ccc;
font-weight: bold;
background: url(images/dotted.gif) bottom center repeat-x;
}

.post h2 a, .post h3 a {
color: #fff;
padding: 0 0 4px 0;
text-transform: uppercase;
border-bottom: 1px solid #6C5C3F;
}

.post h2 a:hover, .post h3 a:hover {color: #ccc;}

p.postmetadata a{color: #ccc;}

p.postmetadata a:hover{color: #fff;}

p.postmetadata {
background: #111 url(images/dotted.gif) top center repeat-x;
margin:0;
padding:3px;
font: .9em Arial, Helvetica, Sans-Serif;
color: #D1B277;
}

#footer {
padding: 75px 0 20px 0;
margin: 0 auto;
width: 626px;
clear: both;
}

#footer p a:hover {text-decoration: none;}

#footer p {
color: #777;
padding: 0;
margin: 0 0 0 43px;
text-align: left;
}

/* End Structure */



/*	Begin Headers */
h1{
padding-top: 70px;
margin: 0;
}

h2{
font: 1.3em Georgia, Times, serif;
color: #fff;
text-transform: uppercase;
margin: 0;
font-weight: bold;
}

h3{
font: 1.1em Georgia, Times, serif;
color: #fff;
text-transform: uppercase;
margin: 0;
font-weight: bold;
}

h3#respond, h3#comments{
font: 1.1em Georgia, Times, serif;
color: #ccc;
text-transform: uppercase;
margin: 26px 0 0 0;
padding: 0;
font-weight: bold;
}

/* End Headers */



/* Begin Images */

.wp-smiley{
padding:0;
margin:0;
float: none;
border:none;
}

p img {
padding: 0px;
margin: 0 7px 3px 0;
max-width: 100%;
float: left;
border:1px solid #555;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
	
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {float: right;}
	
.alignleft {float: left;}

/* End Images */



/* Begin Lists */

.entry ol {
list-style-type: none;
padding: 0 0 0 15px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
	
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
margin:0;
padding: 6px 0 0 0; 
}

#searchform #s {
float: left;
margin: 1px 0 11px 0;
background: #000;
width: 250px;
padding: 2px;
border: 1px solid #555;
color: #ccc;
font: 1.1em arial, sans-serif;
}

#searchsubmit {
color: #ccc;
padding: 0 0 2px 0;
margin: 1px 0 0 5px;
border: 1px solid #999;
background: #000;
width: 70px;
height: 22px;
}

select {width: 130px;}

#commentform {
margin: 6px 0 0 0;
overflow: hidden;
color: #b2a97c;
padding: 0 0 0 0;
}

#commentform input {
margin: 1px 0 11px 0;
background: #000;
width: 250px;
padding: 2px;
border: 1px solid #555;
color: #ccc;
font: 1.1em arial, sans-serif;
}

#commentform textarea {
overflow: auto;
background: #000;
width: 325px;
height: 150px;
padding: 2px;
border: 1px solid #555;
font: 1.1em arial, sans-serif;
color: #ccc;
}

#commentform #submit {
color: #ccc;
padding: 0 0 1px 0;
margin: 8px 0 0 0;
border: 1px solid #999;
background: #000;
width: 90px;
height: 21px;
font: .9em arial, sans-serif; 
}

/* End Form Elements */



/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;

}

.commentlist {
padding: 0 0 0 0;
margin:0;
width: 334px;
}

.commentlist li {
background: #111;
margin: 6px 0 0 0;
padding: 5px 3px 3px;
list-style: none;
border-top: 1px solid #4c3c1d;
border-bottom: 1px solid #4c3c1d;
}

.commentlist p {
margin: 10px 0px;
font: 1.1em Georgia, Times, serif;
color: #ccc;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
padding: 2px 0 0 0;
font: .9em Arial, Helvetica, Sans-Serif;
color: #D1B277;
}

/* End Comments */



/* Begin Sidebar */
#sidebar{
padding: 28px 0 10px 0;
margin:0 2px 0 0;
width: 217px;
float: right;
border-left: 1px solid #464646;
background: #000 url(images/sidebarbg.jpg) top left no-repeat;
}

#sidebar form {margin: 0;}

#sidebar ul{
margin: 0 auto;
padding: 0 16px;
}

#sidebar ul li p{
margin:0;
padding: 0 0 11px 20px;
width: 146px;
background: url(images/dotted.gif) bottom center repeat-x;
}

#sidebar ul li {
list-style-type: none;
width: 146px;
padding: 0;
margin: 0 0 11px 0px;
color: #ccc;
background: url(images/smallstar.gif) 2px 2px no-repeat;
}

#sidebar ul li#friends {
width: 146px;
background: url(images/headerstar.gif) 0 3px no-repeat;
padding: 0 0 4px 19px;
margin-bottom: 11px;
color: #fff;
border-bottom: 1px solid #6C5C3F;
text-transform: uppercase;
}

#sidebar ul li a {
font-weight: bold;
color: #D1B277;
}

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}

/* End Sidebar */



/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
cursor: help;
background: url(images/dotted.gif) bottom center repeat-x;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {text-align: center;}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/


/* Begin Contact Form */

.contactform {
margin: 5px 0 0 0;
color: #b2a97c;
}

.contactform input {
margin: 1px 0 11px 0;
background: #000;
width: 250px;
padding: 2px;
border: 1px solid #555;
color: #ccc;
font: 1.1em arial, sans-serif;
}

.contactform textarea {
overflow: auto;
background: #000;
width: 325px;
height: 150px;
padding: 2px;
border: 1px solid #555;
font: 1.1em arial, sans-serif;
color: #ccc;
}

form{
padding:0;
margin:10px 0 0 0;
}

label {
font: .9em arial, sans-serif;
color: #D1B277;
}

textarea.contacterror, input.contacterror {border: 1px solid #D1B277;}

#success {
margin-top: 5px;
color: #b2a97c;
font-weight: bold;
}

#contactsubmit {
color: #ccc;
padding: 0 0 1px 0;
margin: 8px 0 0 0;
border: 1px solid #999;
background: #000;
width: 70px;
height: 21px;
font: .9em arial, sans-serif; 
}

/* End Contact Form */