body {background: black url('/images/kosi-sings-background-faded.jpg'); font-family: arial, sans serif; margin:0;}
#main {width: 1012px; margin-left:auto; margin-right:auto}
#left-column {width: 656px; float:left;}
#right-column {width: 356px; float:right;}

h2, .h2 {font-size: 21.25px; margin:0; font-weight:bold; line-height:115%;}
h3, .h3 {font-size: 17.5px; margin:0; font-weight:bold; line-height:115%;}


.box {border: 1px solid #440000; margin: 16px 8px; background: #ffffff; color: #222222;}
.box a, .box a:visited {text-decoration: none; color:#0000ff;}
.box a:hover {text-decoration: none; color:#cc0000;}
.box a:active {outline:none;}
.color-box {background: white url('/images/bg3-kosi-dress-garden.jpg') top right repeat-y; min-height: 250px;}
p, .p {margin: 10px; padding: 0px;}
.box a img {border:0px; outline:0px;}


.header {background:white url('/images/bg4-dress.jpg') top right no-repeat; width:998px; height: 180px; margin:0 8px; padding:0; border-spacing: 2px 2px; border: 1px solid #440000; border-top:0;}
.header-title { padding: 5px; font-size: 3em; font-family: georgia, serif; font-style: italic; font-weight:bold; color: #222222; line-height:1.25em;}
.header-title a,
.header-title a:visited
.header-title a:active {text-decoration: none; color: #222222;}
.header-box {width: 400px; font-size: 10px; color: rgba(250, 250, 250, 0.1); cursor:default;}
.header-box a,
.header-box a:visited
.header-box a:active {color: rgba(250, 250, 250, 0.1); cursor:default;}

#footer {width: 100%; margin: 0px; padding: 25px 10px 10px 10px; background: #040404; color:white; text-align:center;}
#footer .inner {font-size: 8px; text-align:center; color: #000000; cursor:default;}

.break {clear: both; height:0; margin:0; padding:0;}


.faded {color: #aaaaaa;}
a.faded {cursor:default; }
.faded a, .faded a:visited {color:#aaaaff;}

.faded.unfade-on-hover:hover {color:inherit;}
.faded.unfade-on-hover:hover a:link,
.faded.unfade-on-hover:hover a:visited {color: blue;}
.faded.unfade-on-hover:hover a:hover {color: #aa0000;}

.highlight {color: #aa0000; font-weight: bold;}

.past {color: #888888}
.past a {color: #4444dd}
.date-box {font-size: .8em; margin: 7px 3px;}
.big-date-box {margin: auto 10px 10px auto; text-align:center;}
.loc-box {margin-left: 5px;}

.menu ul {list-style-type:none; margin:0; padding:0;}
.menu li {float:left; border-right: 1px solid #dddddd; margin: 0; padding: 5px 10px; line-height:1.25em;}
.menu li a {text-decoration:none; color: #222222;}
.menu li:hover {background:#440000;}
.menu li:hover a {color:white;}

.news-date {font-size: 0.75em; color:#999999; font-style:italic;}
.news-item {font-size: 13px;}

input.button, a.button {border: 1px solid #880000;
        -moz-border-radius: 7px;
         border-radius: 7px;
         font-weight: bold; padding: 5px; background: #ddeeff;
         margin:7px;}
.button.no-margin {margin:15px 0 0 0;}
input.button:active {outline: 0px none; border: 1px #880000 inset;}

input[disabled="true"].button {border: 1px solid #008800; color: #888888;}

.review-item {font-size: 14.5px;}
.review-item blockquote {margin:0; padding-left: 5px; border-left: 7px solid #dddddd;}
.review-item p {margin-left:0;}
.review-divider {width:45%; border-bottom: #cccccc solid 1px; margin: 35px auto 35px auto;}


.social-media {background-image:url(/images/social-media-icons-smaller.jpg); width: 51px; height: 55px; margin:0px; display:inline-block; text-decoration:none; vertical-align:middle;}
.fb {background-position: 0 -143px;}
.fb:hover {background-position: 0px 0px;}

.tw {background-position: -52px -143px;}
.tw:hover {background-position: -52px 0px;}

.ig {background-position: -210px -143px;}
.ig:hover {background-position: -210px 0px;}

.tb {background-position: -262px -143px;}
.tb:hover {background-position: -262px 0px;}

.yt {background-position: -315px -143px;}
.yt:hover {background-position: -315px 0px;}

.gp {background-position: -370px -143px;}
.gp:hover {background-position: -370px 0px;}

.fb-like {
  -webkit-filter: grayscale(100%) brightness(120%) contrast(80%);
  filter: grayscale(100%) brightness(120%) contrast(80%);
}
.fb-like:hover {
  -webkit-filter: grayscale(0%) brightness(100%) contrast(100%);
  filter: grayscale(0%) brightness(100%) contrast(100%);
}