/*  
Theme Name: Amazing Grace
Theme URI: http://www.prelovac.com/vladimir/wordpress-themes/amazing-grace
Description: Amazing Grace is a lightweight, super-optimized WordPress theme packed with features (SEO, Adsense, Translation and Widget Ready). Brought to you by Vladimir Prelovac
Version: 3.6
Tags: three-columns, fixed-width, threaded-comments, custom-menu, sticky-post, translation-ready, green, brown, yellow, light, tan
Author: Vladimir Prelovac
Author URI: http://www.prelovac.com/vladimir/
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

@import url('../../plugins/easy-contact/sample/econtact-basic.css');

/*************************************
 +Containers
 *************************************/
body {
  background  : #F8F8EC url(images/bg.jpg) repeat-x top left;
  color       : #151515;
  font-family : Verdana, Geneva, sans-serif, Arial;
  font-size   : 14px;
  line-height : 18px;
  text-align  : left;
  margin      : 0;
  padding     : 0;
}

p {
  line-height : 18px;
}

table {
  font-size: 13px;
}

ol, ul {
  margin-top   : 0px;
  margin-bottom: 7px;
  margin-left  : 35px;
  padding-left : 0px;
}

ol ol {
  margin-top  : 5px;
  margin-left : 20px;
}

li {
  padding-bottom : 6px;
}

#wrap {
  width       : 920px;
  position    : relative;
  padding-top : 24px;
  text-align  : left;
  margin      : 0 auto;
}

#header {
  width         : 600px;
  text-align    : left;
  margin-left   : 320px;
  margin-bottom : 110px;
  padding       : 60px 0px 0px 0px;
}

#portrait-bg {
  width    : 319px;
  height   : 221px;
  position : absolute;
  left     : 0;
  top      : 0;
}

#content {
  width     : 590px;
  font-size : 14px;
  float     : right;
  padding   : 0 0 0 10px;
}

/* Wrap long lines in tree */
.site-page-tree div td {
 white-space  : normal;
 text-indent  : -40px;
 padding-left : 40px;
}

.site-page-tree div div td {
 white-space  : normal;
 text-indent  : -60px;
 padding-left : 60px;
}

.site-page-tree div div div td {
 white-space  : normal;
 text-indent  : -80px;
 padding-left : 80px;
}

.site-page-tree div div div div td {
 white-space  : normal;
 text-indent  : -100px;
 padding-left : 100px;
}

.entrybody h2 {
  margin-bottom : 6px;	
}

/*************************************
 +Search form
 *************************************/

#searchform {
  font-size  : 14px;
  position   : relative;
  width      : 165px;
  height     : 25px;
  margin-top : 10px;
  margin-bottom : 10px;
  margin-left   : 0px;
  margin-right  : 0px;
  padding-right : 0px;
  padding-left  : 0px;
}

#searchform table {
  margin-left     : 0px;
  width           : 250px;
  border-spacing  : 0;
  border-collapse : collapse;
}

input#searchbox {
  width : 160px;
}

#searchform td {
  width : 160px;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar-left {
  background : #FCFCFC;
  border     : 1px #ccc dashed;
  font-size  : 13px;
  float      : left;
  margin-right : 0px;
  width      : 290px;
  margin-top : 10px;
  padding    : 5px 5px 5px 10px;
}

#sidebar ul {
  list-style-type : none;
  list-style-position : outside;
  clear   : both;
  margin  : 0 4px 13px;
  padding : 0;
}

#sidebar ul li, #sidebar ul li a {
  padding-top    : 0;
  padding-bottom : 2px;
  padding-right  : 0;
  text-indent    : -10px;
  padding-left   : 5px;
}

#sidebar ul li a:hover {
  background     : #F0F0E0;
}

#sidebar ul.children {
  margin : 0 0 0 10px;
}

#sidebar ul ul {
  margin : 0 0 0 10px;
}

#sidebar h2 {
  color       : #6F6F6F;
  font-size   : 18px;
  margin-top  : 13px;
  font-weight : normal;
}

#sidebar h4 {
  color       : #333333; /* #151515; */
  font-size   : 16px;  
  font-weight : 700;
}

#sidebar-left #cat {
  width  : 150px;
  border : 1px solid #CCC;
}

#sidebar-right #cat {
  width  : 150px;
  border : 1px solid #CCC;
}

#sidebar img {
  max-width : 140px;
  border    : 0;
}

/*************************************
 +Hn, a and p
 *************************************/
a {
  color           : #7F9A42;
  text-decoration : none;
}

a:active {
  color : #242424;
}

.live {
  color           : #FF9E5C;
  text-decoration : none;
}

.live:link {
  color           : #FF9E5C;
  text-decoration : none;
}

