/**
 * author: Soli <soli@cbug.org>
 * date  : 2017-04-03
 * */
/** global start */
body{
	color:#333333;
	margin: 0px;
	padding: 0px;
	line-height: 1.5rem;
	font-size:14px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}

h1, h2{
	font-family: "Myriad Pro", "Lucida Grande","Lucida Sans Unicode",Trebuchet MS,Helvetica,Arial;
}

h3, h4, h5{
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}

a, a:visited {text-decoration: none; color: #f4645f;}
a:hover {text-decoration: none;}

img {border: none;}

blockquote{margin:15px 0; border-left:4px solid #DDD;padding:0 15px;color:#777;}
blockquote>:first-child{margin-top:0;}
blockquote>:last-child{margin-bottom:0;}

code, tt{margin:0 2px;padding:0 5px;white-space:nowrap;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px;}
pre>code{margin:0;padding:0;white-space:pre;border:none;background:transparent;}
pre code, pre tt{background-color:transparent;border:none;}

.center, .textcenter {text-align: center;}
.left {float: left;}
.textleft {text-align: left;}

.right {float: right;}
.textright {text-align:right;}
.clear {clear:both;}
.block {display:block;}

.hl {
	background: url(../img/hl-dot.gif) repeat-x top;
	height: 2px;
	overflow: hidden;
	width: 100%;
}

.rcbox{
	/** round corners */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	margin-bottom: 20px;
	padding: 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: #FFF;
}

/** global end */
/** main frame start */
#wrap{
}

#sidebar{
	color: #ad4844;
	background: #f4726d url("../img/sidebar.jpg") no-repeat;
	background-size:cover;
	padding: 1rem;
}

#content{
}

#container{
}

/** main frame end */
/** subitems start */
#sidebar a{
	color: #ad4844;
	font-weight: bold;
	text-decoration: none;
}

#header{
	padding: 6rem 0 3rem;
}

#blogname{
	font-size: 2.5rem;
	margin-bottom: 1rem;
}

#blogname a{
	text-decoration: none;
	color: #fff;
}

#blogsub{
	font-size: 1.2rem;
}

#sidebar-widgets {
	padding: 3rem 0 3rem;
}

.widget{
	margin-bottom: 1rem;
	padding: 10px;
}

.wtitle{
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

.wcontent{
}

#main{
}

#main img{
	max-width: 600px;
}

#main-nav{
	margin-top: 20px;
	background: #eee;
	border: 0px;
}

#main-pre{
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(../img/nav-left.gif) no-repeat left center;
}

#main-next{
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	background: url(../img/nav-right.gif) no-repeat right center;
}

.post-wrap{

}

.post{
	padding: 0px;
}

.post-header{
	margin: 20px 0px;
}

.post-title{
	font-size: 2rem;
	letter-spacing: -1px;
	margin: 0 0 .45rem;
	color: #393939;
	font-weight: 600;
	text-shadow: #B5B5B5 1px 1px 2px;
	text-decoration: none;
}

.post-meta{
	background: #eee;
	border: 0px;
	color: #ccc;
	font-size: 0.7rem;
	font-style: normal;
	padding: 0px 5px;
	margin: 0px;
	line-height: 2rem;
	float: right;
}

.post-content{
	margin: 20px 0px;
	font-family: Helvetica,Arial,Verdana,Sans-serif;
}

.post-content h1 {
	display: none !important;
}

.post-more{
	margin: 0px 10px;
}

.post-footer{
}

.post-tags{
	float: right;
}

.post-tags ul{
	list-style: none;
	margin: 0px;
}

.post-tags li{
	margin-left: 6px;
}

.post-tags a {
	font-weight: bold;
	color: #ccc;
	text-decoration: none;
}
/** subitems end */

@media (min-width: 767px) {
	#sidebar {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 1030;
	}

	#footer{
		position: fixed;
		z-index: 1030;
		bottom: 0;
		left: 0;
		padding: 10px;
		border-top: 1px dotted #ad4844;
	}
}

@media (max-width: 767px) {
	#footer {
		display: none !important;
	}
}