/* Loads last in header to overwrite other styles. Has it's own responsive rules included. */

/* General Formatting */

#left-content #pb_body p {
	text-align: left !important;
}

#left-content .ccm-blog-list, #left-content #pb_body {margin-top: 2px;}

#pb_body img, #pb_body p img {margin: 10px 0px; display: block; max-width: 100%;}

#pb_body .thumbnail {max-height: 480px !important;
	overflow: hidden;	vertical-align: top;}

#left-content #pb_body .content-sbBlog-wrap .thumbnail, #left-content #pb_body .content-sbBlog-wrap .thumbnail img {
	border-color: #fff; 
	box-shadow: 0px 0px 0px; 
	-webkit-box-shadow: 0px 0px 0px; 
/*	float: left;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	max-width: 98% !important;
	vertical-align:top;
	}

#left-content #pb_body h1, #left-content #pb_body h2, #left-content #pb_body h3, #left-content #pb_body h4, #left-content #pb_body h5, #left-content #pb_body h6, #left-content #pb_body h7 {
	background-image: none;
	margin-top: 10px;
/* 	padding: 0.8em 0em 0.3em 0em; */
	text-transform: capitalize;
	padding-left: 5px;
	text-align: left !important;
}
#pb_body h4.guestBook-title {margin-left: 0px;}

#left-content #pb_body .blog-attributes {margin-left: 0px;padding-left: 0px; padding-right: 0px;}
#left-content #pb_body h1, #left-content #pb_body h2, #left-content #pb_body h3, #left-content #pb_body h4, #left-content #pb_body h5, #left-content #pb_body h6, #left-content #pb_body h7 {margin-left: 0px; margin-bottom: 5px; padding-right: 0px;text-align: left !important;}

div#right-content #pb_sidebar {
    margin-top: 0px;
    width: 285px;
}

div#right-content #pb_sidebar h1 {
    margin-bottom: 10px;
}

#pb_sidebar .ccm-page-list, #pb_sidebar #sidebar-archives {
	padding: 0px 5px 5px 25px;
}

#pb_sidebar #sidebar-archives h3 {display: none;}
#pb_sidebar #sidebar-archives h4 {	border-bottom: 1px solid #efefef; padding-top: 5px;}
#pb_sidebar ul.archived_list{
	margin-left: 0px;
    padding-left: 25px;
	margin-bottom: 25px;
	margin-top: 15px;
	list-style-type: none;
}
#pb_sidebar #sidebar-archives  ul.archived_list li {
	padding-bottom: 8px;
	padding-top: 2px;
	font-size: 20px;
	font-family: Oswald, Arial, Helvetica, Sans-serif;  
	list-style-type: none;
	font-weight: 300;
}

.tags, .categories {font-size: 11px;}
#pb_sidebar .ccm-page-list .tagC {text-align: justify !important;}

#pb_body table {width: auto; float: right; /* max-width: 50% !important; */}

#pb_body{
	/* width: 550px; */	width: 550px;
	padding: 0 20px 15px 20px;
	float: left;
	margin-left: 50px;
}
#pb_body ul {width: auto;}
#left-content #pb_body p, #left-content #pb_body .ccm-blog-list {margin-left: 0px;}
#left-content #pb_body .content-sbBlog-wrap {margin-left: 0px; max-width: 550px;}

.ubp_sidebar{
	margin-top: 20px;
	float: left!important;
	width: 200px;

}

.ubp_body{
	width: 550px!important;
	padding: 0 20px 15px 20px;
	float: right;
}

.ccm-next-previous-previouslink{float: left;}
.ccm-next-previous-nextlink{float: right;}

/* RESPONSIVE PROBLOG */@media only screen and (max-width:320px){	

#left-content #pb_body {width: 265px; padding: 0 10px 0px 0px;}	
.content-sbBlog-wrap h1 {font-size: 18px;}
#pb_body img, #pb_body p img {margin-top: 25px; margin-right: 30px; margin-bottom: 25px; margin-left: 0px; display: block; width: 225px; max-width: 225px; overflow: hidden;}
#left-content #pb_body .blog-attributes {margin-left: 0px; padding-left: 1px; padding-right: 1px;}
#left-content #pb_body .content-sbBlog-wrap {max-width: 265px;}
#left-content #pb_body, #left-content #pb_body table {max-width: 265px;margin-left: 5px;}
}

@media only screen and (min-width:321px) {
	#left-content #pb_body {width: 265px; padding: 0 10px 0px 0px; margin-left: 5px;}
	.content-sbBlog-wrap h1 {font-size: 20px;}

#left-content #pb_body .blog-attributes {margin-left: 0px; padding-left: 1px; padding-right: 1px;}
#left-content #pb_body .content-sbBlog-wrap {max-width: 265px;}
    
}

@media only screen and (min-width:768px) {
	#left-content #pb_body {width: 390px; padding: 0 10px 0px 0px; margin-left: 50px;}
    #left-content #pb_body table {max-width: 390px;}
	.content-sbBlog-wrap h1 {font-size: 20px;}

#left-content #pb_body .blog-attributes {margin-left: 0px; padding-left: 0px; padding-right: 0px;}
#left-content #pb_body .content-sbBlog-wrap {max-width: 390px;}
}

@media only screen and (min-width:960px){
	#left-content #pb_body  {width: 550px;	}
	#left-content #pb_body  {width: 550px; padding: 0 10px 0px 10px;}
    #left-content #pb_body table {max-width: 100%;}
	.content-sbBlog-wrap h1 {font-size: 26px; line-height: 32px;}
	#left-content #pb_body .blog-attributes {margin-left: 0px; padding-left: 0px; padding-right: 0px;}
	#left-content #pb_body .content-sbBlog-wrap {max-width: 550px;}
}