body { background: #f3f4f5; padding: 0px; margin: 20px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 13px; color: #32373d;} /* General Links */ a:link { text-decoration : none; color : #1c79cf; border: 0px; -moz-outline-style: none;} a:active { text-decoration : underline; color : #1c79cf; border: 0px; -moz-outline-style: none;} a:visited { text-decoration : none; color : #1c79cf; border: 0px; -moz-outline-style: none;} a:hover { text-decoration : underline; color : #003366; border: 0px; -moz-outline-style: none;} a:focus { outline: none;-moz-outline-style: none;} h1, h2, h3 { font-family: "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;} input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} form { padding: 0px; margin: 0px; } IMG { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; background-color:#FFFFFF;} #BG { width: 900px; margin: 0 auto;} #CO { width: 882px; background: #eeeff0; padding: 9px; float: left; margin-bottom: 20px;} #CI { width: 820px; background: #fff; border: solid 1px #dbdddf; float: left; padding: 30px; } /* Header Class ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /**/ * html .Header { height: 100px;} /**/ .Header { width: 822px; min-height: 100px; position: relative; clear: left; } .Header h1 { text-indent: -10000px; margin: 0; padding: 0;} .Header h1 a { display: block; width: 243px; height:72px; background: url(./images/logo_techsoapbox.png) no-repeat bottom; cursor: hand; float: left; } .Header h1 a:hover { color: #fff; background: url(./images/logo_techsoapbox.png) no-repeat bottom; cursor: hand; text-decoration: none;} #Nav { width: 822px; background: #000; float: left; margin-bottom: 20px;} ul.nav { list-style:none; margin: 0 auto; padding: 0px; background: #f2f3f4; float: left; width: 822px; } ul.nav li {float:left !important; list-style-type:none; font-size: 11px; line-height: 12px; font-weight: bold; letter-spacing: -1px; } ul.nav li a,ul.nav li a:link,ul.nav li a:visited { color:#747b81; float:left; display:block;text-decoration:none; padding: 6px 10px 7px 10px; border-right: solid 1px #fff; } ul.nav li a:hover,ul.nav li a:active { background:#4aaeee; color:#fff; text-decoration:none;} ul.nav li.current_page_item a { text-decoration:none; background:#000; color:#fff; padding: 6px 10px 7px 10px; } ul.nav li ul { float:left; margin:0; padding:0;} .Search { background: url(images/SearchKeyword.gif) no-repeat left top; position: absolute; top: 10px; right: 0px; width: 215px; padding: 0px 0px 0px 0px; height: 34px; } .Search form { padding: 0px; margin: 0px;} .Search input { border: none; color: #330033; font-size: 11px;} .Search input.keyword { background: none; border: none; padding: 6px 0px 5px 5px; width: 210px; border: none; } .Search input.search { width: 21px; height: 21px; background: url(./images/SearchButton.gif) no-repeat;} .Search .button { padding: 0px; margin: 0px 0px 0px 190px; top: 2px; background: none; position: absolute; right: 2px; } /* Central Column ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SC { float: left; width: 575px; padding: 20px 0px 0px 0px;} /* Right Column ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR { float: right; width: 215px;} /* Central Column ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SCS { float: left; width: 575px; padding: 20px 0px 0px 0px;} .SCS h1 { font-size: 22px; line-height: 26px; letter-spacing: -2px; font-weight: bold; font-family: "Lucida Sans", Geneva, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; display: block; color:#cc3300;} .SCS h2 { font-size: 22px; line-height: 26px; letter-spacing: -2px; font-weight: bold; font-family: "Lucida Sans", Geneva, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; display: block; color:#cc3300;} .SCS p { font-size: 12px; line-height: 18px; padding: 8px 0px; margin: 8px 0px;} .SCS .archive {} .SCS .archive p { padding: 1px 0px; margin: 0px;} .SCS .archive h3 { font-weight: bold; letter-spacing: -1px; border-bottom: dashed 1px #ccc; padding: 5px 0px; margin: 0px;} .SCS .archive .emptymonth { color:#777; border-right: solid 1px #ccc; padding: 0px 6px;} .SCS .archive .fullmonth { border-right: solid 1px #ccc; padding: 0px 6px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SCS .contactform {} .SCS .contactform input { border: solid 1px #c5c7c8; padding: 3px; width: 180px; margin-right: 5px; } .SCS .contactform textarea { border: solid 1px #c5c7c8; padding: 5px; width: 450px; font-size: 11px;} .SCS .contactform input.button { background: #333; color:#fff; width: 70px; font-size: 10px; font-weight: bold; border: outset 1px #000;} .SCS .contacterror { color:#FF3300;} .SCS .contactleft { background:; padding: 3px 0px; font-size: 11px;} .SCS .contactright { background:; padding: 2px 0px; color:#FF3300; text-transform: uppercase; font-size: 10px; } .Syn { background:#f9f0d4; padding: 15px; margin-bottom: 15px;} .Syn ul { margin: 0px; padding: 0px;} .Syn li { background: url(images/SynIco.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; font-size: 12px; color:#cc3300; } .Syn li a { color:#ff6600;} .Syn li a:visited { color:#ff6600;} .Syn li a:hover { color:#cc3300;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Categories { padding: 0px; margin-bottom: 20px;} .Categories h3 { font-size: 18px; letter-spacing: -1px; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px; text-transform: uppercase; color:#747b81; } .Categories ul { padding: 0px; margin: 0px;} .Categories li { background: url(./images/CategIco.png) no-repeat left top; padding: 3px 0px 4px 12px; text-decoration: none; display: block; border-bottom: 1px solid #ebeced; font-size: 11px; letter-spacing: -1px; font-weight: bold; line-height: 13px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .LatestEntries { padding: 0px; margin-bottom: 20px;} .LatestEntries h3 { font-size: 14px; letter-spacing: -1px; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px; color:#747b81; } .LatestEntries ul { padding: 0px; margin: 10px 0px; } .LatestEntries li { background: url(./images/CategIco.png) no-repeat left top; padding: 2px 0px 3px 12px; text-decoration: none; display: block; border-bottom: 1px solid #ebeced; font-size: 11px; line-height: 13px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .BlogsWeLike { padding: 0px; margin-bottom: 20px;} .BlogsWeLike h3 { font-size: 14px; letter-spacing: -1px; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px; color:#747b81; } .BlogsWeLike ul { padding: 0px; margin: 10px 0px; } .BlogsWeLike li { background: url(./images/CategIco.png) no-repeat left top; padding: 2px 0px 3px 12px; text-decoration: none; display: block; border-bottom: 1px solid #ebeced; font-size: 11px; line-height: 13px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Post { padding: 0px; position: relative; clear: left; } .PostHead { padding-top: 20px;} .PostHead h1 { font-size: 22px; line-height: 26px; letter-spacing: -2px; font-weight: bold; font-family: "Lucida Sans", Geneva, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; display: block; color:#cc3300;} .PostHead h1 a { text-decoration: none;} .PostHead h1 a:visited { text-decoration: none;} .PostHead h1 a:hover { text-decoration: none; color:#cc3300;} .PostInfo { padding: 1px 0px; margin: 0px; font-size: 10px; color: #cc9966; font-weight: bold;} .PostInfo em { font-style: normal;} .PostInfo em a { color: #cc9966; text-decoration: underline; } .PostInfo em a:visited { color: #cc9966; text-decoration: underline; } .PostInfo em a:hover { color: #cc3300; text-decoration: underline; } .PostDate { font-size: 14px; font-family: 'Arial'; font-weight: bold; position: absolute; top: 5px; left: 0px; color:#8d8f91; letter-spacing: -1px;} .PostContent { padding: 10px 0px 0px 0px; font-size: 12px; line-height: 18px; color:#333;} .PostContent a { text-decoration: underline; } .PostContent a:visited { text-decoration: underline; } .PostContent a:hover { text-decoration: underline; } .PostContent p { font-size: 12px; line-height: 18px; padding: 8px 0px; margin: 8px 0px;} .PostContent small strong { letter-spacing: normal;} .PostContent blockquote { padding: 5px 15px; background: #f3f4f5; margin: 5px 0px; color:#333;} .PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 17px; font-family: "Verdana"} .PostContent ol { font-size: 11px; } .PostContent ul { font-size: 11px; } .PostContent li { font-size: 11px; line-height: 15px;} .PostCom ul { padding: 0px; margin: 0px;} .PostCom li { padding: 0px; margin: 0px; list-style-type: none;} .PostCom { padding: 10px 0px 10px 17px; margin: 0px; font-size: 11px; background: url(images/PostComIco.png) no-repeat left center; border-top: dashed 1px #ccc;} .Navig { padding: 10px; font-size: 11px; background: #f3f4f5; padding: 10px;} .Navig a { padding: 1px 5px 2px 5px; border: solid 1px #ccc; background: #fff;} .Navig a:visited { padding: 2px 5px 2px 5px; border: solid 1px #ccc; background: #fff;} .Navig a:hover { padding: 1px 5px 2px 5px; border: solid 1px #1c79cf; background: #1c79cf; color:#fff; text-decoration: none;} .Navig .on { padding: 1px 5px 2px 5px; border: solid 1px #000; background: #333; color:#fff;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments { padding: 0px; margin: 30px 0px 0px 0px ;} .Comments .List h3 { font-size: 20px; font-weight: normal; letter-spacing: -1px; border-bottom: dashed 1px #87909e; display: block; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px;} .Comments .List ol { padding: 0px; margin: 0px;} .Comments .List li { position: relative; padding: 15px; margin: 20px 0px; list-style-type: none; font-size: 11px; line-height: 15px; position: relative; background: #f2faff;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments .List .Author { background: #fff7d3; color:#454237;} .Comments .List .Author .ListUser a { color: #993300; } .Comments .List .Author .ListUser a:visited { color: #993300;} .Comments .List .Author .ListUser a:hover { color: #000; } .Comments .List .Author .ListNr { color:#d4c391;} .Comments .List .Author .ListDate { color:#999588; border-bottom: solid 1px #e0d8bf;} .Comments .List .Author .ListDate a { color:#999588;} .Comments .List .Author .ListContent { margin-left: 30px; margin-right: 10px; color:#333; font-size: 11px; line-height: 15px;} .Comments .List .Author .ListContent p { padding: 3px 0px; margin: 3px 0px;} .Comments .List .Author .ListContent a { color: #993300; text-decoration: underline; } .Comments .List .Author .ListContent a:visited { text-decoration: underline; color: #993300;} .Comments .List .Author .ListContent a:hover { text-decoration: underline; color: #000; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /*\ IE/Win min height hack */ * html .Comments .List .ListNr { left: 0px;} /* */ .Comments .List .ListNr { position: absolute; top: 17px; left: 15px; font-size: 24px; font-family: "Lucida Sans", Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color:#a5bcc8; letter-spacing: -3px; padding: 0px; margin: 0px;} .Comments .List .ListUser { margin: 0px 0px 0px 30px; padding: 0px; font-size: 11px; line-height: 12px;} .Comments .List .ListUser strong { letter-spacing: -1px; } .Comments .List .ListDate { color:#8c97a1; padding: 0px 0px 10px 30px; margin: 0px 0px 0px 0px; font-size: 9px; line-height: 11px; border-bottom: solid 1px #bfd3e0;} .Comments .List .ListDate a { color:#8c97a1; text-decoration: none;} .Comments .List .ListDate a:visited { text-decoration: none;} .Comments .List .ListContent { margin-left: 30px; margin-right: 10px; color:#333; font-size: 11px; line-height: 15px;} .Comments .List .ListContent p { padding: 3px 0px; margin: 3px 0px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments .Form { margin: 0px; padding: 10px 15px 15px 15px; background: #f7f2dc;} .Comments .Form h3 { font-size: 16px; font-weight: bold; letter-spacing: -1px; border-bottom: dashed 1px #87909e; display: block; padding: 5px 0px; margin: 0px; } .Comments .Form form { padding: 0px; margin: 10px 0px 0px 0px;} .Comments .Form p { padding: 0px; margin: 0px; font-size: 11px;} .Comments .Form p label { padding-bottom: 11px; display: block;} .Comments .Form p label small { font-size: 11px; color: #999} .Comments .Form .Note { margin: 5px 0px; width: 395px;} .Comments .Form .Note small { font-size: 10px;} .Comments .Form .TextField { background: #fff; border: solid 1px #e1d9b5; padding: 5px; color: #424e65; font-size: 11px; margin-right: 20px;} .Comments .Form .TextArea { background: #fff; border: solid 1px #e1d9b5; padding: 5px; color: #424e65; font-size: 12px;} .Comments .Form input.SubmitComment { width: 137px; height: 24px; background: url(images/SubmitComment.png) no-repeat;margin-top: 7px;} .Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -24px; } .Comments .Form input.SubmitCommentIE { width: 137px; height: 24px; background: url(images/SubmitComment.png) no-repeat 0 -24px;margin-top: 7px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .Footer { float: left; padding: 10px 0px 5px 0px;} .Footer p { padding: 0px; margin: 0px; color:#707c84; font-size: 10px;} .Footer p a { color: #707c84; text-decoration: underline;}