/* Theme Name: stuTheme Theme URI: http://www.stusitename.org/ Description: This theme is developed for Stu McLaren for his site. Version: 1.0 Author: Tanzil Al Gazmir Author URI: http://www.tanzilo.com/ Tags: blue, custom header, fixed width, two columns, widgets stuTheme v1.0 http://www.tanzilo.com This theme was designed and built by both Stu McLaren and Tanzilo. The CSS, XHTML and design is released under copyright property law. */ /* Begin Typography & Colors */ @charset "utf-8"; /* CSS Document */ body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; background:url(images/body_bg.jpg) bottom repeat-x; } A { color:#2789BA; text-decoration:none; } #container { width:860px; align:center;margin:0 auto; } #header { margin-top:7px; } #topNavArea { background:url(images/fade_ash_bg.jpg) left top no-repeat; height:41px; margin-top:3px; margin-bottom:3px; color:#8D8D8D; font-size:18px; padding-left:3px; line-height:40px; } #topNavArea U { margin:0px; padding:0px; } #topNavArea LI { margin:0px; padding:0px; list-style:none; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:18px; } #topNavArea A { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#8D8D8D; text-decoration:none; margin-left:20px; } #topNavArea li { border-left: 2px solid #C6C6C6; padding-right:20px; } #blueBatAtTop { background:url(images/blue-bar-top.jpg) top left no-repeat; width:860px; height:6px; align:center;margin:0 auto; margin-bottom:7px; } #footer { color:#FFFFFF; font-size:10px; background:url(images/bottom_bg.jpg) top left no-repeat; height:43px; margin-top:3px; text-align:center; clear:both; width:860px; align:center;margin:0 auto; margin-bottom:10px; } A.topNav { color:#8D8D8D; text-decoration:none; margin-left:15px; margin-right:15px; } A.page_item { color:#8D8D8D; text-decoration:none; margin-left:15px; margin-right:15px; } A.logIn { margin-left:225px; } A.bottomNav { color:#FFFFFF; text-decoration:none; margin-left:10px; margin-right:10px; line-height:43px; } .indexTextbox { width:350px; height:30px; } /* NEW DIVS & CODES GO HERE */ #mainContent { width:860px; align:center;margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } #contentLeftColumn { float:left; width:556px; } #articleBox { float:left; width:554px; border:#DADAD8 1px solid; clear:both; margin-bottom:5px; background:#ffffff; } #articleBox p { margin:10px 20px 10px 20px; } #articleBox h1 { margin:10px 0px 0px 20px; } #articleBox p.author { margin:10px 0px 0px 20px; font-size:10px; color:#8D8D8D; padding-bottom:10px; background:url(images/blue-bar.jpg) left bottom no-repeat; } #articleBox p.title { font-size:24px; font-weight:bold; margin:0px; color:#258ec8; margin:10px 0px 0px 20px; } #commentBox { background:url(images/comment_box.jpg) left top no-repeat; width:556px; height:30px; clear:left; margin-bottom:15px; color:#8D8D8D; font-size:10px; line-height:30px; margin-top:5px; } #commentBox A { color:#8D8D8D; text-decoration:none; } #postCategory { float:left; width:400px; margin-left:20px; } #totalComments { float:left; width:100px; } #contentRightColumn { float:left; width:280px; margin-left:24px; } #searchBox { background:url(images/search_bg.jpg) top left no-repeat; height:48px; margin-top:0px; padding-top:0px; color:#FFFFFF; font-size:14px; padding-left:15px; } #searchBox INPUT { width:189px; height:29px; border:#BDBBBE 1px solid; font-size:14px; color:#8D8D91; line-height:20px; } #archiveSection { margin:15px 0px 0px 0px; } #rightBoxHeader { background:url(images/right_box_header.jpg) top left no-repeat; color:#999999; font-size:18px; text-align:center; height:38px; line-height:38px; } #rightBoxMiddle { background:url(images/right_box_middle.jpg) repeat-y; padding:15px 20px 10px 20px; border-bottom:#BCBCBC solid 1px; margin-bottom:15px; } #rightBoxMiddle A { text-decoration:none; color:#000000; line-height:20px; } #rightBoxMiddle UL { list-style:none; margin:0px; padding:0px; } #rightBoxMiddle LI { list-style:none; margin:0px; padding:0px; } #rightBoxFooter { background:url(images/right_box_footer.jpg) bottom left no-repeat; height:3px; margin-bottom:15px; } A.pageTitle { font-size:24px; font-weight:bold; margin:0px; color:#258ec8; text-decoration:none; padding-right:20px; } #commentArea { width:550px; align:left;margin:0 auto; } #commentArea P, H3, OL, Li { padding:0px; margin:0px; margin-left:20px; margin-right:20px; } #commentArea LI { list-style:none; } #commentArea P { font-weight:normal; padding:0px; margin:0px; padding-top:10px; } #commentArea commentlist { width:90%; margin-left:20px; } h3 { width:550px; font-size:14px; } /****************************** COMMENTS AREA ******************************/ #commentBoxArea { font-family:Verdana, Arial, Helvetica, sans-serif; background:#F6F9F0; border:#C6C6C4 2px solid; width:500px; padding:7px 0px 7px 5px; } #commentBoxArea textarea { width:400px; } #commentBoxArea input { border:#C6C6C5 solid 1px; height:29px; width:300px; } #commentor { font-size:16px; color:#000000; font-weight:bold; } #commentor A { font-size:16px; color:#000000; font-weight:bold; } A.commentorSite { color:#2888BB; font-size:14px; text-decoration:none; } #commentText { background:#FFFFFF; padding:0px 10px 10px 10px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px; margin-bottom:2px; } #commentLeftColumn { float:left; width:80px; } #commentRightColumn { float:left; width:400px; } #addComment { margin:0px 0px 10px 0px; font-size:20px; } small { font-size:12px; } .commentSubmitButton { background:#F4F4F4; border:#000000 solid 1px; margin-left:170px; } .sociable { padding-left:20px; } #prePostLink { float:left; width:430px; } #nextPostLink { float:left; width:126px; } #rightBoxMiddle A:hover { color:#258ec8; } /***********************************************************/ /*CODE ONLY FOR INDEX*/ /* CODE ONLY FOR FOOTER */ #footerLinks { float:left; margin-left:85px; } #footerRSS { float:right; margin-right:15px; }