/* Start of CMSMS style sheet 'nuovo_todo' */
/*****************************************

general styles

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

* {

    margin:0;

	padding:0;}

		

body { 

background-color:#000;

	background-image: url(http://www.todomodomusicall.org/uploads/images/bg_main.gif);

	background-position:0px 7px;

	background-repeat:repeat-x;

	font-family:"Trebuchet MS", arial, verdana, sans-serif;


}


	

a { text-decoration:none;

	color:#ce1213;
font-weight:bold;

	}



a:hover {

	text-decoration:none;

	color:white;
font-weight:bold;}

			

p {		

	margin: 0 0 1em 0 ;	}

		

a img {border:0;}



h1 {font-size:34px;

    font-weight:normal;

    letter-spacing:2px;

    color:#fff;

    margin-bottom:20px;

    }



h2{ font-size:34px;

    text-transform:uppercase;

    font-weight:bold;

    letter-spacing:1px;

    color:#fff;}

 

h2.interior {padding: 20px 0 10px 0;}

#niuus{

margin:0 0 0 10px;
}	

#proge{
/*background:url(http://www.todomodomusicall.org/uploads/images/proj.jpg) 0 0 no-repeat;
text-indent:-500em;*/
margin:0 px;
}	

#neet{

margin:0 px;
}

h3 { font-size:15px;



	color:#ce1213;

	font-weight:bold;

	padding: 10px 0;}

#menusu h3 {

 display:inline;
font: bold 12px Arial;
    color: white;
    text-decoration: none;
    margin: 0 ;
    padding:0;
    background-color: transparent;
   
}
	

h4 {font-size:13px;

	text-transform:uppercase;

	font-weight:normal;

	color:#00aeef;

	padding: 3px 0 7px;}

	

h5 {font-size:12px;

	font-weight:normal;

	padding: 3px 0 7px;

	font-style: italic;

	text-transform:none;}



h6 {font-size:12px;

	font-weight:normal;

	font-style:italic;

	font-family:georgia, 'times new roman', serif;

	color:#00aeef;

	text-transform:none;}

	

/*divs*/



#header{	

	border-top:4px solid  #ce1213;

	background-color:transparent;

	background-image: url(http://www.todomodomusicall.org/uploads/images/bg_header.gif);

	background-position:50% 0;

	height:124px;

	background-repeat: repeat-x;}

	

	

/*the blue menu section below the header*/	

#header_navArea{
}



#header_navArea ul#topnav, ul#footer_nav {

	}

	

#header_navArea ul#topnav li, ul#footer_nav li {

	display: block;

	float:left;



	background-color:transparent;

	font-size:12px;

	text-transform:uppercase;}

	

#header_navArea ul#topnav li.current {

	background-color:#000;

	background-image:none;

	border-left:#000;}



#header_navArea ul#topnav li a, ul#footer_nav li a {

	display: block;

	color:#fff;

	font-weight:normal;

	padding:0;}


/*
#header .container {position:relative;}the container specific to the header*/



/*logo is an a-tag w/ background - different image in ie stylesheet due to transparency issues with pngs*/

a#logo {position:absolute;

	left:30px;

	top:4px;

	width:191px;

	height:204px;

	background-image:url(http://www.todomodomusicall.org/uploads/images/logo_todo2.png);

	background-repeat:no-repeat;
z-index:99;
}



/*the section for nav inside th header with the dropdown select

#headnav{
position:absolute;
top:0;
left:0;

	float:left;

	height:30px;

	width:530px;

	padding:15px 0 0 0 ;

	font-size:12px;

	color:#a3a3a3;

	text-transform:uppercase;}



#headnav a {

	color:#fff; 

	padding: 0 5px;	

}*/



.links {float:left;}



select#topmenu {

	float:right;

	font-size:12px;

	text-transform:uppercase;

	margin-top:-3px;

	border-left:1px solid #aaaaaa;

	border-right:1px solid #a9a9a9;

	border-top:1px solid #aaaaaa;

	border-bottom:1px solid #a9a9a9;}	

	

select#topmenu option {

	padding:0px 7px 0px 7px;	}

	

/*general container*/	

.container { 

	width:960px;

	margin: 0;}

	

/*"content"	is around changable content on all text-interiors (ie not blog, news and cal -modules*/

.maincontent, .content {	line-height:1.5em;}





/********************************main and main_interior -

spans the main body between header and footer feature*/



#main{

	padding:25px 0 45px 0;

	color:#fff;}

	

#main_interior {

	padding: 80px 0 45px;

	color:#b4b3b3;}

	

/******************** COLUMNS ************************/

	

