.blog
{

}

	.blog #blog_content
	{
		background-color:white;
		border:1px solid darkgrey;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		margin-bottom:15px;
		position:relative; 
		padding:0px;
		padding-bottom:15px;
		/*width:750px;*/
		max-width:750px;
	}
	
	.blog #blog_footer
	{
		margin-left:auto;
		margin-right:auto;
		position:relative;
		width:97%;	
		
		border:1px solid red;
	}
	
		.blog #blog_footer #view
		{
			margin-left:5px;
			text-align:left;
		}
		
			.blog #blog_footer #view label { font-size:13px; }
	
	.blog #blog_header
	{
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		position:relative;
		width:97%;
	}
	
		.blog #blog_header #articles
		{
			color:grey;
			font-size:11px;
			margin-top:2px;
			text-align:left;
		}
		
		.blog #blog_header #criteria
		{
			border:1px solid lightgrey;
			margin-top:5px;
			padding-top:3px;
			padding-bottom:3px;
			width:100%;
		}
		
			.blog #blog_header #criteria #category
			{
				display:block /*inline-block*/;
				/*float:right;*/
				/*margin-right:5px;*/
					margin-left:5px;
					margin-top:5px;
				text-align:left /*right*/;
				white-space:nowrap;
			}
			
				.blog #blog_header #criteria #category label {
						display: block;
					font-size:13px; 
					
				}
				
				.blog #blog_header #criteria #category select {
					min-width:95%; 
				}
			
			.blog #blog_header #criteria #search
			{
				display:block /*inline-block*/;
				margin-left:5px;
				text-align:left;
				white-space:nowrap;
			}
			
			.blog #blog_header #criteria button
			{
				box-shadow:none;
				color:black;
				font-size:11px;			
			}
			
			.blog #blog_header #criteria .clear { color:#A6617A; }
	
	.blog #blog_sections
	{
		font-size:14px;
		margin-top:0px;
		margin-bottom:10px;
		padding-top:5px;
		padding-bottom:5px;
		text-align:center;
		/*text-shadow:lightgrey 0.1em 0.0em 0.2em;*/
	}
	
	.blog #blog_title
	{
		background-color:white;
	}
	
		.blog #blog_title img
		{
			vertical-align:bottom;
			
			min-height:40px;
			width:100%;
			
		}

	.blog #blog_type_desc
	{
		margin-top:10px;
		font-size:14px;
		text-align:center; 
	}
	
	.blog #blog_write
	{
		font-size:13px;
		margin-top:15px;
		margin-bottom:5px;
		text-align:center;
	}
	
	.blog #last_post
	{
		float:left;
		margin-left:5px;
		font-size:13px;
	}	
	
	.blog #rss
	{ 
		font-size:13px;
		margin-right:0px;
		margin-top:2px;
		margin-bottom:2px;
		text-align:right;
	}
	
	.blog .no_results
	{
		color:darkgreen;
		font-size:15px;
		margin-top:20px;
		margin-bottom:20px;
		text-align:center;
	}
	
	.blog .pages
	{
		font-size:12px;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		text-align:right;
		width:95%;
	}
	
	@media only screen and (min-width: 564px) {
		/* For tablet */
			.blog #blog_header #criteria #category
			{
				display:inline-block;
				float:right;
				margin-right:5px;
					margin-left:0px;
					margin-top:0px;
				text-align:right;
			}
			
				.blog #blog_header #criteria #category label {
					display:inline-block;	
				}
				
				.blog #blog_header #criteria #category select {
					min-width:0%; 
				}
			
			.blog #blog_header #criteria #search
			{
				display:inline-block;
			}	
	}
	
	
