/* Start of CMSMS style sheet 'ud_main_css' */
/*****************
 urban dialogues CSS
******************/

* {
   margin:0;
   padding:0;
}

body {
   text-align: left;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 75%;
   color: #ccc;
}

div {
   behavior: url(uploads/images/gfx/iepngfix.htc);
}

img {
   border: 0px;
   behavior: url(uploads/images/gfx/iepngfix.htc);
}

h1  {
   font-weight: normal;
   font-size: 200%;
}


/*****************
basic layout 
*****************/

body {
   background-color: #444;
   background-image: url(uploads/images/gfx/lines_04.gif);
   color: #333;
}

/* center wrapper, min max width */
div#page {
   border-left: 1px solid black;
   border-right: 1px solid black;
   margin: 0 auto;       /* this centers wrapper */
   width: 1024px;   /* IE wont understand these, so we will use javascript magick */
   background-image: url(uploads/images/gfx/lines_04.gif);
   background-color: #333;
   color: black;
}



/*****************
top_menu
*****************/

div#top_menu {
   height: 28px;
   width: 1024px;
   background-image: url(uploads/images/gfx/but_back.gif);
   background-repeat: repeat-x;
   color: #ccc;
   line-height: 1em;
   border-top: 1px solid #b0b5af;
   border-bottom: 1px solid #b0b5af;
}

div#top_home {
   height: 28px;
   width: 135px;
   float: left;
}

div#top_ab {
   height: 28px;
   width: 94px;
   background-image: url(uploads/images/gfx/top_ab_off.gif);
   float: left;
}

div#top_now {
   height: 28px;
   width: 67px;
   background-image: url(uploads/images/gfx/but_now_off.gif);
   float: left;
}

div#top_past {
   height: 28px;
   width: 70px;
   background-image: url(uploads/images/gfx/but_past_off.gif);
   float: left;
}

div#top_archive {
   height: 28px;
   width: 89px;
   background-image: url(uploads/images/gfx/but_archive_off.gif);
   float: left;
}

div#top_press {
   height: 28px;
   width: 78px;
   background-image: url(uploads/images/gfx/but_press_off.gif);
   float: left;
}

div#top_links {
   height: 28px;
   width: 69px;
   background-image: url(uploads/images/gfx/but_links_off.gif);
   float: left;
}

div#top_thanks {
   height: 28px;
   width: 79px;
   background-image: url(uploads/images/gfx/but_thanks_off.gif);
   float: left;
}


/*****************
top_menu_links
*****************/

#top_home a,
#top_home a:link,
#top_home a:active {
   padding: 8px 0px 0px 33px;
   display:block;
   text-decoration: none;
   color: #ffffff;
}

#top_ab a,
#top_ab a:link,
#top_ab a:active,
#top_now a,
#top_now a:link,
#top_now a:active,
#top_past a,
#top_past a:link,
#top_past a:active,
#top_archive a,
#top_archive a:link,
#top_archive a:active,
#top_press a,
#top_press a:link,
#top_press a:active,
#top_links a,
#top_links a:link,
#top_links a:active,
#top_thanks a,
#top_thanks a:link,
#top_thanks a:active {
   padding: 8px 0px 0px 8px;
   display:block;
   text-decoration: none;
   color: #ffffff;
}

#top_home a:visited
#top_now a:visited
#top_past a:visited
#top_archive a:visited
#top_press a:visited
#top_links a:visited
#top_thanks a:visited {
   text-decoration: none;
   color: #ffffff;
}

#top_home a:hover {
   height: 20px;
   width: 103px;
   background-image: url(uploads/images/gfx/arrow_02.gif);
   float: left;
   text-decoration: none;
   color: #ffffff;
   display:block;
}

#top_ab a:hover {
   height: 20px;
   width: 94px;
   background-image: url(uploads/images/gfx/top_ab_on.gif);
   float: left;
   text-decoration: none;
   color: #ffffff;
   display:block;
}

#top_now a:hover {
   height: 20px;
   width: 59px;
   background-image: url(uploads/images/gfx/but_now_on.gif);
   float: left;
   text-decoration: none;
   color: #ffffff;
   display:block;
}

#top_past a:hover {
   height: 20px;
   width: 62px;
   background-image: url(uploads/images/gfx/but_past_on.gif);
   float: left;
   text-decoration: none;
   color: #ffffff;
   display:block;
}

#top_archive a:hover {
   height: 20px;
   width: 81px;
   background-image: url(uploads/images/gfx/but_archive_on.gif);
   float: left;
   text-decoration: none;
   color: #ffffff;
   display:block;
}

#top_press a:hover {
   height: 20px;
   width: 70px;
   background-image: url(uploads/images/gfx/but_press_on.gif);
   float: left;
   text-decoration: none;
   color: #ffffff;
   display:block;
}

