----- 
----- 
@import definitions

#content img
  margin: 0 5px
  padding: 2px

#content
  li, dd
    margin-left: 30px
    line-height: 1.5em

  dt
    margin-top: 1em
    font-weight: bold

  dd
    font-style: italic

  p
    line-height: 1.5em
    margin: 1em 0
    
blockquote, .note
  color = !gray
  font-style: italic
  padding: 0 0 0 33px
  margin: 0
  background: url(../images/theme/quote.png) no-repeat top left

.hidden
  display: none

.preload
  background-position: -9999px -9999px

#navigation a
  display: block

#nav-about
  width: 115px
  height: 52px
  +button_img("about")

  &:hover
    +button_img("about_h")

.nav-about 
  +button_img("about_h")


#nav-other
  width: 130px
  height: 52px
  +button_img("other")

  &:hover
    +button_img("other_h")

.nav-other
  +button_img("other_h")

#nav-projects
  width: 127px
  height: 52px
  +button_img("projects")

  &:hover
    +button_img("projects_h")

.nav-projects
  +button_img("projects_h")


#nav-archives
  width: 155px
  height: 52px
  +button_img("archives")

  &:hover
    +button_img("archives_h")

.nav-archives
  +button_img("archives_h")

#services li
  margin-left: 0

#services h3
  display: block
  text-align: center
  a
    margin: auto
    display: block

#s-opinions
  width: 192px
  height: 52px
  +button_img("opinions")

  &:hover
    +button_img("opinions_h")

.s-opinions
  +button_img("opinions_h")

#s-tweets
  width: 183px
  height: 52px
  +button_img("tweets")

  &:hover
    +button_img("tweets_h")

.s-tweets
  +button_img("tweets_h")

#s-bookmarks
  width: 197px
  height: 52px
  +button_img("bookmarks")

  &:hover
    +button_img("bookmarks_h")

.s-bookmarks
  +button_img("bookmarks_h")

.spacer-20
  display: block
  height: 20px

.spacer-50
  display: block
  height: 50px

.spacer-100
  display: block
  height: 100px

.spacer-200
  display: block
  height: 200px

.feed-item
  list-style-type: none
  margin: 0.8em 0.3em

.feed-item-text, .feed-item-date
  display: block

.feed-item-text
  margin-top: 0.3em
  margin-left: 1em
  font-style: italic

.left-column
  float: left
  width: 400px

.right-column
  float: right
  width: 400px

.clearleft
  clear: both

.article-item
  padding: 0.5em 0
  display: block

.article-meta
  font-size: 0.8em

.tag
  font-weight: bold

.project-data
  border-left = 3px "double" !red
  padding: 0 1em 1em 1.5em
  margin: 0 0 0 1.5em
  height: 300px

ul
  overflow: hidden

  &.article-meta
    list-style-type: none

  &.article-buttons
    text-align: center
    list-style-type: none
    display: block
    margin: auto
    border = 1px "solid" !gray
    background: #fff
    padding: 5px 0

#content .article-buttons li
  font-family: "Arial", "Sans-serif"
  font-size: 0.8em
  font-weight: bold
  display: inline
  margin-left: 0
  vertical-align: top

#content .article-meta li
  margin-left: 0

.inner-border img
  margin-top: 7px

#legacy-comments, #intensedebate
  max-width: 800px
  margin: auto

.legacy-comment
  padding: 5px 0

.lc-header
  display: block
  height: 20px
  border: 1px solid #232323
  background: #121212
  padding: 5px

table
  +double_border

table
  &#timeline, &#taglist
    border: none

tr, td, th
  padding: 5px

td
  border-left = 1px "solid" !red
  border-right = 1px "solid" !red

th
  border = 1px "solid" !red

#taglist, #timeline
  width: 100%
  border-bottom: none
  margin: 20px 0

#taglist tr, #timeline tr
  padding: 2px
  width: 100%

#taglist td, #timeline td
  padding: 2px
  border-left: none
  border-right: none

#content input
  &[type=submit]
    color: #333
    border = 2px "solid" !gray
    background: #ccc
    outline: none
    padding: 0.1em 0.3em
    vertical-align: middle

    &:hover
      border: 2px solid #CF282D
      background: #eee
      color: #121212

    &:active
      background: #aaa
      outline: none

  &[type=text]
    color: #333
    border: 2px solid #333
    background: #fff
    outline: none
    text-align: left
    height: 21px
    vertical-align: middle

    &:hover, &:focus, &:active
      border: 2px solid #CF282D

#search_form
  clear: both


.gsc-resultsHeader, .gs-visibleUrl, .gsc-trailing-more-results, .gs-watermark
  display: none

.gsc-result
  padding: 0.5em 0

table.gsc-search-box
  height: 25px
  margin: auto
  margin-top: 20px

.gsc-control, .gsc-resultsRoot
  width: 850px

.gsc-search-box
  border: none

  td
    border: none

.gsc-input
  width: 400px

.gsc-branding
  color: #000
  font-style: italic
  font-size: 80%
  border: none
  margin: auto
  padding: 0

td.gsc-branding-img
  text-align: left

div.gsc-clear-button
  background: transparent url('../images/theme/icons/close.png') no-repeat center 50%
  width: 10px
  height: 10px

  &:hover
    cursor: pointer

.gsc-cursor-page
  display: inline
  padding-right: 7px

  &:hover
    cursor: pointer

.gsc-cursor-current-page
  font-weight: bold