/* 
Theme Name: MacosX  
Description: Improved theme for desktop blog 
Version: 1.2
Author: Alex  
*/  
/*++++++ BODY ++++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body {
	font: 14px "Roboto", sans-serif;
	background: #818C9C;
 }
.highlight {color:#0578ac;font-weight:bold;font-size:15px;}
.space20 { clear:both;height:20px;}
.space { clear:both;height:15px;}
/*++++++ H1,H2,H3,H4 HYPERLINKS ++++++++*/
h2, h3 {
	padding-bottom: 5px;
	font-size:15px;
 }
a:link,a:visited,a:active { color : #38f; }
.entry p a:hover, .metag a:hover, .pmeta a:hover { border-bottom:1px dotted #26b; text-decoration:none; }


/*++++++ MAIN ++++++++*/
#wrapper {
	width: 1000px;
	margin:0px auto 5px auto;
 }
#border {
	width:980px;
	margin:auto;
	padding:0 0px;
 }
#top1 {
	height:10px;
 }

/*++++++ NAV ++++++++*/
.top {
    background-image: url(images/top-nav.png);
    background-repeat: no-repeat;
    display: block;
}
#nav {
	width:1000px;
	height:33px;
	background:url(images/nav.png) repeat-x;
	line-height:32px;
 }
#nav ul {
	margin-left:10px;
 }
#nav ul li {
	display:inline;
	height:30px;
	line-height:30px;
    }
#nav ul li.current_page_item a {
	background-color:#6A6762;
	color:#fff;
	height:31px;
 }
#nav ul li a {
	color:#000000;
	float:left;
    font-size:18px; 
	font-weight:normal;
	padding:0 6px;
	background:url(images/navz.png) no-repeat;
     }
 
#nav ul li a:hover{
	background-color:#6A6762;
	color:#fff;
	text-decoration:none;
 }
 /*End of navigation*/
.navl {
	float: left;
    width: 45px;
    height: 33px;
    background-position: 0 0;
	padding-left: 10px;
 }
.navr {
	float: right;
    width: 34px;
    height: 33px;
    background-position: -45px 0;
 }

/*extra search*/
.comb {
    background-image: url(images/comb.png);
    background-repeat: no-repeat;
    display: block;
}
#search { display:inline; height:24px; margin:0px 0px 0px 0px; }
#comb-submit { float:left; width:190px; margin:2px 0px 0px; padding:4px 6px; font-family:Georgia, serif; font-size:12px; font-style:italic; color:#666; line-height:12px; border:1px solid #ddd; }
#search input.btn { background:none; border:none; margin:6px 0px 0px -24px; padding:0px; width:auto; }
.submit {
    width: 17px;
    height: 17px;
    background-position: 0 0;
    float:left;
    margin-top: 5px;
    margin-left: -20px;
}

/*++++++ MISC ++++++++*/
.clear {
	clear:both;
 }
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
    }
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
    }
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline; 
   }
.alignright {
	float: right;
  } 
.alignleft { 
	float: left ;
}
img {
	border:none;
 }
.pleft {
	float:left;
	width:900px; 
  }
.pright {
	float:right;
	width:164px;
  }

/*features*/
.featuretac ul li {
	display:block;
	background:url(images/bullet.gif) no-repeat ;
	padding:0 10px 3px 20px;
	border-bottom:1px solid #dadada;
}

/*++++++ showposts++++++++*/
#show {
	background:#000 url(images/show-body1.png) repeat-x;;
	float:left;
	width: 980px;
	height: 210px;
	border:0px solid #fff;
	}

#showswf {
	position: relative;
	float:left;
	width: 398px;
	height: 210px;
	border:solid 1px #56595d;
    border-radius: 10px;
	margin: 0 5px 0 12px;
        }
.showswf {
	position: relative;
	width: 388px;
	height: 200px;
	padding:5px;
     }
 
 /*++++++ showrecent++++++++*/
 #showrecent-b {
	position: relative;
	float:left;
	width: 260px;
	height: 210px;
	border:solid 1px #56595d;
    border-radius: 10px;
	margin: 0 5px;
	      }
.showrecent-b {
	background:#fff;
	width: 230px;
	height: 186px; 
	padding:5px;
	margin: 8px;
    line-height:150%; 
	border:1px solid #56595d;
    border-radius: 10px;
 }
.showb {
    background-image: url(images/showb.png);
    background-repeat: no-repeat;
    display: block;
}
 .show-top {
    width: 980px;
    height: 15px;
    background-position: -5px -30px;
 }
 .show-bottom {
    width: 980px;
    height: 15px;
    background-position: -5px -5px;
 }

/*++++++ CONTENT ++++++++*/
#content {
	width: 980px;
	margin:5px auto; 
  }
