@charset "utf-8";
/* CSS Document */

html {
height: 101%;
font-size: 14px;
}

body {
 background-color:#535353;
 font-family: 'Roboto', sans-serif;
 /*font: 100%/1.2 Tahoma, Geneva, sans-serif;*/
 margin: 0;
 padding: 0;
 color: #000000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
 padding: 0;
 margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
 margin-top: 0;
 padding-right: 15px;
 padding-left: 15px;
}

a img {
 border: none;
}

a:link {
 color:#414958;
 text-decoration: none;
}
a:visited {
 color: #414958;
 text-decoration: none;
}
a:hover, a:active, a:focus { 
 text-decoration: underline;
 color:#37379b;
}

.container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  width: 95%;
/*  max-width:1200px;*/
  padding:0;
  color : #000000;
  background: #c3c3c3;
}

.header_bar {
 background-color:#535353;
 color: #DDDDDD;
 border-bottom:1px solid #dddddd;
 padding:0;
 margin:0;
 font-family: 'Zilla Slab', serif;
}

.header_bar h1 {
 font-size: 2rem;
 margin:8px 0 8px 0;
}

.content {
 padding: 10px 0;
 overflow:hidden;
}
.content ul, .content ol { 
 padding: 0 15px 15px 40px; 
}

.footer {
 padding: 10px 0;
 background: #ebebeb;
 min-height:40px;
}

footer {
 padding: 10px 0;
 background: #ebebeb;
 min-height:40px;
}

.dateDisplay {
 float:right;
 width: 200px;
 font-style:italic;
 font-size:12px;
}

.catDisplay {
 text-align: right;
 float:right;
 width: 50%;
 font-style:italic;
 font-size:1rem !important;
 clear:right;
}

.catDisplay span {
 font-size:0.8rem;
}


.postText {
 width: 75%;
 font-size:1.4rem;
}

.postPhoto {
 padding: 0px;
 margin: 2px 2px 14px 16px ; 
 background-color:#666666;
 float:left;
-moz-box-shadow: 10px 10px 3px #333333;
-webkit-box-shadow: 10px 10px 3px #333333;
box-shadow: 10px 10px 3px #333333; 
}


.blogPhoto {
 padding: 0px;
 margin: 16px 4px 8px 12px;
 background-color:#666666;
-moz-box-shadow: 10px 10px 3px #333333;
-webkit-box-shadow: 10px 10px 3px #333333;
box-shadow: 10px 10px 3px #333333; 
}

.blogEntry {
 clear:left;
 width: 93%;
 margin: 12px 2% 16px 2%;
 padding:1%;
 background-color:#ebebeb;
 /*overflow:auto;	*/
 overflow-x:hidden;	
 -moz-box-shadow: 10px 10px 3px #333333;
 -webkit-box-shadow: 10px 10px 3px #333333;
 box-shadow: 10px 10px 3px #333333; 
}

.blogEntry h2 {
 font-size: 1.6rem;
 padding:0 15px 0 15px;
 margin:0;
}

.blogEntry p {
 font-size: 1.3rem;
 font-weight:normal;
 padding:4px 15px 8px 15px;
 margin:0;
}

.linkBox a {
text-decoration:none; 
border: 1px solid #999999; 
padding: 4px; 
margin: 1px;
font-size:11px;
}

.linkBox a:hover {
 text-decoration: underline;
}

.showPhoto {
 width: 100%;
 text-align:center;
}

.showPhoto img {
 -moz-box-shadow: 10px 10px 3px #333333;
 -webkit-box-shadow: 10px 10px 3px #333333;
 box-shadow: 10px 10px 3px #333333; 
}

.showPhoto p {
 margin-top: 10px;
 color:#333333;
 font-weight:bold;
 font-size:1.4rem;
}

.topTitle a {
 float:right;
 background-color:#666666;
 color:#C6C6C6;
 padding:6px;
 margin-right:12px;
 font-weight:bold;
}

.topTitle a:hover {
text-decoration: none;
color:#FFFFFF;
}

.pageTitle {
font-size: 24px;
}

.pageContent {
margin:4px 16px 4px 8px;
padding-bottom:12px;
background-color:#EBEBEB;
 -moz-box-shadow: 10px 10px 3px #333333;
 -webkit-box-shadow: 10px 10px 3px #333333;
 box-shadow: 10px 10px 3px #333333; 
}

.pageContent p {
 font-size: 1.4rem;
}

.pageContent a {
 color: #330099;
}

.pageContent img {
 border: 1px solid #666666;
 padding:4px;
 -moz-box-shadow: 6px 6px 3px #333333;
 -webkit-box-shadow: 6px 6px 3px #333333;
 box-shadow: 6px 6px 3px #333333; 
}

.pageTable {
margin-left: 24px;
margin-bottom: 12px;
border:1px solid #666666;
border-spacing:0;
}
.pageTable td, th {
 border:1px solid #666666;
 padding:4px;
}

.generalTable {
margin-top: 24px;	
margin-left: 2px;
margin-bottom: 12px;
border-bottom:1px solid #999999;
border-spacing:0;
}
.generalTable td, th {
 border-bottom:1px solid #999999;
 padding:4px;
}

/*
.galleryData {
 clear: both;
 background-color:#666666;
 margin: 2px 8px 8px 8px;
 padding-bottom:12px;
 text-align: center;
}
*/

.galleryImageDiv {
 width: 25%;
 float:left;
 margin:0;
 padding:0;
 text-align:center;
}
.galleryPhoto {
 width:90%;
 margin:4%;
 vertical-align:middle;	
 box-shadow: 6px 6px 3px #767676; 
}

.clearfix {
clear:both;
}

.postPagePhoto {
 width: 91%;
 margin: 3%;
 box-shadow: 6px 6px 3px #767676; 
}

.divHeaderBar {
 clear:left;
 width: 93%;
 margin: 12px 2% 16px 2%;
 padding:1%;
 background-color:#ebebeb;
 /*overflow:auto;	*/
 overflow-x:hidden;	
 box-shadow: 10px 10px 3px #333333; 

}
.divHeaderBar h1 {
 font-family: 'Zilla Slab', serif;
 font-weight:600;
 padding: 0;
 margin:0;
 color:#003399;
}

.divHeaderBar p {
 font-family: 'Roboto', sans-serif;
 font-weight:normal;
 font-size:1.2rem;
 padding: 0;
 margin:0;
 color:#000000;
}


/* 
----------------------------------------------------------------------------------
Responsive css here....... 
----------------------------------------------------------------------------------
*/

@media all and (max-width : 720px) {
.header_bar h1 {
 font-size: 1.4rem;
}
.blogEntry h2 {
 font-size: 1.3rem;
}

.blogEntry p {
 font-size: 1.1rem;
}

.galleryImageDiv {
 width: 50%;
 float:left;
}
}

@media all and (max-width : 400px) {
.showPhoto img {
 box-shadow: 7px 7px 3px #5656565; 
}

	
}