/*===== o0o: BASE=====*/
html {
  font-size:100%
}
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6 {
  border:0;
  outline:0;
  margin:0;
  padding:0
}
body {
  font-size:87.5%;
  background-color:#FFF;
  color:#111;
  font-family: corbel, liberation sans, georgia, lucida grande, sans-serif;
  line-height:1.6em;
  text-align:center;
  border:0;
  outline:0;
  margin:0;
  padding:0
}

/*===== o0o: STRUCTURE=====*/
#outerWrapper {
  text-align:left;
  width:760px;
  margin:40px auto 0
}
#outerWrapper #header {
  display:table;
  width:760px;
  background:url(images/lost-to-the-west-header.jpg) right no-repeat;
  border-bottom:solid 1px #EAEAEA;
  height:120px;
  padding:0
}
#rightColumn {
  background:none;
  float:right;
  width:200px;
  font-size:0.87em;
  line-height:1.6em;
  padding:10px
}
#outerWrapper #contentWrapper {
  background:url(images/content_back.gif) repeat-y
}
#outerWrapper #contentWrapper #content {
  background:none;
  margin:0 220px 0 0;
  padding:30px 30px 10px 10px
}
#outerWrapper #contentWrapper .clearFloat {
  clear:right;
  display:block
}
#outerWrapper #footer {
  background-color:#FFF;
  border-top:solid 1px #EAEAEA;
  font-size:1em;
  line-height:1.2em;
  padding:0 0 0 10px
}
.post,.page {
  padding-bottom:10px;
  margin-bottom:30px
}
.entry {
  overflow:auto
}

/*===== o0o: TYPOGRAPHY=====*/
.description {
  color:#fff;
  font-size:0.87em;
  font-weight:400;
  padding:7px 0 0 50px;
  width:400px;
  display:block
}
.postinfo {
  color:#666;
  font-size:0.87em;
  line-height:1.25em;
  margin:10px 0
}
.sticky {
  padding:0 10px 10px;
  border:solid 1px #ccc;
  margin-bottom:30px;
  background: #f8f8f8
}
blockquote {
  background:url(images/blockquote.gif) top left no-repeat;
  border:#CCC dashed 1px;
  margin:10px auto 10px 20px;
  font-style:italic;
  padding:3px 3px 3px 40px
}
pre,code {
  width:90%;
  margin-bottom:10px;
  font-family:"Courier New", Courier, monospace;
  background:#fff url(images/pre_bg.gif) top left repeat;
  display:block;
  color:#111;
  line-height:18px;
  border:1px solid #e2e2e2;
  overflow:auto;
  padding:18px 10px 17px
}
input,textarea,select {
  font-family: corbel, liberation sans, georgia, lucida grande, sans-serif;
  border:1px solid #ccc;
  background:#F8F8F8;
  color:#333;
  font-size:1em
}
small {
  font-size:0.87em
}

/*===== o0o: HEADINGS=====*/
h1,h2,h3,h4 {
  font-weight:700;
  color:#111;
  padding:20px 0 0
}
#header h1 {
  font-weight:700;
  font-size:3.0em;
  padding:20px 0 0 50px
}
h1 {
  font-size:2em;
}
h2 {
  font-size:1.625em
}
h3 {
  font-size:1.375em
}
#rightColumn h3 {
  font-size:1.25em;
  padding:0;
  margin:20px 0 0
}
h4 {
  font-size:1em
}

/*===== o0o: LINKS=====*/
a, a:visited { 
  border-bottom: 1px dotted #bfbfbf; 
  color: #002f5f; 
  text-decoration: none; 
}
a img, a:visited img, a:hover img { 
  background-color: transparent; 
  border: 0 !important; 
  border-bottom: 0!important; 
}

a:hover { 
  background-color: #002f5f; 
  border-bottom: 1px solid #002f5f; 
  color: #fff; 
}
h2.posttitle,h2.posttitle a {
  font-size:1.25em;
  line-height:1.2em;
  color:#111;
  font-weight:700;
  margin:0;
  border-bottom: 0
}
h2.posttitle a:hover {
  color:#111;
  text-decoration:none;
  background-color: transparent
}
a.image-border {
  text-decoration:none;
  border:0 none;
  background-color: transparent
}
#header a, #header a:hover {
  color:#fff;
  background-color: transparent; 
  border-bottom: 0;
}

