/* Stylesheet for Allison RDoc template */
/* Copyright 2006 Cloudburst LLC */

/* default styles */

* {
  margin: 0
  padding: 0
  border: none
}

a {
  color: @bright_pink = "#E5366F"
  font-weight: bold
  text-decoration: none
}

a:hover {
  text-decoration: underline
} a:visited {
  font-weight: normal
}

html, body {
	color: @body_color = "#270f2b"
	font: 1em helvetica, verdana, sans
	background-color: @background_pink = "#faf6fa"
	text-align: center
	margin: 0
	padding: 0
}

p, ul, ol, li {
  line-height: @lh = "1.4em"
  margin: .4em
} p {
  margin: @lh
} h1 {
  margin-top: .4em
} #item_name {
  margin-top: -.4em
}

h2 {
  font-size: 2em
  margin-top: 1em
  margin-right: -1em
}


/* center everything */

#container {
  margin: 20px auto 0 auto
  width: @width = 900
  text-align: left
}


@buffer = 10

/* header stuff */

#header {
   padding: @buffer
   padding-top: 0
   width: @width - @buffer * 2
   height: @d= 91 - @buffer * 2
   _height: @d + @buffer
   margin-bottom: 25px
   vertical-align: baseline
   background: url('data:image/gif;base64,%allison.gif%') no-repeat top right
   background-color: @red_purple = "#6e2640"
   overflow: hidden
} .curve {
  background-color: @red_purple
  margin: 0
  padding: 0
  height: 1px
  overflow: hidden /* again, ie problem */
} 

def curve(div_id, curve_array, width); s = ""; curve_array.length.times {|n| s += "\n##{div_id}#{curve_array.length - 1 - n}{border-left: #{curve_array[n]}px solid #{@background_pink}; border-right: #{curve_array[n]}px solid #{@background_pink}; width: #{width - curve_array[n]*2}px; _width: #{width - 20}px; }"}; s; end
@curves = [0, 1, 1, 1, 2, 2, 3, 4, 5, 7, 10]

curve("preheader_curve_", @curves, @width)

#header h1 {
  color: @white = "#fff"
  font-size: 3em
  margin: 0
 } #header p {
  margin: 0
  padding: 0
  padding-left: 3px
  color: @white
} #header a {
  color: @white
  text-decoration: none
  font-weight: bold
}

/* basic layout and navigation bars */
  
#left {
  background-color: @deep_purple = "#411948"
  width: @left_width = 220
  float: left
  _width: @left_width - @buffer * 2
} #left a {
  line-height: 1.2em
} #left div.curve {
  float: left
  background-color: @deep_purple
} 

    /* navigation bar colors and text styles */
    
    .navigation {
      width: @left_width - @buffer * 4
      margin: @buffer
      padding: @buffer
      text-align: left
      background-color: @background_pink
      overflow: hidden
    } .navigation a, {
      margin-left: @buffer
    } .navigation h3 {
      font-weight: bold
      margin-bottom: 5px  
    } .dark {
      background-color: @gray_purple = "#B99AB8"
    } .dark a, .dark span {
      color: @white
      margin-left: @buffer
    } span.bpink {
      color: @bright_pink
      font-weight: bold
      margin-left: @buffer
    } span.bpink a, .dark span a {
      margin-left: 0
    } #spacer {
      background-color: @background_pink
      height: @buffer * 3
      display: none
    }

#content {
  padding: @content_padding = 20
  width: @width - @left_width - @content_padding * 2
  background-color: @background_pink
  float: left
}

.clear {
  clear: both
}

#footer {
  margin: 0 auto
  text-align: right
  background-color: @background_pink
  font-size: .8em
  padding: @buffer
} #footer a {
  font-weight: normal
  color: @gray_purple
}

/* for that dumb redirect index page I can't avoid */

#redirect {
  text-align: center  
} #redirect a {
  color: @deep_purple
}

/* tables */

table {
  width: @width - @left_width - @buffer * 8
  border-collapse: collapse
}
td, th {
  background-color: @background_pink
  text-align: left
  padding-left: @td = @buffer / 2
  padding-right: @td
  padding-top: @td
  line-height: 1.2em
} th {
  color: @white
  background-color: @red_purple
} th.description {
  text-align: center
} td.highlight {
  color: @bright_pink
} td.first, th.first {
  background-color: @red_purple
}
  

/* method details */
  
div.a_method {
  background: @red_purple
  padding-left: @buffer
  margin-left: @buffer * 2 + 2
} div.a_method h3 {
  color: @bright_pink
} div.a_method div {
  background: @background_pink
  padding-left: @buffer
} div.a_method a.small {
  font-size: .1em
  line-height: .1em
} div.a_method p {
  margin: .6em
  margin-left: @lh
}

div.section_spacer {
  height: 0
  margin-top: @buffer * 2  
}


/* index includes on the navigation bar */

div.index a {
  font-size: .8em
} #method {
  display: none 
} #file, #class {
  display: block
} div.list_header {
  float: left
} div.list_header_link {
  float: right
  padding-top: 3px
} div.list_header_link a {
  font-weight: normal
} #method_wrapper {
  margin-bottom: 0
}

.index label {
  font-size: 0.8em
} .index form input {
  width: @left_width - @buffer * 11
} .index form {
   margin-bottom: @buffer
}

curve("left_curve_", @curves.reverse, @left_width)

ol, ul {
  margin-left: @buffer * 5
} ul {
  list-style-type: square
}

p.source_link a {
  text-align: right
  font-weight: normal
} div.source {
  display: none
} pre {
  color: black
  font-weight: normal
  font-family: Courier, Courier New, monospace
  font-size: .8em
  padding: @buffer
  margin-left: @buffer * 2
  overflow: auto
  /* next 4 lines because IE sucks */
  _position: relative
  _width: @width - @left_width - (@buffer * 11 + 3)
  _overflow-x:scroll
  _overflow-y:visible
} div.source pre {
  margin-left: 0
} p.source_link {
  text-align: center
} 

/* source code highlighting */

pre .ruby-value, pre .ruby-symbol {
  color: @blue = "#1104bb"
} pre .ruby-value.str, pre .ruby-node {
  color:  @bright_pink #red = "#d20000"
} pre .ruby-ivar, pre .ruby-cvar {
} pre .ruby-comment {
  color: @green = "#009500"
} pre .ruby-constant {
  color: @orange = "#cd8802"
} pre .ruby-keyword {
  color: @purple = "#8d04aa"
}