/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------

*/
body { margin: 0px 56px 0 0; padding: 0; color: #5b5b58; background:#efefef url(images/bg-body.png) no-repeat top center ; font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 23px; overflow: -moz-scrollbars-vertical;  }

a { outline: none; }
h1 {   margin: 20px 0 0 50px; padding:0 0 0 0 ; font-weight: normal; font-size: 26px; height:28px;  color: #e56100; text-transform:capitalize; }
h2 { margin: 0px 0px -2px 0px; padding: 5px 0 0 0; font-weight: normal;  font-family:Georgia, "Times New Roman", Times, serif; font-size: 20px; text-transform:capitalize; color:#6a909f; }
.titles a { text-decoration: none;  color: #6a909f;   }
h3 { margin: 0px 0px 0px 0px; height:27px; font-weight: normal; font-size: 22px; clear:both; }
ul { list-style-image: url(images/bullet.gif); line-height: 23px;}
blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background-color: #f5f5f5; border: 1px solid #e0e0e0; }
.spacer { padding:10px 0;  }
#logo { position:absolute; float: left; width: 350px;  height: 60px; padding:0; margin: 15px 0 5px 46px; background:url(images/logo.png) no-repeat; text-indent:-9999px;  }
#typewritter { left:580px; top:7px; width:220px; height:220px; display:block; position:absolute; background:transparent url(images/typewritter.png) no-repeat 0 0; z-index:1;  }

#header { position:relative; padding: 10px 0 0 0; background:#fff; width:848px; height:196px; background:url(images/header.jpg) no-repeat;  }

#menu { width: 848px; margin: 95px 0 0 0; float: left; background: transparent url(images/menu.png) no-repeat; height:60px; }
#menu em { display: none}
#menu ul { float: left; padding: 18px 0 0 65px; margin: 0px; list-style-type: none;}
#menu li { float: left; padding: 0 37px 0 0; margin: 0px; display: inline}
#menu li a { display: block; height: 25px }

#menu li a.home { background:url(images/m_home.jpg) no-repeat left top; width: 56px; padding: 0 0 0 4px;}
#menu li a.shop { background:url(images/m_shop.jpg) no-repeat left top; width: 52px; padding: 0 0 0 0; }
#menu li a.about { background:url(images/m_about.jpg) no-repeat left top; width: 63px; padding: 0 0 0 5px;}
#menu li a.works { background:url(images/m_works.jpg) no-repeat left top; width: 69px; padding: 0 0 0 1px;}
#menu li a.contact { background:url(images/m_contact.jpg) no-repeat left top; width: 85px;  }

#menu li a:hover { background-position: left bottom }


.footer-box { float: left; width: 200px; margin-right: 23px; margin-bottom: 20px; }
.footer-box ul { list-style: none; margin: 0px; padding-left: 0px; }
.footer-box li { margin-bottom: 10px; }
.footer-box h3 { color: #709e8a; font-family: Georgia; margin-bottom: 15px; font-size: 18px; }
#footer a:link, #footer a:hover, #footer a:visited { color: #7b7b6f; font-size: 11px; }



.post-wrapper { width: 646px; margin-top: 15px; }
#container {  width: 790px; background:#FFF; margin: 0 auto; padding:0;     }
#left-div { width: 848px; background:#FFF;  float: left; padding: 27px 0 40px 0px; }
.home-wrapper { margin: 0 0 0 50px; padding:0px 0 0 0; width: 750px; border-top: 1px solid #eeeedd;  }

.home-left { width: 520px; border-right: 1px solid #eeeedd; float: left; min-height:600px; }
.home-post-wrap { width: 493px; border-bottom: 1px solid #eeeedd; padding: 5px 15px 20px 0px; margin:0 20px 0 0; text-align:inherit; height:174px; }

.home-post-single { width: 485px;  padding: 11px 25px 25px 0px; margin:0; text-align:inherit; }
.home-post-single .thumbnail-div { display:none; } 
.home-post-single p { padding:0 0 10px 0; margin:0; }
.home-post-single p:first-letter {text-transform: capitalize}
.home-post-single .post-info { padding: 0 0 10px 0;}
.home-post-single a { color:#6a909f;  text-decoration:underline; }
.home-post-single a:hover { text-decoration:none; }


.home-right { width: 223px; float: left; }
.readmore { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: left; float: right; padding-left: 20px; margin-top: 10px; }
.readmore a:link, .readmore a:hover { color: #7b7b6f; }
#left-inside { float: left; padding: 0px 0px 0px 19px; }
.adwrap { margin-left: 9px; float: left; padding: 5px 0px; }
.adwrap a, .adwrap a:hover, .adwrap a:visited { margin-right: 5px; margin-bottom: 5px; display: block; float: left; }


.thumbnail-div { border: 1px solid #e7e7d4; float: left; margin: 4px 12px 0 0; padding:6px 6px 0px 6px; height:106px; width:99px;  display: inline; }
.thumbnail-div img { height:98px; width:98px;}
.post-info, .post-info a { text-decoration:none; height:26px;  color: #abab91; font-size: 12px; text-transform: uppercase; padding:0; margin:3px 0 0px 0; font-family:Arial, Helvetica, sans-serif; }
.post-info a:link, .post-info a:hover, .post-info a:visited { text-decoration:none;  color: #abab91;  }
.post-info a:hover { text-decoration:underline; }
.current-category { background-color: #FFF; color: #7b7b6f; border: 1px solid #EBEBEB; padding: 5px; display: block; margin-bottom: 10px; margin-top: 25px; width: 603px; }

/*------------------------------------------------*/
/*--------------------[COMMENTS]------------------*/
/*------------------------------------------------*/
.commentmetadata { text-transform: uppercase; color: #abab91; font-size: 12px; text-transform: uppercase; margin-top: 10px; }
#comments { margin-top: 30px; }
.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited { color: #abab91; }
.fn, .fn a:link, .fn a:hover, .fn a:visited, .says { text-transform:capitalize; color: #e56100; font-family: Georgia; font-size: 17px; font-style: normal; }
.avatar { border: 5px solid #eeeedd; margin-bottom: -15px; margin-right: 10px; width: 40px; height: 40px; }
.comment, .pingback { border-bottom: 1px solid #eeeedd; margin: 8px 0 10px 0; float: left; clear: both; width: 450px; list-style: none; }
.children .comment { border-top: 1px solid #eeeedd; border-bottom: none; padding-top: 15px; margin-bottom: 0px; }
.comment-reply-link, .comment-reply-link:visited { color: #fff !important; display: block; font-weight: bold; background-color: #76a0b0; padding: 2px 7px; float: right; text-transform: lowercase; font-size: 11px; margin-bottom: 10px; margin-top: -10px; }
.commentlist { float: left; margin-left: 0px; padding-left: 0px; }
.comment-reply-link:hover { background-color: #7bab96; color: #fff; }
.cancel-comment-reply a:link, .cancel-comment-reply a:visited { color: #fff !important; display: block; font-weight: bold; background-color: #76a0b0; padding: 0px 5px; text-transform: lowercase; font-size: 10px; float: left; clear: both; }
#commentform { clear: both; float: left; }
.cancel-comment-reply a:hover { background-color: #7bab96; color: #fff; }
#respond { padding: 20px 0 0 0; margin: 0 0 0 0; width: 100%; border-top: 1px solid #eeeedd;   }
#respond h3 { margin: 0 0 0px 0;  }

.comment-edit-link { display:none;}

/*------------------------------------------------*/
/*-----------------[COMMENT FORM]-----------------*/
/*------------------------------------------------*/
#commentform { margin: 10px 0px 0px 0px; }
#commentform textarea { background: #f8f7f6; border: 1px solid #d6d3d3; width: 350px; padding: 10px 10px 10px 5px; }
#commentform #email { color:#666; font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; height: 20px; padding-left: 5px; padding-top: 6px; margin-bottom: 3px; }
#commentform #author { color:#666; font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; height: 20px; padding-left: 5px; padding-top: 6px; margin-bottom: 3px; }
#commentform #url { color:#666; font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; height: 20px; padding-left: 5px; padding-top: 6px; margin-bottom: 3px; }


/*------------------------------------------------*/
/*---------------[PAGES NAVIGATION]---------------*/
/*------------------------------------------------*/
#pages { width: 100%; float: left; height: 74px; background-color: #ebe9d8; display:none; }
#pages-inside { width: 100%; float: left; height: 70px; background-color: #FFF;  }
#pages-inside-2 { width: 950px; margin: auto; }
#pages-inside ul { list-style-type: none; list-style-image: none; padding: 0px 0px 0px 0px; margin: 0px; }
#pages-inside ul li { float: left; display: block; height: 70px; padding: 0px; margin: 0px; }
#pages-inside ul li a:link, #pages-inside ul li a:visited, #pages-inside ul li a:active { float: left; color: #887a68; display: block; height: 47px; font-size: 14px; padding: 23px 20px 0px 20px; margin: 0px; }
#pages-inside ul li a:hover { background-color: #f9f9f4; }


/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption {  text-align: left;  margin: 10px 0;  }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 7px 0 0px 0px; margin: 0; color:#333; }

p img { padding: 0; max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 15px; display: inline; }
img.alignleft { margin: 10px 15px 0 0; display: inline;  }

.alignright { float: right; }
.alignleft { float: left }


/*------------------------------------------------*/
/*-------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/
#sidebar { float: right; width: 186px; color: #959487; background-color: #e9e9d9; border-right: 1px solid #dedeca; padding: 0 0 0 1px;  }
.sidebar-box { padding: 13px 15px 18px 15px; margin: 0 0 5px 0; float: right; width: 155px; border-left: 1px solid #fff; border-top: 1px solid #fff; background-color: #f5f5eb; }
.sidebar-box-title { font-size: 20px; letter-spacing:1px;  font-weight:bold; font-family:"Times New Roman", Times, serif; padding: 0 0 3px 3px; text-transform: uppercase; margin: 0px 0px 7px 0px;  color:#A7A697; }

.headings { width: 209px; text-transform:capitalize; background-color: #eeeedd; display: block; height: 28px; font-weight: bold; color: #7b7b6f; padding-left: 20px; padding-top: 3px; clear: both; }
.home-sidebar-box { padding: 15px 0px 0px 25px; float: left; clear: both; }
.home-sidebar-box ul { margin: 0px 0px 13px 7px; padding: 0;  }
.home-sidebar-box li { padding: 0px 0px 5px 8px; margin:0; color:#666;  list-style-type:disc; }
.home-sidebar-box li a { text-decoration: none; color: #7b7b6f; }
.home-sidebar-box li a:hover { border-bottom: 1px dashed; }


.sidebar-box ul { list-style: circle; clear: both; padding: 5px 0 0 1px; margin:0; }
.sidebar-box ul li { margin: 5px 0 3px 17px; padding: 0; clear: both; }
.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { color: #959487; padding-left:3px }
.sidebar-box ul li a:hover { color:#333; }


/*------------------------------------------------*/
/*---------------[FEATURED ARTICLES]--------------*/
/*------------------------------------------------*/

.post-title, .post-title a:link, .post-title a:hover { margin: 0; padding:0;    }
.featured-date { text-transform: uppercase; color: #76a0b0; font-family: Arial; font-size: 25px; float: left; margin-left: 12px; line-height: 30px; }
.featured-thumb { border: 10px solid #eeeedd; margin-bottom: 19px; }
.featured { background-color: #FFF; width: 636px; margin-top: 20px; }
.featured-thumb-wrapper { position: relative; float: left; }
.featured-categories { position: absolute; width: 690px; float: left; margin-top: -85px; margin-left: -17px; }
.featured-categories ul, .featured-categories li { list-style: none; float: left; }
.featured-categories a:link, .featured-categories a:visited { background-color: #76a0b0; font-weight: bold; text-transform: uppercase; display: block; padding: 5px 10px; color: #fff; float: left; margin-right: 10px; }
.featured-categories a:hover { background-color: #80b79f; }
.featured-content { float: right; width: 353px; margin-right: 5px; }


/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.wp-pagenavi { margin: 20px 0px 0px 0px;  }
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeedd; }
.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeedd; }
.wp-pagenavi a:hover { border: 1px solid #c95500; color: #FFF; background-color: #e56100; }
.wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeedd; }
.wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeedd; }
.wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #c95500; color: #FFF; background-color: #e56100; }
.wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #c95500; color: #FFF; background-color: #e56100; }

#footer { clear: both; width:848px; height:100px; background:#fff url(images/footer.png) no-repeat 0px 20px; margin: 0 0 0 0;   }

.bottom { clear:both; height:50px;  margin:0 auto;   background:#EFEFEF; padding:12px 0 50px 0; width:848px;  }
.bottom a { text-decoration:none;  border-bottom: 1px dashed; color:#7b7b6f; }
.bottom a:hover { text-decoration:none;  border-bottom: none; }

.bottom-josh { float:left; width:420px; text-align:left; margin: 0 0 0 11px;}
.bottom-devil { float:right; width:300px; text-align:right; margin: 0 11px 0 0; }

#facebook_like { padding-top:15px; }