/*
Theme Name: krishaamer
Theme URI: http://krishaamer.com
Description: Sao Tome & Principe in English
Author: Kris Haamer
Author URI: http://krishaamer.com
*/

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
  display: block;
}

body{
  font:13px/1.5 'Helvetica', 'Helvetica Neue', 'Arial','Liberation Sans', 'FreeSans', 'sans-serif';
}

hr{
  border:0 #777 solid;
  border-top-width:1px;
  clear:both;
  height:0;
}
h1{
  font-size:25px
}
h2{
  font-size:23px
}
h3{
  font-size:21px
}
h4{
  font-size:19px
}
h5{
  font-size:17px
}
h6{
  font-size:15px
}
ol{
  list-style:decimal
}
ul{
  list-style:square
}
li{
  margin-left:30px
}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
  margin-bottom:20px;
}

#container {
  margin: 0 auto;
  width: 760px;
  clear: both;
}

/* ANCHORS */
a {
  color:#444; 
  text-decoration: none;
  border-bottom: 1px solid #EEE;
}
a:hover {
  color:#000;
  border-bottom:1px solid #ccc;
}
a:focus{
  outline:1px dotted invert;
}


/* TEXT */
h1,h2,h3,h4 {
  letter-spacing:-1px
}
h1,h2,h3,h4,#nav,small,.postmetadata, .small{
  font-family: 'Helvetica', 'Helvetica Neue', 'Arial','Liberation Sans', 'FreeSans', 'sans-serif';
}

h1, h1 a { 
  color:#444;
  text-decoration: none;
  font-size: 30px; 
  border:0;
} 
h1 a:hover, #header h1 a:hover { 
  color:#777; 
  border:0;
}

h2 {
  margin: 0 0 20px 0;
  padding: 0;
  color:#444; 
  border:0;
}
h2 a { 
  color:#444;
  text-decoration: none;
  font-size: 30px; 
  border:0;
} 
h2 a:hover, #header h1 a:hover { 
  color:#777; 
  border:0;
}

hr {
  margin:0; 
  clear:both; 
}

/* HEADER */
#banner {
  clear:both;
  height:90px;
  padding-left:20px;
}

#banner h1, #banner h1 a {
  font: 38px/60px 'Yanone Kaffeesatz', 'Arial';
  color: #1B0;
  display: block;
}

/* TOP NAV */


#main-nav {
  width:100%;
  list-style:none;
  height:31px;
  margin:0;
  padding:5px 0px 0px 0px;
}
#main-nav li{
  display:inline;
  font-size:14px;
  line-height:21px;
  text-shadow:0 .1em .1em #fff;
}
#main-nav li a,ul#main-nav li a:visited{
  display:block;
  float:left;
  width:auto;
  color:#666;
  border-right:1px solid #fff;
  margin:0;
  padding:8px 15px 13px;
}
#main-nav li a:hover,ul#main-nav li.current a{
  background:#f5f5f5;
  color:#919f20;
  font-style:italic;
}
#main-nav li a:hover{
  font-style:normal;
}
#main-nav li.current a:hover{
  font-style:italic;
}

/* SIDEBAR */

#sidebar {
  width: 300px; 
  float: left;
}
#sidebar p {
   border: none;
   padding: 5px 30px;
   border-radius: 4px;
   background:#2c7d1c;

   color: #fff;
   font-size: 13px;
   font-family: Tahoma;
   text-shadow: 0 0px 1px #efefef;
}
#sidebar ul {
  list-style: none;
}
#sidebar ul li ul li {
  margin:0;
}
#sidebar h2 .pagetitle {
  margin:0 0 6px 0;padding: 0
}
#sidebar .widget {
  margin-bottom: 20px;
}
#sidebar .widget ul li ul {
  margin-left:10px;
  margin-bottom:0
}
#sidebar .categories ul.children {
  margin: 0 0 0 10px
}
#sidebar ul li {
  color: #666
}

/* CONTENT */

/*
#content div.entry:first-letter {
  font-size:60px; 
  line-height:0.76em; 
  float:left;
  padding:5px 10px 0 0;
  color:#1B0;
}
*/

#content small {
  font-size:10px;
  color:#ccc; 
  padding:10px 8px 5px 0px;
  float:left;
  text-transform: uppercase;
  font-weight: bold;
}

#content h1 {
  vertical-align:top;
  padding-top: 0;
  margin-top:0;
  
} 

#content {
  background: #fff;
  margin-bottom: 2em;
  overflow: hidden;
  padding: 20px 20px;
  width: 380px;
  float:left;
  padding-right:50px;
}

