@charset "utf-8";

/* CSS Document */



/* -----------------------------------------------

1. SITE MASTER SETUP

----------------------------------------------- */

body{ margin:0px; padding:0px; font-family: Verdana, Helvetica, sans-serif; font-size:0.76em; color:#000; font-weight:normal; background:url(images/bg_page.gif) left top  repeat-x #f5f5f5}

h1 (text-size: 24px;)

table {border-collapse:collapse;}

img{ border:none;}

a{text-decoration:none; color:#000000;}

a:hover{ color:#64a7d9; }

a:focus {outline: none;}

.clearfix:after {
   height: 0; 
   content: "."; 
   display: block; 
   clear: both; 
   visibility: hidden;
   }
 
p{ margin:5px 0}



/* -----------------------------------------------

2. PAGE SETUP

----------------------------------------------- */

#top_navigation{ width:1150px; margin:0px auto; height:60px; text-align: center;}

#wrapper{ width:1150px; margin:0px auto; background: url(images/bg_wrap1.jpg) center top no-repeat;}

#main_content{width:959px; margin:0 auto;  }

#header{ height:166px; width:920px; margin:0 auto }

#content{ width:959px; margin:0 auto; background:url(http://www.dtheatre.com/images/bg_contenbt.jpg) left 0px no-repeat; _background:url(images/bg_content.jpg) 1px top no-repeat  }

#footer{ min-height: 0; width:100%; margin:0 auto; clear:both; background:url(images/bg_footer.jpg) left top repeat-x; height:299px; color:#fff}

#footer_content{ width:860px; margin:0 auto; padding:10px 0 0 0}

/* -----------------------------------------------

3. TOP NAVIGATION

----------------------------------------------- */

#top_navigation ul{ list-style-type:none; padding:0px; padding-left:3px; margin:0px 0 0 0px}

#top_navigation ul li{ float:left; padding:10px 15px 0 10px}

#top_navigation ul li a{ color:#fff; text-transform:uppercase; font-size:108%; font-weight:bold}

#top_navigation ul li a:hover{ color:#64a7d9}





/* -----------------------------------------------

4. HEADER

----------------------------------------------- */

#logo{ width:145px; height:146px; float:left; display:block; padding:18px 0 0 45px;}



#search{ width: 380px; float:left; padding:60px 0 0 40px; display:block}

#search input{font-size:20px; line-height:normal;height:25px;}

.btn_go{ margin:0px 0 0 0; height:31px!important; background:url(images/btn_go.gif) 0px 0px no-repeat; border:none; color:#fff; width:49px; cursor:pointer }



#login{ width:240px; float:right; padding:0px 38px 0 0px; margin:0px;}

#login form { margin:0px; padding:0px}

#login label{ color:#fff; font-weight:bold;}

.col1 {float:left;text-align:right; width:80px; font-size:1em; margin:9px 3px 0 0  }

.col2 { float:left; margin:5px 0; display:block; width:150px; padding:0 0 0 3px}

.col2 input{ width:148px; height:16px; }

.login_title{ font-weight:bold; text-transform:uppercase; color:#fff; text-align:right; font-size:105%}

.col3{  width:100%; text-align:right}

.col3 input{ background:url(images/btn_login.gif) left 2px no-repeat; width:118px; height:29px; border:none; color:#fff; font-weight:bold; text-align:center; cursor:pointer; text-transform:uppercase; /*for IE6*/_padding:3px 0 0 0} 

#login span{ color:#fff;}

.sign_up{ font-size:110%; width:auto; display:block; margin:10px 0 0 0;}

.sign_up a{ color:#fff; }

/* -----------------------------------------------

5. CONTENT

----------------------------------------------- */

.last_posts{ width:860px; _width:876px/*for IE6*/; background:url(images/line_horiz.gif) center bottom no-repeat; padding:0 0 25px 0; display:block}

.posts_box{ float: left; width:180px; margin: 0 17px;  }

.posts_box h2{ color:#004b8b; font-size:11px; margin:0px; padding:10px 0 0 0px; text-transform:uppercase; text-align:left; height:50px}

.posts_box p{ font-size:90%}

.posts_box em{ font-size:90%}

.posts_box a{ color:#000000; font-size:11px; font-weight:bold}

.posts_box a:hover{ color:#64a7d9} 



/* main columns */

#wrapper_content{ width:860px; margin:0 auto;}

.left{ width:425px; float: left; padding:0 0 20px 0; margin:5px 0 0 0px}

.left a{text-decoration:underline;}

.featured{ background:url(images/green_tab.gif) 0px top no-repeat; width:409px; padding: 0 0 0 15px;/* margin:0 0 0 20px*/}

.featured h1{ color:#fff; padding:20px 0 10px 0px; font-size:18px;}

.featured h1 a{color:#000000;}

.featured h2{ color:#363636; padding:20px 0 10px 0px; font-size:14px;}

.featured h3{ color:#363636}

.title{ font-weight:bold; text-transform:capitalize}

.date a{ color:#2e405d;  padding:0 0 5px 0; border-bottom:solid 1px #8c9700; margin:0 0 10px 0; font-size:90% }

.more_head{ color:#8c9700!important; padding:0 0 0 130px ; font-weight:bold; background:url(images/arr_green.jpg) 110px center no-repeat}

.featured p{ line-height:20px; width:404px}

/*.featured a{ color: #0000ff} this is the color of all the links in the posts */

.featured a:hover{ color:#CCCC33!important}

.adds{ width:auto; height:auto; line-height:24px; padding:20px 0 0 10px}

.adds a{ color:#0000CC;}



.right{ width:425px; float:left; padding:0 0 0 10px; _padding:0 0 0 0px; /*for IE6*/ }

.adds_right{ width:404px; height:auto; line-height:22px; padding:20px 0 0 10px; margin:0 auto}

.adds_right a{ color:#0000CC;}

.green { color:#8C9700!important; font-size:11px}

.green span{ padding:0 0 0 117px}

.green a{ color:#8C9700!important; font-size:11px}





.new_trailers{ background:url(images/blue_tab.gif) 0px top no-repeat; width:350px; padding: 0 0 0 15px; margin:18px 0 0 0px;}

.new_trailers h2{ color:#fff; padding:20px 0 10px 0px; font-size:14px; text-transform:uppercase; clear:both}

.new_trail_box{ width:155px;  float:left; padding:10px 0 0 0}

.new_trail_box p, .new_trail_box2 p{ text-transform:uppercase}



.new_trail_box2{width:155px;  float:left; padding:10px 0 0 80px }

.row{ width:auto; clear:both}

.more{ text-align:right; font-weight:bold; padding:13px 18px 0 0; }



.recent_news {  background:url(images/orange_tab.gif) 0px top no-repeat; width:350px; padding: 0 0 0 15px; margin:10px 0 30px 0px;}

.recent_news h2{ color:#fff; padding:20px 0 10px 0px; font-size:14px; clear:both}

.recent_news ul { padding:0px; margin:0 0 0 0px; list-style-type:none }

.recent_news ul li{ padding:5px 0px 5px 12px; background:url(images/arrow_yell.gif) left center no-repeat}





/* -----------------------------------------------

6. FOOTER

----------------------------------------------- */

#footer_content h2{ color:#fff; font-size:120%; border-bottom: solid 1px #546875; width:300px; padding:0 0 3px 0; color:#fff  }

.fo_col{ width:210px ; float:left; padding:0px; height:130px}

.fo_col ul{ list-style-type:none; padding:0px; margin:0px}

.fo_col ul li{ padding:5px 0}

.fo_col a{ color:#fff}



.bottom_foo{ width:100%; clear:both; font-size:90%; line-height:15px}

.copyright{ width:420px; float:left}

.fo_menu{width:295px; float:right; padding:25px 0 0 0 }

.fo_menu ul{ list-style-type:none; margin:0px ; padding:0px}

.fo_menu ul li{ padding:0 10px; display: inline; text-align:right}

.fo_menu ul li a{ color:#fff; text-transform:uppercase}

.fo_menu ul li a:hover{ color:#64a7d9}





/*pages*/

.posts_listing{width:auto; height:auto; line-height:24px; padding:20px 0 0 10px}

.posts_listing h3{ font-weight: bold; text-transform:uppercase; color:#8c9700}

.posts_listing p{ width:400px}

.posted_by{ color:#8c9700; border:solid 1px #edf9c8; padding:3px; font-size:90%; background:#edf9c8; margin:20px 0 0 0!important}

.bottom_post{ background:url(images/line_hor_short.jpg) center top no-repeat; padding:10px 0 0 0; margin:10px 0 0 0 }