<data:blog.pageTitle/> Templatelite.com. Version: 1.00 Author: TemplateLite.com Author URI: http://www.templatelite.com/ Tags: Classic, Brown, Left Sidebar, Right Sidebar, Fixed Width, 3 columns, Widget Ready, Valid XHtml, Valid CSS Template Name: Theater Room Template URI: http://www.bloggerstyles.com/theater-room-blogger-template Version: 1.0 Converter: Blogger Styles Converter URI: http://www.bloggerstyles.com ------------------------------------------------------------------------------- */ /* Variable definitions ==================== */ #navbar-iframe { height:0px; visibility:hidden; display:none; } /***** GENERAL *****/ body{ margin:0px auto; font: x-small Verdana, Arial, Helvetica, Sans-Serif; font-size/* */:/**/small; font-size: /**/small; color:$textcolor; background:#020912 url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_repeat.jpg) repeat-y top center; border:0px yellow solid; } img { border:0px; /*padding:5px;*/ /*max-width: 100%;*/ /* not working in IE6*/ } a {color:$linkcolor;text-decoration: none;} a:hover {color:$hoveredlinkcolor;text-decoration: underline;} h1 {font-size:30px;} h2 {font-size:26px;} h3 {font-size:21px;} h4 {font-size:17px;} h5 {font-size:14px;} h6 {font-size:12px;} p {margin: 0px 0px 12px 0px;} hr {height:1px;border:none;border-top:1px dashed #536571; width:95%;} del {color:red;} ins {color:green;} blockquote { clear: left; text-align: justify; padding: 0px 0px 0px 22px; margin: 10px 10px 10px 10px; border-left: 2px solid #536571; } input,select,textarea { font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; } code{ font: 1.1em 'Courier New', Courier, Fixed; } .alignleft {float: left;} .alignright {float: right;} .aligncenter,div.aligncenter{ display: block; margin-left: auto; margin-right: auto; } img.alignleft { padding: 5px; margin: 0 7px 2px 0; display: inline; } img.alignright { padding: 5px; margin: 0 0 2px 7px; display: inline; } img.centered { display: block; margin-left: auto; margin-right: auto; } .clear {clear:both;} .spacer {height:10px;} /********** LAYOUT **********/ #bg_top{ position:relative; background:url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_top.jpg) no-repeat top center; margin:0; padding:0; } #bg_btm{ background:url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_bottom.jpg) no-repeat bottom center; margin:0; padding:0; } #bg_repeat{ background:url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_repeat.jpg) repeat-y top center; margin:0; padding:0; } #base{ background:url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_center_repeat.jpg) repeat-y top center; width:1000px; margin:0px auto; padding:0px; } #base_btm{ background:url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_footer.jpg) no-repeat bottom center; width:1000px; padding:0px 0 200px 0; } #header{ position:relative; width: 1000px; height: 138px; background:url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_header.jpg) no-repeat center top; } #container{ position:relative; overflow:hidden; width:1000px; border:0px red solid; background:url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_container_top.jpg) no-repeat top center; } #content{ float:left; display:inline; width:570px; margin:90px 0 100px 190px; border:0px blue solid; } #sidebar1{ float:left; display:inline; overflow:hidden; width:164px; margin: 0px 0px 250px -738px; padding:0; background:url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_sb1.jpg) repeat-y center; } #sidebar2{ float:right; display:inline; width:174px; min-height:500px; overflow: hidden; margin: 0 0 150px 0; padding:0px 12px 0px 0px; } #sidebar2 .bg_top{ height:5px; margin:0; padding:0; background:url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_sb2_top.png) no-repeat top left; } #sidebar2 .bg_btm{ height:5px; margin:0; padding:0; background:url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_sb2_btm.png) no-repeat bottom left; } #footer{ position:absolute; color:$footertextcolor; overflow:hidden; font:$footerfont; padding:100px 0 0px 70px; width:575px; } #footer a{ color:$footerlinkcolor; } #footer a:hover{ color:#000000; text-decoration:underline; } /*=================== Header ===================*/ #blogtitle{ font:$pagetitlefont; text-align:left; padding:60px 0 0px 65px; margin:0px 170px 0px 170px; color:$pagetitlecolor; } #blogtitle a, #blogtitle a:hover { font-family: Arial,Verdana; color:$pagetitlecolor; text-decoration:none; } #subtitle { font:$pagedescriptionfont; color:$pagedescriptioncolor; text-align:left; font-weight:normal; padding:0px 0 0px 55px; margin:0px 300px 0px 180px; } #header .home { position: absolute; margin:0px; padding:0px; left: 0px; top: 0px; width:950px; height:120px; } #header .rss { position:absolute; display:block; top:38px; left:146px; width:65px; height:65px; } #mainsearch { position:absolute; top:57px; left:760px; overflow:hidden; width:225px; height:65px; } #mainsearch:hover{ background:none; } #mainsearchform .input { position:absolute; top:30px; left:96px; width:90px; height:18px; padding:0; margin:0 0 0 0; font-size:13px; font-family: Arial, Verdana, Helvetica; font-weight:bold; color:#A9AA88; border:none; background:transparent; } #mainsearchform .submit{ position:absolute; cursor:pointer; border:none; top:5px; left:10px; height:55px; width:60px; background:transparent; } /*=================== Menu ===================*/ #menu ul { position:absolute; overflow:hidden; top:13px; left:226px; width:600px; height: 30px; margin:0; padding:0; background:none; } #menu ul li { display:inline; font:$menufont; margin:0px; } #menu ul li a { float: left; display: block; overflow: hidden; height:30px; width:93px; line-height:10px; color:$menulinkcolor; padding:8px 0px 5px 0px; margin:0 15px 0 0; text-align:center; text-decoration:none; } #menu ul li a:hover, #menu ul li.current_page_item a{ color:$hoveredmenulinkcolor; text-decoration:underline; } /*=================== Content ===================*/ .archivetitle { color: #000000; text-align:left; font-size: 12px; font-weight:bold; font-style:italic; line-height:12px; padding: 0px 25px 5px 35px; margin:0; } .post{ overflow:hidden; width:595px; margin:0 0 35px 5px; padding:0; } .sticky .post_title{ overflow:hidden; width:590px; padding:0 0px 22px 28px; background:url('http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_sticky_post_head.png') no-repeat top left; } .post_title{ overflow:hidden; width:590px; padding:0 0px 22px 28px; background:url('http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_post_head.png') no-repeat top left; } .post_title a{ color:$titlecolor; text-decoration:none; } .post_title a:hover{ text-decoration:underline; } .post_title h1, .post_title h2{ font:$posttitlefont; line-height:25px; margin:0; padding:0; } .post_date{ width:585px; height:16px; padding:5px 0 0px 30px; margin:0px 0 0px 28px; color:$postmetacolor; font:$postmetafont; line-height:15px; text-align:left; background: url('http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/icon_date.png') no-repeat top left; } .post_date a{ color:$postmetacolor; } .entry{ position:relative; overflow:hidden; line-height: 1.7em; width:555px; margin: 10px 10px 0px 30px; padding:0 0 30px 0; border-bottom: 1px #644A35 solid; color:$posttextcolor; } .entry a, .info a{ color:$linkcolor; } .entry a, .info a:hover{ color:$linkcolor; text-decoration:underline; } .entry a:hover, .info a{ text-decoration:none; } .info { position:relative; line-height: 1.7em; padding:5px 0 0 0; margin:0 20px 0 0px; font:$postmetafont; } .category { font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 10px 4px 20px; background: url('http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/icon_category.png') no-repeat top left; } .bubble { font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 10px 4px 20px; background: url('http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/icon_comment.png') no-repeat top left; } .tags { font-size: 10px; margin: 0px 10px 0px 0px; padding: 0px 0px 4px 20px; background: url('http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/icon_tag.png') no-repeat top left; } .navigation { clear:both; overflow:hidden; font-size: 11px; font-weight:normal; margin: 30px -20px 5px 40px; padding: 5px 5px 5px 5px; border-top:1px #4A5E69 dashed; } .navigation a{ text-decoration:none; } .sorry { font-size: 11px; font-style: italic; margin: 20px 20px 0px 20px; padding: 10px 10px 10px 10px; border: 1px dashed #4A5E69; } /*=================== Sidebar ===================*/ #sidebar1 select,#sidebar2 select{ margin:10px 0px 0px 15px; font-size:11px; width:120px; overflow:hidden; } /***** Sidebar 1 *****/ #sidebar1 {color:$sidebar1textcolor; font:$sidebar1font;} #sidebar1 a{color:$sidebar1linkcolor; text-decoration:none;} #sidebar1 a:hover {color:$sidebar1hoveredlinkcolor;text-decoration:underline;} #sidebar1 ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #sidebar1 li { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } #sidebar1 h2 { color:$sidebar1color; font:$header1font; text-align: center; line-height:15px; letter-spacing: 0px; margin: 0 0px 0 0px; padding: 11px 0px 17px 0px; width: 165px; height: 19px; background:url('http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_sb_head1.png') no-repeat; } #sidebar1 ul li{ background: url('http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_sb_sec1.jpg') repeat-x bottom; } #sidebar1 ul ul li { line-height: 1.6em; list-style-type: none; padding: 0px 10px 0px 10px; margin: 0 0 0 10px; background: url('http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_sb_arrow1.png') no-repeat 0px 7px; } #sidebar1 ul ul ul li { padding-right:0px; } /***** Sidebar 2 *****/ #sidebar2 {color:$sidebar2color; font:$sidebar2font;} #sidebar2 a{color:$sidebar2linkcolor; text-decoration:none;} #sidebar2 a:hover {color:$sidebar2hoveredlinkcolor; text-decoration:underline;} #sidebar2 .bgr { background:url(http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_sb2.png) repeat-y; } #sidebar2 ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 0px; } #sidebar2 li { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px; } #sidebar2 h2 { width: 166px; height: 36px; color:$sidebar2color; line-height:12px; font:$header2font; letter-spacing: 0px; text-align: center; margin: 0px 0px 0 12px; padding: 10px 0px 0px 0px; background: url('http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_sb_head2.png') no-repeat; } #sidebar2 ul ul li { line-height: 1.6em; list-style-type: none; margin: 0px 0px 0px 12px; padding: 0px 0px 0px 10px; background: url('http://i36.photobucket.com/albums/e2/alvaris924/theaterroom/bg_sb_arrow2.png') no-repeat 0px 8px; } #sidebar2 ul ul ul li{ margin-left:0; border:0px green solid; } /*************** comment ***************/ #postmetadata { font-size: 11px; margin: 0px 10px 20px 30px; padding: 0px 15px 5px 15px; } .nocomments {background: none;} #comments { text-align: left; margin: 0px 0px 0px 40px; padding:0; border-bottom: 1px #4A5E69 dashed; font:$commentheaderfont; color:$commenttitlecolor; } ol.commentlist { position:relative; list-style: none; margin:5px 0px 5px 0px ; padding:5px 0px 5px 45px; background:none; border:none; color:$commenttextcolor; } ol.commentlist .comment a{ text-decoration:none; border-bottom: 1px #536571 dotted; color:$commentlinkcolor; } ol.commentlist .comment, ol.commentlist .trackback, ol.commentlist .pingback{ margin:10px 0 0 0; padding:0; font:$commenttextfont; } ol.commentlist .children{ list-style: none; padding:0; margin:0 0 0 15px; } ol.commentlist .comment div, ol.commentlist .trackback div, ol.commentlist .pingback div{ background:#E5E4B8; border:1px #6C5241 solid; border-left:2px #6C5241 solid; padding:5px; } ol.commentlist .trackback div, ol.commentlist .pingback div{ border:1px #536571 dashed; } ol.commentlist .comment div div, ol.commentlist .trackback div div, ol.commentlist .pingback div div{ background:none; padding:0; border:none; } ol.commentlist #div-comment { font:$commenttextfont; } ol.commentlist .says{ display:none; } ol.commentlist .avatar{ position:relative; float: left; margin: 0px 5px 0px 0px; padding: 0; border:none; } ol.commentlist .fn{ font-weight:bold; font-size: 11px; } ol.commentlist .fn a{ text-decoration:none; border:none; } ol.commentlist .fn a:hover{ text-decoration:underline; } .ol.commentlist .comment-div { font:$commenttextfont; color:$commentlinkcolor; } ol.commentlist .comment .comment-meta, ol.commentlist .trackback .comment-meta, ol.commentlist .pingback .comment-meta{ border-bottom: 1px dashed #536571; margin:0 0 10px 0px; padding:6px 0 6px 0; font-size:10px; } ol.commentlist .comment .comment-meta a, ol.commentlist .trackback .comment-meta a, ol.commentlist .pingback .comment-meta a { color:$commenttextcolor; text-decoration:none; border:none; } ol.commentlist .comment .reply{ clear:both; margin:5px 0 0 0; padding:2px; font-size:10px; text-align:right; } ol.commentlist .comment .reply a{ text-decoration:none; } ol.commentlist .trackback .reply, ol.commentlist .pingback .reply{ display:none; } /**comment paging WP2.7**/ .commentnavi{ overflow:hidden; font-size:11px; margin:0; padding-right:10px; } .commentnavi a{ text-decoration:underline; } .commentpages{ float:right; padding:5px 10px; } .page-numbers{ font-weight:bold; padding:2px 3px 2px 3px; } .current{ font-weight:bold; } /*** comment form ***/ #respond { clear:both; padding:5px 10px 5px 5px; margin:15px -10px 0px 45px; font-size:11px; background:#E5E4B8; border:1px #6C5241 solid; } .commentlist #respond{ margin-right:0; } #respond .cancel-comment-reply a{ color:#ff0000; } #respond a, #respond a:hover{ } #commentform { margin:0; padding:10px 0 0 0; } #email, #author, #url { font-size: 11px; padding-left: 2px; vertical-align: middle; border: 1px solid #6C5241; font-family: Verdana, Arial, Helvetica, Sans-Serif; } #comment { width: 98%; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; border: 1px solid #6C5241; padding: 2px 2px 2px 2px; } #submit { cursor:pointer; height: 20px; color: #ffffff; font-weight:bold; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 15px 2px 15px; border: 1px solid #6C5241; background:#6C5241; font-family: Verdana, Arial, Helvetica, Sans-Serif; } .widget-content { padding:0 0 15px 0; } #ArchiveList { margin: 0 0 0 5px; padding: 0 0 0 5px; } #ArchiveList ul li { margin: 0 0px 0 0px; } .post-footer{ margin: 20px 0 5px 35px; } #comments-block{ margin: 10px 0px 0 0; } .comment-form{ margin:25px 0px 0px 45px; padding:0 0 0 0px; max-width:497px !important; width:497px !important; } h4#comments{ margin:0 0 0 0px; color:$commenttitlecolor; font:$commentheaderfont; } #comment-content{ margin:0 0px 10px 0; color:$commenttextcolor; font:$commenttextfont; } #comment-content a{ color:$commentlinkcolor; } h4.backlinks{ font:$commentheaderfont; color:$commenttitlecolor; padding:0 0 20px 0px; margin:0 0 10px 0px; } a.blog-pager-newer-link{ float: left; padding: 0px 0 15px 35px; margin: 4px; color:$linkcolor; } a.blog-pager-older-link{ float: right; padding: 0px 15px 15px 0px; margin: 4px; color:$linkcolor; } a.home-link{ padding: 2px 2px 15px 2px; margin: 2px; color:$linkcolor; } #blog-pager{ text-align:center; color:$linkcolor; } .feed-links{ margin: 0 0 0 40px; font:$bodyfont; color:$linkcolor; } .feed-links a:hover{ font:$bodyfont; color:$linkcolor; } .feed-link{ color:$linkcolor; } .feed-link a:hover{ color:$linkcolor; } #backlinks-container{ margin: 0 0 0px 0px; padding: 0 0 10px 0; } ]]>

| By
, 1