/*****Article*****/

	.blog .article
	{
		border:2px solid;
		border-radius:8px;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		margin-bottom:25px;
		padding-left:15px;
		padding-right:15px;
		padding-top:10px;
		padding-bottom:10px;
		width:95%;
	}
		
		.blog .article .body
		{
			overflow:auto;
			padding-bottom:15px;
		}
		
			.blog .article .body .picture
			{
				border:1px solid lightgrey;
				border-radius:4px;
				clear:both;
				padding:10px;
				margin-left:0px;
				margin-right:10px;
					margin-top:20px;
					margin-bottom:0px;
				text-align:center;
				max-width:100% !important;
				min-width:0%;
			}
		
				.blog .article .body .picture .caption
				{
					font-size:12px;
					margin-top:0px;
					max-width:100%;
					min-width:0%;
					text-align:center;			
					white-space:pre-line;
				}
		
				.blog .article .body .picture img
				{
					border-radius:4px;
					width:100%;
				}
				
			.blog .article .body .blog_rating
			{
				font-size:14px;
				margin-right:25px;
				margin-top:20px;
				margin-bottom:0px;
				text-align:right;
			}
				
			.blog .article .body .text
			{
				display:block;
				font-size:15px;
				margin-left:0px;
				margin-right:0px;
				margin-top:20px;
				white-space:pre-line;
			}
				
				.blog .article .body .text a
				{
					font-size:13px;
				}
		
		.blog .article .category
		{
			display:inline-block;
			float:right;
			font-size:13px;
			text-align:right;
		}
		
		.blog .article .footer
		{
			text-align:center;
			font-size:14px;
			border-top:1px solid lightgrey;
			margin-top:10px;
			padding-top:5px;
		}
		
		.blog .article .picture_row
		{
			border-top:1px solid lightgrey;
			margin-top:10px;
			/*overflow:auto;*/
		}
		
			.blog .article .picture_row .caption
			{
				display:block /*table-cell*/;
				font-size:15px;
				padding:10px;
				/*padding-left:0px25px;*/
				/*padding-right:0px 25px;*/
				vertical-align:middle;
				white-space:pre-line;
			}
		
			.blog .article .picture_row .picture
			{
				clear:both;
				display:block /*table-cell*/;
				padding:10px;
				text-align:center;
			}
		
				.blog .article .picture_row .picture img
				{
					border-radius:4px;
					width:100%;
				}
		
		.blog .article .reviewer_date
		{
			color:grey;
			font-size:12px;
			margin-left:20px;
			margin-top:3px;
		}
		
		.blog .article .teaser
		{
			background-color:#FEF9ED;
			border:1px solid lightgrey;
			font-size:13px;
			font-style:italic;
			margin-left:auto;
			margin-right:auto;
			margin-top:8px;
			padding:3px;
			padding-left:15px;
			width:85%;
		}
	
		.blog .article .title
		{
			display:inline-block;
			font-size:16px;
			font-variant:small-caps;
			font-weight:bold;
		}
		
		.blog .article .url
		{
			margin-top:10px;
			margin-bottom:0px;
			margin-right:25px;
			font-size:14px;
			text-align:left/*right*/;
		}
		
	@media only screen and (max-width: 700px) {

		.blog .article {
			padding-left:5px;
			padding-right:5px;
		}

			.blog .article .category {
				display:block;
				float:none;
				margin-bottom:3px;
			}
		
			.blog .article .body .picture {
				clear:both;
				margin-left:0px;
				margin-top:20px;
				margin-bottom:10px;
				min-width:100%;
			}
			
				.blog .article .body .picture .caption {
					min-width:100%;
				}

				.blog .article .body .picture img
				{
					border-radius:4px;
					float:none !important;
					/*width:100%;*/
				}
				
			.blog .article .body .text {
				margin-left:5px;
				margin-right:5px;
			}
			
			.blog .article .picture_row {
			
			}
		
				.blog .article .picture_row .caption {
				
				}
		
				.blog .article .picture_row .picture {

				}
		
	}

