/* main styles - structure */
body {/*background-color: #c5e3c9;*/  color: #1b2c25;font-family: 'Carme', sans-serif;}
.container {background-color: #fff;}
.center {text-align:center; margin:0 auto;}
ul {text-align:left;}


/* color settings */
.bluebg {background-color:#9edef9;}
.greenbg {background-color:#c5e3c9;}
.blue{color:#2a74bb;}
.green{color:#318341;}
.brownbg {background-color:#5c1108;}

/* header */
.logo {float:left; margin:15px 10px;width:500px;height:86px;}
.jumbotron {float:right; width: 500px; background-size: cover;  background-repeat: no-repeat;  height: 83px; margin-top:15px; padding:0;}
h3.site-subtitle {font-size:100%; text-align:center; font-weight:normal; font-style:italic;color:#e46821;}


/* navigation bar */
.navbar {border-radius:0px;margin-bottom:0px;}
.navbar-default {background-color:#5c1108; border-color:#5c1108;}
.navbar-default .navbar-toggle {border-color: #5c1108;}
.navbar-default .navbar-toggle .icon-bar {background-color: #e46821;}
.navbar-default .navbar-collapse {border-color: #e46821;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:#fff; background-color: #e46821;}
.navbar-default .navbar-nav>li>a {color:#e46821;}
.navbar-default .navbar-nav>li>a:hover {background-color:#000;color:#fff;}

/* footer */
footer{background-color:#5c1108; width:100%;}
div.copyright {text-align:center;padding:15px 0;color:#fff;font-size:1.1rem;}
div.copyright a{color:#fff;}

/* main content */
div.header-bar {width:100%; background: #0a462d; margin:5px 0; padding:3px 0px 3px 10px; font-size:20px; font-weight:bold; color:#fff;}
h3{font-size:18px; font-weight:bold; margin:0px; padding:5px 0px 10px 0px; line-height:20px; font-style:italic;}
p.ann-text {text-align:left;}
h3.ann-header{font-size:20px; text-align:center; margin:30px 0px 10px;}
img.sprayer{ width:300px; margin:0 90px;padding:0px;}
ul.annihilyzer-list{ list-style-type:square; width:300px; margin:20px 90px 30px;clear:both;text-align:left;}
ul.annihilyzer-list li{line-height:18px; padding:3px 0px 3px 3px;}

div.mission{text-align:center;}
div.mission h3{font-style:normal; font-size:22px; margin:0px;}
div.mission p{font-weight:bold; font-size:17px; margin:0px 0px 20px;}
p.home-text{padding:5px 10px; line-height:20px; text-align:left;}
ul.home-list1{line-height:20px;list-style-type:square; width:90%; margin:0 auto; padding-left:5px;text-align:left;}
ul.home-list1 li{padding:10px;}
ul.home-list2 {line-height:20px;list-style-type:square; width:90%; margin:20px auto; font-weight:bold;text-align:left;}
ul.home-list3 {line-height:20px;list-style-type:square; width:90%; margin:20px auto; font-weight:bold;text-align:left;}
ul.home-list3 li{font-weight:normal;}

h3.greentitle{color:#318341;font-size:26px; font-weight:bold;font-style:normal; line-height:28px;text-align:left;}
h3.bluetitle{color:#2a74bb;font-size:26px; font-weight:bold;font-style:normal;line-height:28px;text-align:left;}
h4.bluetitle{color:#2a74bb;font-size:20px;line-height:22px;text-align:left;}
h4.greentitle{color:#318341;font-size:20px;line-height:22px;text-align:left;}
p.bluetitle{color:#2a74bb;font-size:17px;line-height:20px;}

ul.help{list-style-type:square;text-align:left;}
ul.help li{margin-left:10px;padding-left:0px;}
ul#menu-main li.current-menu-item a{background:#2a74bb;}
ol.order{list-style-type:decimal;}
ol.order li{width:80%; margin-left:30px; margin-bottom:10px; text-align:left;}

.video-container {    position: relative;    padding-bottom: 56.25%;    padding-top: 30px; height: 0; overflow: hidden;}
 .video-container iframe,.video-container object,.video-container embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
 


/* sidebars  */
.widget{width:100%;padding:0px; margin: 0 0 10px 0; border-bottom: 0px solid #337ab7;}
.widget p{padding:8px;}
.widget1{width:100%;padding:0px; margin: 20px 0 10px 0; border-bottom: 0px solid #318341;}
.widget1 p{padding:8px;}
.text-widget{padding:0; margin:0;}

#sidebar1 .widget{padding:0 5px; margin-top:20px;}
#sidebar1 .widgettitle, .top-widget h4.widgettitle {display:none;height:1px;border-bottom:0px; margin-bottom:0px;}

h2{color:#000; padding:5px 0; font-size:26px;}

#sidebar2 .widget{margin-top:20px;}
#sidebar2 .widgettitle{border-bottom:0px; margin-left:10px; font-size:17px; line-height:20px;}


ul.widget-list2, ul.widget-list3{line-height:16px;list-style-type:square; width:100%; }
ul.widget-list2 li, ul.widget-list3 li{padding:0 10px;}

.ctct-footer {font-size:.9rem; line-height:.9rem;}
.ctct-footer a{color:#fff;}
button.ctct-button {background-color: #fff; color:#000; border-radius:3px;}
button.ctct-button:hover {background-color: #000; color:#fff; }


div#gotomeeting {padding:10px 0px;}
div#gotomeeting table{width:160px; margin:0 auto;}
div#gotomeeting input{position:relative; top:-8px;left:1px;} 

p {font-size:1.20em;}

div.editable{}
div.yeardivision{font-size:24px; border-bottom:1px solid #d2d2d2; padding-bottom:2px; width:100%; margin:10px 0 5px 0;color:#5c1108;}
div.release{float:left; width:270px;margin-top:5px;}
div.frelease{float:left; width:270px; height:150px;margin-top:5px;}
div.image{float:left; width:100px;}
div.albumdetails{float:left; width:165px; font-size:.95em;margin-left:5px; }
div.year{display:none;}
div.fdetails{float:left; width:165px; font-size:.95em;margin-left:5px; }
div.fyear{}
div.artist{font-size:.9em; line-height:1.2em;font-weight:bold;color:#5c1108;}
div.title{font-size:.9em; line-height:1.2em; font-style:italic;}
div.details{font-size:.85em; line-height:.95em; padding-top:5px;}
div.order{font-size:.9em; }

div.clear {clear:both; height:1px; display:block;}

/* merch page */

#storecontainer .cd {	float:left; width:100%; min-height:160px;	margin:10px 0px 0px 10px;	 padding-bottom:10px; border-bottom: 3px solid #e0dedd;	font-family: Arial, Helvetica, sans serif !important;}
#storecontainer .cd  .image {float:left;width:120px;	height:120px;	margin:10px;}
#storecontainer .cd  .image img{width:120px;	height:120px;border:1px solid #000;	}
#storecontainer .cd .details {	float:left;	width:50%;	margin:10px 10px 0px 0px;}
#storecontainer .cd  .details .title {	font-size:16px;	font-weight:bold;}
#storecontainer .cd .details .artist {	font-size:16px;	font-weight:bold;	font-style:italic; margin-top:10px;}
#storecontainer .cd  .desc {clear:both;width:100%;	padding-top:10px;	margin:10px 0 10px 0;font-size:12px;	line-height:18px; }
#storecontainer .cd  .desc p{	font-size:12px;	line-height:18px; margin:10px 0 10px 0;}
#storecontainer .cd  .purchase_container {	float:left;	width:30%;	 margin:10px 0px 0px 10px;	font-family:arial, helvetica, sans serif;}
#storecontainer .cd  .purchase_box {	clear:both;	float:left;	width:200px;	padding-bottom:5px;	margin-bottom:5px;	background: #5c1108;	padding-top:5px;	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#storecontainer .cd  .purchase_box .label {	float:left;	width:110px;	font-size:12px;	line-height:16px;}
#storecontainer .cd  .purchase_box .button {	float:left;	width:70px;	padding-left:10px;	padding-top:10px;}

#storecontainer .other {
	float:left;
	width:640px;
	height:325px;
	margin:20px 0px 0px 20px;
	background-color:#e0dedd;
}

#storecontainer .other  .image {
	float:left;
	width:120px;
	height:120px;
	border:1px solid #000;
	margin:20px;
}

#storecontainer .other .details {
	float:left;
	width:190px;
	height:120px;
	margin:20px 20px 0px 0px;
}

#storecontainer .other  .details .title {
	font-size:18px;
	font-weight:bold;
}

#storecontainer .other .details .artist {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}

#storecontainer .other  .details .desc {
	font-size:16px;
	padding-top:10px;
}

#storecontainer .other  .purchase_container {
	float:left;
	width:200px;
	height:120px;
	margin:20px 0px 0px 20px;
	font-family:arial, helvetica, sans serif;
}

#storecontainer .other  .purchase_box {
	clear:both;
	float:left;
	width:200px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #555;
	padding-top:5px;
	border-top:1px solid #555;
}

#storecontainer .other  .purchase_box .label {
	float:left;
	width:110px;
	font-size:14px;
	line-height:16px;
}

#storecontainer .other  .purchase_box .button {
	float:left;
	width:70px;
	padding-left:10px;
	padding-top:10px;
}




/* column structure */
.inside {}
.inside-full-height {   height: 100%;  margin-top: 0;  margin-bottom: 0;}
.row-height {  display: table;  table-layout: fixed;  height: 100%;  width: 100%;}
.col-height {  display: table-cell;  float: none;  height: 100%;}
.col-top {  vertical-align: top;}
.col-middle {  vertical-align: middle;}
.col-bottom {  vertical-align: bottom;}

@media (min-width: 300px) { 
	.logo {margin:5px auto;width:280px;height:46px;}
	.logo img {width:280px;height:46px;}
	.jumbotron {display:none;}
	h2{font-size:20px;}
	p {font-size:12px;}
	#storecontainer .cd .details {width:30%;	}
	#storecontainer .cd  .purchase_container {	width:30%;	 }
}

@media (min-width: 480px) { 
.row-xs-height {    display: table;    table-layout: fixed;    height: 100%;    width: 100%;  }
.col-xs-height {    display: table-cell;    float: none;    height: 100%;  }
.col-xs-top {    vertical-align: top;  }
.col-xs-middle {    vertical-align: middle;  }
.col-xs-bottom {    vertical-align: bottom;  }
.logo {margin:15px 0px;width:480px;height:80px;}
.logo img{width:480px;height:80px;}
.jumbotron {display:none; }
	h2{font-size:22px;}
	p {font-size:15px;}
}

@media (min-width: 768px) {
  .row-sm-height {    display: table;    table-layout: fixed;    height: 100%;    width: 100%;  }
  .col-sm-height {    display: table-cell;    float: none;    height: 100%;  }
  .col-sm-top {    vertical-align: top;  }
  .col-sm-middle {    vertical-align: middle;  }
  .col-sm-bottom {    vertical-align: bottom;  }
  .logo {margin:5px 0px 0px;width:370px;height:61px;}
  .logo img {width:370px;height:61px;}
  .jumbotron {display:block; margin: 15px 0; width: 370px;  height: 61px; }
  	h2{font-size:24px;}
	p {font-size:17px;}
}

@media (min-width: 992px) {
  .row-md-height {    display: table;    table-layout: fixed;    height: 100%;    width: 100%;  }
  .col-md-height {    display: table-cell;    float: none;    height: 100%;  }
  .col-md-top {    vertical-align: top;  }
  .col-md-middle {    vertical-align: middle;  }
  .col-md-bottom {    vertical-align: bottom;  }
  .logo {float:left; margin:15px 10px;width:500px;height:86px;}
     .logo img{width:500px;height:86px;}
    .jumbotron {display:block; margin-:15px 0; width: 450px;  height: 75px; }
}

@media (min-width: 1200px) {
  .row-lg-height {    display: table;    table-layout: fixed;    height: 100%;    width: 100%;  }
  .col-lg-height {    display: table-cell;    float: none;    height: 100%;  }
  .col-lg-top {    vertical-align: top;  }
  .col-lg-middle {    vertical-align: middle;  }
  .col-lg-bottom {    vertical-align: bottom;  }
  .logo {float:left; margin:15px 10px;width:500px;height:86px;}
   .logo img{width:500px;height:86px;}
    .jumbotron {display:block; margin:15px 0;width: 500px;  height: 83px; }
}