#top_links a:hover {
   height: 20px;
   width: 61px;
   background-image: url(uploads/images/gfx/but_links_on.gif);
   float: left;
   text-decoration: none;
   color: #ffffff;
   display:block;
}

#top_thanks a:hover {
   height: 20px;
   width: 71px;
   background-image: url(uploads/images/gfx/but_thanks_on.gif);
   float: left;
   text-decoration: none;
   color: #ffffff;
   display:block;
}


/*****************
ud_stage
*****************/

#stage {
   height: 382px;
   width: 680px;
   background-image: url(uploads/images/stage/stage.jpg);
   background-repeat: no-repeat;
   border-right: 1px solid #b0b5af;
   float: left;
}

#stage_text {
   height: 362px;
   width: 303px;
   background-color: #333;
   float: left;
   padding: 20px 25px 0px 15px;
   color: #ccc;
   line-height: 140%;
}

#stage_text a{
   font-weight:bold;
   color: #ccc;
}

#stage_text a:hover{
   color: #333;
   background-color: #ccc;
}

#stage_text  a:active{
   color: #333;
   background-color: #ccc;
}

#stage_text a:visited{
}

#stage_text h1 {
   font-weight: bold;
   font-size: 200%;
}

#sidebar {
   height: 373px;
   width: 135px;
   float: left;
}

#logo {
   height: 119px;
   width: 128px;
   padding: 9px 0px 8px 7px;
}

.adress {
   width: 126px;
   background-image: url(uploads/images/gfx/grey01.gif);
   font-size: 0.9em;
   line-height: 1.2em;
   color: #ccc;
   margin: 0px 0px 1px 0px;
   padding: 10px 0px 9px 9px;
}

#over_stage {
   padding: 200px 0px 0px 485px;
   behavior: url(uploads/images/gfx/iepngfix.htc);
}


/*****************
ud_news_content
*****************/

#top_news {
   height: 28px;
   width: 1024px;
   background-image: url(uploads/images/gfx/but_back.gif);
   background-repeat: repeat-x;
   color: #ccc;
   line-height: 1em;
   border-top: 1px solid #b0b5af;
   border-bottom: 1px solid #b0b5af;
   clear: both;
}

#news_txt {
   height: 20px;
   background-image: url(uploads/images/gfx/arrow_01.gif);
   background-repeat: no-repeat;
   float: left;
   padding: 8px 617px 0px 33px;
}

#news_txt_off {
   height: 20px;
   width: 136px;
   float: left;
   padding: 8px 511px 0px 33px;
}

#news_content {
   width: 1024px;
   background-color: #333;
   clear: both;
}

#news {
   width: 610px;
   border-right: 1px solid #ccc;
   padding: 8px 54px 10px 16px;
   color: #333;
   background-color: #c9cec8;
   float: left;
}

#news a{
   font-weight:bold;
   color: #333;
}

#news a:hover{
   color: #ccc;
   background-color: #333;
}

#news  a:active{
   color: #ccc;
   background-color: #333;
}

#news a:visited{
}

#news img{
    border: 0px;
}

#res_news {
   width: 310px;
   padding: 8px 17px 10px 16px;
   color: #ccc;
   float: left;
   background-color: #333;
   border-bottom: 1px solid #b0b5af;
}

#res_news a{
   text-decoration: none;
   color: #ccc;
}

#res_news a:hover{
   text-decoration: none;
   color: #333;
   background-color: #ccc;
}

#res_news  a:active{
   color: #333;
   background-color: #ccc;
}


/*****************
ud_about
*****************/

#about {
   width: 968px;
   padding: 8px 40px 25px 16px;
   color: #333;
   line-height: 140%;
   float: left;
   background-color: #b0b5af;
}

#about h2 {
   font-weight: normal;
   font-size: 150%;
   padding: 15px 0px 15px 0px;
}
#about a{
   font-weight:bold;
   color: #333;
}

#about a:hover{
   color: #ccc;
   background-color: #333;
}

#about a:active{
   color: #ccc;
   background-color: #333;
}

#about a:visited{
}


/*****************
ud_res_projects
*****************/

#res_pro_txt {
   height: 20px;
   background-image: url(uploads/images/gfx/arrow_03.gif);
   background-repeat: no-repeat;
   float: left;
   padding: 8px 17px 0px 33px;
}

#res_pro{
   width: 343px;
   background-color: #333;
   float: left;
}

#res_pro img {
   width: 343px;
   border-bottom: 1px solid #ccc;
}


/*****************
sub_area
*****************/

#sub_stage_now {
   height: 138px;
   width: 680px;
   background-image: url(uploads/images/gfx/sub_now.gif);
   background-repeat: repeat-y;
   border-right: 1px solid #b0b5af;
   float: left;
}

#sub_stage_now_over {
   height: 138px;
   width: 342px;
   background-image: url(uploads/images/gfx/sub_now_over.gif);
   float: left;
}