#column_bigleft {

	width:552px;

	float:left;yah sure

		}

	

#column_bigleft .feature {padding: 0 0 20px 0;}



#column_smallright{

	width:325px;

	float:right;	}

	

#subcolumn_wideleft {

	width:324px;

	float:left;}



#subcolumn_narrowright {

	width:204px;

	float:right;}

	

/* BLOGS, NEWS, AND CAL LISTS FOR HOME AND MODLE PAGES*/

	

ul.list_blog, ul.list_news, ul.list_cal{

	list-style-type:none;

	border-top:1px solid #a3a3a3;

	border-bottom:1px solid #a3a3a3;

	margin: 0 0 25px 0;}

	

ul.list_cal {background: #202020;

	border-bottom:none;}



ul.list_news{border-top:none}



ul.list_blog li, ul.list_news li, ul.list_cal li{

	display:block;

	list-style-type:none;

	padding:14px 15px 15px 0;}

	

ul.list_blog li{

	padding:10px 15px 11px 0;}



ul.list_news li {

	border-top:1px solid #a3a3a3;

	background-image: url(../images/bg_blogshort.gif);

	background-position:right top;

	background-repeat:no-repeat;	}



ul.list_cal li {padding: 8px 7px 7px 13px;}

ul.list_blog li .metadata, ul.list_news li .metadata, ul.list_cal li .place{

	font-size:10px;

	color:fff;

	text-transform:uppercase;}

	

ul.list_cal .date, ul.list_cal .date a, ul#major_cal li .info .location, ul#major_news li .info .title, ul#major_news li .info .title a, .info .title{

	font-size:14px;

	color:#00aeef;

	padding: 0 0 3px 0;

	text-transform:uppercase;	}



ul.list_blog li .metadata .author, ul.list_news li .metadata .author{

	color:#626769;

	border-left:1px solid #626769;

	margin:0 0 0 5px;

	padding:0 0 0 5px;}

	

ul.list_blog li .metadata .author a, ul.list_news li .metadata .author a, {

	color:#626769;}



	

ul.list_blog li .title, ul.list_news li .title{

	font-size:16px;

	font-family:georgia, times new roman, serif;

	color:#00aeef;

	font-style:italic;

	padding:5px 0 0 0 ;}

	

ul.list_blog li .title a, ul.list_news li .title a {color:#00aeef;}



ul.list_news li .short, ul.list_cal li .short {

	color:#b4b3b3;

	font-size:12px;

	padding: 5px 0 0 0 ;

		line-height:1.3em;

}



ul.list_news li .short a.more, ul.list_cal li a.more, a.more{

	color:#fffd4d; 

	font-size:12px;

	text-transform:uppercase;}

	

	

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



a.more_blue {	text-transform:uppercase; color:#00aeef;}



.player_big {

	background:#161616;

	padding:12px;

	text-align:center;

	position:relative;

	height:1%;}

	

.player_big .title {

	text-align:left;

	font-size:16px;

	font-family:georgia, times new roman, serif;

	color:#00aeef;

	font-style:italic;

	padding:10px 0 0 0;}



.player_big img.open {

	position:absolute;

	bottom:10px;

	right:12px;}





.promo_interior { margin: 0 0 23px 0}



.launch_player { margin: 0 0 18px 0}



.newsletter {

	background-image: url('../images/newsletter_bg.jpg');

	background-repeat: no-repeat;

	background-color: #000000;

	height: 39px;

	margin-bottom: 25px;

	padding-top: 35px;

	padding-left: 10px;

	}



input.join-btn {

	width: 80px;

	height: 25px;

	margin: 0;

	border: none;

	background: #000000 url('../images/join_btn.jpg') no-repeat;

	background-position: top left;

	cursor: pointer;

	padding: 6px;

	margin-left: 10px;

}



input.newsletter-text {

	height: 11px;

	padding: 4px 0;

}



.network { 

	background:#202020;

	text-align:center;

	border-top:1px solid #a3a3a3;

	padding:12px 12px 0 12px;}

	

.network img { 

	width:300px;}

	

.network .spacer

	{height:12px;

	width:300px;}





/**********************interior specifics******************/



/*calender list*/



ul#major_cal, ul#major_news   {

	border-top:1px solid #a3a3a3;

	list-style-type:none;}

	

ul#major_cal li, ul#major_news li  {

	list-style-type:none;

	display:block;

	padding:10px 0 0 0 !important;

	font-size:12px;

	color:#b4b3b3;}	

	

ul#major_cal li .date{

	float:left;

	background-color:#0094d0;

	background-image: url(../images/date.gif);

	background-repeat:no-repeat;

	color:#fff;

	text-align:center;

	height:38px;

	width:38px;

	line-height:1.4em;}

	

ul#major_cal li .date span.month { text-transform:uppercase; font-size:14px;}



ul#major_cal li .date span.number {font-size:22px;}

	

ul#major_cal li .info, ul#major_news li.info {

	float:left;

	padding:0 0 0 10px;

	width:400px;

	line-height:1.3em;} 

	