/*===== o0o: SIDEBAR=====*/
#rightColumn ul {
  margin:0 0 30px;
  padding:0
}
#rightColumn ul li ul {
  margin:0;
  padding:0
}
#rightColumn ul li {
  list-style:none
}
#rightColumn ul li ul li {
  list-style:none;
  list-style-position:outside;
  list-style-image:url(images/arrow.gif);
  margin-left:17px
}
ul.menu {
  font-weight:700
}

/*===== o0o: COMMENTS=====*/
ol.commentlist { 
  list-style:none; 
  margin:0;
  padding:0; 
  text-indent:0
}
ol.commentlist li { 
  border:1px solid #ddd; 
  height:1%; 
  margin:0 0 10px; 
  padding:5px 7px 5px 57px; 
  position:relative
}
ol.commentlist li div.comment-author { 
  padding:0 170px 0 0
}
ol.commentlist li div.vcard { 
  font:bold 1em corbel, liberation sans, georgia, lucida grande, sans-serif
}
ol.commentlist li div.vcard cite.fn { 
  font-style:normal 
}
ol.commentlist li div.vcard img.avatar { 
  border:1px solid #ddd; 
  left:7px; 
  padding:2px; 
  position:absolute; 
  top:7px; 
}
ol.commentlist li div.comment-meta { 
  font:bold 0.87em corbel, liberation sans, georgia, lucida grande, sans-serif; 
  position:absolute; 
  right:10px; 
  text-align:right; 
  top:5px; 
}
ol.commentlist li p { 
  font:normal 1em corbel, liberation sans, georgia, lucida grande, sans-serif; 
  margin:0 0 1em; 
  line-height:1.6em; 
}
ol.commentlist li ul { 
  font:normal 1em corbel, liberation sans, georgia, lucida grande, sans-serif; 
  list-style:square; 
  margin:0 0 1em; 
  padding:0; 
  text-indent:0; 
}
ol.commentlist li ul.children { 
  list-style:none; 
  margin:1em 0 0; 
  text-indent:0; 
}
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; 
}
ol.commentlist li.even { 
  background:#f7f7f7
}
ol.commentlist li.odd { 
  background:#fff
}
ol.commentlist li.pingback div.vcard { 
  padding:0 170px 0 0
}

/*===== o0o: IMAGES=====*/
.alignleft {
  float:left
}
.alignright {
  float:right
}
img {
  border:0
}
img.avatar {
  float:left;
  padding-right:5px
}
p img {
  max-width:100%;
  padding:0
}
img.alignright {
  display:inline;
  margin:7px 0 2px 7px;
  padding:4px
}
img.alignleft {
  display:inline;
  margin:7px 7px 2px 0;
  padding:4px
}
img.centered,.aligncenter,div.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto
}

/*===== o0o: CAPTIONS=====*/
.wp-caption {
  border:1px solid #ddd;
  text-align:center;
  background-color:#F8F8F8;
  padding-top:4px;
  margin:10px
}
.wp-caption img {
  border:0 none;
  margin:0;
  padding:0
}
.wp-caption p.wp-caption-text {
  color:#666;
  font-style:italic;
  line-height:17px;
  margin:0;
  padding:0 4px 5px
}

/*===== o0o: WIDGETS=====*/
div#calendar_wrap,table#wp-calendar {
  width:100%
}
div#calendar_wrap {
  padding:0 15px 0 5px
}
div#calendar_wrap caption {
  font-size:1.1em;
  font-weight:700;
  padding:0 20px 0 0
}

/* facebook link */
html .fb_share_button {
  display: -moz-inline-block;
  display: inline-block;
  padding: 1px 20px 0 5px;
  height: 15px;
  border: 1px solid #d8dfea;
  background:url( /images/facebook-f.gif ) no-repeat top right;
}

html .fb_share_button:hover {
  color: #fff;
  border-color: #295582;
  background: #3b5998 url( /images/facebook-f.gif ) no-repeat top right;
  text-decoration: none;
}