/*****Comments*****/

	.blog .comments
	{
		margin-left:auto;
		margin-right:auto;
		width:95%;
	}
	
		.blog .comments .comment
		{
			border-radius:8px;
			display:block;
			margin-left:0px;
			margin-bottom:10px;

			padding:5px 10px;
			width:100%;
		}
		
			.blog .comments .comment .connector
			{
				font-style:italic;
				color:grey
			}
			
			.blog .comments .comment .date
			{
				color:grey;
				font-size:11px;
				font-style:italic;
				margin-right:10px;
				margin-top:3px;
				text-align:right;
			}
			
			.blog .comments .comment .nameplace
			{
				display:block/*inline-block*/;
				font-size:13px;
			}
		
			.blog .comments .comment .new
			{
				display:inline-block;
			}
			
			.blog .comments .comment .response
			{
				display:block;
				float:none;
				font-size:13px;
				margin-right:0px;
				margin-left:auto;
				text-align:right;
				width:125px;
			}
			
				.blog .comments .comment .response label {
					display:none;
				}
			
			.blog .comments .comment .text
			{
				background-color:#FEF9ED;
				border-radius:4px;
				font-size:13px;
				margin-left:10px;
				margin-right:10px;
				margin-top:5px;
				padding:5px;
				padding-left:10px;
				white-space:pre-wrap;
			}
	
		.blog .comments .limiter
		{
			font-size:12px;
			margin-right:5px;
			margin-bottom:2px;
			text-align:right;
			white-space:nowrap;
		}
		
		.blog .comments .response_summary
		{
			/*border:1px solid lightgrey;*/
			display:block;
			float:none;
			font-size:13px;
			margin-bottom:10px;
			padding:5px;
			text-align:center;
		}
		
			.blog .comments .response_summary label
			{
				text-align:right;
				margin-right:5px;
			}
			
			.blog .comments .response_summary .response
			{
				color:blue;
				text-align:left;
			}
	
		.blog .comments .title
		{
			display:inline-block;
			font-weight:bold;
			margin-bottom:10px;
			/*width:200px;*/
		}
		
	@media only screen and (min-width: 564px) {
		/* For tablet */
		.blog .comments {
			width:85%;
		}
		
			.blog .comments .comment {
				margin-left:20px;
				width:92%;						
			}
			
			.blog .comments .comment .response {
				display:inline-block;
				float:right;
				margin-left:10px;
				text-align:left;
				width:125px;
			}
			
				.blog .comments .comment .response label {
					display:inline;
				}
			
		.blog .comments .response_summary
		{
			display:inline-block;
			float:right;
			max-width:275px;
		}
		
		.blog .comments .title
		{
			margin-bottom:25px;
		}
	}
		
	@media only screen and (min-width: 899px) {
		/* For desktop */
		
	}

/*****Leave Comment*****/

	.blog .leave_comment
	{
		border-radius:8px;
		font-size:13px;
		margin-right:auto;
		margin-left:auto;
		margin-top:25px;
		max-width:95%;
		padding:10px;
	}

		.blog .leave_comment .button
		{
			margin-top:15px;
			text-align:center;
		}

			.blog .leave_comment .button button
			{
				box-shadow:none;
				color:black;
			}

		.blog .leave_comment .label
		{
			display:block /*table-cell*/;
			font-size:14px;
			margin-top:8px;
			/*padding-top:8px;*/
			text-align:left /*right*/;
			vertical-align:top;
			width:125px;
		}
	
		.blog .leave_comment .leave_title
		{
			font-size:15px;
			font-weight:bold;
		}
		
		.blog .leave_comment .radio
		{
			font-size:13px;
			padding-left:5px;
			vertical-align:bottom !important;
		}
		
		.blog .leave_comment .required
		{
			color:grey;
				display:inline-block;
			font-size:12px;
			font-style:italic;
		}
		
		.blog .leave_comment .row
		{
			display:block /*table-row*/;

			width:100%;
		}

		.blog .leave_comment .value
		{
			display:block /*table-cell*/;
			/*padding-top:5px;
			padding-left:3px;*/
				margin-top:5px;
			vertical-align:top;
		}
		
			.blog .leave_comment .value input[type="text"] {
				margin:0px;
				min-width:100%;
				
			}
		
	@media only screen and (min-width: 564px) {
		/* For tablet */
		.blog .leave_comment {
			max-width:385px;
		}
		
			.blog .leave_comment .label {
				display:inline-block /*table-cell*/;
				margin-top:0px;
				text-align:right;
			}
		
			.blog .leave_comment .required {
				display:block;
			}
		
			.blog .leave_comment .row {
				display:block;
				margin-top:10px;
			}

			.blog .leave_comment .value {
				display:inline-block;
				margin-top:0px;
				width:calc(100% - 135px);
			}
	}

