/* @override http://wpmu.local/chisu/wp-content/themes/chisu-theme/style.css */

/*
Theme Name: Chisu

Description: Chisu WordPress teema
Version: 1.0
Author: Jouko Hautajärvi, Markus Tammi, Daniel Koskinen
Author URI: http://www.monographics.fi

*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/******************/

html{
	height:100%;
}
body {
 	text-align:center;
	background:#000;
 	background-image:url('images/bg.jpg');
	background-repeat:repeat-y;
	background-position:top center; /*******/
	font-size: 75%;
	color: #e5e5e5; 
	font-family: "Georgia",serif;
	height:100%;
}

img{
	border:0;
}

hr{
	border-collapse:collapse;
	border-color:#cccccc;
	margin-bottom:1.25em;
	margin-top:1em;
	clear:both;
}

#Frame {
	/*background:#FFF;*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -35px; /* the bottom margin is the negative value of the footer's height */
	background-image:url('images/chisu.jpg');
	background-repeat:no-repeat;
	width:868px; 
	text-align:left;
}


#Header{
	height:432px;
	position:relative;
}

#Header img{
	border:0;
}

#Navi{
	background: transparent url('images/navi_bg0.gif') no-repeat;
	width:750px;
	height:36px;
 	margin:0 auto;
	margin-top:350px;
	text-align:left;
	position:relative;
}

#Navi ul{
margin:0;padding:0;

}

#Navi ul li{
	position:absolute;
	list-style-type:none;
	height:36px;
	text-align:center;
 
}

#Navi ul li a{
	display:block; 
	height:36px;
	text-decoration:none;
	text-indent:-9999px;
 	overflow: hidden;

}

li#naviFront{
	width:99px;
 	left:0;
}

li#naviBio{
	width:106px;
 	left:99px;
}

li#naviDisc{
	width:118px;
	left:205px;
}

li#naviGal{
	width:100px;
 	left:323px;
}

li#naviDiar{
	width:111px;
	left:423px;
}

li#naviGigs{
	width:91px;
 	left:534px;
}

li#naviCont{
	width:125px;
 	left:625px;
}

li#naviFront a:hover, .naviFrontMo  {
	 	background: transparent url(images/navi_bg1.gif) no-repeat 0 0;

}

li#naviBio a:hover, .naviBioMo{
 	background: transparent url(images/navi_bg1.gif) no-repeat -99px 0;

}

li#naviDisc a:hover, .naviDiscMo{
		background: transparent url(images/navi_bg1.gif) no-repeat -205px 0;
 
}

li#naviGal a:hover, .naviGalMo{
 	background: transparent url(images/navi_bg1.gif) no-repeat -323px 0;

}

li#naviDiar a:hover, .naviDiarMo{
 	background: transparent url(images/navi_bg1.gif) no-repeat -423px 0;

}

li#naviGigs a:hover, .naviGigsMo{
 	background: transparent url(images/navi_bg1.gif) no-repeat -534px 0;

}

li#naviCont a:hover, .naviContMo{
	background: transparent url(images/navi_bg1.gif) no-repeat -625px 0;
 
} 

#Login{
	float:right;
	background:url('images/loginbg.gif');
	background-repeat:no-repeat;
	color:#333;
	width:128px;
	text-align:center;
	font-size:0.9em;
 	padding-top:2px;
	margin-right:25px;
	height:19px;
}

#Login a{
	color:#FFFFFF;
}

#Login a:hover{
	color:#333;
}

#Content{
	margin:0 auto;
	text-align:left;
	width:750px;
	/***background-image:url(grid.jpg);     ****/
}

#Content strong{
	color:#009bc7;
	font-weight:normal;
}


#ContentPane1{
	background-color:#000;
	background-image:url('images/left_bg.gif');
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	width:558px;	
	margin-right:18px; 
	padding-top:26px;
	padding-bottom: 30px;
	margin-bottom:30px;
	min-height: 500px;
}

#ContentPane1 p,#ContentPane1 h1,#ContentPane1 h2, #ContentPane1 h3, #ContentPane1 ul, #ContentPane1 ol{
	margin-left:30px;
	margin-right:30px;
	

}

#ContentPane1 ul li {
	margin-left: 30px;
}

#ContentPane2{
	background-color:#000;
	background-image:url('images/right_bg.gif');
	background-repeat:no-repeat;
	background-position:top;
	float:right;
	width:174px;	
	clear:none; 
 	padding-top:8px;
 	height: 500px
} 

#ContentPane2 p,#ContentPane2 h1,#ContentPane2 h2, #ContentPane2 h3{
	margin-left:8px;
	margin-right:8px;

}



