html,body {
margin : 0px;
padding : 0px;
width: 100%;
text-align : left;
color : #000000;
//background : #858563 url(img/bgdwider.png) repeat-y top center;
font : 100% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
overflow-x: hidden;
}
#container {
width : 100%;
margin : 0 auto;
overflow-x: hidden;
color : #000000;
background : #eee url(img/church.jpg) no-repeat left;
background-opacity: 0.5;
//background : #ffffff;
}
/*BANNER*/
//#banner {
//float : left;
//width : 80%;
//height :315px;
//padding : 0;
//margin-bottom : 0;
//background : #eee url(img/banner.jpg) no-repeat left;
////background : url(img/bbclogo.png) no-repeat left, url(img/banner.jpg) no-repeat right;
//box-shadow:0 0 5px #000;
//}
#banner h1 {
margin : 100px 0 0 20px;
font : normal 2em georgia, verdana, arial, tahoma, sans-serif;
text-transform : none;
letter-spacing : 3px;
color : #ffffff;
background : transparent;
}
/*MAIN CONTENT*/
#content {
padding : 0 10px 0 10px;
//margin-left : 150px;
//margin-right : 150px;
margin-top : 0;
line-height : 1.8em;
color : #2C3E50;
}
#content h1 {
padding : 20px 0 0 0;
font : normal 1.4em verdana, tahoma, arial, sans-serif;
text-transform : uppercase;
letter-spacing : 3px;
color : #2C3E50;
background : inherit;
text-align : center;
text-shadow: 2px 2px 4px #545350;
}
#specials {
color: #D5AD6D; /*if no support for background-clip*/
background: -webkit-linear-gradient(transparent, transparent),
-webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
background: -o-linear-gradient(transparent, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-weight: bold;
font-size: 150%;
}
thead {color:#6E2C00; font-weight:bold}
tbody {color:#2C3E50;}
table {width: 100%;
}
//table gallery class
tgallery {
position: relative;
font-weight:bold;
background-color:#4CAF50;
}
.tinfo {
background-color: #FCFAF4;
padding: 20px;
opacity: .75;
font-weight: bold;
width: 97%;
border-radius:10;
-webkit-border-radius:10px;
-moz-border-radius:10px;
//box-shadow: 1px 2px 3px rgba(0,0,0,.5);
}
.button {
background-color: #0D4D08; /* Green */
border: none;
color: #ffffff;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
border-radius: 15px;
box-shadow: 5px 8px #999;
}
.smbutton {
background-color: #0D4D08; /* Green */
border: none;
color: #ffffff;
padding: 9px 12px;
text-align: center;
display: inline-block;
font-size: 10px;
border-radius: 10px;
box-shadow: 1px 2px #999;
}
/*LEFT SIDEBAR*/
#sidebar {
float : left;
width : 150px;
margin : 0 0 0 0;
padding : 5px;
}
/*RIGHT SIDEBAR*/
#sidebar-b {
float : right;
width : 250px;
margin : 0 0 0 0;
//padding : 5px;
z-index: 2;
}
/*NAVIGATION*/
.menu {
margin-bottom : 20px;
width : 200px;
//padding : 10px 0 0 0;
}
.menu-content {
max-height: 0;
overflow: hidden;
font-family: 'Oswald', sans-serif;
padding: 0 0 0 50px;
}
.collapsible-menu {
padding: 0px 0px;
//border-bottom: 1px solid #ffffff;
//box-shadow: 1px 2px 3px rgba(0,0,0,0.1);
}
.collapsible-menu label {
font-family: 'Sedgwick Ave Display', cursive;
font-size: 16px;
display: block;
cursor: pointer;
background: url(./img/menu2.png) no-repeat center;
padding: 5px 0px 10px 40px;
}
.collapsible-menu ul {
list-style-type: none;
padding: 0;
}
input#menu {
display: none;
}
input:checked ~ .menu-content {
max-height: 100%;
width: 200px;
//background-color: #ffffff;
//background: url(./img/menu2.png) repeat center right;
margin-left:-10px;
margin-top: -40px;
}
.menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
.menu li {
margin : 0 0 0.2em 0;
}
.menu a:hover {
border-left : 10px solid #2B3B26;
background-color : #848484;
color : #fff;
}
.links {
font-size : 1.1em;
text-transform : uppercase;
letter-spacing : 3px;
}
/*FOOTER*/
#footer {
}
.fbg {
//background : #ffffff url(img/gold-texture-05.jpg) repeat-y;
background-color: #839192;
width: 100%;
opacity: 0.7;
border-top : 5px solid #eaeded;
border-bottom : 5px solid #eaeded;
}
#footer p{
padding : 20px;
margin-left : 10px;
margin-right : 10px;
top-margin : 0px;
//height : 300px;
font-size : 1.1em;
}
#footer a:link, #footer a:visited {
color : #1a1a0d;
text-decoration : none;
}
#footer a:hover {
color : #3186d3;
}
/*TYPOGRAPHY*/
h1 {
margin : 0 0 10px 0;
font : normal 1.4em verdana, arial, tahoma, sans-serif;
text-transform : uppercase;
color : #acaf2c;
background : inherit;
text-shadow: 2px 2px 4px #545350;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
hr {
height: 4px;
background-color: #eaeded;
opacity: 0.5;
}
/*LINKS*/
a {
//color : #ffffff;//#236bac;
font-weight : bold;
text-decoration : none;
background : inherit;
}
a:hover {
text-decoration : none;
color : #369;
background : inherit;
}
a img {
border: 0;
}
/*CLASS*/
.clear {
clear : both;
overflow : hidden;
width : 0;
height : 1px;
}
.post {
background-color : #404040;
padding : 3px;
margin : 20px 10px 0 5px;
border : 0 dashed #8a795d;
font-size : 80%;
}
.post .date {
background : url(img/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
.post .comments {
background : url(img/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}
.post .readmore {
background : url(img/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}