/********************************/
/*** YUI's CSS reset  - start ***/
/********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,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,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;
}
/******************************/
/*** YUI's CSS reset  - end ***/
/******************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  color:#222;
  font-family:verdana;
  font-size:8pt;
}

body {
  margin:auto;
  width:1000px;
}

a {
  color:#e48c22;
  text-decoration:none;
}

h3 {
  font-weight:bold;
}

p {
  margin:2px 0px;
}

/**************/
/*** header ***/
/**************/

#header {
  background:#0e9be2 url(banner.png);
  height:100px;
  margin-top:20px;
  position:relative;
}

#header .cornerTopLeft, #header .cornerTopRight, #header .cornerBottomLeft, #header .cornerBottomRight {
  height:5px;
}

#header .cornerTopLeft {
  background:transparent url(headerTopLeftRound.png) no-repeat top left;
}

#header .cornerTopRight {
  background:transparent url(headerTopRightRound.png) no-repeat top right;
}

#header .cornerBottomLeft {
  background:transparent url(headerBottomLeftRound.png) no-repeat bottom left;
}

#header .cornerBottomRight {
  background:transparent url(headerBottomRightRound.png) no-repeat bottom right;
}

#header .inner {
  height:75px;
  padding:15px 20px 0px 20px;
}

#logo {
  background:transparent url(logo.gif) no-repeat;
  color:transparent;
  display:block;
  height:32px;
  width:139px;
}

#siteDescription {
  color:#fff;
  font-size:9pt;
}

#nav {
  bottom:0px;
  right:30px;
  position:absolute;
}

#nav li {
  background-color:#096594;
  float:left;
  margin:0px 2px;
}

#nav li.selected {
  background-color:#fff;
}

#nav li.prominent {
  background-color:#e48c22;
}

#nav li a {
  color:#fff;
  display:block;
  font-family:arial;
  font-size:10pt;
  font-weight:bold;
  padding:5px 15px;
}

#nav li.selected a {
  color:#666;
  text-decoration:none;
}

#nav li.prominent a {
  color:#222;
  text-decoration:none;
}

#nav .cornerTopLeft, #nav .cornerTopRight {
  height:auto;
}

#nav .cornerTopLeft {
  background:transparent url(navTopLeftRound.png) no-repeat top left;
}

#nav .cornerTopRight {
  background:transparent url(navTopRightRound.png) no-repeat top right;
}

#nav li.selected .cornerTopLeft {
  background:transparent url(navSelectedTopLeftRound.png) no-repeat top left;
}

#nav li.selected .cornerTopRight {
  background:transparent url(navSelectedTopRightRound.png) no-repeat top right;
}

#nav li.prominent .cornerTopLeft {
  background:transparent url(navProminentTopLeftRound.png) no-repeat top left;
}

#nav li.prominent .cornerTopRight {
  background:transparent url(navProminentTopRightRound.png) no-repeat top right;
}

/***************/
/*** content ***/
/***************/

#contentLayout {
  table-layout:fixed;
  width:100%;
}

#left, #right {
  vertical-align:top;
}

#middle {
  padding:0px 25px;
  vertical-align:top;
}

.panel {
  margin-top:20px;
}

.panel .title {
  background-color:#f2f2f2;
  border-top:1px solid #c4c4c4;
  font-family:arial;
  font-size:10pt;
  font-weight:bold;
  padding:5px;
  text-align:center;
}

.panel .content {
  background-color:#fafafa;
  line-height:150%;
  padding:5px;
}

.standing .table {
  margin:5px 0px;
  width:100%;
}

.standing .table th, .standing .table td {
  line-height:normal;
  border-bottom:1px dotted #c4c4c4;
  padding:0px 2px;
}

.standing .table th {
  font-family:arial;
  font-weight:bold;
}

.article {
  border-bottom:1px solid #a6b9c0;
  margin:20px 0px;
  padding-bottom:20px;
}

.article .title {
  font-family:arial;
  font-size:11pt;
  font-weight:bold;
}

.article .metadata {
  color:#666;
}

.article .text {
  font-size:9pt;
  line-height:150%;
  margin-top:20px;
  position:relative;
  text-align:justify;
}

.article .text .more-link {
  bottom:0px;
  position:absolute;
  left:0px;
}

.article .text .comment {
  bottom:0px;
  background:transparent url(comment.gif) no-repeat center left;
  padding-left:15px;
  position:absolute;
  right:0px;
}

.article .text .end {
  padding-top:30px;
}

.postAction {
  color:#666;
  font-size:7pt;
  margin-top:20px;
}

#newestForumTopics p {
  border-bottom:1px #c4c4c4 dotted;
  margin-bottom:2px;
}

#notFound {
  margin-top:20px;
}

#moreComics {
  border-top:1px #c4c4c4 dotted;
}

/****************/
/*** comments ***/
/****************/

.commentlist {
  margin:10px;
}

.commentlist li {
  padding:10px;
}

.commentlist li.alt {
  background-color:#f2f2f2;
}

/**************/
/*** footer ***/
/**************/

#footer {
  background-color:#cadbeb;
  height:30px;
  margin:20px 0px;
}

#footer .cornerTopLeft, #footer .cornerTopRight, #footer .cornerBottomLeft, #footer .cornerBottomRight {
  height:5px;
}

#footer .cornerTopLeft {
  background:transparent url(footerTopLeftRound.png) no-repeat top left;
}

#footer .cornerTopRight {
  background:transparent url(footerTopRightRound.png) no-repeat top right;
}

#footer .cornerBottomLeft {
  background:transparent url(footerBottomLeftRound.png) no-repeat bottom left;
}

#footer .cornerBottomRight {
  background:transparent url(footerBottomRightRound.png) no-repeat bottom right;
}

#footer .inner {
  color:#096594;
  height:20px;
  text-align:center;
}