/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

@font-face {
	font-family: 'carnival_rimmedopen_shadow';
	src:url('carnival_rimmed-webfont.eot');
	src:url('carnival_rimmed-webfont.eot?#iefix') format('embedded-opentype'),
		url('carnival_rimmed-webfont.woff') format('woff'),
		url('carnival_rimmed-webfont.ttf') format('truetype'),
		url('carnival_rimmed-webfont.svg#carnival_rimmedopen_shadow') format('svg');
	font-weight:normal;
	font-style:normal;
}

body{
	margin:0;
	padding:0;
	color:#333;
	font:14px Arial, Helvetica, sans-serif;
	background:#000 url(/images/back1.jpg) repeat -150px -150px;
}

/* for CK EDitor -- default edit window height */
#cke_contents_editordws{
  height:400px !important;
}
.cke_skin_kama_container body,
.cke_skin_office2003_container body{}

.CSS1Compat body{
	background-color:#fff;
	background-image:none;
}

img, fieldset, a img{
	border:none;
	margin:0;
	padding:0;
}

a{
	color:#666666;
	font-weight:bold;
	text-decoration:underline;
}

a:hover{
	color:#ac2700;
	text-decoration:underline;
}

.clear{
	clear:both;
}

.btn{
  background-color:#ddd !important;
}

h1.pagetitle{
	font-family: carnival_rimmedopen_shadow,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	color:#ac2700;
	text-align:center;
	font-size:48px;
	font-weight:normal;
	padding-bottom:10px;
	margin:0 0 0 0;
}

h1{
	color:#ac2700;
	text-align:center;
	font-size:24px;
	font-weight:normal;
	padding-bottom:10px;
}

#wrap{
	position:relative;
	margin:0 auto;
	max-width: 990px
}

#logoimg img{
	z-index:1500;
	width:40px;
	height:auto;
	border:none;
}

#logoname img{
	z-index:1500;
	width:248px;
	height:49px;
	border:none;
}
#logoname span{
  display:none;
}

#content{
	padding-top:0px;
}

#content_top{
	background:url(/images/content_top.png) no-repeat 0px 0px;
	height:12px;
}

/* navbar start */
/* custom bg color -- use gradient */
.navbar-customcc{
  background-color: #c00; /* For browsers that do not support gradients */
  background-image: linear-gradient(#300, #a00);
  border-bottom:2px solid black;
}
/* custom hover bg color */
.navbar-customcc .dropdown-item:hover{
  background-color:#ddd;
}
/* Modify link color */
.navbar-customcc .navbar-nav .active>.nav-link,
.navbar-customcc .navbar-nav .nav-link.active,
.navbar-customcc .navbar-nav .nav-link.show,
.navbar-customcc .navbar-nav .show>.nav-link {
    color: rgba(255, 255, 0, 1) !important;
}
.navbar-customcc .navbar-nav .nav-link {
    color: rgba(255, 255, 100, .7) !important;
}
.navbar-customcc .dropdown-item.active, .navbar-customcc .dropdown-item:active {
    background-color: #c00;
    color:#fff;
}
.navbar-customcc .dropdown-item.active:hover{
    background-color: #c00;
}
/* navbar end */

#content_text{
	padding:0;
	margin-top:0 13px;
}

#header{
	max-height:390px;
	background-image:url(https://www.cowtownclowns.com/images/cowtownclowns900.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#herohome{
  margin:0 auto;
  width:100%;
}

#shadow{
	background-image:url(/images/shadow.png);
	background-color:#fff;
	height:41px;
	z-index:100;
}

#eyecandy{
	width:100px;
	height:100px;
	background:transparent url(/userfiles/images/cowtown/spacer.gif) no-repeat top right;
	background-size:contain;
	z-index:10;
	position:absolute;
	top:80px;
	right:50px;
}

#col1, #col2, #col3{
	float:left;
	width:286px;
}

#col2{
	padding:0 20px;
}

.text_shadow{
	background:url(/images/shadow2.png) no-repeat top left;
	padding:20px 12px 0 12px;
}

#box1{
	padding:10px 25px 30px 25px;
	background-color:#fff;
}

#box1 ul{
  width:max-content;
}

#box1 ul li{
  width:100%;
}
#box1 .hireaclown img{
  width:225px;
  height:auto;
  float:left;
  margin:0 20px 10px 0;
  border:#f00 solid 2px;
}
#box1 hr{
  clear:both;
  border-bottom:2px solid #f00;
}

#box2{
}

#box2_top{
	background:url(/images/box2_top.jpg) no-repeat top left;
	height:10px;
	display:none;
}

#box2_text{
	text-align:center;
	background:#d1d1d1;
	padding:15px;
	font-size:11px;
	border-radius: 0 0 20px 20px;
}
#box2_text span{
	margin:0 10px;
	font-weight:bold;
}
#box2_text .footertiny,
#box2_text .footertiny a{
	font-size:9px;
}