#left {
	float: left;
	width: 610px;
	border:0px solid #d4dee4;/*++++++ temp ref frame ++++++++*/
   }
#right {
	float:right;
	width:352px;
	border:0px solid #d4dee4;/*++++++ temp ref frame ++++++++*/
  }
.entry h2 {
	display:block;
	background: #fff;
	color: #0578AC;
	font-family:Lucida Grande,Microsoft Sans Serif,Segoe UI,arial,tahoma;
	padding:5px 0px 0px 10px;
	font-size:22px;
	margin-bottom:5px;
       }
.entry h2 a { 
	color:#000;
}
.entry h2 a:hover {
 	color:#0A9BDC;
 }
.entry {
	width:590px;
	background:#fff ;
	padding:0px 9px 5px 10px;
	border:0px solid #6e6e6e;
	margin-bottom:5px;
	line-height:180%; 
   }
.entry img {
	margin-top:10px;
        margin-right:10px;
}
.entry p {
	padding: 10px 0px 10px;
        font-size:18px;
        color:#303030;
 }
.entry p a {
	font-weight:normal;
	color:#38f;
  }
.pmeta, .allinfos {
	padding:0px 5px 5px 10px;
	font-size:12px;
	border-top:1px solid #dadada;
    }
.pmeta a, .allinfos a {
	color:#e22524;
 }
.date {	color:#18adb5;}
.pmeta a:hover {
	color:#0A9BDC;
}

html>body .entry ul {
	padding: 0 0 0 10px;
  } 
html>body .entry li {
	margin: 7px 0 8px 10px;
  }
.entry ul li {
        background: transparent url("images/bullet.gif") no-repeat scroll 0px 0px;
        padding-left: 22px;
        border-bottom: 1px solid #dadada;
 }
.entry ol {
	padding:20px;
 }
.navigation {
 padding-top:10px;
 }
.b-entry {
    background-image: url(images/b-entry.png);
    background-repeat: no-repeat;
    display: block;
}
.entry-top {
	background-color: transparent;
    width: 610px;
    height: 33px;
    background-position: -5px -30px;
	position:relative;
	padding: 0; 
       }
.entry-bottom { 
    width: 610px;
    height: 15px;
    background-position: -5px -5px;
   }

/* postmetadata */
.postmetadata {
	border:0px solid #CDCDCD;
	float:left;
	width: 575px;
}
.postmetadata img {
	margin:0px;
}
.postmetadata a img {
	border:1px solid #CDCDCD;
}
.postmetadata a:hover img {
	border:1px solid #0085CF;
}
/* postmetag */
.metag {
        color: #808080;
        text-shadow: 0 1px 0 #FFFFFF;
}

/*++++++ SIDEBAR ++++++++*/
#sidebar {
	width:352px;
	border:0px solid #ff0000;
 }
#sbg {/*++++++ tab ++++++++*/
	width:350px;
	background:#fff url(images/tab-top.png) no-repeat;
	padding:0px;
	border:0px solid #ff0000;/*++++++ temp ref frame ++++++++*/
    }
#sidebarbottom {
	width:352px;
	padding:0px;
	margin-bottom:10px;
	border:0px solid #ff0000;/*++++++ temp ref frame ++++++++*/
    }

/*++++++ ads++++++++*/
#sads {
 width:340px;
 background:#fff;
 border:0px solid #56626C;
 padding:5px;
 overflow:hidden;
 }

/*++++++ end of ads++++++++*/
/*++++++ cads++++++++*/
#csads {
 width:340px;
 height:146px;
 background:#fff;
 border:0px solid #56626C;
 padding:5px;
 overflow:hidden;
 }

.lsidebar h2 {
	font-size:14px;
	margin-bottom:0px;
	color:#000;
	padding-left:5px;
	background:#D2D6D4;
    }
.rsidebar h2 {
	font-size:14px;
	margin-bottom:0px;
	color:#000;
	padding-left:5px;
     }

.rsidebar {
	background:#fff;
	float:left;
	width:180px;
	border:0px solid #fff000; 
	padding:0px 4px 0px 5px;
   }
#sidebarbottom ul{ 
	margin:0px auto 20px;
}
#sidebarbottom ul li ul li{
	display:block;
	background:url(images/bullet.gif) no-repeat 0 0;
	padding-left:22px;
	padding-bottom:5px;
	border-bottom:1px solid #dadada;
    }

/*++++++ sidebar  ++++++++*/
.sidebarb {
    background-image: url(images/sidebarb.png);
    background-repeat: no-repeat;
    display: block;
}
.rsidebar-top{ 
    width: 190px;
    height: 15px;
    background-position: -5px -30px;
       float:left;
	}
.rsidebar-bottom {
    width: 190px;
    height: 15px;
    background-position: -5px -5px;
       float:left;
       }