h1 {
  font-weight    : 400;
  line-height:   1.1em;
  letter-spacing : -.1px;
  margin         : 0;
}

h2 {
  font-weight    : 400;
  letter-spacing : -.1px;
  margin         : 0;
}

h3 {
  font-weight    : 400;
  letter-spacing : -.1px;
  margin         : 0;
}

h4 {
  font-size      : 16px;  
  font-weight    : bold; 
  letter-spacing : -.1px;
  margin         : 8px 0 0px 0;
}

h5 {
  font-size      : 15px;  
  font-weight    : bold;
  letter-spacing : -.1px;
  margin         : 0;
	  
}

h6 {
  font-size      : 14px;  
  font-weight    : bold;
  letter-spacing : -.1px;
  margin         : 0;
}

#header h1 {
  font-size   : 32px;
  margin-left : 8px;
}

#header h1 a {
  color : #424242;
}

#header p {
  color       : #424242;
  font-size   : 18px;
  margin-left : 70px;
  text-align  : left;
  font-style  : italic;
}

.description {
  padding-top  : 0px;
  padding-left : 0px
}

#content h1 {
  margin-top    : 12px;
  margin-bottom : 12px; 
}

.entrytitle {
  text-align : left;
}

.entrytitle h3 {
  font-size : 20px;
  color     : #6F6F6F;
}

a:hover, .entrytitle h1 a, .entrytitle h2 a {
  color : #000;
}

.entrytitle h1, .entrytitle h2 {
  font-size  : 20px;
  text-align : left;
}

.entry blockquote {
  clear          : both;
  display        : block;
  background     : #FCFCFC none repeat scroll 0 0;
  padding        : 0px 10px 0px 10px;
  margin         : 2px 20px 10px 20px;
}

.entry blockquote p {
  display : block;
  margin  : 5px 0 5px 0;
  padding : 5px 0 5px 0;
}

pre {
  max-width : 580px;
  font-size : 12px;
  padding   : 10px;
  overflow  : auto;
  clear     : both;
}

code {
  font-size : 12px;
  max-width : 580px;
  padding   : 10px;
  clear     : both;
  overflow  : auto;
}

/*************************************
 Configurable Tag Cloud 
 *************************************/
.ctc {
  line-height : 1.1em;
  text-align  : center;
  padding     : 5px 5px 5px 8px;
  text-shadow : 1px 1px .1em #CCC;
}

#ctc-3 {
  text-align      : left;
  text-decoration : none;
  text-shadow     : none;
  padding-left    : 4px;
  padding-top     : 3px;
}

div.ctc a:hover {
  color       : #000 !important;
  border      : none;  
  border-bottom : 1px dotted #333222;
  text-shadow : 1px 1px 0 #E0FF80;
}


/*************************************
 +Footer
 *************************************/

#footer {
  background : url(images/bg-footer.jpg) repeat-x bottom left;
  color      : #E6E6E6;
  font-size  : 1em;
  clear      : both;
  text-align : center;
  padding    : 12px;
}

#footer a {
  color : #E6E6E6;
} 

#footer a:hover {
  color : #000; 
}

#credits {
  margin-bottom : -6px;
}

.rss {
  background: url('images/rss.png') no-repeat bottom left;
  padding-left : 20px;
}

/*************************************
 +BreadCrumb
 *************************************/
.breadcrumbs {
  height       : 25px;
  font-size    : 10px;
  padding-top  : 0px;
  padding-left : 332px;
  margin-top   : -48px;
}

/*************************************
 +Entry
 *************************************/
.entry {
  margin-bottom : 0;
  text-align    : justify;
}

.entry a:hover {
  color       : #000 !important;
  border      : none;  
  border-bottom : 1px dotted #333222;
  text-shadow : 1px 1px 0 #E0FF80;
}

.entry p {
  margin      : 0;
  line-height : 20px; 
  padding     : 0 0 10px;
}

.entry h3 {
  font-size      : 18px;
  padding-bottom : 8px;
}
  
.entry h4 {
  font-size      : 14px;
  padding-bottom : 4px;
}

.entry img {
  max-width    : 580px;
  margin-left  : 5px;
  margin-right : 5px;
  border       : 0;
}

.entrybody {
  padding-bottom: 6px;
  overflow: auto;
}

/*  
.entrybody a {
  border-bottom: 1px dotted #CCC;
} */

.entry code {
  font-size: 1.1em;
  text-align: left;
  padding: .2em;
}

.entrymeta {
  padding-top: .5em;
  color: #B3960E;
  border-top: 1px dotted #ccc;
  margin-bottom: 3em;
  clear: both;
}

