/*
Theme Name: Featherlite
Theme URI: http://justynsmith.info
Description: A lightweight theme
Version: 2.0 - April 1, 2010
Author: Justyn Smith
Author URI: http://justynsmith.info
*/


/*--- START Eric Meyer Minimum Reset ---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
#searchcontrols small {
  border:0;
  font-size:100%;
  outline:0;
  margin:0;
  padding:0
}

body {
  line-height:1;
  background: #fff url('images/bg.gif');
  font: 0.75em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  letter-spacing: .05em;
  color:#333;
  text-align:center;
  margin:0
  /* margin:0 10px 0 10px /* 16x0.75=12px  -- 10px margin*/ */
}

blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:'' }

body.lang-ar, body.lang-fa, body.lang-he, body.lang-hi,
body.lang-km, body.lang-ko, body.lang-ja, body.lang-th,
body.lang-zh { font-size:75% }
/*--- END Eric Meyer Minimum Reset ---*/


/*--- START Link Styles ---*/
a { text-decoration:none; color: #3571b2 }
a:hover { color: #FF9900 }
::-moz-selection { background: #F90 none repeat scroll 0 0; color: #fff }
::selection { background: #F90; color:#fff }
code::-moz-selection { background: #F90 none repeat scroll 0 0; color: #fff }
code::selection  { background: #F90; color:#fff }
/*--- END Link Styles ---*/


/*--- START Layout / Fonts / Titles ---*/
* { margin: 0; padding: 0 }

h1, h2, h3 {
  margin: 0;
  padding: 5px;
  font-family: Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
  font-weight: Bold
}

h1 { font-size: 130% }
h2 { font-size: 120% }
h3 {
  font-size: 110%;
  color: #007E80;
  background: #eee;
  border-bottom: 1px solid #736F6E;
  border-top: 1px solid #736F6E;
  margin: 10px 0 0;
  padding: 3px 0 3px 10px
}

#main h2 { color: #667F99 }
#sidebar h2 { color: #736F6E }

#main h2, #sidebar h2 {
  background: #eee;
  border-bottom: 1px solid #736F6E;
  border-top: 1px solid #736F6E;
  margin: 10px 0 0;
  padding: 3px 0 3px 10px
}

ul, ol { margin: 10px 20px; padding: 0 20px }
/*--- END Layout / Fonts / Titles ---*/


/*--- START Images, Blockquote e.t.c. ---*/
img.float-right { margin: 5px 0 5px 10px }
img.float-left { margin: 5px 10px 5px 0 }
.alignleft, img[align=left] { float: left; display: block; margin: 0 8px 4px 0 }

code {
  text-align: left;
  display: block;
  overflow: auto;
  font: 400 11px 'Lucida Console', 'courier new', monospace;
  background: #eee;
  border-left: 2px solid #659EC7;
  margin: 5px 0;
  padding: 10px
}

acronym { cursor: help; border-bottom: 1px solid #777 }

blockquote:before, blockquote:after { content:none }
blockquote {
/*  border-bottom: 1px dashed #736F6E; */
/*  border-top: 1px dashed #736F6E; */
  border-left: 2px solid #659EC7;
  background: #eee
}

.note {
  background: #FFF6BF url(images/note.png) no-repeat left center;
  border-bottom: 2px solid #FFD324;
  border-top: 2px solid #FFD324;
  margin: 10px;
  padding: 5px 5px 5px 25px
}

input {
  border: 1px solid #736F6E;
  background: #eee;
  font: normal 1em Verdana, sans-serif;
  color: #736F6E;
  padding: 2px
}

input.button {
  background: #fff;
  font: bolder 12px Arial, Sans-serif;
  border: 1px solid #CCC;
  color: #736F6E;
  margin: 0;
  padding: 2px 3px
}
 
textarea {
  width: 400px;
  font: normal 1em Verdana, sans-serif;
  border: 1px solid #736F6E;
  background: #eee;
  height: 100px;
  display: block;
  color: #736F6E;
  padding: 2px
}
/*--- END Images, Code and Acronyms ---*/


/*--- BEGIN Search Form ---*/
.search {
  border: none;
  margin: 10px;
  padding: 0 5px 20px
}

#search-text {
  float: left;
  border: 0;
  width: 146px;
  color: #ACACAB;
  margin: 0
}

#search-submit {
  float: right;
  width: 19px;
  height: 19px;
  border: 0;
  padding: 0
}

span.sbox_l {
  background: #fff url(images/srch_l.gif) no-repeat top left;
  float: left;
  width: 19px;
  height: 19px
}

span.sbox_r {
  background: #fff url(images/srch_r.gif) no-repeat top left;
  float: left;
  width: 19px;
  height: 19px
}

span.sbox input {
  background: #fff url(images/srch_bg.gif) repeat-x top left;
  float: left;
  border: 0;
  height: 19px;
  width: 142px;
  color: #000;
  padding: 3px
}
/*--- END Search Form ---*/


/*--- BEGIN Main Layout ---*/
#main {
  float: left;
  width: 600px;
  margin: 0;
  padding: 0
}

#main p {
  font-size: 90%;
  line-height: 1.5em;
  margin: 0 0 15px 0;
  padding: 0 5px 0 5px
}

#main p.small {
  color: #000;
  font-size: 80%;
  margin: 0 0 5px 0
}

#main blockquote { font-style: italic; margin: 1em 3em; padding: padding: .5em 1em }
#main blockquote p {
  line-height: 1.5em;
  margin: 0 0 15px 0;
  padding: 0 5px 0 5px
}
/*--- END Main Layout ---*/