.ContentPane3{
	float:left;
	width:558px;	 
	margin-right:18px;
} 

.ContentPane4{
	float:right;
	width:174px;	
	clear:none; 
} 


.ContentPane5{
 	float:left;
	width:558px;	
	margin-right:18px; 
} 

.ContentPane6{
	float:right;
	width:174px;	 
}  


.ContentPane7{
	float:left;
	width:366px;
	margin-right:18px;

}

.ContentPane8{
	float:left;
	width:366px;
}
 
.push {
	height:35px;  
}

#User .SkinObject, #Date .SkinObject, #Login .SkinObject  {
	color: #ccc;
	float:right;	 
	margin-left:7px;
	display:block;
}
 
.SidenoteHeader{
	font-weight:bold;
  	 
}

.Sidenote{
	font-size:0.9em;
}

.copyright{
	color:#999;
}


.gallery {
	margin: 0 25px 0 25px !important;
}

.gallery dl {
	margin-bottom: 0;
}

.gallery img.attachment-thumbnail {
	padding: 0 !important;
	margin: 0 !important;
}

.gallery a {
	margin: 2px 10px;
	display: block;
}

.gallery a img {
	border: 1px solid #645956 !important;
}

.gallery a:hover img {
	border: 1px solid #5e729c !important;
}

.myspaceLink {
 	height:28px;
	margin-left:58px;
}

.myspaceLink img{
	padding-top:4px;
	vertical-align:bottom;
}
 
.myspaceLink a{
	color:#e5e5e5;
}

.record{
	margin-left:8px;
	margin-right:8px;
	margin-bottom:12px;
}

.inline {
	margin-left: 30px;
}

.inline h2, .inline h3, .inline h4, .inline h5, .inline h6 {
	display: inline;
}

.date{
	color:#4c4340;
	display: inline;
}

.hr{
	border-top:1px solid #3a332f;
	clear:both;
	margin-left:30px;
	margin-right:30px;

	margin-top:24px;
	margin-bottom:24px;
}

.hr2{
	border-top:1px solid #3a332f;
	clear:both;
	margin-left:8px;
	margin-right:8px;

	margin-top:24px;
	margin-bottom:24px;
}

.shops{
	 margin-left:15px;
	 clear:both;
	 margin-bottom:24px;
	 overflow:hidden;
}

.shops img{
float:left;
margin:5px;

}

.postlist li {
list-style: none;
margin-left: 0 !important;
}

/***********Discography**************/

.albumContainer{
       overflow:hidden;
       clear:both;
       margin-bottom:40px;
}

.albumContainer img{
       float:left;
       margin-left:30px;
       margin-right:15px;
       width:158px;
       height:158px;
}

div.albumName{
       color:#5E729C;
       font-size: 1.5em;
       line-height: 1;
       margin-bottom:20px;

}

.songList{
       float:left;
}

.albumCopy{
       color:#4c4340;
       margin-top:20px;
}

/***********Diary*******************/

.commentlist {
	list-style: none;
	clear: both;
}


#respond {
	clear: both;
}

.comment {
	padding: 20px;
}

.byuser {
	background-color: #1a1a1a;
}

.page-template-diary-php .postmetadata {
	clear: both;
	text-align: right;
}

#commentform label {
	margin-left: 1em;
}

/***********Gigs********************/

table.gigs, .gig table {
        width: 498px !important;
        margin-left: 30px;
        margin-right: 30px;
}

table.gigs {
		border-bottom: 1px solid #3a332f !important;
}

table.gigs td {
        width: 20%;
}

.gigs .date, .gig .date {
	color: #e5e5e5;
}

table.archive caption {
	margin-top: 60px;
}

.no-gigs {
	margin-left: 30px;
}

/*************Footer ***************/

#Footer{
	 height:35px;   
	 background:#5d5350; 
	 margin:0 auto;
	 width:867px;
     clear:both; 
     color:#000;
     text-align:center;
}
  
#Footer img{
  margin-top:8px;
}
 
 
 
/**********   Lift Element *******************/
   
.NewsLift 
{
	margin-bottom:1.5em; 

}

.NewsLift span{
	font-weight:bold;
	
}

.NewsLift h2 img{
	margin-right:8px;
	display:inline;	
}

.NewsLift ul li{
	list-style-type:none;	 
}

.NewsLift ul{
 
}

.NewsLift ul li a{
	color:#333;
	display:block;
	text-decoration:none;
}

.NewsLift ul li a:hover{
	background:#fff;
	color:#999;
}

.contentClear{
	clear:both;  

}



/************  FORMS *******/


/************ Images *******/

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.alignright {
	float: left;
	margin: 0 0 20px 20px;
}