ul#major_cal li  {padding:0;}



/*features paragraph*/



#main_interior {font-size:12px;}



#main_interior .feature { 

	font-size:14px !important;

	padding:10px 5px 10px 0 !important;

	margin: 10px 0 !important;

	border-top:1px solid #b4b3b3;

	fong-weight:normal;

	background-image: url(../images/p_gradient.gif);

	background-position:top right;

	background-repeat:no-repeat;}

	

span.important {font-size:16px; color:#fff;}

	

.ordinary {

	background-image: url(../images/p_gradient.gif);

	background-position:top right;

	background-repeat:no-repeat;

	padding: 0 10px 0 0 ;

	border-top: solid 1px #525252;}

	

/*******/



.small_sidefeature{

	background:#fff;

	color:#000;

	background-position:top left;

	background-repeat:no-repeat;

	padding:230px 10px 10px 15px;	

	margin: 0 0 15px 1px;

	line-height:1.5em;

	font-size:11px !important;}

	

.small_sidefeature p{	}

	

.small_sidefeature span.intro	{

	font-family:georgia, 'times new roman', serif;

	font-size:15px;

	font-weight:bold;

	font-style:italic;

	padding: 0 0 0 20px;}

	

.timestamp{

	font-size:10px;

	color:#626769;

	text-transform:uppercase;

	padding: 5px 0 7px 0;}



/*youtube and other box icon section- spans the whole page and has container inside it*/

#content_bottom_feature {

	background-color:#161616;

	color:#fff;

	padding: 20px 0 0 0;}



.add {

	float:right; 

	font-size:11px;

	letter-spacing:0px;

	margin-top:20px;}



.add a {color:#fffd4d;}



.feed {float:right;}

.iconbox {

	background:#202020;

	border-top:1px solid #595959;

	padding:10px 0 10px 10px;

	margin:10px 0px 30px 0px;

	}	



.iconbox img {

	float:left;

	padding:6px;

	background:#fff;

}

	

img.youtube {

	height:97px;

	width:130px;		

	margin: 0 42px 0 0;}

	

	

img.flickr {

	/*height:88px;

	width:88px;}*/

	height:75px;

	width:75px;

		margin: 0 12px 0 0;}

	



/************************FOOTER*******************/



#footer {
float:left;
background:transparent;
border-top:1px solid gray;
height:100px; width:920px;
color:white;
	margin:10px 0 1px 14px;
padding:20px;
font-size:12px;
}



#footer_left {

	float:left;

	color:#fff;

	font-size:11px;

	padding: 5px 0 0 0 ;}

	

#footer_left a {color:#000;}

	

#below_footer {

	height:95px;

	background-image: url(../images/bg_below_footer.gif);

	background-position:left top;

	background-repeat:repeat-x;}

	



/*auxillary styles*/



.hidden {display:none;}



.cleaner {height:1px; clear:both; font-size:1px; border:0;}



/****************NEWS ADDITIONAL STYLES****************/



img.news-image {float: left; margin-right: 10px; margin-bottom: 10px;}



	

/****************BLOG ADDITIONAL STYLES****************/



.blog-nav { 

	background:#202020;

	text-align:left;

	border-top:1px solid #a3a3a3;

	padding:12px 12px 0 12px;}



.blog-nav hr {

	margin-bottom: 10px;}

	

.blog-nav img { 

	width:300px;}

	

.blog-nav .spacer

	{height:12px;

	width:300px;}

	

a.rss_btn { 

	float: right; 

	width: 15px; 

	height: 15px; 

	background: transparent url('../images/rss.gif') 0 0 no-repeat; 

	margin: 2px 0 0 0; 

	border: 0; }

	

a.rss_btn:hover { 

	background: transparent url('../images/rss.gif') 0 0 no-repeat; 

	border: 0; }

a.rss_btn span { 

	display: none; }



#comment_policy { 

	margin: 1.25em 0 0 0; 

	padding: 1em 0 0 0; 

	border-top: 1px dashed #889; }



.expandable, .contractable {

	background-position: 0 center;

	background-repeat: no-repeat;

	cursor: pointer;

	padding: 0 0 0 20px;

}