/*--- BEGIN Wrap Layout ---*/
#wrap {
  width: 840px;
  background: #fff;
  border-left: 1px solid #736F6E;
  border-right: 1px solid #736F6E;
  border-top: 1px solid #736F6E;
  margin: 0 auto;
  text-align: left
}

#content-wrap {
  position: relative;
  width: 830px;
  margin: 0 auto;
  padding: 0
}
/*--- END Wrap Layout ---*/


/*--- BEGIN Header ---*/
#header {
  position: relative;
  width: 840px;
  height: 160px;
  background-color: #eee;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #FFF;
  border-bottom: 1px solid #736F6E;
  background: url('images/header.jpg')
}

#header h1#logo {
  position: absolute;
  margin: 0;
  padding: 0;
  font: 700 42px 'Trebuchet MS', Arial, Sans-serif;
  letter-spacing: -2px;
  text-transform: none;
  top: 50px;
  left: 53px
}
/*--- END Header ---*/


/*--- BEGIN Social ---*/
#header #social2 {
  float: right;
  margin: 0;
  padding: 10px 35px 0 0;
  text-align: right
}

#social2 ul { list-style-type: none }

#header #social2 li {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('images/iconsprite.png') no-repeat top left;
  border-bottom: 0;
  padding: 0
}

#header #social2 li a {
  display: inline-block;
  width: 16px;
  height: 16px
}

#header #social2 #email { background-position: 0 -16px }
#header #social2 #facebook { background-position: 0 -112px }
#header #social2 #twitico { background-position: 0 -144px }
#header #social2 #rss { background-position: 0 -176px }

#sidebar #social ul { list-style-type: none }
#sidebar #social li {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(images/iconsprite.png) no-repeat top left;
  border-bottom: 0;
  padding: 0
}
#sidebar #social li a {
  display: inline-block;
  width: 16px;
  height: 16px
}

#sidebar #social #email { background-position: 0 -16px }
#sidebar #social #facebook { background-position: 0 -112px }
#sidebar #social #twitico { background-position: 0 -144px }
#sidebar #social #rss { background-position: 0 -176px }
/*--- END Social ---*/


/*--- BEGIN Menu ---*/
#menu {
  display: block;
  margin: 0;
  padding-top: 136px;
  font: 400 11px/25px Tahoma, Verdana, Arial, Sans-Serif
}

#menu ul {
  margin: 0;
  padding: 0 0 0 35px;
  float: right
}

#menu ul li {
  float: left;
  list-style: none;
  display: inline
}

#menu ul li a {
  display: block;
  text-decoration: none;
  padding: 0 10px;
  background: inherit;
  color: #FFF
}

#menu ul li a:hover {
  background: none !important;
  border-bottom: 5px solid #F90;
  color: #F90 !important
}

#menu ul li.current_page_item a,
#menu ul li.current_page_parent a {
  color: #F90;
  border-bottom: 5px solid #F90
}
/*--- END Menu ---*/


/*--- BEGIN Sidebar ---*/
#sidebar {
  float: right;
  width: 220px;
  margin:0
}

#sidebar ul a {
  font-weight: 700;
  background: none;
  padding: 2px 0
}

#sidebar ul {
  list-style: none;
  text-align: left;
  text-decoration: none;
  margin: 3px 0 8px;
  padding: 0
}

