@import "base.css"; /* v0.3 */
@import "extend.css"; /* v0.1 */
/**
 * Filename: screen-linestyle.css
 * URL: http://www.aiview.com
 * Author: Alex Zhang (alexzhangs@gmail.com)
 * Version: 0.2
 * Date: Jan 07, 2007
 * Description: This style is the screen style sheet.
 *
 */

/** Text and Links Color Configuration **/

body,
a:visited,
#tagcloud a {
  color: #333;
}

a:link,
#header a,
.individual-container h4,
.individual-container h5,
.individual-container h6,
#beta h2,
.entryheader a:link, .entryheader a:visited {
  color: #900;
}

#top-alpha a, .top-entry a:link, .top-entry a:visited {
  color: #999;
}


/** Border Color Configuration **/

#header,
#beta,
#beta h2 {
  border-color: #900;
}

#top-alpha,
blockquote,
.code,
.output,
.entrysummary {
  border-color: #eee;
}


/** Structure Configuration of Header **/

#header {
  height: 170px;
  position: relative;
  overflow: hidden;
}

#divide-bar {
  display: none;
}

.index-logo,
.subindex-logo,
.individual-logo {
  padding: 40px 2% 0 2%;
}

.index-header-description,
.subindex-header-description,
.individual-header-description {
  margin: 10px 0 5px 0;
}
/*
#logo {
  background-image: url("http://www.aiview.com/ref/2007/03/balance.gif");
}
*/
#navigation,
#crosssitenavigation {
  position: absolute;
  padding: 2px 2% 0 2%;
  height: 25px;
  width: 100%;
}

#navigation {
  top: 140px;
  left: 0;
}

#crosssitenavigation {
  top: 0;
  right: 0;
}

#top-alpha,
#header {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.index-header,
.subindex-header {
  font-size: 240%;
}

.individual-header {
  font-size: 180%;
}


/** Structure Configuration of Main Content **/

#main {
  margin: 20px 2% 20px 2%;
  position: relative;
}

#alpha {
  margin-right: 320px;
  position: relative;
  overflow-x: hidden;
}

#top-alpha {
  text-align: right;
}

.entry {
  position: relative;
}

.entryheader,
.top-entry {
  padding: 32px 0 16px 0;
}

.entryheader,
.entrybody {
  padding-right: 50px;
}

.top-entry {
  position: absolute;
  top: 0;
  right: 0;
}

* html .top-entry { /* IE Hacks */
  right: 350px;
}

.entryheader {
  font-size: 100%;
}


/** Structure Configuration of Side Bar **/

#beta {
  position: absolute;
  top: 0;
  right: 0;
  width: 240px;
  padding: 15px;
  border-left-width: 1px;
  border-left-style: solid;
}

#beta h2 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-left: 10px;
}

/** Style Configuration of Font **/

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, sans-serif;
}

#beta,
#top-alpha,
.top-entry,
.entrysummary,
.entrybody,
.entryfooter,
.entryinfo,
.subtitle,
.posted,
.comments,
.trackbacks {
  font-size: 90%;
}

#navigation,
#crossnavigation {
  font-size: 80%;
}

#main {
  line-height: 140%;
}

h4, h5, h6 {
  font-size: 100%;
}

ul h3 {
  font-size: 100%;
  font-weight: normal;
}

#beta h2{
  font-size: 100%;
}

#tagcloud a.h1 {
  font-size: 200%;
}

#tagcloud a.h2 {
  font-size: 180%;
}

#tagcloud a.h3 {
  font-size: 160%;
}

#tagcloud a.h4 {
  font-size: 140%;
}

#tagcloud a.h5 {
  font-size: 100%;
}

#tagcloud a.h6 {
  font-size: 90%;
}


/** Style Configuration of Links **/

.index-header a,
.subindex-header a,
.individual-header a,
.entryheader a,
#tagcloud a,
#recententrybar1 a,
#recententrybar2 a {
  text-decoration: none;
}


/** Style Configuration of Boxs **/

.individual-container .entry {
  margin: 40px 0 60px 0;
}

.entrysummary {
  border-width: 1px;
  border-style: solid;
  margin: 20px 0 20px 0;
  padding: 20px;
}

.yearly {
  padding-left: 0;
}

.yearly dt {
  margin-top: 10px;
}

.yearly dd {
  display: inline;
  padding-left: 20px;
}

.entryinfo dl {
  font-size: 90%;
}

.entryinfo dt {
  font-weight: bold;
}

.module-content {
  margin: 0 0 40px 0;
  padding: 0 20px 0 20px;
}

#section {
  float: right;
  width: 260px;
  padding: 5px;
  margin: 16px;
}

h4.section-header {
  font-size: 100%;
  text-align: center;
  padding: 0;
}

#sitemap ul li {
  list-style-image: url(/images/arrow.gif);
}

.posted {
  border-width: 1px;
  border-top-style: dotted;
  text-align: right;
}

.comments,
.trackbacks {
  padding-bottom: 32px;
}

#recententry {
  position: relative;
}

#recententry2,
#recententry3,
#recententry4,
#recententry5 {
  display: none;
}

#recententrybar1 {
  position: absolute;
  left: 5px;
  top: -20px;
  width: 80px;
}

#recententrybar2 {
  position: absolute;
  right: 5px;
  top: -20px;
  width: 80px;
  text-align: right;
}