/*
STAIRCASE Screen Stylesheet

Version:   1.0
Author:    Bram Janssens
Email:     info at bworx dot be
Website:   www.bworx.be
Updated: 10/11/2009

###########################################################################*/
* {outline: none;}

body {
background: #000 url(../images/staircase_bg_body2.png) repeat-x;
}

.main{
/*width:83em;
background: #000 url(../images/staircase_bg5.png) no-repeat;
*/
}

p {
padding-left:0em;
padding-right:0.5em;
}
.gridlines {background:url(grid.png);}

h2 {
margin: 0;
padding: 8px 15px 1px 10px;
color: #771511;
font-size: 1.2em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

h3 {
margin: 0;
padding: 8px 10px 1px 10px;
color: #fff;
font-size: 1.1em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #292929;
}

/*topnavigation*/
#topnavigation {
margin: 0;
padding: 0;
}
#player {
margin: 0;
padding: 0 0 0 0;
color: #fff;
}
#music {
margin: 0;
padding: 24px 0 0 0;
}
#menu {
margin: 0;
padding: 0 0 0 0;
color: #fff;
}

/* Contente Main */

#content-main {
margin: 0;
padding: 1px 0 0 0;
height: 390px;
}

#content-main-frames {
margin: 0;
padding: 0;
height: 1338px;
}

/* Contente Bottom */

.arrow_left {
margin: 0;
padding: 130px 0 0 0;
}

.arrow_right {
margin: 0;
padding: 133px 0 0 30px;
}

#content-bottom {
margin: 0 0 0 -10px;
/*
padding: 25px 0 0 20px;
color: #707070;
height: 922px;*/
/*background: #000 url(../images/staircase_bg_content.png) no-repeat;*/
}

#content-bottom p {
padding: 5px 10px;
color: #707070;
/*font-weight: bold;*/
}

/* TWITTER */
#twitter {
margin: 10px 10px;
padding: 0;
background: #000;
height: 275px;
width: 259px;
color: #fff;
}

#_staircase_ {
	color: #fff;
	}

.twitterimglink{
margin-left: 6px;
margin-top: 10px;	}

.biobutton {
	margin-top: 4px;
	}
/* BANNER */
#banner {
margin: 10px 10px 10px 55px;
padding: 0;
}

/* NEWS */
#news {
margin: 10px 10px 10px 55px;
padding: 0;
background: #000;
height: 275px;
width: 259px;
}

/* BIO */
#bio {
margin: 10px 10px 10px 55px;
padding: 0;
background: #000;
height: 275px;
width: 259px;
}

.bio_image {
margin: 0;
padding: 0 7px;
}
.bio_image1 {
margin: 0;
padding: 15px 0 0 9px;
}

.bio_twitter {
margin: 0;
padding: 1px 0 0 6px;	
}

/* TOURDATES */
#tourdates {
margin: 10px 10px;
padding: 0;
background: #000;
height: 275px;
width: 259px;
}

/* NEWSLETTER */
#newsletters {
padding: 0;


}

.line {
margin: 0;
padding: 20px 0 0 0px;
}
/* CONTACT */
#contact {
margin: 10px 10px;
padding: 0;
background: #000;
height: 275px;
width: 259px;
}

/* Footer */
#footer {
margin: 0;
padding: 0;
font-size: 8px;
background: black url('../images/footerback.jpg') top left repeat-x;
height: 49px;
}
.footercontent {
	width:900px;margin:0 auto;text-align:left;
	
	}
#footer h5 {
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-shadow: #000 0px -1px 1px;
margin-top: 5px;
}
.footerlogo {
	margin-top: 10px;
	margin-right: 90px;
	}

#footer h5 a {
color: #df0c0c;
text-decoration: none;
}

#footer .footer_contact {
color: #373737;
}
.logo_designskills {
float: right;
padding: 0 0 10px 0;
}

img.left {
float: left;
}

/*  Top menu css */

.menu {
	margin: 0;
	padding: 0;
	bottom:0;
	width: 505px;
	list-style: none;
	/*position:absolute;*/
	left:408px;
}
.menu li {
	padding: 0;
	margin: 0 1px;
	height: 57px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 57px;
	background-repeat: no-repeat;
	width: 80px;
}

/**/
.topmenu28 {background-image: url(../images/bttn_staircase.png); background-repeat: no-repeat; width: 80px;}
.topmenu28 a {background-image: url(../images/bttn_stairecase.png); width: 136px;}
.topmenuactive28 {background-image: url(../images/bttn_staircase_on.png); background-repeat: no-repeat; width:136px;}

.topmenu27 {background-image: url(../images/bttn_facebook.png); width: 80px;}
.topmenu27 a {background: url(../images/bttn_facebook.png) no-repeat; width: 136px;}
.topmenuactive27 {background-image: url(../images/bttn_facebook_on.png); background-repeat: no-repeat; width: 136px;}

.topmenu26 {background: url(../images/bttn_netlog.png) no-repeat; width: 80px;}
.topmenu26 a {background: url(../images/bttn_netlog.png)  no-repeat; width: 136px;}
.topmenuactive26 {background-image: url(../images/bttn_netlog_on.png); background-repeat: no-repeat; width: 136px;}

.topmenu25 {background: url(../images/bttn_myspace.png) no-repeat; width: 80px;}
.topmenu25 a {background: url(../images/bttn_myspace.png)  no-repeat; width: 136px;}
.topmenuactive25 {background-image: url(../images/bttn_myspace_on.png); background-repeat: no-repeat; width: 136px;}

.topmenu24 {background: url(../images/bttn_youtube.png) no-repeat; width: 80px;}
.topmenu24 a {background: url(../images/bttn_youtube.png) no-repeat; width: 136px;}
.topmenuactive24  {background-image: url(../images/bttn_youtube_on.png); background-repeat: no-repeat; width: 136px;}

/*ul.menu li a:hover {background: none;}*/
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* top slides */
#example2.SlidingPanels {
	float: left;
}
#example2 .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#example2 .SlidingPanelsContent {
	float: left;
	width: 1800px;
}
#ex2_p2 {
margin: 0;
padding: 150px 0 0 420px;
background: transparent url(../images/staircase_gallery1.png) no-repeat;
}

#ex2_p3 {
margin: 0;
padding: 10px 0 0 60px;
background: transparent url(../images/staircase_youtube.png) no-repeat;
}

/* YOUTUBE */
#youtube {
margin: 0;
padding: 0 0 0 200px;
}

#share_youtube {
float: left;
padding: 225px 0 0 0;
}

/* NEWSLETTER SUBSCRIPTION */
#form_newsletter {
margin: 0;
padding: 0 10px;
}

#form_newsletter label {
color: gray;
}
/* tt_news*/
.news-latest-date {
padding: 0 10px;
color: gray;
}
.news-line{
padding: 2px 0 0 8px;
}
#news_inside {
margin: 0 0 10px 0;
width: 259px;
height: 243px;
overflow: auto;
position: relative;
}

/* twitter */
ol.twitter-timeline {
list-style-type:none;
margin:0;
padding: 0 0 0 5px;
text-align:left;
}
#twitter_inside {
margin: 0 0 10px 0;
width: 259px;
height: 200px;
overflow: auto;
position: relative;
}


#bottom_section {
	margin-top: 40px;
	}