#sidebar ul li {
  border-bottom: 1px solid #EFF0F1;
  list-style-type: none;
  list-style-image: none;
  margin: 0 2px;
  padding: 2px 0 2px 5px
}

* html body #sidebar ul li { height:1% }
/*--- END Sidebar ---*/


/*--- BEGIN Footer ---*/
#footer {
  clear: both;
  color: #000;
  font: 400 90% Verdana, Tahoma, sans-serif;
  border-top: 1px solid #736F6E;
  border-bottom: 1px solid #736F6E;
  background-color: #eee;
  text-align: center;
  height:67px
}

a#powered {
  background: url(images/wp-footer-logo.png) no-repeat;
  display: block;
  width: 92px;
  height: 67px;
  float: left;
  margin: 0 10px 0 0;
  text-indent: -999em
}

#footer a { color:#667F99 }
#copyright { margin-top:15px }
/*--- END Footer ---*/


/*--- BEGIN Page Entries ---*/
#entries {
  text-transform: uppercase;
  font-size: 10px;
  text-align: left;
  background-color: #eee;
  padding: 5px;
  margin: 5px 0 5px 0;
  border: 1px solid #736F6E
}
/*--- END Page Entries ---*/


/*--- BEGIN About Me Widget ---*/
#aboutmewidget { padding-top: 5px }
#aboutmewidget img.center { display: block; margin: .4em auto }
#aboutmewidget img.alignright { margin: .4em .4em .4em 1.1em }
#aboutmewidget img.alignleft { margin: 0 1.1em .4em 0 }
#aboutmewidget p { line-height: 1.2em; margin-top: -10px }
#aboutmewidget p a.center { display: block }
/*--- END About Me Widget ---*/


/*--- BEGIN Re-Captcha ---*/
.recaptcha-error {
  font-size: 1.8em;
  padding-bottom: 8px
}

.mh-plaintext, .mh-hyperlinked {
  background: transparent url(email.png) no-repeat scroll left center;
  border: medium none;
  color: #27D;
  height: 16px;
  padding: 2px 2px 4px 20px
}

.mh-plaintext a, .mh-plaintext a:hover,
.mh-plaintext a:visited, .mh-plaintext a:visited:hover,
.mh-hyperlinked a, .mh-hyperlinked a:hover,
.mh-hyperlinked a:visited, .mh-hyperlinked a:visited:hover {
  color: #F70;
  font-weight: bolder;
  text-decoration: none;
  border: 0;
  background-color: transparent!important
}

.recaptcha-form {
  width: 25em !important;
  margin: auto !important
}

.recaptcha-options td { vertical-align: top !important }
.which-key label { font-weight:700 }
.copyright { text-align: center; font-size: .85em }
/*--- END Re-Captcha ---*/


/*--- BEGIN Photobook ---*/
#fotobook-photos-widget { padding-top: 15px }
#fotobook-main a  {font-weight: 700; font-size: 12px }
#fotobook-main  {font-size: 11px; width: 100%; border-spacing: 0 }
#fotobook-main small { font-size: 10px }
#fotobook-main td, #fotobook-main th {
  border-bottom: solid 1px #D8DFEA;
  vertical-align: middle;
  margin: 0;
  padding: 10px
}

#fotobook-main th { text-align: center; width: 130px }
#fotobook-album {
  width: 100%;
  border-bottom: solid 1px #D8DFEA;
  margin: 0;
  padding: 5px
}

#fotobook-album td {
  width: 150px;
  text-align: center;
  vertical-align: middle;
  padding: 3px 2px
}

#fotobook-album img {
  background: #fff;
  border: solid 1px #ccc;
  padding: 6px
}

#fotobook-album img:hover { border: solid 1px #3B5998 }
#fotobook-info { font-size:  10px;margin-top: 10px; text-align: left }
#fotobook-info th, #fotobook-info td { padding: 3px }
#fotobook-info th { font-weight: 700; vertical-align: top }

.fotobook-subheader {
  text-align: right;
  font-size: 11px;
  border-bottom: solid 1px #D8DFEA;
  margin: 0;
  padding: 3px 10px 4px
}

.fotobook-subheader .main { float: left; text-align: left }
.fotobook-subheader .pagination { padding-left: 4px; text-align: right }
.fotobook-subheader .pagination b {
  font-style: normal;
  font-weight: 700;
  color: #3B5998;
  border-bottom: solid 2px;
  padding: 2px
}

