@import url("reset.css");
@import url("text.css");

/*  
Theme Name: Kirk Kreole
Description: Theme for Elvis Tribute Artist Kirk Kreole
Version: 2.1
Author: Paul Maines
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,600,600italic,700italic,800,800italic|Open+Sans+Condensed:300,300italic,700');

body { font:14px/22px "Open Sans", sans-serif; color:#cfdbe5; margin:0; padding:0 }
body { background:#b8b8b8 url(images/body_bg.jpg) no-repeat top }
p, div, h1, h2, h3, h4, h5, input, select, textarea, ul, li, a { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
p, h1, h2, h3, h4, h5 { margin:0 0 15px 0 }
h2, h2 a, .post h2 a { font:bold 24px "Open Sans", sans-serif; color:#a21d29; text-decoration:none;}
h3 { font:bold 20px "Open Sans", sans-serif }
h4 { font:bold 16px/24px "Open Sans", sans-serif }

#outer { width:100%; max-width:1000px; padding:0; margin:0 auto; box-shadow:0 0 6px rgba(0,0,0,.8) }
#header { padding:0; margin:0; line-height:0; }
#header img { width:100% }
#main { margin:0; padding-bottom:15px; background:#050505 url('/wp-content/themes/kirk-turner/images/bg.jpg') no-repeat top/100%; border-bottom:1px solid #a21d29; color:#cfdbe5 }
#menu { padding:0; margin-bottom:15px; border-top:2px solid #a21d29; border-bottom:2px solid #a21d29; background-color:#000; text-align:center; font:bold 18px/27px "Open Sans" }
#menu ul { margin:5px 0; list-style-type:none; text-align:center; background-color:#000; font:bold 18px/27px "Open Sans"}
#menu li { display:inline; margin:0 10px; text-transform:uppercase; }
#menu li a { color:#fff; text-decoration:none }
#menu li.current_page_item a, #menu a:hover { color:#a21d29 }
#altmenu { line-height:0; display:none; padding:0 15px; margin-bottom:15px; background-color:#000; border-top:2px solid #a21d29; border-bottom:2px solid #a21d29; text-align:right }
#altmenu img { width:34px; padding:0; margin:0 }
#sidemenu { display:none; position:fixed; top:0; left:0; z-index:999; width:300px; height:100%; background:#000; box-shadow:2px 0 3px rgba(0,0,0,.4) }
#sidemenu ul { list-style-type:none }
#sidemenu li { margin:0; padding:0; border-bottom:1px solid #fff }
#sidemenu a { text-decoration:none; display:block; color:#fef; width:100%; padding:8px }
#sidemenu li.current_page_item a, #sidemenu a:hover { font-weight:bold; background:#a21d29 }

#footer { min-height:150px; position:relative; width:100%; max-width:1000px; border-top:1px solid #a21d29; margin:0 auto; padding:20px 40px 5px 40px; background:#000 url('/wp-content/themes/kirk-turner/images/footer.jpg') no-repeat bottom/100%; color:#fff; }
#footer a { text-decoration:none; color:#fff }
#footerleft { position:absolute; bottom:10px; left:40px; text-align:left }
#footerright { position:absolute; bottom:10px; right:40px; text-align:right }
#footerright img { width:40px }
.clear { clear:both; line-height:0 }
#footer a.red, .red { color:#a21d29 }
.big { font-size:24px }

.post { padding:15px; margin:0 0 15px 0; min-height:150px; background-color:rgb(10,64,112,.6); color:#cfdbe5 }
.post a { color:#fff; }
.post .red { padding:15px; min-height:150px; background-color:rgb(162,29,41,.35); color:#fcf0f1 }

#wp_page_numbers { background-color:#a21d29; padding:2px 15px }
#wp_page_numbers li { background-color:#a21d29; font-size:12px; }
#wp_page_numbers li.page_info { border:0; padding-right:20px;}
#wp_page_numbers li a { background-color:#a21d29; border-color:#fff; font-size:12px;}
#wp_page_numbers li.active_page a { background-color:#0a4070; border-color:#fff;}
#wp_page_numbers li a:hover { background-color:#0a4070; border-color:#fff;}
#wp_page_numbers li.active_page a:hover { border-color:#fff; color:#fff;}

.youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.youtube iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

@media screen and (max-width:800px) {
	#menu { display:none }
	#altmenu { display:block }
}
@media screen and (max-width:500px) {
	#footerleft { position:relative; left:0; text-align:center; margin:0 auto }
	#footerright { position:relative; right:0; text-align:center; margin:0 auto }
}