/* Theme Name: Techcafeteria Theme URI: http://techcafeteria.com/blog/ Description: I've hacked one of the default themes so much that it's an entirely different thing. Version: 1.0 Author: Peter Campbell Author URI: http://www.techcafetria.com/ ----------------------------------------------- Blogger Template Style Name: Techcafeteria Designer: Peter campbell URL: techcafeteria.com Date: 1 Dec 2008 ----------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } body { background: #221f20; color: #324F6A; font: 62.5% "trebuchet ms", Arial, Helvetica, sans-serif; text-align: center; margin:0; } h1 { font-size: 2em; font-weight: normal; letter-spacing: .05em; margin: 0; padding: .5em; text-transform: lowercase; } h1 a { color: #000; } h1 a:hover { color: #000; } h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } a { color: #7C90A1; text-decoration: underline; } a:hover { color: #234466; } /* headings */ h1 {font-size:2em} /* displayed at 24px */ h2 {font-size:1.5em} /* displayed at 18px */ h3 {font-size:1.25em} /* displayed at 15px */ h4 {font-size:1em} /* displayed at 12px */ /* strong em */ strong { font-weight: bolder; } em { font-style: italic; } /* tables & forms */ input, select, th, td {font-size:1em} /* Page */ #page { background: #f8fdfe; border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 auto; text-align: left; width: 760px; } div>#page { width: 760px; } /* Masthead */ #masthead { background: #221f20; border-bottom: 3px solid #3C6787; height: 118px; position: relative; } #masthead h1 { font-size: 4.0em; margin: 0 0 0 130px; position: absolute; *margin:20px 0 0 0px; } #masthead h1 a { color: #9ca9b7; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -1px; text-decoration: none; } #masthead h1 a:hover {color: #fff;} #masthead h1 span { color: #fff; font-size: 18px; } /* Menu */ #menu { bottom: 0; font-size: 1.1em; position: absolute; right: 25px; } #menu ul { display: inline; } #menu li { display: block; float: left; list-style: none; } #menu li a { background: #234466; color: #fff; display: block; margin: 0 1px 0 1px; line-height: 1.6em; padding: 7px 20px 7px 20px; text-align: center; text-decoration: none; } #menu li a:hover, #menu li a.current { background: #3C6787; } .about, h2.widgettitle { background-color: #234466; color: #9ca9b7; font-weight: bold; font-size: 1em; display: block; margin: 0 1px 5px 1px; line-height: 1.2em; padding: 5px 5px 5px 5px; text-align: center; text-decoration: none; width: 152px; } .catcloud { font-size: 1.2em; } #blocktitle a { background-color: #234466; color: #fff; font-weight: bold; font-size: 1.2em; display: block; margin: 0 1px 5px 1px; line-height: 1.6em; padding: 7px 20px 7px 20px; text-align: center; text-decoration: none; } #blocktitle a:hover {background: #3C6787; } #blocktitle a.current {background: #3C6787; } /* Content ----------------------------------------------- */ #content { background: #f8fdfe; border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 auto; text-align: left; width: 760px; padding:0px 0px; font-size/* */:/**/small; font-size: /**/small; zoom: 1; } div>#content { width: 760px; } #content h2 { color: #76aac9; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; letter-spacing: -1px; padding: 0 0 17px 0; } #content h2 a { color: #76aac9; text-decoration: none; } #content h2 a:hover { color: #7C90A1; } #content h3, #content h4 { background: none; border-bottom: 1px solid #dfe3e4; font-size: 1.2em; font-weight: bold; margin-bottom: 10px; padding: 5px; } #content p { line-height: 1.5em; margin: 0 0 20px 0; } #content ol { line-height: 1.8em; margin: 0 30px 20px 50px; } #content ul { line-height: 1.8em; margin: 0 30px 20px 30px; } #content ul li { line-height: 1.8em; list-style: square; padding-left: 2px; } /* Main */ #main { background: #f8fdfe; padding-left: 0px; width:450px; float:left; } div>#main { padding-left: 7px; width: 530px; } /* Posts ----------------------------------------------- */ .date-header { margin:1.5em 0 .5em; } .post { /* margin:.5em 0 1.5em; */ border-bottom:1px dotted #ccc; padding: 0px 0px 0px 20px; width:480px; } div>.post { max-width:560px; padding: 30px 20px 30px 30px; } .post div { /* margin:0 0 .75em; */ line-height:1.6em; } p.post-footer { margin:-.25em 0 0; color:#ccc; } .post-footer em, .comment-link { font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .post-footer em { font-style:normal; color:#999; margin-right:.6em; } .comment-link { margin-left:.6em; } .post img { padding:4px; border:1px solid #ddd; } .post blockquote { margin:1em 20px; color:#666; font-style:italic; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } #comments h4 strong { font-size:130%; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block dt { margin:.5em 0; } #comments-block dd { margin:.25em 0 0; } #comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } #comments-block dd p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } /* Sidebar */ #sidebar { /* position: absolute; top: 121px; right: 122px; */ background: #f8fdfe; color: #4B798B; float: left; font-size/* */:/**/small; font-size: /**/small; line-height: 1.4em; padding: 30px 0 0 0; width: 130px; } div>#sidebar { padding: 30px 12px 20px 20px; width: 170px; } #sidebar h2, #sidebar h3 { /* color: #444; */ font-size: 1.5em; font-weight: normal; /* margin: 20px 0 5px 0; */ padding: 7px 0 7px 0; } #sidebar p { margin: 0 0 10px 0; } #sidebar ul { margin: 5px 0 5px 5px; } #sidebar ul li { line-height: 18px; list-style: none; } #sidebar ul { margin:0 0 1.5em; padding:0 0 1.5em; padding-bottom: 1em; border-bottom:1px dotted #ccc; list-style:none; } #sidebar li { margin:0; padding:0 0 .25em 15px; /* text-indent:-15px; */ line-height:1.5em; margin-bottom: 5px; list-style: none; } #sidebar p { color:#666; line-height:1.5em; } /* footer */ #footer p { line-height: 1.5em; margin-top: 15px; text-align: center; } #footer a { color: #aaa; text-decoration: underline; } /* misc */ a img { border: none; } acronym { cursor: help; } blockquote { background: url(quote.gif) no-repeat 10px 0; color: #76aac9; border-left: 2px solid #76aac9; line-height: 1.5em; margin: 0 10px 20px 10px; padding: 0 10px 0 10px; } hr, .hide { display: none; } .show { display: inline; } pre, code { font-size: 1.1em; line-height: normal; background: #eee; color: #444; } .right { float: right; margin: .5em 0 6px 12px; } .left { float: left; margin: .5em 12px 6px 0; } .commentBox { } .commentBox p { padding-top: 0px; margin-top: 0px; } ul.linklog { margin-bottom: 0px; margin-left: 0px; padding-left: 20px; } ul.linklog li { list-style: url(bullet.jpg); } .bloghead { padding: 30px 0 0 20px; } #description { margin:0 5px 5px; padding:0 20px 20px; border:1px solid #eee; border-width:0 1px 1px; max-width:700px; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; } /* Profile ----------------------------------------------- */ #profile-container { margin:0 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; } .profile-datablock { margin:.5em 0 .5em; } .profile-img { display:inline; } .profile-img img { float:left; padding:4px; border:1px solid #ddd; margin:0 8px 3px 0; } .profile-data { margin:0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } .profile-data strong { display:none; } .profile-textblock { margin:0 0 .5em; } .profile-link { margin:0; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } /* Footer ----------------------------------------------- */ #footer { border-top: 1px solid #DBDFE0; clear: both; color: #aaa; font-size: 1.1em; height: 70px; } #footer hr { display:none; } #footer p { margin:0; padding-top:15px; font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; }