.fotobook-subheader .pagination a { font-weight: 400; margin: 0; padding: 3px }
.fotobook-subheader .pagination a:hover {
  color: #fff;
  background: #3B5998;
  text-decoration: none;
  margin: 0;
  padding: 3px
}

.fotobook-subheader-bottom { border-bottom: 0 }
.fotobook-subheader-bottom .pagination b { border-bottom: 0; border-top: solid 2px }
#fotobook-photos-widget .thumbnail {
  background-attachment: scroll;
  background-color: #242424;
  background-repeat: no-repeat;
  float: left;
  overflow: hidden;
  margin: -10px 5px -5px
}
/*--- END Photobook ---*/


/*--- BEGIN Contact Form ---*/
.contactermsg {
  background: url(images/error.png) no-repeat;
  height: 14px;
  color: #C00;
  padding: 0 0 0 20px
}

.contactmsg {
  background: url(images/success.png) no-repeat;
  height: 14px;
  color: #0C0;
  padding: 0 0 0 20px
}
/*--- END Contact Form ---*/


/*--- BEGIN Comments ---*/
img.avatar { float: left; margin-right: 5px }

ol.commentlist {
  list-style: none;
  text-indent: 0;
  margin: 0;
  padding: 10px 0 0
}
ol.commentlist li {
  border-top: 1px solid #736F6E;
  border-bottom: 1px solid #736F6E;
  height: 1%;
  position: relative;
  margin: 0 0 10px;
  padding: 5px 7px 5px 57px
}
ol.commentlist li div.vcard { font: bold 14px/1.4 helvetica, arial, sans-serif }
ol.commentlist li div.vcard cite.fn { font-style: normal }
ol.commentlist li div.vcard cite.fn a.url { color: #c00; text-decoration: none }
ol.commentlist li div.vcard img.avatar {
  border: 1px solid #736F6E;
  left: 7px;
  position: absolute;
  top: 7px
}
ol.commentlist li div.comment-meta { top: 5px }
ol.commentlist li div.comment-meta a { color: #333; text-decoration: none }
ol.commentlist li ul {
  list-style: square;
  text-indent: 0;
  margin: 0 0 1em;
  padding: 0
}

ol.commentlist li div.comment-author, ol.commentlist li.pingback div.vcard { padding: 0 170px 0 0 }

ol.commentlist li div.vcard cite.fn a.url:hover,
ol.commentlist li div.comment-meta a:hover { color:#000 }
ol.commentlist li ul.children li.depth-2,
ol.commentlist li ul.children li.depth-3,
ol.commentlist li ul.children li.depth-4 { margin: 0 0 .25em }

.comment-edit-link {font: bold 9px/1em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif }
ol.commentlist li div.reply { font:bold 9px/1em Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;text-align:right}
ol.commentlist li ul.children { list-style: none; text-indent: 0; margin: 1em 0 0 }
ol.commentlist li.even { background: #fff }
ol.commentlist li.odd { background: #eee }
/*--- END Comments ---*/


/*--- BEGIN WordPress Caption ---*/
.wp-caption {
  background-color: #eee;
  border: 1px solid #736F6E;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 3px;
  text-align: center;
  max-width: 470px !important
}
    
.wp-caption img {
  border: none;
  margin: 0;
  padding: 0;
  width: 100% !important;
  height: auto !important
}

.wp-caption p.wp-caption-text  {
  color: #676F51;
  font-size: 0.9em;
  margin: 0;
  margin-bottom: -0.1em !important;
  padding: 0;
}
/*--- END WordPress Caption ---*/


/*--- BEGIN Miscellaneous ---*/
.float-left { float: left }
.float-right { float: right }
.clear { clear: both }
.gray { color: #CCC }
img, #fotobook-main img, #fotobook-photos-widget img { border: 0 }
.align-left, #aboutmewidget p.alignleft, div#aboutmewidget p a.alignleft { text-align: left }
.align-right, #aboutmewidget p.alignright, div#aboutmewidget p a.alignright { text-align: right }
#aboutmewidget p.center, #sidebar #social { text-align: center }
.lang-select label, .theme-select label, .lang-select select, .theme-select select { vertical-align: middle !important }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

#nocleanfeedbadge {
  position:absolute;
  top:0;
  right:0;
  width: 120px;
  height: 120px;
  z-index: 3;
}
/*--- END Miscellaneous ---*/