.postedby {
  background : url(./images/user.png) no-repeat;
  padding    : 2px 3px 3px 20px;
}

.filedto {
  background : url(./images/post.png) no-repeat;
  padding    : 2px 3px 3px 20px;
}

.commentslink {
  background : url(./images/packaged.png) no-repeat;
  padding    : 1px 2px 2px 21px;
}

.btitle {  
  letter-spacing : -.1px;
  font-size      : 47px;
  font-family    : Georgia, "Times New Roman", times, serif;
  font-style     : Italic;
  margin         : 0 0 0 .5em;
} 

.btitle a {
  color : #333;
}

.btitle a:hover {
  text-shadow : 1px 1px 0 #F6F152, 1.5px 1.5px 0.1em #FDFABB; 
}

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

img.alignright {
  float : right;
  margin  : 0 0 2px 7px;
  padding : 4px;
}

img.alignleft {
  float : left;
  margin  : 0 7px 2px 0; 
  padding : 4px;
}

.alignleft {
  float : left;
}

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

img.bordered {
  border     : 1px solid #000000;
  margin-top : 6px;
  margin-left: 10px;
  padding    : 0px;
}

a:hover img.bordered {
  border     : 1px solid #000000;
  margin-top : 6px;
  margin-left: 10px;
  padding    : 0px;
}

.wp-caption {
  display          : block;
  text-align       : center;
  background-color : #FCFCFC;
  padding-top      : 2px;
  padding-left     : 0px;
  padding-right    : 0px;
  margin-top       : 0px;
  margin-bottom    : 20px;
  margin-left      : 0px;
  margin-right     : 0px;
  border           : 1px solid #ddd;
  border-radius    : 1px;  
}

.wp-caption img {
  border  : 0 none;
  margin  : 0;
  padding : 0;
}

.wp-caption-dd {
  font-size   : 11px;
  line-height : 17px;
  margin      : 0;
  padding     : 0 4px 5px;
}

.wp-caption-text {
  padding-top: 0px;
}

.wp-caption p.wp-caption-text {
  font-size   : 12px;
  padding-top : 8px;
}

.socbook, .alignright {
  float: right;
}

/*************************************
 +Menu
 *************************************/
#menu {
  position:absolute;
  width:690px;
  margin:0;
  padding:0;
  height: 31px;
  overflow: hidden;
}

#menu ul {
  font-size:1.2em;
  list-style:none;
  margin:0;
  padding:0;
}

#menu li {
  float:left;
  border-bottom:0;
}

#menu li a {
  color:#fff;
  margin-left:.5em;
  display:block;
  padding:.6em .6em .3em; 
}

#menu li a:hover {
  background:#e6e2af;
  color:#424242;
}

#menu ul li ul {
  display:none;
}

/*************************************
 +Menu Categories
 *************************************/
#catmenu
{
  position:absolute;
  width:555px;
  left:138px;
  top:151px;
  margin:0;
  padding:0;
  height:29px;
  overflow:hidden;
}

#catmenu ul
{
  font-size:1em;
  list-style:none;
  margin:0;
  padding:0;
}

#catmenu li
{
  float:left;
  border-bottom:0;
}

#catmenu li a
{
  background: #bfbc94;
  color: #000;
  margin-left: .5em;
  display: block;
  padding: 8px 10px 5px; 
}

#catmenu li.current-cat a
{
  background:#a7a37e;
  color:#fff;
  margin-left:.5em;
  display:block;
  padding:8px 10px 5px;
}

#catmenu li a:hover
{
  background:#a7a37e;
  color:#fff;
}

#catmenu ul li ul
{
  display:none;
}
/*************************************
 +Comments
 *************************************/
.commentsblock, contactform {
  font-size   : 14px;
  clear       : both;
  padding-top : 20px;
}

.commentsblock textarea,.contactform textarea {
  width: 538px;
}

.commentsblock input,.commentsblock textarea,.contactform input,.contactform textarea {
  border: 1px solid #d1d1d1;
}

.commentauthor {
  display   : block;
  font-size : 12px;
}

h2#comments {
  font-size      : 15px;
  padding-bottom : 5px;
}

ol.commentlist {
  color           : #505247;
  font-size       : 12px;
  list-style-type : none;
  margin          : 15 0 0;
  padding         : 0;
}

ol.commentlist a {
  color: #b3960e;
}

ol.commentlist a:hover {
  color: #424242;
}

.commentlist li {
  margin-bottom : 10px;
  padding       : 8px;
  overflow      : auto;
}

.commentlist p {
  text-transform : none;
  font-size      : 14px;
  margin         : 10px 5px 10px 59px;
}

.commentlist blockquote p {
  margin : 10px 5px;
}

