/*
Theme name: HyperClown
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 14px;
    line-height: 24px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #d21ebf;
    background: #fff;
}

p {margin-bottom:20px;}
a { color: #a24fd1; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

h1 { font-size:36px; line-height:36px; color:#4763c9; font-family: Kranky, Arial, Helvetica, Sans-Serif; font-weight:normal; }
h1 a { color:#4763c9; text-decoration:none; }
h1 a:hover { text-decoration:underline; }
h3 { font-size:18px; line-height:20px; color:#4763c9; font-family: IndieFlower, Arial, Helvetica, Sans-Serif; font-weight:normal; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width:1100px; margin:0 auto; }

#wrapper,
#wrapper .shell { background:url(images/wrapper.jpg) center top no-repeat; }

#header { height:227px; }

#logo { float: left; display: inline; }
#logo a { float: left; display: inline; width:472px; height:227px; background:url(images/logo.jpg); font-size: 0; line-height: 0; text-indent: -4000px; }

#navigation { float: right; display: inline; padding:101px 52px 0 0; }
#navigation ul { list-style:none; }
#navigation ul li { float: left; display: inline; position:relative; z-index:1; }
#navigation ul li.hover { z-index:2; }
#navigation ul li a { float: left; display: inline; height:74px; font-size: 0; line-height: 0; text-indent: -4000px; background:url(images/navigation.png); }
#navigation ul li.link-home a { width:88px; background-position:0 0; margin-right:33px; }
#navigation ul li.link-about a { width:100px; background-position:-121px 0; margin-right:25px; }
#navigation ul li.link-shows a { width:91px; background-position:-246px 0; margin-right:28px; }
#navigation ul li.link-contact a { width:97px; background-position:-366px 0; margin-right:33px; }
#navigation ul li.link-news a { width:81px; background-position:-496px 0; }
#navigation ul li.link-home.current-menu-item a,
#navigation ul li.link-home a.hover { background-position:0 bottom; }

#navigation ul li.link-about.current-menu-item a,
#navigation ul li.link-about a.hover { background-position:-121px bottom; }

#navigation ul li.link-shows.current-menu-item a,
#navigation ul li.link-shows a.hover { background-position:-246px bottom; }

#navigation ul li.link-contact.current-menu-item a,
#navigation ul li.link-contact a.hover { background-position:-366px bottom; }

#navigation ul li.link-news.current-menu-item a,
#navigation ul li.link-news a.hover { background-position:-496px bottom; }

#navigation ul li ul { display:none; }
#navigation ul li .dd { position:absolute; top:50px; left:-53px; width:211px; display:none; }
#navigation ul li .dd-t { height:37px; background:url(images/dd-t.png); font-size:0; line-height:0; text-indent:-4000px; }
#navigation ul li .dd-b { height:40px; background:url(images/dd-b.png); font-size:0; line-height:0; text-indent:-4000px; }
#navigation ul li .dd-m { background:url(images/dd-m.png); height:100%; }
#navigation ul li .dd-inner { float: left; display: inline; width:166px; position:relative; padding:0 15px 0 40px; margin-bottom:-9px; }
#navigation ul li .dd ul { font-family: IndieFlower, Arial, Helvetica, Sans-Serif; }
#navigation ul li .dd ul li { float:none; display:block; padding-bottom:12px; }
#navigation ul li .dd ul li a { float:none; display:block; font-size:18px; line-height:20px; text-indent:0; width:auto; height:auto; background:none; margin:0; padding-left:16px; background:url(images/dd-a-green.png) no-repeat; background-position: 0 6px !important; color:#39af4c; }
#navigation ul li.link-shows .dd ul li a { background-image:url(images/dd-a-yellow.png); color:#fea322; }
#navigation ul li.link-contact .dd ul li a { background-image:url(images/dd-a-blue.png); color:#2A5BBA; }
#navigation ul li .dd ul li a.hover,
#navigation ul li .dd ul li a:hover { background-image:url(images/dd-a-hover.png); color:#7800bd; text-decoration:underline; }


#home-main { padding:57px 0 48px; }

.side-image { float: left; display: inline; }
.side-image img { float: left; display: inline; }

#home-content { float: right; display: inline; width:430px; padding:23px 110px 0 0; }
#home-content h1 { padding-bottom:9px; }


#main { background:url(images/main.png); padding:0 80px 0; }
#sidebar, #sidebar1 { float: left; display: inline; width:180px; position:relative;  }
#content { float: right; display: inline; width:704px; }
#content.fullwidth { width:960px; }

#side-nav { padding:23px 0 0 25px; }
#side-nav ul { list-style:none; }
#side-nav ul li, #sidebar .widget-content ul li { font-size:18px; line-height:20px; padding-bottom:4px; font-family: IndieFlower, Arial, Helvetica, Sans-Serif; }
#side-nav ul li a { color:#39af4c; display:block; padding-left:16px; background:0 6px no-repeat; text-decoration:none; margin-bottom:8px; float:left; display:inline !important; width:139px; padding-bottom:8px; }
#about #side-nav ul li a { background-image:url(images/side-nav-li-green.png); }
#shows #side-nav ul li a { background-image:url(images/dd-a-yellow.png); color:#FEA322; }
#contact #side-nav ul li a { color:#2A5BBA; display:block; padding-left:16px; background:url(images/dd-a-blue.png) 0 6px no-repeat; text-decoration:none; margin-bottom:8px; }
#side-nav ul li a:hover,
#side-nav ul li.current_page_item > a, #side-nav ul li.current_page_parent > a { text-decoration:underline !important; color:#7800bd !important; background-image:url(images/side-nav-liactive.png) !important; }
#side-nav ul li ul li { font-size:11px; line-height:14px; padding-bottom:8px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }
#side-nav ul li ul li a { padding-left:12px; background:url(images/side-nav-li-green-small.png) 0 6px no-repeat; margin-bottom:0; width:109px; }
#side-nav ul li ul li a:hover,
#side-nav ul li ul li a.current-menu-item { background-image:url(images/side-nav-li-active-small.png); }

#sidebar1 h2 { position:absolute; left:15px; width:150px; height:35px; }
#sidebar1 h2 a { display:block; }
#sidebar #side-nav, #sidebar1 #side-nav { margin-top:20px; }
#about #sidebar1 h2 { height:24px; background:url(images/h2.about.png) no-repeat !important; font-size: 0; line-height: 0; text-indent: -4000px; }
#shows #sidebar1 h2 { height:31px; background:url(images/h2.shows.png) no-repeat !important; font-size: 0; line-height: 0; text-indent: -4000px; }
#contact #sidebar1 h2 { height:29px; background:url(images/h2.contact.png) no-repeat !important; font-size: 0; line-height: 0; text-indent: -4000px; }
#sidebar .widget_recent_entries h2 { height:32px; background:url(images/h2.news.png); font-size: 0; line-height: 0; text-indent: -4000px; }
#main { padding-top:26px; padding-bottom:64px; }
#news #main { padding-top:17px; }
#sidebar .widget li a { color:#a162ff; background:url(images/side-nav-purple.png) 0 8px no-repeat; margin-bottom:8px; padding-left:16px; display:block }
#sidebar .widget a { text-decoration:none; }
#sidebar .widget a:hover { text-decoration:underline; }
#news #side-nav a:hover,
#news #side-nav a.current-menu-item { color:#7800bd; background-image:url(images/side-nav-liactive.png) no-repeat; }

#content { padding:50px 0 0; }
#news #content { padding-top:39px; }
#content h1 { padding-bottom:9px; }
#content .imageR { float: right; display: inline; position:relative; margin:-10px 0 0 18px; }
#content .imageR img { display:block; }

#content .bullets { list-style:none; padding:18px 0 0; }
#content .bullets li { font-size:18px; line-height:24px; padding-bottom:10px;  font-family: IndieFlower, Arial, Helvetica, Sans-Serif; padding-left:32px; background:url(images/bullet.png) 6px 4px no-repeat; }
#content .bullets li a { display:block; position:relative; margin-left:-32px; padding-left:32px; background:url(images/bullet-link.png) 6px 4px no-repeat; }

#content .posts { list-style:none; }

#content .post { padding-bottom:51px;  width:665px; }
#content .last-post { padding-bottom:0; }
#content .post .post-date { float: left; display: inline; padding:0 26px 0 3px; text-align:center; }
#content .post .post-date span { display:block; font-size:18px; line-height:16px; color:#4763c9; font-family: IndieFlower, Arial, Helvetica, Sans-Serif; }
#content .post .post-date strong { display:block; width:51px; height:38px; background:url(images/date-strong.jpg); font-size:30px; line-height:38px; color:#fff; }
#content .post h1 { padding-top:20px; }

.widget { margin-bottom:20px; }
.widget h2 { text-indent:25px; font-family:Kranky,Arial,Helvetica,Sans-Serif; color:#A162FF; font-size:20px; }
#content .post p { padding-bottom:10px; }
#content .post .post-footer { padding-top:2px; }
#content .post .post-footer .fb-like { padding-bottom:3px; }
#content .post .post-footer .meta {  }
#content .post .post-footer .meta ul { list-style:none; }
#content .post .post-footer .meta ul li { float: left; display: inline; font-size:11px; line-height:15px; padding-right:7px; margin-right:5px; background:url(images/meta-separator.png) right center no-repeat; }
#content .post .post-footer .meta ul li.last { background:none; }
#content .post .post-footer .meta ul li a {  }

#content .comments { }
#content .comments .add { border-bottom:1px solid #a3b1e4; padding:24px 0 16px 8px; }
#content .comments .add h3 { padding-bottom:5px; }
#content .comments .add .image { float: left; display: inline; width:42px; }
#content .comments .add form { float: left; display: inline; width:457px; }
#content .comments .add form .field { background:#fff; border:1px solid #e88edf; padding:5px; line-height:14px; }
#content .comments .add form .field-box { padding-bottom:5px; }
#content .comments .add form .field-box label { float: left; display: inline; width:46px; line-height:26px; }
#content .comments .add form .field-box .field { width:398px; height:14px; float: left; display: inline; }
#content .comments .add form .textarea-box { padding:2px 0 9px; }
#content .comments .add form .textarea-box textarea { resize:none; width:445px; height:75px; overflow:auto; }
#content .comments .add form .submit { display:block; width:80px; height:25px; background:url(images/comments-add-submit.png); font-size: 0; line-height: 0; text-indent: -4000px; border:0; cursor:pointer; }

#content .comments .list { padding:14px 0 0 11px; }
#content .comments .list ul { list-style:none; padding:7px 0 0; }
#content .comments .list .comment { padding-top:20px; }
#content .comments .list .last-comment { padding-bottom:0; }
#content .comments .list .comment .image { float: left; display: inline; padding-top:3px; }
#content .comments .list .comment .data { float: left; padding-left:20px; display: inline; width:400px; }
#content .comments .list .comment .data h4 { font-size:14px; line-height:24px; padding-bottom:10px; }
#content .comments .list .comment .data h4 a { text-decoration:none; }
#content .comments .list .comment .data p { padding-bottom:4px; }
#content .comments .list .comment .data .comment-footer ul { list-style:none; }
#content .comments .list .comment .data .comment-footer ul li { float: left; display: inline; font-size:11px; line-height:24px; padding-right:7px; margin-right:5px; background:url(images/meta-separator.png) right center no-repeat; }
#content .comments .list .comment .data .comment-footer ul li.last { background:none; }
#content .comments .list .comment .data .comment-footer ul li iframe { float: left; display: inline; }

#content .pagination { padding:0 15px 0 0; margin-top:30px; }
#content .pagination a { display:inline; font-size:18px; line-height:24px; font-family: IndieFlower, Arial, Helvetica, Sans-Serif; }
#content .pagination .show-older { float:left; padding-left:20px; background:url(images/pagination-prev.png) 0 center no-repeat; }
#content .pagination .show-recent { float:right; padding-right:20px; background:url(images/pagination-next.png) right center no-repeat; }

body,html { height:100%; }
#wrapper { height:auto !important; height:100%; min-height:100%; margin-bottom:-124px; }
#footer,#footer-push { height:124px; }
#footer,
#footer .shell { background:url(images/footer.jpg) center bottom no-repeat; }
#footer .shell { height:124px; padding:67px 0 26px; height:31px; }

#footer p { float: left; display: inline; padding:0 21px 0 275px; line-height:31px; font-size:11px; }
#footer ul { float: left; display: inline; list-style:none; }
#footer ul li { float: left; display: inline; padding-right:5px; }
#footer ul li img { display:block; }

#sidebar ul { list-style:none; }
#sidebar > ul > li.widget .widget-content { padding:23px 0 0 25px; }

ul.children { margin-left:30px; } 
.comments h3 { margin-top:20px; }
ol.commentlist { list-style:none; }

.pagetitle { margin-bottom:30px; }

.post .post-date a { text-decoration:none; }

#sidebar ul li h2 {-bottom:30px; }