.lsidebar-top {
	background:url(images/rsidebar-top.png) no-repeat;
	height:15px;
	width:140px;
	float:left;
        }
.lsidebar-bottom{
	background:  url(images/rsidebar-bottom.png) no-repeat;
	height:15px;
	width:140px; 
	float:left;
         }

/*++++++ sidebar ++++++++*/
/* cat-posts */
#cat-posts-body {
	width:350px;
	border:0px solid #fff;
	padding:0px; 
	line-height:150%; 
}

#cat-posts-body h2 {
	font-size:15px;
	color:#000;
	padding-left:10px; 
}

#cat-posts {
	width:335px;
	background:#fff;
	font-size:17px;
	padding:2px 7px;/*++++++ content margine ++++++++*/
}
#cat-posts-body ul li {
	display:block;
	background:url(images/bullet.gif) no-repeat ;
	padding:0 10px 0 20px;
	padding-bottom:5px;
	border-bottom:1px solid #dadada;
    }
.cat-p {/*++++++ image position ++++++++*/
	padding:5px 0px;
	list-style:none;
}
.b-post {
    background-image: url(images/b-post.png);
    background-repeat: no-repeat;
    display: block;
}
.cat-posts-top {
	background-color: transparent;
    width: 350px;
    height: 33px;
    background-position: -5px -30px;
	background-attachment: scroll;
	position:relative;
}
.cat-posts-bottom { 
	background-color: transparent;
    width: 350px;
    height: 15px;
    background-position: -5px -5px;
	background-attachment: scroll;
	position:relative;
         }
/* cat-posts end */

/*++++++ FOOTER ++++++++*/
#fb {
	width:980px;
	/*height:2px;*/
	padding:12px 0 0;
	margin:0 auto 0;
	color:#000;
	line-height: 12px;
	text-align:center;
	background:url(images/footer.png) no-repeat;
	}
#fb a:link,#fb a:visited,#fb a:active { color : #000; }
#fb a:hover	{ color : #0A9BDC;} 

.stats {
    width: 90%;
    overflow: hidden;
    border-radius: 7px;
    padding: 10px;
    line-height: 150%;
}
.comb-stats {
    width: 32px;
    height: 32px;
    background-position: -17px 0;
    margin-bottom: 10px;
}
.vline {
border-bottom: 1px solid #dadada;
}
.stats p {
padding: 12px 0 0 35px;
}

blockquote {
background:#FAFAFA;
border-left: 4px solid #D6D6D6;
border-right: 4px solid #D6D6D6;
border-radius: 14px;
margin:1.5em 10px;
padding:.5em 15px;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
/*copied from tab.css*/
.follow {
background-image: url(images/follow.png);
background-repeat: no-repeat;
display: block;
float: left;
padding: 5px;
margin-top: 10px;
}
.follow a {display:block;width:32px;height:32px;}
.follow-facebook {
width: 32px;
height: 32px;
background-position: -5px -5px;
}
.follow-googleplus {
width: 32px;
height: 32px;
background-position: -47px -5px;
}
.follow-pinterest {
width: 32px;
height: 32px;
background-position: -89px -5px;
}
.follow-twitter {
width: 32px;
height: 32px;
background-position: -131px -5px;
}
.notrack {height: 26px; border: 1px solid #ccc; border-radius: 4px; }
/* navigation */
.navigation { padding-bottom: 20px; margin: 0 18px 20px 19px; }
/*.navigation-pages { border-top: 1px #D1D1D1 solid; padding-top: 15px; } */
.navigation-pages ul { list-style: none; margin:0; padding: 0; }
.navigation-pages li { line-height:0%; display:inline; padding:0; margin:0; font-size:12px;}
.navigation-pages a, .navigation-pages a:visited, .navigation-pages a:hover, .navigation-pages span.current,
.navigation-pages span.pages, .navigation-pages span.extend, .navigation-pages span.current, .navigation-pages span.dots
 { color:#fff; width:31px; padding:0; margin:0 10px 0 0; display:block; float:left; text-decoration: none; text-align:center; line-height:31px; background-color: #9A9691;border-color: #9A9691;border-radius: 26px; }
.navigation-pages a:hover { color:#fff; background-color: #2D3140;border-color: #2D3140; text-decoration:none; }
.navigation-pages span.current { background-color: #2D3140;border-color: #2D3140; color:#fff; }
#first-ad {min-height:140px;}
@media screen and (min-width: 40em) { #first-ad {min-height:100px;} }
#second-ad {min-height:140px;}
@media screen and (min-width: 40em) { #first-ad {min-height:100px;} }
#ads {min-height:270px;}
@media screen and (min-width: 40em) { #ads {min-height:200px;} }
#side-ads {min-height:1100px; text-align:center;}
@media screen and (min-width: 40em) { side-ads {min-height:1000px;} }