/*
Theme Name: ESTEEM

*/

a:link {}
a:hover {}
a:active {}
a:visited {}

h1 {  font-weight: bold;  margin: 0; font-size: 20px;}
h1 a { text-decoration: none; color: white;}
h1 em { font-weight: normal; font-style: normal; letter-spacing: 2px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em;}

h2 { font-style: normal; font-weight: normal; padding: 0 0.2em; border-bottom: #cccccc solid 0.1em; letter-spacing: 1px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; color: #99b575;}
h2 a { text-decoration: none; color: #2f4756;}
h3 { font-size: 1 em;}
p { font-size: 0.8em; line-height: 1.6em;}

#main ul { font-size: 0.9em; line-height: 1.6em;}
#main li { font-size: 0.9em; line-height: 1.6em;}

body { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font: 62.5%; margin: 0; padding: 0; text-align: center; min-width: 740px; color: #2f4756; background: #fff;}
*:focus{ outline-color: invert; outline-style: none; outline-width: medium;}
img {border:0;}

#wrap {margin: 0 auto; width: 740px; text-align: left;}
#header { padding-left: 0; padding-bottom: 0; padding-right: 0; padding-top: 1em; margin: 0px;}
#main { padding: 1em 3em; background: #f9f9f9; clear: both; border: 0.5em solid #9aacb8;}
#footer {clear: both;}

/*--Twitter--*/
#twitter_link {padding: 5px; background-color: white;  text-align: right; margin: 0; border: 0.2em solid #ccc; }
#twitter_link h3 a{padding: .5em; text-decoration: none; letter-spacing: 1px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #a6b1bc; }

#twitter_div {padding: 0px; color: #003a73; letter-spacing: 0px; list-style: none; font-size: 0.8em; width: 400px; float: right;  text-align: right; margin: 0; padding: 1em;}
#twitter_div a{ font-size: 10px;}
ul#twitter_update_list { margin: 0; padding: 0; display: block;}
ul#twitter_update_list ul { margin: 0; padding: 0;}
ul#twitter_update_list li { display: inline;   margin: 0; padding: 0 1em 1em 1em;}
ul#twitter_update_list li span {  display: block;  font-size: 14px; color: #99c342; margin: 0; padding: 0;}
ul#twitter_update_list li a { display: block; font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: #c5d1d8; text-decoration: none; clear: right;}

ul.nav { margin: 1em 0 0.5em 0; float: right; clear: both;}
.nav li { display: inline; margin: 0;}
.nav li a { text-decoration: none; font-size: 1.1em; padding: 0.4em 0.8em 0.8em 0.8em; color: #2f4756;}
.nav li a:link{}
.nav li a:hover{ color: #ccc;}
.nav li a:active{}
.nav li a:visited{}
.nav li .current{}
.current_page_item a {color: #ccc; text-decoration: none; font-size: 1.1em; padding: 0.4em 0.8em; color: #2f4756;}
.nav li a:link{}

#guestbook {}
.guest-title { margin: 2em 0 0 0;}
.quote { float:left; margin: 0.5em 0 0.5em 0.5em;}
.quote2 { float:right; margin: 0.5em 0 0.5em 0.5em;}

.url {padding: .5em; text-decoration: none; letter-spacing: 1px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #a6b1bc; float: right;}


.image { float: right; clear: both; border: 0.5em solid #9aacb8; margin:0.5em -3.5em 0.5em 1em; }

/* - - - - tablelessform- - - - */
#myform {clear: both; margin: 20px 0; padding: 20px 0 0 0; background: #f5f5f5; padding: 20px;}
.cssform p{
border-top-color: #e6e6e6;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid silver;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 12px;
width: 98%;
}

.cssform textarea{
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
font-size: 12px;
width: 99%;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* Error boxes and styling */

label.error { float: none; color: #99b575; vertical-align: top; font-weight: normal; margin: 0 0 0 0;}
label.success { float: none; color: green; vertical-align: top; font-weight: normal; border-bottom: 1px dashed red; margin-left: 0px;}

p.error {border-bottom: 2px solid #99b575; background: white; }

div#topstatus { background: #fff; margin: 0px 0;}
div.status { background: #fff; margin: 0;}

div.success p{ color: #99b575; padding: 10px 10px 10px 10px;}
div.fail p{ color: #99b575;; padding: 10px 10px 10px 10px;}
div.load p { color: blue; padding: 10px 10px 10px 10px;}
	div.load p img { padding: 0 5px;}

.fail ol {color: red;line-height: 14px; font-size: 14px; margin: 10px 0 0 0;}
.fail ol li {color: red; line-height: 12px;}
.fail ol li a{color: red; font-size: 14px; text-decoration: none; border-bottom: 1px dashed red; }