/*
Theme Name: Copy Haho
Theme URI: http://wordpress.org/
Author: James Boynton
*/

/*7 column / 80 / 15 gutter - 650px total*/

/*Reset
_______________________________________________________*/

html,body,h1,h2,h3,h4,h5,h6,p,blockquote,
address,pre,cite,code,dfn,abbr,acronym,kbd,
a,samp,img,ins,i,b,u,strike,small,big,font,
tt,q,dl,dt,dd,ul,ol,li,applet,object,iframe,
form,fieldset,label,legend,th,td,th,tbody,
tfoot,thead,tr,caption{font-size:100%;
margin:0;padding:0;border:0;outline:0;
font-weight:normal;font-style:normal;
text-decoration:none;}

:focus{outline:0;}

body{
font:62.5%/1.4 helvetica, arial, verdana;
color:#333;
margin:0px 0px 0px 0px;}

p, ul, ol{
margin: 0 0 12px 0}

p{
font-size: 1.2em;
color:#999}

a{
color:#fff;
font-size: 1.2em;}

p a {font-size: 1em}



h1, h2{font-size:1.8em;
color:#fff;
line-height:1.2em;
margin-bottom:2px}

h3{font-size:1.2em;
color:#fff;
line-height:1.2em;
margin-bottom:18px;
font-family:times new roman;
font-style:italic}




h2 a{font-size:1em}

li{list-style:none}





/*Main Structure
_______________________________________________________*/

#page{
width:800px;
margin:0 auto;
background:url(background.jpg) no-repeat #ada7a3;
border-left: 25px solid #f5f5f5;
border-right: 25px solid #f5f5f5}

#header{
width:650px;
height:310px;
margin:0 auto;
position:relative}

#content{
width:650px;
margin:0 auto;
padding:40px 45px 45px 45px;
background: url(black-bg.png);
margin-bottom:135px;
border-radius:15px; 
-moz-border-radius: 12px;
-webkit-border-radius: 15px;}

#main-content{
width:420px;
padding-right:40px;
margin-right:15px;
float:left}

#secondary-content{
width:175px;
float:left}

#footer{
text-align:center;
margin-bottom:36px}





/*Header
_______________________________________________________*/

#logo{
position:absolute;
top:45px;
left:195px;
width:260px;
height:50px;
background-image:url(ch-logo.png)}

#header-menu{
position:absolute;
top:105px;
left:0px;
width:650px;
height:35px}

#header-menu ul{position:absolute;
top:0px;
left:0px;
height:40px}

#header-menu li{float:left;
margin-right:0px}





/*Main Content
_______________________________________________________*/

.listing-item{
margin-bottom:20px;
padding-bottom:8px;
border-bottom:1px dotted #666}





/*Secondary content
_______________________________________________________*/

#twitter{
margin-bottom:30px}

.widgettitle{display:none}

ul.tweets{
margin:0px;
padding:0px;}

ul.tweets li{
font-size:1.1em;
color:#999;
margin-bottom:15px;}

ul.tweets li a{
font-size:1em}

.timesince{
color:#999;}

#network-links img{
margin-bottom:5px}





/*Titles & Headers
_______________________________________________________*/

h2#twitter-side{
width:175px;
height:20px;
display:block;
background:  url(twitter-title.gif);
text-indent:-9999px;
margin-bottom:20px}

#network-links h2{
width:175px;
height:20px;
display:block;
background:  url(some-links-title.gif);
text-indent:-9999px;
margin-bottom:20px}

h1#latest-news{
width:300px;
height:30px;
display:block;
background:  url(latest-news-title.gif);
text-indent:-9999px;
margin-bottom:30px}

h1#blog{
width:300px;
height:30px;
display:block;
background:  url(blog-title.gif);
text-indent:-9999px;
margin-bottom:30px}

h1#gigs{
width:300px;
height:30px;
display:block;
background:  url(gigs-title.gif);
text-indent:-9999px;
margin-bottom:30px}

h1#merch{
width:300px;
height:30px;
display:block;
background:  url(merch-title.gif);
text-indent:-9999px;
margin-bottom:30px}

h1#media{
width:300px;
height:30px;
display:block;
background:  url(media-title.gif);
text-indent:-9999px;
margin-bottom:30px}

h1#contact{
width:300px;
height:30px;
display:block;
background:  url(contact-title.gif);
text-indent:-9999px;
margin-bottom:30px}




































































































#home{
width:103px;
height:34px}

#home a{
display:block;
width:100%; 
height:100%; 
background: url("menu.png");
text-indent:-9999px;
background-repeat:no-repeat}

#home a:hover{
background-position:0px -35px;}





.page-item-7{
width:88px;
height:34px}

.page-item-7 a{
display:block;
width:100%; 
height:100%; 
background: url("menu.png");
background-position:-103px 0;
text-indent:-9999px;
background-repeat:no-repeat}

.page-item-7 a:hover{
background-position:-103px -35px}



.page-item-9{
width:81px;
height:34px}

.page-item-9 a{
display:block;
width:100%; 
height:100%; 
background: url("menu.png");
background-position:-191px 0;
text-indent:-9999px;
background-repeat:no-repeat}

.page-item-9 a:hover{
background-position:-191px -35px}


.page-item-13{
width:120px;
height:34px}

.page-item-13 a{
display:block;
width:100%; 
height:100%; 
background: url("menu.png");
background-position:-272px 0;
text-indent:-9999px;
background-repeat:no-repeat}

.page-item-13 a:hover{
background-position:-272px -35px}



.page-item-16{
width:109px;
height:34px}

.page-item-16 a{
display:block;
width:100%; 
height:100%; 
background: url("menu.png");
background-position:-393px 0;
text-indent:-9999px;
background-repeat:no-repeat}

.page-item-16 a:hover{
background-position:-393px -35px}





.page-item-18{
width:147px;
height:34px}

.page-item-18 a{
display:block;
width:100%; 
height:100%; 
background: url("menu.png");
background-position:-502px 0;
text-indent:-9999px;
background-repeat:no-repeat}

.page-item-18 a:hover{
background-position:-502px -35px}























#twitter-side ul{
margin: 0px;
padding:0px}

#twitter-side ul li#twitter-3{
margin: 0px;
padding:0px}

#twitter-side h2#widget-title{
margin: 0px;
padding:0px}


ul.tweets li{
margin-bottom:10px}




















#footer a{font-size:1em}












#page:after,
#content:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}


#page,
#content{
zoom: 1;}