/*
Theme Name: Life Around Me
Theme URI: http://LifeAroundMe.com/
Description: Default Theme for LifeAroundMe.com
Version: 1.0
Author: M. M. Rifat-Un-Nabi
Author URI: http://VistaArc.com/
*/

* {
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
}
.cls {
    clear: both;
}
body {
    font-family: 'Lucida Sans Typewriter', 'Trebuchet MS', serif;
    font-size: 12.5px;
    color: #333;
    background: #f5f3dc url('images/body-bg.jpg') no-repeat fixed;
    text-transform: lowercase;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ul, ol {
    list-style-position: inside;
}
ul li {
    list-style: none;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
small {
    font-size: 10.42px;
}
strong {
    font-weight: bold;
}
.topBar {
    padding: 14px 0 19px 90px;
    height: 22px;
    background: url('images/top-bar-shadow.png') repeat-x top;
    position: fixed;
    width: 100%;
    z-index: 10000;
}
/* Sprite */
a.rss, a.fbShare, a.twShare, a.logo, 
.commentsCount, 
a.fbPost, a.twPost, 
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink, 
.searchBar .SBSubmit, ul.share li a,
#category .post h2 a,
.comment-body, .comment-form-comment label {
    background: url('images/sprite.png') no-repeat;
}
a.rss {
    display: block;
    float: left;
    height: 22px;
    width: 22px;
    background-position: 0 -163px;
    text-indent: -1000em;
}
a.rss:hover {
    background-position: -22px -163px;
}
ul.shareBar {
    margin: 2px 0;
}
ul.shareBar li {
    float: left;
    margin-left: 10px;
    border-left: 1px solid #eae1c4;
    padding-left: 10px;
}
a.fbShare {
    display: block;
    height: 20px;
    width: 10px;
    background-position: 0 -185px;
    text-indent: -1000em;
}
a.fbShare:hover {
    background-position: -10px -185px;
}
a.twShare {
    display: block;
    height: 20px;
    width: 11px;
    background-position: -20px -185px;
    text-indent: -1000em;
}
a.twShare:hover {
    background-position: -31px -185px;
}
.wrap {
    width: 914px; /* 7px+7px for shadow */
    margin: 0 0 50px 83px;
    padding-top: 66px;
}
.main {
    width: 734px;
    float: left;
    overflow: hidden;
}
.mainTop {
    background: url('images/main-top-bg.png') no-repeat top;
    height: 4px;
}
.mainBottom {
    background: url('images/main-top-bg.png') no-repeat bottom;
    height: 4px;
}
.mainContent {
    background: url('images/main-bg.png') repeat-y;
    padding: 40px 47px;
    overflow: hidden;
}
a.logo {
    display: block;
    height: 89px;
    width: 132px;
    background-position: 0 0;
    text-indent: -1000em;
}
.headerDesc {
    padding-bottom: 40px;
    margin: 10px 0 30px;
    border-bottom: 1px solid #d5d8db;
    font-size: 10.42px;
}
.post, div.page {
    padding-bottom: 39px;
    border-bottom: 1px solid #d5d8db;
    margin: 20px 0;
}
.post small, div.page small {
    color: #666;
    font-size: 9.38px;
    text-transform: lowercase;
}
.post small a, div.page small a {
    color: #666;
    text-decoration: none;
}
.post small a:hover, div.page small a:hover {
    text-decoration: underline;
}
.post h2, div.page h2 {
    margin: 10px 0 20px;
    color: #333;
    font-size: 20.83px;
    font-weight: bold;
}
.post h2 a, div.page h2 a {
    color: #333;
    font-size: 20.83px;
    text-decoration: none;
    font-weight: bold;
    text-transform: lowercase;
}
.post h2 a:hover, div.page h2 a:hover {
    text-decoration: underline;
}
.entry {
    line-height: 19px;
    margin-bottom: 25px;
}
.entry p, .entry blockquote {
    margin-top: 20px;
}
.entry blockquote {
    margin-left: 40px;
    border-left: 1px solid #666;
    padding-left: 10px;
    margin-bottom: 25px;
}
.entry ul li:before {
    content: '\003E \0020';
}
.wp-caption {
    width: 640px !important;
    text-align: center;
}
.size-full {
    border: 10px solid #ebebeb;
    margin: 0 auto;
    width: 620px;
}
.post img {
    border: 10px solid #ebebeb;
    margin: 0 auto;
    width: 620px;
}
.post img.wp-smiley {
    border: 0;
    margin: 0;
    width: auto;
}
.entry .wp-caption-text {
    color: #999;
    font-size: 10.42px;
    line-height: 14px;
    background: #ebebeb;
    padding: 10px 10px 15px;
    text-align: left;
    margin: 0;
}
.entry a {
    background: #666;
    color: #fff;
    text-decoration: none;
}
.entry a:hover {
    background: #fff;
    color: #666;
}
.postShare {
    margin-top: 25px;
    border-top: 1px solid #e9dec1;
    padding: 3px;
    padding-left: 24px;
    height: 24px;
    background: #ffff9e;
}
.commentsCount {
    float: right;
    font-size: 16.67px;
    color: #fff;
    background-position: -117px -163px;
    background-color: #333;
    padding: 2px 3px 2px 18px;
}
.postShare ul {
    float: left;
}
.postShare li {
    float: left;
    margin-right: 10px;
    padding: 4px 0;
}
a.fbPost {
    display: block;
    height: 16px;
    width: 16px;
    background-position: -44px -163px;
    text-indent: -1000em;
}
a.twPost {
    display: block;
    height: 16px;
    width: 16px;
    background-position: -60px -163px;
    text-indent: -1000em;
}
.footerTop {
    background: url('images/top-bar-shadow.png') repeat-x bottom;
    height: 4px;
    width: 100%;
}
.footer {
    width: 100%;
    background: #dacfa9;
}
.footerContent {
    background: url('images/footer-border.gif') no-repeat left top;
    margin-left: 90px;
    padding: 35px 20px 20px 40px;
    border-right: 1px solid #c6b684;
    width: 680px;
    float: left;
    min-height: 185px;
}
.footerContent p {
    font-size: 10.42px;
    color: #666;
    margin-bottom: 5px;
}
.footerContent a {
    color: #333;
    text-decoration: none;
    text-transform: lowercase;
}
.footerContent a:hover {
    text-decoration: underline;
}
.footerMilon {
    margin-left: 20px;
    float: left;
    width: 120px;
    height: 200px;
    padding: 40px 20px 0;
    background: #fff url('images/milon.gif') no-repeat 15px bottom;
    font-size: 10.42px;
    line-height: 12px;
    color: #666;
}
.footerMilon span {
    font-size : 50px;
    float : left;
    line-height: 40px;
    margin-right: 5px;
}
.footerMilon strong {
    font-weight: bold;
}
/* wp-pagenavi */
.wp-pagenavi {
    border-bottom: 1px solid #d5d8db;
    height: 70px;
}
.wp-pagenavi .pages {
    display: block;
    width: 100%;
    font-size: 10.42px;
    color: #666;
    margin-bottom: 10px;
    text-transform: lowercase;
}
.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi span.extend {
    display: block;
    font-size: 12.5px;
    float: left;
    padding: 7px 11px;
    background: #e2e2e2;
    color: #666;
    margin-right: 2px;
}
.wp-pagenavi a.page:hover, .wp-pagenavi span.current {
    background: #333;
    color: #fff;
    text-decoration: none;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
    padding: 0;
    width: 30px;
    height: 30px;
    text-indent: -1000em;
}
.wp-pagenavi a.previouspostslink {
    background-position: 0 -89px;
    margin-right: 10px;
}
.wp-pagenavi a.previouspostslink:hover {
    background-position: -30px -89px;
}
.wp-pagenavi a.nextpostslink {
    background-position: -60px -89px;
    margin-left: 8px;
}
.wp-pagenavi a.nextpostslink:hover {
    background-position: -90px -89px;
}
/* Side Bar */
#sidebar {
    float: left;
    width: 174px;
    overflow: hidden;
    margin-left: 6px;
    font-size: 10.42px;
    line-height: 14px;
}
#sidebar .mainTop, #sidebar .mainBottom {
    width: 160px;
    margin: 0 auto;
}
.wpBar {
    background: url('images/sidebar-bg.png') repeat-y;
    padding: 0 7px;
}
.about .wpBar li {
    background: #cff4ff;
}
/* Widgets */
.widget {
    border-bottom: 1px solid #fff;
    padding: 20px;
}
.widget:last-child {
    border: 0;
}
.widget h2 {
    font-weight: bold;
    text-transform: lowercase;
    margin-bottom: 10px;
}
.widget ul li {
    float: left;
    padding-right:9px;
    margin: 0 9px 7px 0;
    line-height: 10px;
    text-transform: lowercase;
    border-right: 1px solid #333;
}
.widget ul li:last-child {
    border: 0;
}
.widget_categories, .widget_archive {
    padding-right: 10px; /* Quick Fix */
    padding-bottom: 13px;
}
.widget a {
    padding: 2px 0;
}
.widget a:hover, .textwidget a {
    background: #666;
    color: #fff;
    text-decoration: none;
}
.textwidget p {
    margin-top: 10px;
}
.widget .blogroll li {
    border: 0;
    padding: 0;
    float: none;
    /*margin: 2px 0;*/
}
/*
.widget .blogroll li:before {
    content: '\003E \0020';
}
*/
.widget .blogroll li a {
    text-decoration: underline;
    line-height: 14px;
}
.widget .blogroll li a:hover {
    text-decoration: none;
}
/* Search */
.searchBar {
    float: right;
    margin-right: 110px;
}
.searchBar .SBSubmit {
    width: 24px;
    height: 20px;
    background-position: -42px -185px;
    border-left: 1px solid #eae1c4;
    float: left;
    text-indent: -1000em;
}
.searchBar .SBText {
    font-size: 10.42px;
    line-height: 20px;
    padding: 5px 10px;
    float: left;
    text-align: right;
    height: 11px;
    width: 200px;
}
/* Share */
ul.share {
    margin: 20px 7px;
}
ul.share li {
    float: left;
    margin-right: 14px;
}
ul.share li a {
    float: left;
    display: block;
    height: 44px;
    width: 44px;
    text-indent: -1000em;
}
ul.share li:last-child {
    margin: 0;
}
ul.share li a.yt {
    background-position: 0 -119px;
}
ul.share li a.tw {
    background-position: -44px -119px;
}
ul.share li a.fb {
    background-position: -88px -119px;
}
/* Tooltips */
#tooltip {
    background: url('images/tooltip-bg.gif') repeat-x;
    padding-top: 6px;
    margin : 5px;
    /*float: left;*/
    position: absolute;
    display: none;
    font-size: 10.42px;
}
#tooltip .content {
    background: #fff;
    padding: 10px;
    border: 1px solid #e9e3d1;
    border-top: none;
    line-height: 14px;
    cursor: default;
}
#tooltip .content a {
    font-size: 10.42px;
}
#tooltip .content h2 {
    font-size: 11.46px;
    font-weight: bold;
}
/* Comments */
.comment {
    margin-bottom: 20px;
}
.comment-body {
    background-color: #e5fafe;
    padding: 20px 20px 25px;
    background-position: -99px -192px;
    font-size: 12.5px;
    line-height: 20px;
}
.comment-author {
    font-size: 10.42px;
    text-transform: lowercase;
    background: #666;
    color: #fff;
}
.comment-author a {
    color: #fff;
    text-decoration: none;
}
.comment-date {
    text-transform: lowercase;
    font-size: 10.42px;
    margin: 2px 0 10px;
}
.single .post {
    border: 0;
    padding-bottom: 10px;
}
/* Comment Form */
#commentform {
    padding-bottom: 19px;
    border-bottom: 1px solid #d5d8db;
    margin-bottom: 20px;
}
#commentform .required {
    display: none;
}
#commentform label {
    text-transform: lowercase;
    float: left;
    padding: 9px;
    padding-right: 5px;
    border: 1px solid #f1ead7;
    border-right: 0;
}
#commentform label:after {
    content: ':';
}
#commentform input {
    padding: 9px;
    padding-left: 0;
    border: 1px solid #f1ead7;
    border-left: 0;
}
#commentform p {
    margin-bottom: 20px;
}
.comment-form-author {
    float: left;
    margin-right: 20px;
}
.comment-form-comment {
    padding: 19px;
    background: #fff8e3;
    border: 1px solid #f1ead7;
    position: relative;
}
#commentform .comment-form-comment label {
    padding: 0;
    border: 0;
    display: block;
    width: 30px;
    height: 29px;
    background-position: -76px -163px;
    text-indent: -1000em;
    position: absolute;
    top: 20px;
}
.comment-form-comment textarea {
    background: url('images/textarea.png');
    padding: 10px 0 10px 30px;
    width: 570px;
    line-height: 30px;
    height: 140px;
}
.form-allowed-tags, #reply-title, .comment-notes {
    display: none;
}
#author {
    width: 245px;
}
#email {
    width: 237px;
}
#url {
    width: 221px;
}
#commentform #submit {
    font-weight: bold;
    background: #0090aa;
    color: #fff;
    padding: 13px 10px;
    border: 0;
    cursor: pointer;
    outline: 0;
}
#commentform .selected input, #commentform .selected label {
    background: #fff8e3;
}
/* Navigation */
.navigation small {
    color: #666;
    display: block;
}
.nav-previous, .nav-next {
    float: left;
    width: 50%;
    line-height: 16px;
}
.nav-previous {
    text-align: right;
}
.navigation {
    padding-bottom: 19px;
    border-bottom: 1px solid #d5d8db;
}
/* Category */
.subHead {
    font-size: 13px;
    border-bottom: 1px solid #d5d8db;
    padding-bottom: 7px;
}
.subHead strong {
    font-size: 20px;
}
#category .post {
    padding-bottom: 19px;
}
#category .post h2 {
    margin-bottom: 5px;
}
#category .entry {
    margin: 0 0 10px 20px;
}
#category .post small {
    margin-left: 20px;
}
#category .entry p {
    margin-top: 5px;
}
#category .post h2 a {
    font-size: 13px;
    background-position: -120px -89px;
    display: block;
    padding-left: 20px;
    float: left;
}