#content.widecolumn {
   width: 680px;
}

#content .post {
  padding-bottom:30px;
  clear:both;
  /* text-align:justify; */
}

#content .post h2 {
  font-size: 24px;
  text-align: left; 
  color:#2c7d1c;
  border-bottom: 1px solid #ddd; 
  border-top: 1px solid #ddd; 
  clear: both;
}

#content .date {
  font-size: 30px;
  font-weight: bold;
  line-height: 0.8;
  color:#c00;
}
#content .postmetadata {
  font-size:12px;
  color:#bbb;
  height:1%;
}
#content .small  {
  font-size:12px;
  color:#aaa;
  margin-top:10px;
}
#content .postmetadata small  {
  font-size:12px;
  color:#aaa;
  text-transform: inherit;
  font-weight: normal;
  padding: 10px 0; 
  margin:20px 0; 
  border-top: 1px solid #eee;
  text-transform: none
}
#content .alignnone {
  display: block
}
#content img.size-medium {
  margin:0 0 10px 0
}
#content .entry a img { 
  margin:0 0 10px 0; 
  vertical-align:top;
}
#content.entry img {
  border: 1px solid #ddd;  
  text-align: center;  
  background-color: #fafafa;  
  padding: 5px; 
  margin: 5px 10px 10px 0px; 
  -moz-border-radius: 3px; 
  -khtml-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  border-radius: 3px;
}
#content.entry ul li {
  color:#666
}
#content blockquote {
  margin: 15px 15px 0 15px;
  padding: 14px 20px 5px 36px;
  background: #f7f7f7 10px 10px no-repeat;
  font-size: 10pt;
  line-height: 1.3;
  border: 1px solid #eee;
}
#content blockquote p {
  padding-right: 20px;
}
#content blockquote p+p {
  background: none;
}
#content .entry blockquote+p {
  margin-top: 15px;
}


/* SEARCH FORM */
#searchform {
  margin-bottom:20px;
  padding:0;
}
#searchform #s {
  border: 1px solid #ccc; 
  border:1px solid #ddd; 
  border-radius:5px; 
  -moz-border-radius:5px; 
  -webkit-border-radius:5px;
  padding:5px;
  font:14px 'Helvetica', 'Helvetica Neue', 'Arial','Liberation Sans', 'FreeSans', 'sans-serif';
  background: #fafafa;
  width: 200px
}
#searchbtn {
  vertical-align:bottom;
  padding: 0 0 5px 2px;
}
.hidden {
  display: none;
}

/* PREV NEXT NAV */
.alignleft {
  float:left;
}
.alignright {
  float:right;
}
.aligncenter, div.aligncenter {  
  display: block;  
  margin-left: auto; 
  margin-right: auto;
}
.navigation, .comment-navigation {
  display: block;
  clear:both;
}
.navigation {  
  margin-top: 20px; 
  padding-bottom: 0px;  
}
.comment-navigation {
  margin-top: 15px;  
  padding-bottom: 5px;
}    
.navigation a, .comment-navigation a {
  background: #eee;
  padding: 5px 10px;
  -moz-border-radius: 3px;  
  -khtml-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;
}
.navigation a:hover, .comment-navigation a:hover {
  background: #ddd;
  padding: 5px 10px;
  -moz-border-radius: 3px;  
  -khtml-border-radius: 3px;  
  -webkit-border-radius: 3px;  
  border-radius: 3px;
}
.attachment a { 
  border:0
}
.navigation a img {
  border-radius:0; 
  border:none
}
.navigation-image a {
  border:none
}  

/* Captions */
.wp-caption {  
  border: 1px solid #ddd;  
  text-align: center;  
  background-color: #fafafa;  
  padding-top: 5px;  
  margin: 5px 25px 25px 0px;  
  -moz-border-radius: 3px;  
  -khtml-border-radius: 3px;  
  -webkit-border-radius: 3px; 
  border-radius: 3px;
}
.wp-caption img {  
  margin: 0;  
  padding: 0;  
  border: 0 none;
}
.wp-caption p.wp-caption-text {  
  font-size: 12px;  
  line-height: 17px;  
  padding: 4px 4px 5px 0;  
  margin: 0;  
  font-style: italic; 
}


/* FOOTER */
#footer {
  padding-bottom: 2em; 
  text-align: left; 
  float:left;
  margin-left:0;
  padding-left:0;
  clear:both;
}

