html {
	}
body {
	font-family: Ubuntu;
	font-size: 18px;
	background-color: whitesmoke;
	}
.divPageBody {
	margin-top: 90px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 300px;
	}
.divPostTitle {
	font-family: "Oswald";
	font-size: 52px;
	font-weight: bold;
	line-height: 110%;
	}
.divPostDate, .divSitename {
	font-family: "Oswald";
	font-size: 24px;
	color: #ccc;
	margin-top: 10px;
	line-height: 140%;
	}
.divSitename  {
	margin-bottom: 30px;
	}
.divPostBody {
	font-family: "PT Serif", "Lora", "Georgia";
	font-size: 24px;
	line-height: 140%;
	margin-left: -25px;
	margin-top: 2em;
	}

.divRenderedOutline .divOutlineText {
	line-height: 145%;
	}
.divOutlineHead {
	display: none;
	}

 #idSnapOpenIcon {
	background: url(http://fargo.io/cms/snap/open.png) center center no-repeat;
	display: block;
	width: 44px;
	height: 44px;
	cursor: pointer;
	
	background-color: black;
	float: left;
	}
.snap-content {
	background-color: whitesmoke;
	}
.snap-drawers {
	background: gainsboro;
	width: 400px;
	}
.snap-drawer {
	background: gainsboro;
	color: #eee;
	width: 400px;
	}
.divLeftDrawerContent {
	margin-top: 30px;
	width: 80%;
	margin-left: 10%;
	color: black;
	}
.divLeftDrawer h4 {
	color: black;
	font-size: 18px;
	font-weight: bold;
	}
.divLeftDrawer p {
	margin-bottom: 20px;
	font-size: 18px;
	}

.divLinksToPosts a {
	color: black;
	cursor: pointer;
	}
.divLinksToPosts ul {
	margin: 0;
	list-style-type: none;
	}
.divLinksToPosts li {
	margin-bottom: 10px;
	}

.divFacebookComments {
	width: 575px;
	}
.fb-comments {
	border: 1px solid silver;
	margin-top: 80px;
	margin-bottom: 30px;
	background-color: white;
	}
.divFacebookLikeButton {
	margin-top: 0px;
	}

.divExpandButton {
	float: right;
	}
.btnExpand {
	width: 120px;
	}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.divPageBody {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		margin-bottom: 300px;
		}
	 #idSnapOpenIcon {
		display: none;
		}