/* project classes */

.inner-content h2 {
font-size: 1.25em;
}

.inner-content h3 {
font-size: 1.1em;
}

.inner-content h4 {
font-size: 1.0em;
}

blockquote {
width: auto;
background-color: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 0;
border-right: 0;
font-style: normal;
}

.site-ref {
border: 1px solid #ccc;
margin: 10px;
}

p.source {
width: auto;
text-align: right;
}

p.source a, p.source a:link, p.source a:active, p.source a:visited, p.source a:hover{
text-decoration: underline;
}

hr {
margin-left: 10px;
margin-right: 10px;
color: #ccc;
background-color: #ccc;
height: 1px;
border: 0;
padding: 0;
display: block;
}

.photographs {
display: table;
width: 100%;
padding: 15px 0px 15px 0px;
line-height: 1.0em;
background-color: #fff;
}

.photographs .photo {
width: 45%;
padding-left: 15px;
float: left;
}

.photographs .photo p {
padding-left: 0px;
}

.photographs .photo img {
padding-left: 0px;
}

.photographs img {
padding-left: 15px;
}

.photographs p {
text-align: left;
margin: 0;
padding-left: 0px;
padding: 3px 20px 3px 15px;
font-size: 0.85em;
}

.photographs p.source {
text-align: right;
font-size: 0.8em;
}


/* Format for comments and threads */
.comment_container {
	width: 95%;
	/* border: 1px solid red; */
	margin-left: 20px;
}

.comment_label {
	font-size : .9em;
	font-family : arial, sans-serif;
	width: 200px;
	float: left;
	padding: 5 5 5 5;
	/* border: 1px solid blue; */
}

.comment_field {
	float: left;
	text-align: left;
	width: 200px;
	padding: 2 2 2 2;
	/* border: 1px solid orange; */
}

.comment_display_field {
	font-size : .9em;
	font-family : arial, sans-serif;
	float: left;
	/* width: 330px; */
	text-align: left;
	padding: 5 5 5 5;
	/* border: 1px solid green; */
}

.comment_formButtons {
	text-align: right;
	padding: 5 5 5 5;
	width: 95%;
}
.menu-button_container {
	width: 95%;
	display: table;
	padding-left: 10px;
/*	border: 1px solid red; */
}

/* Format for CSS-style buttons */
div.menu-button {
display: block;
float: left;
/*width: 100px;*/
width: 25%;
height: 3em;
text-align: center;
font-size: .95em;
color: white;
background-color: #000000;
padding: 5px;
margin-right: 10px;
}

div.menu-button a, div.menu-button a:link, div.menu-button a:visited, div.menu-button a:hover {
color: white;
text-decoration: none;
}

p.insert {
background-color: #cccccc;
}

div.icon-listen-watch
{
width: 96.5%;
margin: 1.5em auto;
padding: 0;
display: table;
border: 1px solid #ccc;
}

div.icon-listen-watch img
{
float: right;
vertical-align: middle;
margin-left: 1em;
margin-right: 1em;
}

/* Set the top margin for the image to align in the middle of the div*/
.set-maring-top10 {margin-top: 1em;}
.set-maring-top15 {margin-top: 1.5em;}
.set-maring-top20 {margin-top: 2em;}
.set-maring-top25 {margin-top: 2.5em;}
.set-maring-top30 {margin-top: 3em;}

div.icon-listen-watch p
{
font-size: 0.85em;
padding-left: 10px;
}

div.icon-listen-watch p.icon-listen-watch-title {
color: #990000; 
font-size: 1em;
}

/*************RIGHT SIDE IMAGE ***************/
div.right-navigation-image {
width: 100%;
margin: 0;
padding: 0;
background: url(/000/001/000001-misc05.gif) repeat;
color: #000000;
}

div.image-container{
width: 195px;
margin: 0 auto;
padding: 0 0 20px 0;
}

div.image-container p{
font-size: 0.85em;
padding: 0;
margin: 2px 0 10px 10px;
}

div.image-container a, div.image-container a:link, div.image-container a:visited, div.image-container a:hover, div.image-container a:active
{
color: #000000;
}

div.image-container img{
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 2px solid #fff;
border-left: 1px solid #ccc;
margin: 0;
padding: 0;
}