.expandable { 

	background-image: url('../images/plus.gif');

	background-color: transparent;

			 }

.contractable { 

	background-image: url('../images/minus.gif');

	background-color: transparent; }



.hilite {

	background:#202020;

	text-align:center;

	padding:8px 12px 8px 12px;

}



.comments { 

	background: #202020; 

	padding: 10px 20px 20px 20px;

}

/*************PAGE STYLING UPDATE********/

span.story{

	font-size: 12px;

	}

	

.ordinary {padding-top: 10px;}



#main_interior .feature { 

	font-size:14px !important;

	padding:10px 5px 0 0 !important;

	margin: 10px 0 !important;

	border-top:1px solid #b4b3b3;

	border-bottom: 1px solid #b4b3b3;

	fong-weight:normal;

	background-image: url(../images/p_gradient.gif);

	background-position:top right;

	background-repeat:no-repeat;}



.behind-name b { font-family:georgia, 'times new roman', serif;

	font-size:20px;

	font-weight:bold;

	font-style:italic;

	padding: 0 0 0 20px;}

	

hr {

	background-color: #a3a3a3;

	height: 1px;

	border: none}

	

input.button-preview{

	background-image: url('../images/preview.jpg');

	border: none;

	width: 82px;

	height: 24px;}

	

input.button-submit{

	background-image: url('../images/submit.jpg');

	border: none;

	width: 82px;

	height: 24px;}

	

	

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

/*							ATM STYLE							*/

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



#atm-container {

	border: 1px solid #00aeef;

	padding: 10px;

	}



#atm-nav-main{

	position: relative;

	height: 33px;

	margin: 0 15px 0px 15px;

	padding: 5px 0 0 10px;

}

#atm-nav-main ul{

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

#atm-nav-main ul li{

	float: left;

	position: relative;

	height: 33px;

	text-transform: uppercase;

	background: #00aeef;

	border-bottom: 1px solid #fff;

}

#atm-nav-main ul li#active {border-bottom: 1px solid #000;}



#atm-nav-main ul li#active a, #menu ul li a:hover { 

	color: #fff;

	background: #000;

	background-image: url('../images/atm-on.jpg');

	background-repeat: no-repeat;

	background-position: right top;

}



#atm-nav-main ul li a .left {

	width:8px;

	height:33px;

	font-size:1px;

	position:absolute;

	top:0px;

	left:0px;

	background-image:url('../images/atm-off-left.jpg');

	background-repeat: no-repeat;

}



#atm-nav-main ul li#active a .left,  #atm-nav-main ul li a:hover .left {

	background-image:url('../images/atm-on-left.jpg');  padding-bottom: 11px;}

	

#atm-nav-main a{

	display: block;

	color: #fff;

	text-decoration: none;

	padding: 9px 10px 10px 10px;

	background-image: url('../images/atm-off.jpg');

	background-repeat: no-repeat;

	background-position: right top;

	

}



#atm-nav-main a:hover { background-image: url('../images/atm-on.jpg');background-repeat: no-repeat; }



.atm-content {

	border: solid 1px #fff;

	height: 1%;

	}

	

.atm-content.text {

	padding: 20px;

	}

	

a.atm-subnav-item {

	display: block;

	width: 230px;

	height: 27px;

	padding-top: 8px;

	text-align: center;

	background-image: url('../images/atm-subnav-off.png');

	float: left;

	margin: 20px 30px;

	color: #fff;

	font-size: 15px;

	overflow: hidden;

	}

	

a.atm-subnav-item:hover {background-image: url('../images/atm-subnav-on.png'); }

span.float-left {float: left;}

span.float-right {float: right;}



img.float-left {float: left; margin: 0 10px 10px 0;}

img.float-right {float: right; margin: 0 0 10px 10px;}





div#video_item {float: left; margin-right: 83px; margin-top: 20px; width: 126px;}

div#video_item.last{margin-right: 0px}



#video_item_title {color: #00aeef; font-size: 13px; margin-top: 5px;}



a:hover #video_item_title {text-decoration: underline;}



#playlist-item {

	display: block;

	width: 89px;

	position: relative;

	left: 0px;

	}

	

