/* CSS Document */

/*\*//*/
  @import "ie5mac.css";
/**/

html, body{ margin: 0 auto; padding: 0; text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; }

a img{ border: none; }

#wrapper{ margin: 5px auto; padding: 0; text-align: center; width: 767px; }

#topRow{ margin: 0; padding: 0; float: left; width: 765px; }

#topTabs{ margin: 0; padding: 0; text-align: left; }
#topTabs ul{ margin: 0; padding: 0; display: block; list-style: none; }
#topTabs ul li{ margin: 0 0 0 1px; padding: 0; float: left; display: block; text-indent: -9999px; height: 30px; }

#topTabs ul li a{ margin: 5px 0 -10px 0; padding: 0; height: 26px; display: block; color: #036; }

#topTabs ul li a#Home{ background: #fff url(/images/global/topTab-Home.gif) no-repeat 0 0; width: 58px; }
#topTabs ul li a#Flash{ background: #fff url(/images/global/topTab-Flash.gif) no-repeat 0 0; width: 60px; }
#topTabs ul li a#HTML{ background: #fff url(/images/global/topTab-HTML.gif) no-repeat 0 0; width: 58px; }
/*#topTabs ul li a#K9Rockstore{ background: #fff url(/images/global/topTab-K9Rockstore.gif) no-repeat 0 0; width: 84px; }*/
#topTabs ul li a#Blog{ background: #fff url(/images/global/topTab-Blog.gif) no-repeat 0 0; width: 58px; }

#topTabs ul li a#Home:hover, #topTabs ul li a#Flash:hover, #topTabs ul li a#HTML:hover, /*#topTabs ul li a#K9Rockstore:hover,*/ #topTabs ul li a#Blog:hover{ background-position: 0 -26px; }

#search{ margin: 5px 0 -5px 0; padding: 0; text-align: right; float: right; }
#search form { margin: 0 2px 0 0; padding: 0; }
.searchField{ margin: 0; padding: 0; display: inline; }
.searchButton{ margin: -5px 0; padding: 0; display: inline; }

#container{ margin: 0; padding: 0; float: left; text-align: left; border: 1px solid #036; width: 765px; }

#header{ margin: 0; padding: 0; float: left; text-align: left; border-bottom: 1px solid #036; }
#header h1{ display: none; }

#leftCol{ margin: 1px; padding: 0; float: left; width: 177px; }

#centerCol{ margin: 1px 0; padding: 0 1px; float: left; width: 403px; border-right: 1px solid #036; border-left: 1px solid #036; }
* html div#centerCol{ width: 401px; }

#rightCol{ margin: 1px; padding: 0; float: left; width: 177px; }

#footer{ margin: 0; padding: 0; float: left; text-align: center; width: 765px; }
#footer p{ margin: 15px 0; padding: 0; font-size: 9px; font-weight: bold; font-style: oblique; color: #069; line-height: 14px; background-color: #ffffff; }

/* HEADER */
#header{ padding: 1px !important; height: 128px; }
#header img { margin: 0; padding: 0; }

* html div#header img{ margin-bottom: -7px; }
* html div#leftCol img{ margin-bottom: -7px; }
* html div#rightCol img{ margin-bottom: -7px; }

/* LEFT COLUMN */
#leftCol img { margin: 0px; padding: 0px; border: none 0; display: block; }
#leftCol img.padded {padding: 0px 0px 1px 0px; }
#leftCol hr{ color: #036; background-color: #036; height: 1px; border: none 0; margin: 1px 0; padding: 0; width: 177px; }

/* CENTER COLUMN */
#centerCol{ background: #FFFFFF; overflow: hidden; }
#centerCol h2{ font-size: 18px; line-height: 18px; color: #963; font-weight: bold; font-style: oblique; text-transform: uppercase; letter-spacing: .01em;
	margin: 0; padding: 13px 10px 0 10px; width: 375px; }
#centerCol h2.commentsHeader{ font-size: 14px; }

#centerCol h3{ font-size: 10px; font-style: oblique; font-weight: bold; line-height: 14px; text-transform: uppercase;
	width: 383px; background: #E5EFF5; color: #069; margin: 0; padding: 6px 10px; }
	
* html #centerCol h3{ font-size: 10px; font-style: oblique; font-weight: bold; line-height: 14px; text-transform: uppercase;
	width: 381px; background: #E5EFF5; color: #069; margin: 0; padding: 6px 10px; }	
	
#centerCol p{ margin: 0 10px; padding: 15px 0 0 0; width: 375px; font-size: 11px; line-height: 18px; color: #036; }	
#centerCol p a{ color: #963; font-weight: bold; }
#centerCol p a.moreLink{ font-size: 10px; color: #069; font-weight: bold; display: block; margin: -8px 0 0 0; text-align: right; }
#centerCol p a:hover{ text-decoration: none; }

#centerCol p.posted{ margin: 0 10px; padding: 10px 0 5px 0; font-size: 10px; line-height: 14px; border-bottom: 1px solid #036; }
#centerCol p.posted a{ font-size: 10px; line-height: 14px; color: #963; font-weight: normal; }
#centerCol p.posted a:hover{ text-decoration: none; }

#centerCol p.links{ font-size: 10px; font-weight: normal; margin: 0 10px; padding: 15px 0; border-bottom: 1px solid #E5EFF5; }
#centerCol p.links a{ font-size: 10px; font-weight: normal; }

#centerCol div.comment-body{ margin: 0; padding: 15px 0 0 0; width: 375px; font-size: 11px; font-style: oblique; line-height: 18px; color: #036; }	
#centerCol div.comment-body{ margin: 0; padding: 0; }
#centerCol p.comment-footer{ font-size: 10px; margin: 0 10px; padding: 5px 0 15px 0; border-bottom: 1px solid #E5EFF5; }
#centerCol p.comment-footer a{ font-weight: normal; }

#centerCol p.comments-open-moderated{ font-size: 10px; line-height: 14px; font-style: oblique; margin: 0 10px; padding: 10px 0 15px 0; border-top: 1px solid #E5EFF5; }

form label{ font-style: oblique; }
form input, form textarea{ font-style: normal; color: #036; }

/* SIDE COLUMNS -- LIST NAV STYLES */
#leftCol ul, #rightCol ul { font-size: 10px; font-style: oblique; font-weight: bold; list-style: none; margin: 0 0 1px 0; padding: 0 0 1px 0; border-bottom: 1px solid #036; }
#leftCol ul li, #rightCol ul li { background: #E5EFF5; margin: 1px 0 0 0; padding: 0; line-height: 14px; }
#leftCol ul li.sideHeader, #rightCol ul li.sideHeader { background: #036; margin: 0; padding: 6px 10px; color: #fff; text-transform: uppercase; }

#leftCol ul li a, #rightCol ul li a { color: #069; display: block; width: 157px; background: #E5EFF5; margin: 1px 0 0 0; padding: 6px 10px; line-height: 14px; }
#leftCol ul li a:hover, #rightCol ul li a:hover { background: #fff; text-decoration: none; }

#rightCol ul li a span.date { font-weight: normal; }

/* RIGHT COLUMN */
#rightCol{ background: #E5EFF5; }
#rightCol ul{ background: #fff; }
#rightCol hr{ color: #036; background-color: #036; height: 1px; border: none 0; margin: 1px 0; padding: 0; width: 177px; }