/*****Publication Front Page*****/

	.blogpub .blogcover 
	{
		padding:15px;
		padding-top:10px;
		padding-bottom:0px;
	}

		.blogpub .blogcover .ad_amazon {
			text-align:center;
		}
	
		.blogpub .blogcover .ad_local
		{
			background-color:#C8DAE8;
			border:1px solid grey;
			border-radius:4px;
			height:90px;
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom:0px;
			max-width:600px;
			padding-top:0px;
			vertical-align:top;
		}
	
			.blogpub .blogcover .ad_local .ad 
			{
				transform: scale(0.65,0.65);
				transform-origin: 50% 15%;
				-ms-transform: scale(0.65,0.65); /* IE 9 */
				-ms-transform-origin: 50% 15%;
				-webkit-transform: scale(0.65,0.65); /* Safari and Chrome */
				-webkit-transform-origin: 50% 15%;
			}
			
			.blogpub .blogcover .ad_local .ad_desc
			{
				/*display:inline-block;*/
				display:none;
				height:90px;
				vertical-align:middle;
				/*width:350px;*/
			}
			
				.blogpub .blogcover .ad_local .ad_desc .ad_desc_wording			
				{
					font-size:24px;
					font-family:Arnoldboecklin, fantasy;
					margin-top:10px;
					margin-left:60px;
					vertical-align:middle;
				}
				
				.blogpub .blogcover .ad_local .ad_desc a
				{
					text-decoration:none;
				}	
		
				.blogpub .blogcover .ad_local .ad_desc a:visited {color: black; text-decoration: none; }
				.blogpub .blogcover .ad_local .ad_desc a:link {color: black; text-decoration: none; }
				.blogpub .blogcover .ad_local .ad_desc a:active {color: black; text-decoration: none; }
				.blogpub .blgocover .ad_local .ad_desc a:hover {color: black; text-decoration: none; }

		.blogpub .blogcover .section 
		{
			border-style:solid;
			border-width:3px;
			border-bottom-width:3px;
			border-radius:8px;
			margin-bottom:15px;
		}
		
			.blogpub .blogcover .section hr
			{
				border-width:2px;
				border-style:solid;
				width:96%;
			}

		.blogpub .blogcover .sectionname 
		{
			font-size:14px;
			font-weight:bold;
			margin-bottom:5px;
			padding:2px;
			text-align:center;
		}
		
			.blogpub .blogcover .sectionname a { text-decoration:none; color:black; }

	.blogpub .article
	{
		border-width:0px !important;
		margin-bottom:15px !important;
		margin-top:0px !important;
		width:96% !important;
	}
	
		.blogpub .article .body
		{
		
		}
		
			.blogpub .article .body .text
			{
				font-size:14px !important;
			}
			
		.blogpub .article .footer
		{
			font-size:13px !important;
		}

	.blogpub .previous_articles
	{
		position:relative;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:5px;
	}
	
		.blogpub .previous_articles .previous_article
		{
			border-top:1px solid;
			padding-top:3px;
			padding-bottom:2px;
		}
		
			.blogpub .previous_articles .previous_article .author			
			{
				display:inline-block;
				font-size:12px;
			}

			.blogpub .previous_articles .previous_article .category			
			{
				display:inline-block;
				float:right;
				/*display:block;*/
				font-size:11px;
				margin-right:5px;
				margin-top:3px;
				margin-left:5px;
				text-align:right;
			}
		
			.blogpub .previous_articles .previous_article .date
			{
				display:inline-block;
				/*display:block;*/
				font-size:11px;
				font-family:monospace;
			}
			
			.blogpub .previous_articles .previous_article .entry {
				display:inline-block;
				margin-left:3px;
			}
			
			.blogpub .previous_articles .previous_article .rating			
			{
				display:inline-block;
				font-size:80%;
				margin-left:20px;
				margin-top:0px;
				margin-bottom:0px;
			}
			
			.blogpub .previous_articles .previous_article .title			
			{
				display:inline-block;
				font-variant:small-caps;
				font-size:13px;
				font-weight:bold;
			}
			
	.blogpub .previous_articles_link
	{
		color:grey;
		font-size:12px;
		margin-bottom:2px;
		margin-left:10px /*35px*/;
		
		margin-top:25px;
	}
	
	@media only screen and (max-width: 700px) {		
		.blogpub .blogcover {
			padding:5px;
		}

		.blogpub .blogcover .ad_local .ad_desc {
			display:inline-block;
		}
		
		.blogpub .article {
			padding-left:0px !important;
			padding-right:0px !important;
		}		
		
		.blogpub .previous_articles .previous_article .category	{

		}

		.blogpub .previous_articles .previous_article .entry {
			margin-left:10px;
		}
	}
	
/*****Blog Form*****/

	.blogform .select_primary
	{
		border:1px solid lightgrey;
		border-radius:8px;
		font-size:15px;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		padding:8px 0px;
		text-align:center;
		/*width:350px;*/
		width:100%;
	}
	
		.blogform .select_primary button
		{
			box-shadow:none;
			font-size:11px;
			height:20px;
			width:60px;
		}
		
	.blogform .table_edit
	{
		border:none !important;
	}
	
	.blogform .form_buttons_td
	{
		padding-top:20px !important;
	}
	
	@media only screen and (min-width: 564px) {
		/* For tablet */
		.blogform .select_primary {
			width:350px;
		}			
	}