#sub_stage_past {
   height: 138px;
   width: 680px;
   background-image: url(uploads/images/gfx/sub_past.gif);
   background-repeat: repeat-y;
   border-right: 1px solid #b0b5af;
   float: left;
}

#sub_stage_past_over {
   height: 138px;
   width: 342px;
   background-image: url(uploads/images/gfx/sub_past_over.gif);
   float: left;
}

#sub_stage_archive {
   height: 138px;
   width: 680px;
   background-image: url(uploads/images/gfx/sub_archive.gif);
   background-repeat: repeat-y;
   border-right: 1px solid #b0b5af;
   float: left;
}

#sub_stage_archive_over {
   height: 138px;
   width: 342px;
   background-image: url(uploads/images/gfx/sub_archive_over.gif);
   float: left;
}

#sub_stage_press {
   height: 138px;
   width: 680px;
   background-image: url(uploads/images/gfx/sub_press.gif);
   background-repeat: repeat-y;
   border-right: 1px solid #b0b5af;
   float: left;
}

#sub_stage_press_over {
   height: 138px;
   width: 342px;
   background-image: url(uploads/images/gfx/sub_press_over.gif);
   float: left;
}

#sub_stage_links {
   height: 138px;
   width: 680px;
   background-image: url(uploads/images/gfx/sub_links.gif);
   background-repeat: repeat-y;
   border-right: 1px solid #b0b5af;
   float: left;
}

#sub_stage_links_over {
   height: 138px;
   width: 342px;
   background-image: url(uploads/images/gfx/sub_links_over.gif);
   float: left;
}

#sub_stage_thanks {
   height: 138px;
   width: 680px;
   background-image: url(uploads/images/gfx/sub_thanks.gif);
   background-repeat: repeat-y;
   border-right: 1px solid #b0b5af;
   float: left;
}

#sub_stage_thanks_over {
   height: 138px;
   width: 342px;
   background-image: url(uploads/images/gfx/sub_thanks_over.gif);
   float: left;
}

#sub_logo {
   height: 118px;
   width: 128px;
   padding: 9px 0px 11px 7px;
   float: left;
}

#sub_text {
   float: left;
   width: 530px;
   padding: 48px 15px 0px 0px;
   color: #ccc;
   font-size: 320%;
   line-height: 100%;
   text-align: right;
   text-transform: lowercase;
}


/*****************
ud_thanks
*****************/

#thanks_content {
   width: 663px;
   border-right: 1px solid #ccc;
   padding: 15px 15px 19px 2px;
   background-color: #b0b5af;
   float: left;
}

#thanks_content img {
   width: 120px;
   height: 120px;
   border: 1px solid #333;
   margin: 5px 5px 5px 5px;
   float: left;
}


/*****************
ud_links
*****************/

.links {
   margin: 0px 0px 0px 8px;
}


/*****************
ud_archive
*****************/

#ud_archive {
   width: 343px;
   float: left;
   padding: 1px 0px 0px 0px;
   background-color: #b0b5af;
}

.archive_text {
   height: 20px;
   color: #ccc;
   background-image: url(uploads/images/gfx/but_back.gif);
   padding: 5px 0px 0px 14px;
}

#ud_archive ul {
   margin: 0px 0px 0px 0px;

}

#ud_archive ul ul {
   margin: 0px 0px 0px 0px;
   display: inline;
}

#ud_archive li {
   list-style: none;
   padding: 0px 0px 0px 0px;
   border-bottom: 1px dotted #333; 
}

#ud_archive li a{
   text-decoration: none;
   color: #333;
   display: block;
   background-color: #b0b5af;
   padding: 4px 0px 5px 35px;
}

#ud_archive li a:hover{
   text-decoration: none;
   color: #333;
   background-color: #c9cec8;
}

#ud_archive li  a:active{
   text-decoration: none;
   color: #333;
   background-color: #c9cec8;
}

#ud_archive li a:visited{
}


/*****************
ud_footer
*****************/

#bigfoot{
   height: 20px;
   width: 1024px;
   background-image: url(uploads/images/gfx/but_back.gif);
   background-repeat: repeat-x;
   color: #999;
   font-size: 0.8em;
   text-align: center;
   padding: 8px 0px 0px 0px;
   border-top: 1px solid #b0b5af;
   border-bottom: 1px solid #000;
   clear: both;
}

#bigfoot a{
   text-decoration: none;
   color: #ccc;
}

#bigfoot a:hover{
   text-decoration: none;
   color: #333;
   background-color: #ccc;
}

#bigfoot  a:active{
   text-decoration: none;
   color: #333;
   background-color: #ccc;
}

#bigfoot a:visited{
   text-decoration: none;
}

div#bigfoot p {
   padding: 1.8em;
}
/* End of 'ud_main_css' */