#footer nav {
  margin-left:0;
  padding-left:0;
  font-size: 1.143em;
  height: 40px;
  line-height: 30px;
  margin: 0 auto 2em auto;
  padding: 0;
  text-align: center;
  clear:both;
  width:960;
}

#footer nav ul {
  list-style: none; 
  margin: 0 auto; 
  width: 960px;
}
#footer nav li {
  float: left; 
  display: inline; 
  margin: 0;
}

#footer nav a:link, #footer nav a:visited {
  color: #222;
  display: inline-block;
  height: 30px;
  padding: 5px 1.5em;
  text-decoration: none;
}
#footer nav a:hover, #footer nav a:active,
#footer nav .active a:link, #footer nav .active a:visited {
  background: #2c7d1c;
  color: #fff;
  text-shadow: none !important;
}

#footer nav li:first-child a {
  border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
}

#footer ul, #footer ol, #footer li {
  list-style: none; 
  display:inline;
}

#about {
  font-style: normal;
  margin-bottom: 2em;
  overflow: hidden;
  padding: 20px;
  
  border: none;
  padding: 5px 30px;
  border-radius: 4px;
  background: #efefef;
  color: #333;
  text-shadow: 0 1px 1px lightyellow;
  
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#about .primary {
  float: left; 
  width: 165px;
}
#about .primary strong {
  color: #C64350; 
  display: block; 
  font-size: 1.286em;
}
#about .photo {
  float: left; 
  margin: 5px 20px;
}
#about .url:link, #about .url:visited {
  text-decoration: none;
}
#about .bio {
  float: right; 
  width: 500px;
}


/* AWESOME BUTTONS */
.awesome a {
  text-decoration: none !important;
  color: #ffffff !important; 
}
.awesome, .awesome:visited {
  /* background: #222 url(/images/alert-overlay.png) repeat-x; */
  display: inline-block; 
  padding: 5px 10px 6px; 
  color: #ffffff !important; 
  text-decoration: none !important;
  -moz-border-radius: 5px !important; 
  -webkit-border-radius: 5px !important;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important;
  border-bottom: 1px solid rgba(0,0,0,0.25) !important;
  position: relative;
  cursor: pointer;
}
.awesome:hover { 
  background-color: #111; 
  color: #fff; 
}
.awesome:active { 
  top: 1px; 
}
.small.awesome, .small.awesome:visited { 
  font-size: 11px; padding: 0; 
}
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { 
  font-size: 13px; 
  font-weight: bold; 
  line-height: 1; 
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}
.large.awesome, .large.awesome:visited { 
  font-size: 14px; 
  padding: 8px 14px 9px; 
}
.orange.awesome, .orange.awesome:visited { 
  background-color: #ff5c00; 
}
.orange.awesome:hover { 
  background-color: #d45500; 
}





/* WUFOO MODS */
#nextPageButton, #saveForm {
  background-color: #1B0;
  color: white;
  cursor: pointer;
  display: block;
  font: 14px/19px 'Helvetica', 'Arial', 'sans-serif';
  font-weight: bold;
  height: 50px;
  margin: 0px 90px 0px 90px;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  width: 220px;
}

#fo19li18 {
 background: #FEFEFE; 
}

/* Input Forms*/
#fo19li18 .symbol, #fo19li18 label, #Field18-1 {
  display: none;
}
#fo19li18 p {
  
}

/* Rewards */
#fo19li19 span {
 background: #FFF;
 padding: 7px;
 margin: 5px;
 -moz-border-radius: 5px !important; 
 -webkit-border-radius: 5px !important;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25) !important; 
}
#fo19li19 label {
  cursor: pointer;
}
#fo19li19 b {
  color: #1B0;
}

/* Input Forms */
#Field1, #Field2, #Field3, #Field4, 
#Field5, #Field6, #Field8, #Field9, 
#Field10, #Field11, #Field12, #Field18 {
  color: #1B0;
  cursor: pointer;
  display: block;
  font: 48px/53px 'Helvetica', 'Arial', 'sans-serif';
  height: 53px;
  padding: 10px 25px 10px 25px;
}

#Field18 {
  background:#FFF url(http://saotomeblog.com/wp-content/themes/saotomeblog/images/currency.png) no-repeat left center;
  width: 100px;
  border: 2px solid #12d620;  
}

input:focus {
  background: #fc9fff;   /* sexy hot pink */
}
  
input:hover, input:focus {  
  border-color: #C9C9C9;  
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
}  
  
#form19 {
 display:block;
 -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
  
}
​