/* Theme Name:The Roxy Theatre Group Theme URI: Description:The Roxy Theatre Group Wordpress Theme Version:1.0 Author:Julius Belen Author URI:http://juliusbelen.ph Tags:white, red, gray */ @charset "utf-8"; /* CSS Document */ * { padding:0; margin:0;} body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ddd;background: url(images/bg.png) no-repeat center top #FFF; } /*default*/ form { background:none; margin:0; padding:0; border:0 !important;} a img{ border:0;} ul { list-style:none !important;} .clear { padding:0; margin:0; clear:both; height:auto;} /* COLORS: Text: Link: Hover: */ /*wrapper*/ .wrap { width:944px; margin:0 auto; position:relative; height:auto; padding:0;} .wrap-inside { width:944px; float:left; height:auto; padding:0; margin:0;} /*Header*/ .header { width:944px; float:left; height:auto;} .top-left { width:330px; float:left; height:auto;} .top-right { width:614px; float:right; height:auto; padding:52px 0 0 0;} ul.main-menu { display:block; width:585px; height:36px; margin:0; padding:0 0 0 15px; background:url(images/top-menu-bg.png) no-repeat; float:right;} ul.main-menu li{ display:inline; margin:0 10px 0 0;} ul.main-menu li a{ color:#fff; font-size:11px; text-decoration:none; font-weight:bold; height:22px; text-align:center; display:block; float:left; padding:14px 10px 0 10px; margin-right:1px; } ul.main-menu li a:hover, ul.main-menu li.current_page_item a {background:url(images/menu-arrrow-hover.png) no-repeat center top #B31A14;} a.main-menu-active {background:url(images/menu-arrrow-hover.png) no-repeat center top #B31A14 !important;} .sub-menu-bar { width:930px; height:45px; background:url(images/menu-sub-bg.png) no-repeat; float:left; padding:0 0 0 14px;} ul.sub-menu { display:block; float:left; width:100%; margin:0; padding:0; height:45px;} ul.sub-menu li{ display:block; float:left; height:45px;} ul.sub-menu li a{ display:block; float:left; height:30px; font-size:16px; color:#ffffff; text-decoration:none; padding:15px 16px 0 14px; margin:0; background:url(images/menu-sub-line-2.png) no-repeat right top; } ul.sub-menu li a:hover, ul.sub-menu li.current-cat a { background-color:#68696E;} li.sub-menu-space { width:2px; height:45px; background:url(images/menu-sub-line.png) no-repeat;} li.sub-menu-space2 { width:2px; height:45px; background:url(images/menu-sub-line-2.png) no-repeat;} /*Content*/ .content { width:944px; float:left; height:auto; min-height:900px; background: url(images/content-bg.png) repeat-x top #F0F0F0; padding:25px 0 0 0;} .frame-slider { width:917px; float:left; height:auto; padding:0 0 0 27px; margin-bottom:17px;} .frame-slider-box {background:#B5B5B5; position:relative; width:887px; height:370px;} .content-body {width:924px; float:left; padding:0 0 0 20px; background:url(images/content-body-bg.png) repeat-y;} /*Left*/ .left { width:598px; float:left; height:auto; padding:15px 0 0 0;} /* Post */ .post-box { width:598px; float:left; height:auto; background:url(images/post-line-bg.png) no-repeat bottom; padding:0 0 49px 0; color:#636363; } .content li, .content p { color:#636363; } .content ul { padding:0 0 10px 20px; } .content li { list-style:disc; padding:2px 0; } .post-box-L { width:118px; float:left; height:auto;} .post-box-R { width:468px; float:right; height:auto; color:#636363;} .post-box p{ display:block; color:#636363; line-height:19px; margin-bottom:16px;} h1.post-title { display:block; font-size:20px; padding:3px 8px; color:#fff; background:#A40505; margin-bottom:20px;} h1.post-title a{ text-decoration:none; color:#fff;} h1.post-title a:hover{ text-decoration: underline;} h1.post-title2 {color:#a40505; font-family:26px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; border-bottom:1px solid #D6D6D6; padding:0 0 8px 0; margin:0 0 12px 0;} h1.post-title2 a{ text-decoration:none;color:#a40505;} h1.post-title2 a:hover{ text-decoration:underline;} .post-date { display:block; font-size:12px; color:#636363; padding:0; margin:0 0 16px 0; } .post-date a{ text-decoration:none; color:#636363;} .post-date a:hover{ text-decoration:underline;} .post-date2 { display:block; font-size:12px; color:#000000; padding:0; margin:0 0 20px 0; } .post-date2 a{ text-decoration:none; color:#000000;} .post-date2 a:hover{ text-decoration:underline;} a.more-link { text-decoration:underline; color:#636363;} a.more-link b { display:block; width:86px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; padding:0 0 0 20px; margin:15px 0 0 0; background:url(images/icon-read-more.png) no-repeat left; } a.more-link:hover { text-decoration:none;} b.post-read-more { clear:both; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; padding:0 0 0 20px; margin:15px 0 0 0; background:url(images/icon-read-more.png) no-repeat left;} b.post-read-more a{ text-decoration:none; color:#353535;} b.post-read-more a:hover{ text-decoration:underline;} /* .post-paging {width:598px; float:left; height:auto; font-weight:bold;} .post-paging a{ padding: padding:5px 8px; color:#373737; text-decoration:none; background:#FAFAFA; border:1px solid #D9D9D9; } .post-paging-current { padding:5px 8px; color:#373737; font-size:12px; background:#FAFAFA; border:1px solid #D9D9D9; float:left;} */ /*Right*/ .right { width:307px; float:right; height:auto;} .right-top {width:307px; float:left;} .right-body {width:307px; float:left; background:url(images/right-body-bg.png) repeat-y;} .right-body-box {width:307px; float:left; background:url(images/right-separator-bg.png) no-repeat bottom; padding:0 0 20px 0; margin-bottom:20px;} .follow-box { width:307px; float:left; color:#4a4a50; text-align:center; padding:0 0 8px 0;} .follow-box b{ display:block; padding:0 0 13px 0; text-align:center;} .follow-box span{ padding:0 3px;} .program {width:307px; float:left; text-align:center;} .upcoming {width:261px; float:left; padding:0 22px 0 24px; } p.up-title { font-size:24px; color:#999999; display:block; padding:0; margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif;} ul.upcoming-list { display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; margin-left:0px; width:261px;padding:0px;} ul.upcoming-list li{ display:block; padding:8px 10px; border-bottom:1px solid #fff; background:#353535;} span.upcoming-date { font-weight:bold; color:#ffffff; } span.upcoming-date a{ text-decoration:none; color:#ffffff;} span.upcoming-date a:hover{ text-decoration:underline;} span.upcoming-text { color:#999999; } span.upcoming-text a{ text-decoration:underline; color:#999999;} span.upcoming-text a:hover{ text-decoration:none;} .search-box-holder { width:261px; float:left; padding:0 0 0 46px; margin-bottom:5px;} .search-box { width:207px; height:51px; float:left; background:url(images/search-bg.png) no-repeat; padding:54px 0 0 9px;} .search-box-H {width:207px; float:left; height:auto; font-size:11px; color:#000; margin-bottom:5px;} .search-box-H2 {width:167px; float:left; height:auto; font-size:11px; color:#000; padding:0 0 0 40px;} .search-box-L { width:133px; height:19px; background:url(images/search-input.png) no-repeat; padding:3px 5px 0 5px; float:left;} .search-box-L input{ width:132px; font-size:11px; color:#A9A9A9; border:none; background:#fff;} .search-box-R { width:60px; float:left; height:auto;} .search-box-L2 { width:54px; float:left;} .search-box-L2-A { width:20px; float:left;} .search-box-L2-B { width:34px; float:left;} .search-box-R2 { width:74px; float:left;} .search-box-R2-A { width:20px; float:left;} .search-box-R2-B { width:54px; float:left;} .ads-box-holder { width:284px; float:left; padding:0 0 0 23px;} .ads-box-H { width:284px; float:left; margin-bottom:12px;} .ads-box-holder a { width:125px; height:125px; float:left; margin:0 12px 12px 0; } #flickrrss { background:none; width:284px; float:left; padding:0 0 20px 23px; font-size:24px; color:#999999; display:block; margin:-10px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; line-height:45px; } #flickrrss a { width:83px; float:left; height:83px; margin:0 5px 5px 0; display:block; } #flickrrss a img{ width:81px; height:81px; border:1px solid #DCD5CB;} /*Footer*/ .footer { width:944px; float:left; height:auto;} .footer .textwidget { display:inline; } .footer-top {width:944px; float:left; height:58px; background:url(images/footer-top-bg.png) no-repeat; color:#666666; font-size:13px; text-align:center; padding:48px 0 0 0; } .footer-list {width:944px; float:left; height:auto;} .footer-list-L {width:666px; float:left; height:auto;} ul.foot-icon-list { display:block; float:left; margin:0; padding:0 0 0 110px; } ul.foot-icon-list li{ display:inline; padding:0; margin:0 22px 0 0; color:#666666; font-size:11px;} ul.foot-icon-list li b{ color:#333333;} ul.foot-icon-list li a{ text-decoration:none; color:#333333;} ul.foot-icon-list li a:hover{ text-decoration:underline;} .footer-list-R {width:265px; float:left; height:auto;color:#666666; font-size:11px; padding:4px 0 0 8px;} .footer-list-R b{ color:#333333;} li.foot-icon-list-last { margin:0 !important; padding:0 !important;} ul.foot-bottom-list { display:block; width:100%; text-align:center;} ul.foot-bottom-list li{ display:inline; color:#333333; font-size:9px; text-transform:uppercase;} ul.foot-bottom-list li span{ padding:0 5px;} ul.foot-bottom-list li a{color:#333333; text-decoration:none;} ul.foot-bottom-list li a:hover{ text-decoration:underline;} #disqus_thread { color:#666; } .wpcf7 .wpcf7-mail-sent-ok { border:solid 1px #C2231A; background:#C2231A; color:#fff; } .dig-in {margin-left:40px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; text-decoration:none;} .dig-in a{ text-decoration:none; color:#353535;} .dig-in a:hover{ text-decoration:underline;} .red_butt{ width:16px; height:16px; background-repeat:no-repeat; background-image:url('http://www.roxyperformingartscenter.com/wp-content/themes/roxytheatre/images/icon-read-more.png'); }