#box2_col1{
	width:635px;
	float:left;
}

#box2_col2{
	width:195px;
	float:right;
	min-height:56px;
}

#box2_col2 a{
	background:url(/images/download.jpg) no-repeat top left;
	width:195px;
	height:56px;
	display:block;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	text-decoration:none;
	line-height:56px;
}

#box2_bot{
	background:url(/images/box2_bot.jpg) no-repeat top left;
	height:10px;
	display:none;
}


/* contact form  */
.floatlt{
	float:left;
	position:relative;
	padding-right:10px;
	padding-bottom:10px;
}
form{
	display:inline;
	margin:0;
}
label{
	/*
	display:block;
	width:120px;
	background:#ddd;
	text-align:right;
	*/
	font-weight:bold;
	padding:2px 5px 2px 5px;
}
input,select,textarea{
	padding:2px 3px;
	color:#003;
	font-weight:normal;
	background:#eee;
	border:#ccc solid 1px;
	outline:none;
}
#alertMsg{
	color:red;
	font-weight:bold;
	font-size:1em;
	font-style:italic;
	padding:0 10px;
	margin:0 0 18px 0;
}

.formreqd,
.formnote{
	font-size:.9em;
	color:#f00;
	margin-left:8px;
	font-weight:normal;
}
.formreqd{
	color:#f00;
}
.formnote{
	color:#333;
}
.forminput{
	background:#FFFF80;
}
.forminputcurrent{
	background:#FF84FF;
}
.nobackground{
	background:transparent;
	border-width:0;
}

#last_box{
	padding-top:13px;
	padding-bottom:5px;
}

#last_box h1{
	text-align:left;
	padding-left:10px;
}

#last_box_1{
	float:left;
	padding-left:10px;
	width:415px;
}

#last_box_2{
	float:right;
	padding-right:10px;
	width:415px;
}

#content_bot{
	background:url(/images/content_bot.png) no-repeat 0px 0px;
	height:8px;
	display:none;
}

#shadow_con_bot{
	background:url(/images/shadow3.png) no-repeat top left;
	height:39px;
}

#footer_top{
	width:841px;
	margin:0 auto;
	background:url(/images/footer_bor.png) no-repeat bottom;
	padding-top:20px;
}

#footer_top h3{
	font:18px Arial, Helvetica, sans-serif;
	color:#ac2700;
	font-weight:normal;
	padding-left:20px;
}

#footer_top a{
	color:#303030;
	font-weight:bold;
}

#footer_top a:hover{
	color:#ac2700;
}

#footer_top p{
	color:#303030;
}

#footer_column1, #footer_column2, #footer_column3{
	width:226px;
	float:left;
}

.footer_text{
	background:url(/images/footer_bor.png) no-repeat top left;
	width:226px;
	padding:10px 0px 10px 0px;
}

#footer_column2{
	padding:0px 87px 0px 75px;
}

.foot_pad{
	padding-left:45px;
	padding-top:10px;
}

.link1{
	background:url(/images/link1.png) no-repeat 0px 2px;
	padding-left:30px;
	min-height:18px;
	padding-bottom:10px;
}

.link2{
	background:url(/images/link2.png) no-repeat 0px 2px;
	padding-left:30px;
	min-height:18px;
	padding-bottom:10px;
}

.link3{
	background:url(/images/link3.png) no-repeat 0px 2px;
	padding-left:30px;
	min-height:18px;
	padding-bottom:10px;
}

.link4{
	background:url(/images/link4.png) no-repeat 0px 2px;
	padding-left:30px;
	min-height:18px;
	padding-bottom:10px;
}

.ls{
	list-style:none;
	padding-left:0px;
}

.ls li{
	background:url(/images/ls1.gif) no-repeat 0px 6px;
	margin-bottom:8px;
	padding-left:15px;
}

#photogallery{
  padding-top:30px;
  text-align:center;
}
#photogallery img{
  width:250px !important;
  margin:0 10px 20px 10px;
  border:#00f solid 2px;
  vertical-align:top;
}

/* lightbox 2.11.5 */
.lb-dataContainer{
  background-color:#000;
}

@media (max-width: 990px) {
  #wrap{
    width:100%;
  }
  #eyecandy{
    display:none;
  }
  #photogallery img{
    width:150px !important;
    margin:0 10px 20px 10px;
  }
  h1.pagetitle {
    font-size: 36px;
  }
}
@media (max-width: 600px) {
  h1.pagetitle {
    font-size: 36px;
  }
  #box1 .hireaclown img{
    width:60%;
    margin:0 auto;
    float:none;
    display:block;
  }
}
@media (max-width: 450px) {
  h1.pagetitle {
    font-size:30px;
  }
  #logoname img{
    display:none;
  }
  #logoname span{
    display:inline-block;
    padding-left:5px;
  }
}