.commentlist blockquote {
  margin : 10px 0 10px 59px;
}

.commentlist .children {
  padding-left : 0px;
}

#commentform p {  
  margin-left : 0px;
  line-height : 15px;
}

#commentlist p {
  font-size : 13px;
  line-height : 16px;
}

.alt {
  background:#e3e7cb;
}

.comment_headings {
  font-size: 18px;
  color: #6C6C6C;
}

.vcard {
  font-size: 1em;
}

.vcard cite {
  font-weight: 700;
  font-size: 16px;
}

.contactform input:focus, .contactform textarea:focus,
.commentsblock input:focus, .commentsblock textarea:focus {
  background : #eee;
  border     : 1px solid #a1a1a1;
}

/* these are for the small download buttons to the right of the Title */
.pdfbuttons {
  position : absolute;
  display  : block;
  left     : 868px;
  top      : 242px;
  z-index  : 99999;
}

.pdfbuttons a {
  vertical-align   : bottom;
  border           : none;
  color  : white;
  text-decoration  : none;
}

.pdfbuttons a:hover {
  margin : 0;
  padding: 0;
}

/* this is the colored box that surrounds introductory small text */
.preludebox {
  background-color : #FFFFEB;
  padding          : 5px 10px 5px 10px;
  margin-top       : 10px;
  margin-bottom    : 8px;
  border-style     : dotted;
  border-width     : 1px;
  border-color     : #919191;
}

/* this is for the small text introducing an article */
.prelude {
  font-size      : 85%;
  line-height    : 18px;
  margin-top     : 0px;
  margin-bottom  : 5px;
  padding        : 0px;
  border         : 0px;
}

/* Download box and Icons at the end of an Article */
.downloadbox {
  background-color : #FFFFEB;
  padding          : 5px 10px 0px 10px;
  font-variant     : small-caps;
  font-weight      : bold;
  font-size        : 16px;
  margin-top       : 10px;
  margin-bottom    : 12px;
  border-style     : dotted;
  border-width     : 1px;
  border-color     : #919191;
}

.download {
  margin-top       : 10px;
  padding-bottom   : 5px;
}

.download a {
  border           : none;
  vertical-align   : bottom;
}

/* turn off the dotted underline when hovering, add opacity */
.download a:hover {
  border-bottom: none;
  opacity: 0.7;
}

.download img {
  padding-bottom: 5px;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 0px;
  margin-left: 0px;
}

/* Removes space between "Download" title and Horizontal Line */
.entry .downloadbox p {
  padding-bottom: 0px;
}

.downloadbox hr {
  margin-top: 4px;
  margin-bottom: 4px;
}

.entry img:hover {
  border-bottom: none;
  filter: alpha(opacity=80);
  opacity: 0.8;
  vertical-align: bottom;
}

.egw { 
  padding-left  : 0px;
  padding-right : 0px; 
  color         : #993300;
  line-height   : 150%;
}

.egw a {
  color : #993300;
}

.egw a:hover, a:focus, a:active {
  color         : #000;
  border-bottom : 1px dotted #333222;
}

/*************************************
 +Misc
 *************************************/
img.left {
  float         : left;
  margin-right  : 15px; 
  margin-bottom : 10px;
}

img.right {
  float         : right;
  margin-left   : 15px; 
  margin-bottom : 10px; 
}

.endate {
  font-size   : 16px;
  color       : #6F6F6F;
  font-family : Verdana, Geneva, sans-serif, Arial;
}

#ftnav {
  margin : 0 0 5px;
}

.navigation {
  padding-bottom : 30px;
}
  
.sticky {	
  border        : 1px solid #bbb;
  border-width  : 1px 0;
  background    : #FCFCFC;
  padding       : 15px;
  margin-bottom : 25px;
}

.tagarchive h1 {
  font-size      : 29px;
  padding-bottom : 18px;
}

#page_tree_show {
  cursor      : pointer;
  color       : #7F9A42;
  font-size   : 10px;
  font-weight : normal;
}

a.site-page-tree-link {
  color           : #2D232B;
  text-decoration : none;
  border          : none;
}

a.site-page-tree-link:link {
  color       : #2D232B;
}

#site-page-tree-3 a.site-page-tree-link:active  {color:#7F9A42; text-decoration:none;}
#site-page-tree-3 a.site-page-tree-link:visited {color:#2D232B; text-decoration:none;}
#site-page-tree-3 a.site-page-tree-link:hover   {color:#2D232B; text-decoration:underline;}

a.mejs-horizontal-volume-slider.mejs-mute:hover {
  background-color: inherit;
}

#content .mejs-time-current{
    background: none repeat scroll 0% 0% #A7A37E;
}

#toc_container {
  text-align: left;
}