/* -------------------------------------------------------------- 
Theme Name: Thunderpants
Theme URI: http://www.thunderpantsband.com
Description: Band Website
Author: StirCreative
Author URI: http://www.stircreative.net
Tags: Kick Ass Cover Band from Houston, Tx
-------------------------------------------------------------- */

body {background: url(images/bground.jpg) repeat #000; font-family:Arial, Helvetica, sans-serif; font-size:12px;  }

#wrapper {background: url(images/bg_wall.jpg) no-repeat; width:1172px; height:1000px;  margin:0 auto 0 auto;}
#page {width:900px; margin:0 auto 0 auto; }

h1 {font-family:Arial, Helvetica, sans-serif;font-weight:bold; font-size:14px; }
h2 {padding:0px 0px 0px 30px;   font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px; color:#5092bd; }
h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#5092bd; }

a {color:#13100e; background:#5092bd; padding:1px 2px; text-decoration:none; font-weight:bold; }
a:hover {color:#fff; background:#13100e;}

img {border:none; }
a.image { background-color: transparent; }
a.image:hover { background-color: transparent; }
p {margin:0px; padding:0px; }

/****HEADER****/
#header {width:900px; height:140px;  }
#dude {float:left; width:248px; }
#logo {float:right; height:135px; width:413px;  }

#nav { height:30px; width:450px; float:right; }
#nav ul { list-style-type:none; float: right; margin: 0; padding-top:5px;  }
#nav li { display: inline;  }
#nav li a {font-size:14px; font-family: "Arial Black"; text-transform:uppercase; background:#13100e;text-decoration:none; color: #fff;  padding: 2px 7px; }
#nav li a:hover { color: #6aadd9; }

#mail { margin-top:8px; width:315px; height:26px; float:right;  background: url(images/mail.png) no-repeat; }
#wpcf7-f3-p66-o1 {float:right; margin-top:-2px;  }

/****HOMEPAGE****/
billboard {float:left; margin:0; padding:0; width:900px; height:423px;  }

#inner {background: url(images/bg_inner.png) repeat-y; width:900px; float:left;}

#content {float:left; background: url(images/news.jpg) no-repeat; width:525px; margin-top:15px;   }
.news {width:525px; height:49px; float:left;  }
.innerbox1 {padding:50px 30px 10px 45px; background:#FFF;   }
#newsfoot {float:left; width:525px; }



#sidebar {float:right; background: url(images/shows.jpg) no-repeat; width:338px;  margin-top:15px; margin-right:1px;    }
.shows {width:338px; height:51px; float:left;  }
.innerbox2 {padding:50px 30px 10px 45px; background:#FFF;  }
#showsfoot {float:right; width:338px; }

/****SUBPAGES****/
#subhead {background: url(images/subhead.jpg) no-repeat; width:900px; height:100px; margin-top:10px;  }
.subcontent-title {float:left; background: url(images/footer.png) no-repeat;  height:80px; width:900px; margin-top:10px; }
.subcontent-title h2 {margin-top:0px; }
#subinner {background: url(images/bg_inner.png) repeat-y; width:900px;  }
#subwrap {float:left; width:800px; }
#subcontent {width:800px;  background:#fff; padding:10px 50px 0px 50px;  float:left; margin-top:15px;  text-align:justify; }
#subend {}

/****BOOKING****/
#booking {float:left; width:350px; padding-right:20px; }
#bookingform {float:right; width:400px; }

/****BLOG****/
#blogsubinner {float:left; background: url(images/bg_inner.png) repeat-y; width:900px;  }

#blogo {float:left; width:525px; background:#fff; margin-top:15px;  }

#blogcontent {float:left; background:#FFF; width:470px; margin-top:10px;}
.post-title {padding:10px 0px 0px 45px; font-size:16px; font-weight:bold; }

.post-content {padding:10px 30px 10px 45px; float:left; }
.blogimgs {padding:10px 0px 10px 0px;}
.post-meta-data {padding:5px 30px 10px 45px; }
.blgsep {border-bottom:1px dotted #999; width:435px; margin-left:45px; margin-bottom:10px;  }

#blogfoot {float:left;  width:525px;  }


#blogsidebar {float:right; width:320px; background:#fff; margin-top:15px; padding:10px 0px 30px 20px; }
#blogsidebar li {list-style:none; }


/****FOOTER****/
#footer {float:left; background: url(images/footer.png) no-repeat;  height:80px; width:900px; margin-top:20px;  }
.innerbox3 {padding:15px 30px 5px 45px; }

#footer #nav { height:30px; width:450px; float:left; padding-top:8px;  }
#footer #nav ul { list-style-type:none; float: left; margin: 0; padding-top:5px;  }
#footer #nav li { display: inline;  }
#footer #nav li a {font-size:14px; font-family: "Arial Black"; text-transform:uppercase; background:#13100e;text-decoration:none; color: #fff;  padding: 2px 7px; }
#footer #nav li a:hover { color: #6aadd9; }

#copyright {float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-right:30px; margin-top:5px; }nd from Houston, Tx




/* Portfolio */
.image_wrapper_port {width:800px; float:left; }
.image_main {}

.port_item {
width: 200px;;
height: 200px;
float: left;
overflow: hidden;  
position: relative; 

}

.cover {
position: absolute;  
top: 0;  
left: 0;  
display: block;
z-index: 2;
}

.detail {
display: block;
position: relative;
width: 200px;
height:190px;
background:#fff;
text-align: center;
display: table-cell;
vertical-align: middle;
color: #000;
font-size: 14px;
padding: 0 10px;
}
.detail a, .detail a:hover{ color: #fff; }

.detail h2 {
font-size: 16px;
line-height: 19px;
color: #fff;
text-transform: none;
}

span.project_type{
font-size: 13px;
color: #000;
display: block;
margin-bottom: 15px;
}