.video-title {color: #00aeef; font-size: 13px; text-align: left;}



a:hover .video-title {text-decoration: underline;}



#video-playlist { }









#scrollbox-wrapper {overflow: hidden; width: 470px; margin-top: 10px;}



#side-scroll {width: 50000px;}



#play-item {float: left; width: 80px; margin-right: 16px; text-align: left; }



#play-item a{color: #00aeef;}



span.left-arrow, span.right-arrow {

	display: block;

	height:79px; 

	width:18px;

	cursor: pointer;

	*margin-top: 10px;

}

span.left-arrow {

	float: right;

	background-image: url('../images/right-arr-blue.jpg');

	}



span.left-arrow:hover {

	background-image: url('../images/right-arr-gray.jpg');

}	



span.left-arrow.disabled-arrow {background-image: url('../images/right-arr-gray.jpg');}



span.right-arrow {

	float: left;

	margin-right: 13px;

	*margin-right: 8px;

	background-image: url('../images/left-arr-blue.jpg');

}





span.right-arrow:hover {

	background-image: url('../images/left-arr-gray.jpg');

}





span.right-arrow.disabled-arrow {background-image: url('../images/left-arr-gray.jpg');}



.atm-bottom-links {text-align: center; margin-top: 10px;}



.atm-top-links {text-align: center; margin-bottom: 10px; padding: 0 15px;}



.tooltip-box {background: #fff; width: 200px; padding: 10px;}



#current-video-title {margin-bottom: 10px;}



#current-video-desc {

	color: #b4b3b3; 

	text-align: left; 

	line-height: 1.1em; 

	font-size: 14px !Important; 

	margin-bottom: 15px;

	}


#slideshow, #slideshow2 {
height:246px;
margin: 12px 20px ;
padding:0;
border:1px solid #666;
width:946px;
position:relative;
background:white;

}
#slideshow img, #slideshow2 img {
height:246px;
left:0px;
position:absolute;
top:0px;
width:946px;

}
#slideshow a {
height:246px;
left:0;
position:absolute;
top:0;
width:946px;
}

#main_menu {left:0;
top:0;}

#menuwrapper {
	margin:99px 0 0 210px;
height:24px; width:100%;
	background:transparent; }

#menuwrapper li

{display: inline;
float: left;
text-align: center;
padding: 0;
margin: 0;}

#primary-nav ul 


{left:0;
top:0;}


#menuwrapper li a {
text-decoration: none;
font-weight:bold;
font-variant:small-caps;
padding: 1px 15px 5px 15px;
color: #fff;
background: black url(http://www.todomodomusicall.org/uploads/images/link_bg3.gif)  ;}
.menuparent { }
.menuactive { }

div#left {
  float: left;
   margin-left: 20px; 
    width:257px;
padding:0;
   margin-right: 25px; /* and some air on the right */
}

div#sinistra2 {
  float: left;
   margin-left: 20px; 
    width:257px;
padding:0;
   margin-right: 25px; /* and some air on the right */
}

div#center {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 450px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-right: 10px;
font-size:14px;
background: black; 



}

div#right {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 200px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-right: 35px;
font-size:14px;

}

div#destra2 {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 664px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-right: 35px;
font-size:14px;

}

div#content {
   margin:  0px; /* some air above and under menu and content */
}
#contcent{
border-top: 1px solid white;
 background: black url(http://www.todomodomusicall.org/uploads/images/news_bg.gif) 100% 0 no-repeat; 

font-size:14px;
}

#contsin2{
border-top: 1px solid white;
 background: transparent url(http://www.todomodomusicall.org/uploads/images/news_bg.gif) 0 0 no-repeat; 

}

#contdes2t{
border-top: 1px solid white;
 background: transparenturl(http://www.todomodomusicall.org/uploads/images/news_bg.gif) 0 0 no-repeat; 

padding:20px ;
color:white;
}

#niu{
border-top: 1px solid white;
padding:0;
margn:0;
}

#rait{
border-top: 1px solid white;
padding:0;
margin:0;
 background: black url(http://www.todomodomusicall.org/uploads/images/news_bgb.gif) 100% 0 no-repeat; 

color:lime;
}

/*  menu di servizio */

#menusu
{
float:right;
height:30px;
width:330px;
padding:15px 0 0 0 ;
background:transparent;

}

#menusu ul {
list-style:none;
    margin:0;
    padding:0;
  }

#menusu li {
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
    text-transform:uppercase;
  }

#menusu a, visited, active, hover {
    display: inline;
    float: left;
    font: 12px Arial;
    color: white;
    text-decoration: none;
    margin: 0 1px 0 0;
    padding: 3px;
    background-color: transparent;
  }

#cont_lab{
border-top: 1px solid white;
 background-color: black; 
padding:0;
margin:0;
color:white;
}

#cont_cont{
border-top: 1px solid white;
padding:40px;
margn:0;background-color: #111; 
width:870px;

margin:0 0 0 20px;
color:white;
}

.currentpage{padding-left:10px;
color:yellow;
}


/* End of 'nuovo_todo' */